Skip to content

Instantly share code, notes, and snippets.

@grosscorporation
Last active October 3, 2017 18:18
Show Gist options
  • Save grosscorporation/377eee555b5ded2154c216137f5e4e16 to your computer and use it in GitHub Desktop.
Save grosscorporation/377eee555b5ded2154c216137f5e4e16 to your computer and use it in GitHub Desktop.
Gross UI
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>GistRun</title>
<link rel="stylesheet" href="styles.css">
</head>
<body class="ks-navbar-fixed ks-sidebar-empty ks-sidebar-position-fixed ks-page-header-fixed ks-theme-primary ks-page-loading {{title}}">
<!-- BEGIN HEADER -->
<nav class="navbar ks-navbar">
<!-- BEGIN HEADER INNER -->
<!-- BEGIN LOGO -->
<div href="index.html" class="navbar-brand">
<!-- BEGIN RESPONSIVE SIDEBAR TOGGLER -->
<a href="#" class="ks-sidebar-toggle"><i class="ks-icon la la-bars" aria-hidden="true"></i></a>
<a href="#" class="ks-sidebar-mobile-toggle"><i class="ks-icon la la-bars" aria-hidden="true"></i></a>
<!-- END RESPONSIVE SIDEBAR TOGGLER -->
<div class="ks-navbar-logo">
<a href="index.html" class="ks-logo"><img height="30" width="26"
src="/app/assets/img/logos/G-white.png"/></a>
</div>
</div>
<!-- END LOGO -->
<!-- BEGIN MENUS -->
<div class="ks-wrapper">
<nav class="nav navbar-nav">
<!-- BEGIN NAVBAR MENU -->
<div class="ks-navbar-menu">
<form class="ks-search-form">
<a class="ks-search-open" href="#">
<span class="la la-search"></span>
</a>
<div class="ks-wrapper">
<div class="input-icon icon-right icon icon-lg icon-color-primary">
<input id="input-group-icon-text" type="text" class="form-control" placeholder="Search...">
<span class="icon-addon">
<span class="la la-search ks-icon"></span>
</span>
</div>
<a class="ks-search-close" href="#">
<span class="la la-close"></span>
</a>
</div>
</form>
<div class="nav-item dropdown">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button"
aria-haspopup="true" aria-expanded="false">
Accounting
</a>
<div class="dropdown-menu ks-info" aria-labelledby="Preview">
<a class="dropdown-item ks-active" ui-sref="app.taxes">Taxes</a>
<a class="dropdown-item" ui-sref="app.expenses">Expenses</a>
<a class="dropdown-item" ui-sref="app.payments">Payments</a>
</div>
</div>
<div class="nav-item nav-link">
<a class="nav-link" ui-sref="app.reports">
Reports
</a>
</div>
<div class="nav-item nav-link ks-btn-action">
<button class="btn btn-primary-outline ks-solid">Point of Sale</button>
</div>
</div>
<!-- END NAVBAR MENU -->
<!-- BEGIN NAVBAR ACTIONS -->
<div class="ks-navbar-actions">
<!-- BEGIN NAVBAR ACTION BUTTON -->
<!---div class="nav-item nav-link btn-action-block">
<a class="btn btn-success" href="#">
<span class="ks-action">Free Plan</span>
<span class="ks-description">upgrade your plan</span>
</a>
</div---->
<!-- END NAVBAR ACTION BUTTON -->
<!-- BEGIN NAVBAR LANGUAGES -->
<div class="nav-item dropdown ks-languages">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button"
aria-haspopup="true" aria-expanded="false">
EN <span class="ks-text">Languages</span>
</a>
<div class="dropdown-menu dropdown-menu-right ks-scrollable" aria-labelledby="Preview">
<div class="ks-wrapper">
<a href="#" class="ks-language ks-selected">
<span class="flag-icon flag-icon-us ks-icon"></span>
<span class="ks-text">English</span>
</a>
<a href="#" class="ks-language">
<span class="flag-icon flag-icon-pl ks-icon"></span>
<span class="ks-text">Polski</span>
</a>
<a href="#" class="ks-language">
<span class="flag-icon flag-icon-de ks-icon"></span>
<span class="ks-text">Deutsch</span>
</a>
<a href="#" class="ks-language">
<span class="flag-icon flag-icon-lt ks-icon"></span>
<span class="ks-text">Lietuvių</span>
</a>
<a href="#" class="ks-language">
<span class="flag-icon flag-icon-fr ks-icon"></span>
<span class="ks-text">Français</span>
</a>
<a href="#" class="ks-language">
<span class="flag-icon flag-icon-by ks-icon"></span>
<span class="ks-text">Беларуская</span>
</a>
<a href="#" class="ks-language">
<span class="flag-icon flag-icon-it ks-icon"></span>
<span class="ks-text">Italiano</span>
</a>
<a href="#" class="ks-language">
<span class="flag-icon flag-icon-ua ks-icon"></span>
<span class="ks-text">Українська</span>
</a>
<a href="#" class="ks-language">
<span class="flag-icon flag-icon-es ks-icon"></span>
<span class="ks-text">Español</span>
</a>
<a href="#" class="ks-language">
<span class="flag-icon flag-icon-ru ks-icon"></span>
<span class="ks-text">Русский</span>
</a>
<a href="#" class="ks-language">
<span class="flag-icon flag-icon-cz ks-icon"></span>
<span class="ks-text">Česky</span>
</a>
<a href="#" class="ks-language">
<span class="flag-icon flag-icon-jp ks-icon"></span>
<span class="ks-text">日本語</span>
</a>
<a href="#" class="ks-language">
<span class="flag-icon flag-icon-cn ks-icon"></span>
<span class="ks-text">中文</span>
</a>
<a href="#" class="ks-language">
<span class="flag-icon flag-icon-tr ks-icon"></span>
<span class="ks-text">Türkçe</span>
</a>
</div>
</div>
</div>
<!-- END NAVBAR LANGUAGES -->
<!-- BEGIN NAVBAR NOTIFICATIONS -->
<div class="nav-item dropdown ks-notifications">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button"
aria-haspopup="true" aria-expanded="false">
<span class="la la-bell ks-icon" aria-hidden="true">
<span class="badge badge-pill badge-info">7</span>
</span>
<span class="ks-text">Notifications</span>
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="Preview">
<ul class="nav nav-tabs ks-nav-tabs ks-info" role="tablist">
<li class="nav-item">
<a class="nav-link active" href="#" data-toggle="tab"
data-target="#navbar-notifications-all" role="tab">All</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#" data-toggle="tab"
data-target="#navbar-notifications-activity" role="tab">Activity</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane ks-notifications-tab active" id="navbar-notifications-all"
role="tabpanel">
<div class="ks-wrapper ks-scrollable">
<a href="#" class="ks-notification">
<div class="ks-avatar">
<img src="/app/assets/img/user-placeholder.png" width="36" height="36">
</div>
<div class="ks-info">
<div class="ks-user-name">Emily Carter <span class="ks-description">has uploaded 1 file</span>
</div>
<div class="ks-text"><span class="la la-file-text-o ks-icon"></span> logo
vector doc
</div>
<div class="ks-datetime">1 minute ago</div>
</div>
</a>
<a href="#" class="ks-notification">
<div class="ks-action">
<span class="ks-default">
<span class="la la-briefcase ks-icon"></span>
</span>
</div>
<div class="ks-info">
<div class="ks-user-name">New project created</div>
<div class="ks-text">Dashboard UI</div>
<div class="ks-datetime">1 minute ago</div>
</div>
</a>
<a href="#" class="ks-notification">
<div class="ks-action">
<span class="ks-error">
<span class="la la-times-circle ks-icon"></span>
</span>
</div>
<div class="ks-info">
<div class="ks-user-name">File upload error</div>
<div class="ks-text"><span class="la la-file-text-o ks-icon"></span> logo
vector doc
</div>
<div class="ks-datetime">10 minutes ago</div>
</div>
</a>
</div>
<div class="ks-view-all">
<a href="#">Show more</a>
</div>
</div>
<div class="tab-pane ks-empty" id="navbar-notifications-activity" role="tabpanel">
There are no activities.
</div>
</div>
</div>
</div>
<!-- END NAVBAR NOTIFICATIONS -->
<!-- BEGIN NAVBAR USER -->
<div class="nav-item dropdown ks-user">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button"
aria-haspopup="true" aria-expanded="false">
<span class="ks-avatar">
<img src="/app/assets/img/user-placeholder.png" width="36" height="36">
</span>
<span class="ks-info">
<span class="ks-name">Robert</span>
</span>
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="Preview">
<a class="dropdown-item" ui-sref="app.profile">
<span class="la la-user ks-icon"></span>
<span>Profile</span>
</a>
<a class="dropdown-item" ui-sref="app.settings">
<span class="la la-wrench ks-icon" aria-hidden="true"></span>
<span>Settings</span>
</a>
<a class="dropdown-item" ui-sref="app.help">
<span class="la la-question-circle ks-icon" aria-hidden="true"></span>
<span>Help</span>
</a>
<a class="dropdown-item" href="#" ng-click="logOut()">
<span class="la la-sign-out ks-icon" aria-hidden="true"></span>
<span>Logout</span>
</a>
</div>
</div>
<!-- END NAVBAR USER -->
</div>
<!-- END NAVBAR ACTIONS -->
</nav>
<!-- BEGIN NAVBAR ACTIONS TOGGLER -->
<nav class="nav navbar-nav ks-navbar-actions-toggle">
<a class="nav-item nav-link" href="#">
<span class="la la-ellipsis-h ks-icon ks-open"></span>
<span class="la la-close ks-icon ks-close"></span>
</a>
</nav>
<!-- END NAVBAR ACTIONS TOGGLER -->
<!-- BEGIN NAVBAR MENU TOGGLER -->
<nav class="nav navbar-nav ks-navbar-menu-toggle">
<a class="nav-item nav-link" href="#">
<span class="la la-th ks-icon ks-open"></span>
<span class="la la-close ks-icon ks-close"></span>
</a>
</nav>
<!-- END NAVBAR MENU TOGGLER -->
</div>
<!-- END MENUS -->
<!-- END HEADER INNER -->
</nav>
<!-- END HEADER -->
<!-- BEGIN NAVBAR HORIZONTAL -->
<div class="ks-navbar-horizontal ks-info hide-before-load">
<ul class="nav nav-pills">
<li class="nav-item">
<a class="nav-link active" ui-sref="app.dashboard">Dashboard</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true"
aria-expanded="false">
Invoices
</a>
<div class="dropdown-menu">
<a class="dropdown-item" ui-sref="app.invoices">Invoice List</a>
<a class="dropdown-item" ui-sref="app.invoices_new">Invoice Create</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true"
aria-expanded="false">
Quotes
</a>
<div class="dropdown-menu">
<a class="dropdown-item" ui-sref="app.quotes">Quote List</a>
<a class="dropdown-item" ui-sref="app.quotes_new">Quote Create</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true"
aria-expanded="false">
Orders
</a>
<div class="dropdown-menu">
<a class="dropdown-item" ui-sref="app.orders">Order List</a>
<a class="dropdown-item" ui-sref="app.orders_new">Order Create</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true"
aria-expanded="false">
Customers
</a>
<div class="dropdown-menu">
<a class="dropdown-item" ui-sref="app.customers">Customer List</a>
<a class="dropdown-item" ui-sref="app.customers_new">Customer Create</a>
<a class="dropdown-item" ui-sref="app.contacts">Contacts</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true"
aria-expanded="false">
<span>Suppliers</span>
</a>
<div class="dropdown-menu">
<a class="dropdown-item" ui-sref="app.suppliers">Supplier List</a>
<a class="dropdown-item" ui-sref="app.suppliers_new">Create</a>
</div>
</li>
<li class="nav-item dropdown ks-navbar-horizontal-responsive">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true"
aria-expanded="false">
<span class="la la-bars ks-icon"></span>
</a>
<div class="dropdown-menu dropdown-menu-right"></div>
</li>
</ul>
</div>
<!-- END NAVBAR HORIZONTAL -->
<ui-view></ui-view>
</body>
</html>
/*!
* Bootstrap v4.0.0-alpha.6 (https://getbootstrap.com)
* Copyright 2011-2017 The Bootstrap Authors
* Copyright 2011-2017 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
html {
font-family: sans-serif;
line-height: 1.15;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
footer,
header,
nav,
section {
display: block;
}
h1 {
font-size: 2em;
margin: .67em 0;
}
figcaption,
figure,
main {
display: block;
}
figure {
margin: 1em 40px;
}
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible;
}
pre {
font-family: monospace,monospace;
font-size: 1em;
}
a {
background-color: transparent;
-webkit-text-decoration-skip: objects;
}
a:active,
a:hover {
outline-width: 0;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
}
b,
strong {
font-weight: inherit;
}
b,
strong {
font-weight: bolder;
}
code,
kbd,
samp {
font-family: monospace,monospace;
font-size: 1em;
}
dfn {
font-style: italic;
}
mark {
background-color: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -.25em;
}
sup {
top: -.5em;
}
audio,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
img {
border-style: none;
}
svg:not(:root) {
overflow: hidden;
}
button,
input,
optgroup,
select,
textarea {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
[type=reset],
[type=submit],
button,
html [type=button] {
-webkit-appearance: button;
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
border-style: none;
padding: 0;
}
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: .35em .625em .75em;
}
legend {
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
progress {
display: inline-block;
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type=checkbox],
[type=radio] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
details,
menu {
display: block;
}
summary {
display: list-item;
}
canvas {
display: inline-block;
}
template {
display: none;
}
[hidden] {
display: none;
}
@media print {
*,
::after,
::before,
blockquote::first-letter,
blockquote::first-line,
div::first-letter,
div::first-line,
li::first-letter,
li::first-line,
p::first-letter,
p::first-line {
text-shadow: none!important;
-webkit-box-shadow: none!important;
box-shadow: none!important;
}
a,
a:visited {
text-decoration: underline;
}
abbr[title]::after {
content: " (" attr(title) ")";
}
pre {
white-space: pre-wrap!important;
}
blockquote,
pre {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
img,
tr {
page-break-inside: avoid;
}
h2,
h3,
p {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
.navbar {
display: none;
}
.badge {
border: 1px solid #000;
}
.table {
border-collapse: collapse!important;
}
.table td,
.table th {
background-color: #fff!important;
}
.table-bordered td,
.table-bordered th {
border: 1px solid #ddd!important;
}
}
html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
*,
::after,
::before {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
@-ms-viewport {
width: device-width;
}
html {
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: transparent;
}
body {
font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #292b2c;
background-color: #fff;
}
[tabindex="-1"]:focus {
outline: 0!important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
margin-bottom: .5rem;
}
p {
margin-top: 0;
margin-bottom: 1rem;
}
abbr[data-original-title],
abbr[title] {
cursor: help;
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit;
}
dl,
ol,
ul {
margin-top: 0;
margin-bottom: 1rem;
}
ol ol,
ol ul,
ul ol,
ul ul {
margin-bottom: 0;
}
dt {
font-weight: 700;
}
dd {
margin-bottom: .5rem;
margin-left: 0;
}
blockquote {
margin: 0 0 1rem;
}
a {
color: #0275d8;
text-decoration: none;
}
a:focus,
a:hover {
color: #014c8c;
text-decoration: underline;
}
a:not([href]):not([tabindex]) {
color: inherit;
text-decoration: none;
}
a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
color: inherit;
text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
outline: 0;
}
pre {
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
}
figure {
margin: 0 0 1rem;
}
img {
vertical-align: middle;
}
[role=button] {
cursor: pointer;
}
[role=button],
a,
area,
button,
input,
label,
select,
summary,
textarea {
-ms-touch-action: manipulation;
touch-action: manipulation;
}
table {
border-collapse: collapse;
background-color: transparent;
}
caption {
padding-top: .75rem;
padding-bottom: .75rem;
color: #636c72;
text-align: left;
caption-side: bottom;
}
th {
text-align: left;
}
label {
display: inline-block;
margin-bottom: .5rem;
}
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
}
button,
input,
select,
textarea {
line-height: inherit;
}
input[type=checkbox]:disabled,
input[type=radio]:disabled {
cursor: not-allowed;
}
input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
-webkit-appearance: listbox;
}
textarea {
resize: vertical;
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: .5rem;
font-size: 1.5rem;
line-height: inherit;
}
input[type=search] {
-webkit-appearance: none;
}
output {
display: inline-block;
}
[hidden] {
display: none!important;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: .5rem;
font-family: inherit;
font-weight: 500;
line-height: 1.1;
color: inherit;
}
.h1,
h1 {
font-size: 2.5rem;
}
.h2,
h2 {
font-size: 2rem;
}
.h3,
h3 {
font-size: 1.75rem;
}
.h4,
h4 {
font-size: 1.5rem;
}
.h5,
h5 {
font-size: 1.25rem;
}
.h6,
h6 {
font-size: 1rem;
}
.lead {
font-size: 1.25rem;
font-weight: 300;
}
.display-1 {
font-size: 6rem;
font-weight: 300;
line-height: 1.1;
}
.display-2 {
font-size: 5.5rem;
font-weight: 300;
line-height: 1.1;
}
.display-3 {
font-size: 4.5rem;
font-weight: 300;
line-height: 1.1;
}
.display-4 {
font-size: 3.5rem;
font-weight: 300;
line-height: 1.1;
}
hr {
margin-top: 1rem;
margin-bottom: 1rem;
border: 0;
border-top: 1px solid rgba(0,0,0,.1);
}
.small,
small {
font-size: 80%;
font-weight: 400;
}
.mark,
mark {
padding: .2em;
background-color: #fcf8e3;
}
.list-unstyled {
padding-left: 0;
list-style: none;
}
.list-inline {
padding-left: 0;
list-style: none;
}
.list-inline-item {
display: inline-block;
}
.list-inline-item:not(:last-child) {
margin-right: 5px;
}
.initialism {
font-size: 90%;
text-transform: uppercase;
}
.blockquote {
padding: .5rem 1rem;
margin-bottom: 1rem;
font-size: 1.25rem;
border-left: .25rem solid #eceeef;
}
.blockquote-footer {
display: block;
font-size: 80%;
color: #636c72;
}
.blockquote-footer::before {
content: "\2014 \00A0";
}
.blockquote-reverse {
padding-right: 1rem;
padding-left: 0;
text-align: right;
border-right: .25rem solid #eceeef;
border-left: 0;
}
.blockquote-reverse .blockquote-footer::before {
content: "";
}
.blockquote-reverse .blockquote-footer::after {
content: "\00A0 \2014";
}
.img-fluid {
max-width: 100%;
height: auto;
}
.img-thumbnail {
padding: .25rem;
background-color: #fff;
border: 1px solid #ddd;
border-radius: .25rem;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
max-width: 100%;
height: auto;
}
.figure {
display: inline-block;
}
.figure-img {
margin-bottom: .5rem;
line-height: 1;
}
.figure-caption {
font-size: 90%;
color: #636c72;
}
code,
kbd,
pre,
samp {
font-family: Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
}
code {
padding: .2rem .4rem;
font-size: 90%;
color: #bd4147;
background-color: #f7f7f9;
border-radius: .25rem;
}
a>code {
padding: 0;
color: inherit;
background-color: inherit;
}
kbd {
padding: .2rem .4rem;
font-size: 90%;
color: #fff;
background-color: #292b2c;
border-radius: .2rem;
}
kbd kbd {
padding: 0;
font-size: 100%;
font-weight: 700;
}
pre {
display: block;
margin-top: 0;
margin-bottom: 1rem;
font-size: 90%;
color: #292b2c;
}
pre code {
padding: 0;
font-size: inherit;
color: inherit;
background-color: transparent;
border-radius: 0;
}
.pre-scrollable {
max-height: 340px;
overflow-y: scroll;
}
.container {
position: relative;
margin-left: auto;
margin-right: auto;
padding-right: 15px;
padding-left: 15px;
}
@media (min-width:576px) {
.container {
padding-right: 15px;
padding-left: 15px;
}
}
@media (min-width:768px) {
.container {
padding-right: 15px;
padding-left: 15px;
}
}
@media (min-width:992px) {
.container {
padding-right: 15px;
padding-left: 15px;
}
}
@media (min-width:1200px) {
.container {
padding-right: 15px;
padding-left: 15px;
}
}
@media (min-width:576px) {
.container {
width: 540px;
max-width: 100%;
}
}
@media (min-width:768px) {
.container {
width: 720px;
max-width: 100%;
}
}
@media (min-width:992px) {
.container {
width: 960px;
max-width: 100%;
}
}
@media (min-width:1200px) {
.container {
width: 1140px;
max-width: 100%;
}
}
.container-fluid {
position: relative;
margin-left: auto;
margin-right: auto;
padding-right: 15px;
padding-left: 15px;
}
@media (min-width:576px) {
.container-fluid {
padding-right: 15px;
padding-left: 15px;
}
}
@media (min-width:768px) {
.container-fluid {
padding-right: 15px;
padding-left: 15px;
}
}
@media (min-width:992px) {
.container-fluid {
padding-right: 15px;
padding-left: 15px;
}
}
@media (min-width:1200px) {
.container-fluid {
padding-right: 15px;
padding-left: 15px;
}
}
.row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
@media (min-width:576px) {
.row {
margin-right: -15px;
margin-left: -15px;
}
}
@media (min-width:768px) {
.row {
margin-right: -15px;
margin-left: -15px;
}
}
@media (min-width:992px) {
.row {
margin-right: -15px;
margin-left: -15px;
}
}
@media (min-width:1200px) {
.row {
margin-right: -15px;
margin-left: -15px;
}
}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters>.col,
.no-gutters>[class*=col-] {
padding-right: 0;
padding-left: 0;
}
.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9 {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
@media (min-width:576px) {
.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9 {
padding-right: 15px;
padding-left: 15px;
}
}
@media (min-width:768px) {
.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9 {
padding-right: 15px;
padding-left: 15px;
}
}
@media (min-width:992px) {
.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9 {
padding-right: 15px;
padding-left: 15px;
}
}
@media (min-width:1200px) {
.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9 {
padding-right: 15px;
padding-left: 15px;
}
}
.col {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.col-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.333333%;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.666667%;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.333333%;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.666667%;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.333333%;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.666667%;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.333333%;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.666667%;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.pull-0 {
right: auto;
}
.pull-1 {
right: 8.333333%;
}
.pull-2 {
right: 16.666667%;
}
.pull-3 {
right: 25%;
}
.pull-4 {
right: 33.333333%;
}
.pull-5 {
right: 41.666667%;
}
.pull-6 {
right: 50%;
}
.pull-7 {
right: 58.333333%;
}
.pull-8 {
right: 66.666667%;
}
.pull-9 {
right: 75%;
}
.pull-10 {
right: 83.333333%;
}
.pull-11 {
right: 91.666667%;
}
.pull-12 {
right: 100%;
}
.push-0 {
left: auto;
}
.push-1 {
left: 8.333333%;
}
.push-2 {
left: 16.666667%;
}
.push-3 {
left: 25%;
}
.push-4 {
left: 33.333333%;
}
.push-5 {
left: 41.666667%;
}
.push-6 {
left: 50%;
}
.push-7 {
left: 58.333333%;
}
.push-8 {
left: 66.666667%;
}
.push-9 {
left: 75%;
}
.push-10 {
left: 83.333333%;
}
.push-11 {
left: 91.666667%;
}
.push-12 {
left: 100%;
}
.offset-1 {
margin-left: 8.333333%;
}
.offset-2 {
margin-left: 16.666667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.333333%;
}
.offset-5 {
margin-left: 41.666667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.333333%;
}
.offset-8 {
margin-left: 66.666667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.333333%;
}
.offset-11 {
margin-left: 91.666667%;
}
@media (min-width:576px) {
.col-sm {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-sm-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.col-sm-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.333333%;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-sm-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.666667%;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-sm-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.333333%;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-sm-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.666667%;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-sm-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.333333%;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-sm-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.666667%;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-sm-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.333333%;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-sm-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.666667%;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-sm-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.pull-sm-0 {
right: auto;
}
.pull-sm-1 {
right: 8.333333%;
}
.pull-sm-2 {
right: 16.666667%;
}
.pull-sm-3 {
right: 25%;
}
.pull-sm-4 {
right: 33.333333%;
}
.pull-sm-5 {
right: 41.666667%;
}
.pull-sm-6 {
right: 50%;
}
.pull-sm-7 {
right: 58.333333%;
}
.pull-sm-8 {
right: 66.666667%;
}
.pull-sm-9 {
right: 75%;
}
.pull-sm-10 {
right: 83.333333%;
}
.pull-sm-11 {
right: 91.666667%;
}
.pull-sm-12 {
right: 100%;
}
.push-sm-0 {
left: auto;
}
.push-sm-1 {
left: 8.333333%;
}
.push-sm-2 {
left: 16.666667%;
}
.push-sm-3 {
left: 25%;
}
.push-sm-4 {
left: 33.333333%;
}
.push-sm-5 {
left: 41.666667%;
}
.push-sm-6 {
left: 50%;
}
.push-sm-7 {
left: 58.333333%;
}
.push-sm-8 {
left: 66.666667%;
}
.push-sm-9 {
left: 75%;
}
.push-sm-10 {
left: 83.333333%;
}
.push-sm-11 {
left: 91.666667%;
}
.push-sm-12 {
left: 100%;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.333333%;
}
.offset-sm-2 {
margin-left: 16.666667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.333333%;
}
.offset-sm-5 {
margin-left: 41.666667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.333333%;
}
.offset-sm-8 {
margin-left: 66.666667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.333333%;
}
.offset-sm-11 {
margin-left: 91.666667%;
}
}
@media (min-width:768px) {
.col-md {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-md-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.col-md-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.333333%;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-md-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.666667%;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-md-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.333333%;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-md-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.666667%;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-md-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.333333%;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-md-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.666667%;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-md-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.333333%;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-md-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.666667%;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-md-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.pull-md-0 {
right: auto;
}
.pull-md-1 {
right: 8.333333%;
}
.pull-md-2 {
right: 16.666667%;
}
.pull-md-3 {
right: 25%;
}
.pull-md-4 {
right: 33.333333%;
}
.pull-md-5 {
right: 41.666667%;
}
.pull-md-6 {
right: 50%;
}
.pull-md-7 {
right: 58.333333%;
}
.pull-md-8 {
right: 66.666667%;
}
.pull-md-9 {
right: 75%;
}
.pull-md-10 {
right: 83.333333%;
}
.pull-md-11 {
right: 91.666667%;
}
.pull-md-12 {
right: 100%;
}
.push-md-0 {
left: auto;
}
.push-md-1 {
left: 8.333333%;
}
.push-md-2 {
left: 16.666667%;
}
.push-md-3 {
left: 25%;
}
.push-md-4 {
left: 33.333333%;
}
.push-md-5 {
left: 41.666667%;
}
.push-md-6 {
left: 50%;
}
.push-md-7 {
left: 58.333333%;
}
.push-md-8 {
left: 66.666667%;
}
.push-md-9 {
left: 75%;
}
.push-md-10 {
left: 83.333333%;
}
.push-md-11 {
left: 91.666667%;
}
.push-md-12 {
left: 100%;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.333333%;
}
.offset-md-2 {
margin-left: 16.666667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.333333%;
}
.offset-md-5 {
margin-left: 41.666667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.333333%;
}
.offset-md-8 {
margin-left: 66.666667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.333333%;
}
.offset-md-11 {
margin-left: 91.666667%;
}
}
@media (min-width:992px) {
.col-lg {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-lg-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.col-lg-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.333333%;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-lg-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.666667%;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-lg-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.333333%;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-lg-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.666667%;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-lg-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.333333%;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-lg-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.666667%;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-lg-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.333333%;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-lg-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.666667%;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-lg-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.pull-lg-0 {
right: auto;
}
.pull-lg-1 {
right: 8.333333%;
}
.pull-lg-2 {
right: 16.666667%;
}
.pull-lg-3 {
right: 25%;
}
.pull-lg-4 {
right: 33.333333%;
}
.pull-lg-5 {
right: 41.666667%;
}
.pull-lg-6 {
right: 50%;
}
.pull-lg-7 {
right: 58.333333%;
}
.pull-lg-8 {
right: 66.666667%;
}
.pull-lg-9 {
right: 75%;
}
.pull-lg-10 {
right: 83.333333%;
}
.pull-lg-11 {
right: 91.666667%;
}
.pull-lg-12 {
right: 100%;
}
.push-lg-0 {
left: auto;
}
.push-lg-1 {
left: 8.333333%;
}
.push-lg-2 {
left: 16.666667%;
}
.push-lg-3 {
left: 25%;
}
.push-lg-4 {
left: 33.333333%;
}
.push-lg-5 {
left: 41.666667%;
}
.push-lg-6 {
left: 50%;
}
.push-lg-7 {
left: 58.333333%;
}
.push-lg-8 {
left: 66.666667%;
}
.push-lg-9 {
left: 75%;
}
.push-lg-10 {
left: 83.333333%;
}
.push-lg-11 {
left: 91.666667%;
}
.push-lg-12 {
left: 100%;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.333333%;
}
.offset-lg-2 {
margin-left: 16.666667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.333333%;
}
.offset-lg-5 {
margin-left: 41.666667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.333333%;
}
.offset-lg-8 {
margin-left: 66.666667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.333333%;
}
.offset-lg-11 {
margin-left: 91.666667%;
}
}
@media (min-width:1200px) {
.col-xl {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-xl-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.col-xl-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.333333%;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-xl-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.666667%;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-xl-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.333333%;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-xl-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.666667%;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-xl-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.333333%;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-xl-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.666667%;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-xl-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.333333%;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-xl-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.666667%;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-xl-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.pull-xl-0 {
right: auto;
}
.pull-xl-1 {
right: 8.333333%;
}
.pull-xl-2 {
right: 16.666667%;
}
.pull-xl-3 {
right: 25%;
}
.pull-xl-4 {
right: 33.333333%;
}
.pull-xl-5 {
right: 41.666667%;
}
.pull-xl-6 {
right: 50%;
}
.pull-xl-7 {
right: 58.333333%;
}
.pull-xl-8 {
right: 66.666667%;
}
.pull-xl-9 {
right: 75%;
}
.pull-xl-10 {
right: 83.333333%;
}
.pull-xl-11 {
right: 91.666667%;
}
.pull-xl-12 {
right: 100%;
}
.push-xl-0 {
left: auto;
}
.push-xl-1 {
left: 8.333333%;
}
.push-xl-2 {
left: 16.666667%;
}
.push-xl-3 {
left: 25%;
}
.push-xl-4 {
left: 33.333333%;
}
.push-xl-5 {
left: 41.666667%;
}
.push-xl-6 {
left: 50%;
}
.push-xl-7 {
left: 58.333333%;
}
.push-xl-8 {
left: 66.666667%;
}
.push-xl-9 {
left: 75%;
}
.push-xl-10 {
left: 83.333333%;
}
.push-xl-11 {
left: 91.666667%;
}
.push-xl-12 {
left: 100%;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.333333%;
}
.offset-xl-2 {
margin-left: 16.666667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.333333%;
}
.offset-xl-5 {
margin-left: 41.666667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.333333%;
}
.offset-xl-8 {
margin-left: 66.666667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.333333%;
}
.offset-xl-11 {
margin-left: 91.666667%;
}
}
.table {
width: 100%;
max-width: 100%;
margin-bottom: 1rem;
}
.table td,
.table th {
padding: .75rem;
vertical-align: top;
border-top: 1px solid #eceeef;
}
.table thead th {
vertical-align: bottom;
border-bottom: 2px solid #eceeef;
}
.table tbody+tbody {
border-top: 2px solid #eceeef;
}
.table .table {
background-color: #fff;
}
.table-sm td,
.table-sm th {
padding: .3rem;
}
.table-bordered {
border: 1px solid #eceeef;
}
.table-bordered td,
.table-bordered th {
border: 1px solid #eceeef;
}
.table-bordered thead td,
.table-bordered thead th {
border-bottom-width: 2px;
}
.table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(0,0,0,.05);
}
.table-hover tbody tr:hover {
background-color: rgba(0,0,0,.075);
}
.table-active,
.table-active>td,
.table-active>th {
background-color: rgba(0,0,0,.075);
}
.table-hover .table-active:hover {
background-color: rgba(0,0,0,.075);
}
.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
background-color: rgba(0,0,0,.075);
}
.table-success,
.table-success>td,
.table-success>th {
background-color: #dff0d8;
}
.table-hover .table-success:hover {
background-color: #d0e9c6;
}
.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
background-color: #d0e9c6;
}
.table-info,
.table-info>td,
.table-info>th {
background-color: #d9edf7;
}
.table-hover .table-info:hover {
background-color: #c4e3f3;
}
.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
background-color: #c4e3f3;
}
.table-warning,
.table-warning>td,
.table-warning>th {
background-color: #fcf8e3;
}
.table-hover .table-warning:hover {
background-color: #faf2cc;
}
.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
background-color: #faf2cc;
}
.table-danger,
.table-danger>td,
.table-danger>th {
background-color: #f2dede;
}
.table-hover .table-danger:hover {
background-color: #ebcccc;
}
.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
background-color: #ebcccc;
}
.thead-inverse th {
color: #fff;
background-color: #292b2c;
}
.thead-default th {
color: #464a4c;
background-color: #eceeef;
}
.table-inverse {
color: #fff;
background-color: #292b2c;
}
.table-inverse td,
.table-inverse th,
.table-inverse thead th {
border-color: #fff;
}
.table-inverse.table-bordered {
border: 0;
}
.table-responsive {
display: block;
width: 100%;
overflow-x: auto;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-responsive.table-bordered {
border: 0;
}
.form-control {
display: block;
width: 100%;
padding: .5rem .75rem;
font-size: 1rem;
line-height: 1.25;
color: #464a4c;
background-color: #fff;
background-image: none;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid rgba(0,0,0,.15);
border-radius: .25rem;
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
}
.form-control::-ms-expand {
background-color: transparent;
border: 0;
}
.form-control:focus {
color: #464a4c;
background-color: #fff;
border-color: #5cb3fd;
outline: 0;
}
.form-control::-webkit-input-placeholder {
color: #636c72;
opacity: 1;
}
.form-control::-moz-placeholder {
color: #636c72;
opacity: 1;
}
.form-control:-ms-input-placeholder {
color: #636c72;
opacity: 1;
}
.form-control::placeholder {
color: #636c72;
opacity: 1;
}
.form-control:disabled,
.form-control[readonly] {
background-color: #eceeef;
opacity: 1;
}
.form-control:disabled {
cursor: not-allowed;
}
select.form-control:not([size]):not([multiple]) {
height: calc(2.25rem + 2px);
}
select.form-control:focus::-ms-value {
color: #464a4c;
background-color: #fff;
}
.form-control-file,
.form-control-range {
display: block;
}
.col-form-label {
padding-top: calc(.5rem - 1px * 2);
padding-bottom: calc(.5rem - 1px * 2);
margin-bottom: 0;
}
.col-form-label-lg {
padding-top: calc(.75rem - 1px * 2);
padding-bottom: calc(.75rem - 1px * 2);
font-size: 1.25rem;
}
.col-form-label-sm {
padding-top: calc(.25rem - 1px * 2);
padding-bottom: calc(.25rem - 1px * 2);
font-size: .875rem;
}
.col-form-legend {
padding-top: .5rem;
padding-bottom: .5rem;
margin-bottom: 0;
font-size: 1rem;
}
.form-control-static {
padding-top: .5rem;
padding-bottom: .5rem;
margin-bottom: 0;
line-height: 1.25;
border: solid transparent;
border-width: 1px 0;
}
.form-control-static.form-control-lg,
.form-control-static.form-control-sm,
.input-group-lg>.form-control-static.form-control,
.input-group-lg>.form-control-static.input-group-addon,
.input-group-lg>.input-group-btn>.form-control-static.btn,
.input-group-sm>.form-control-static.form-control,
.input-group-sm>.form-control-static.input-group-addon,
.input-group-sm>.input-group-btn>.form-control-static.btn {
padding-right: 0;
padding-left: 0;
}
.form-control-sm,
.input-group-sm>.form-control,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.btn {
padding: .25rem .5rem;
font-size: .875rem;
border-radius: .2rem;
}
.input-group-sm>.input-group-btn>select.btn:not([size]):not([multiple]),
.input-group-sm>select.form-control:not([size]):not([multiple]),
.input-group-sm>select.input-group-addon:not([size]):not([multiple]),
select.form-control-sm:not([size]):not([multiple]) {
height: 1.8125rem;
}
.form-control-lg,
.input-group-lg>.form-control,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.btn {
padding: .75rem 1.5rem;
font-size: 1.25rem;
border-radius: .3rem;
}
.input-group-lg>.input-group-btn>select.btn:not([size]):not([multiple]),
.input-group-lg>select.form-control:not([size]):not([multiple]),
.input-group-lg>select.input-group-addon:not([size]):not([multiple]),
select.form-control-lg:not([size]):not([multiple]) {
height: 3.166667rem;
}
.form-group {
margin-bottom: 1rem;
}
.form-text {
display: block;
margin-top: .25rem;
}
.form-check {
position: relative;
display: block;
margin-bottom: .5rem;
}
.form-check.disabled .form-check-label {
color: #636c72;
cursor: not-allowed;
}
.form-check-label {
padding-left: 1.25rem;
margin-bottom: 0;
cursor: pointer;
}
.form-check-input {
position: absolute;
margin-top: .25rem;
margin-left: -1.25rem;
}
.form-check-input:only-child {
position: static;
}
.form-check-inline {
display: inline-block;
}
.form-check-inline .form-check-label {
vertical-align: middle;
}
.form-check-inline+.form-check-inline {
margin-left: .75rem;
}
.form-control-feedback {
margin-top: .25rem;
}
.form-control-danger,
.form-control-success,
.form-control-warning {
padding-right: 2.25rem;
background-repeat: no-repeat;
background-position: center right .5625rem;
-webkit-background-size: 1.125rem 1.125rem;
background-size: 1.125rem 1.125rem;
}
.has-success .col-form-label,
.has-success .custom-control,
.has-success .form-check-label,
.has-success .form-control-feedback,
.has-success .form-control-label {
color: #5cb85c;
}
.has-success .form-control {
border-color: #5cb85c;
}
.has-success .input-group-addon {
color: #5cb85c;
border-color: #5cb85c;
background-color: #eaf6ea;
}
.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 .col-form-label,
.has-warning .custom-control,
.has-warning .form-check-label,
.has-warning .form-control-feedback,
.has-warning .form-control-label {
color: #f0ad4e;
}
.has-warning .form-control {
border-color: #f0ad4e;
}
.has-warning .input-group-addon {
color: #f0ad4e;
border-color: #f0ad4e;
background-color: #fff;
}
.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 .col-form-label,
.has-danger .custom-control,
.has-danger .form-check-label,
.has-danger .form-control-feedback,
.has-danger .form-control-label {
color: #d9534f;
}
.has-danger .form-control {
border-color: #d9534f;
}
.has-danger .input-group-addon {
color: #d9534f;
border-color: #d9534f;
background-color: #fdf7f7;
}
.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");
}
.form-inline {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.form-inline .form-check {
width: 100%;
}
@media (min-width:576px) {
.form-inline label {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 0;
}
.form-inline .form-group {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 0;
}
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle;
}
.form-inline .form-control-static {
display: inline-block;
}
.form-inline .input-group {
width: auto;
}
.form-inline .form-control-label {
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .form-check {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: auto;
margin-top: 0;
margin-bottom: 0;
}
.form-inline .form-check-label {
padding-left: 0;
}
.form-inline .form-check-input {
position: relative;
margin-top: 0;
margin-right: .25rem;
margin-left: 0;
}
.form-inline .custom-control {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding-left: 0;
}
.form-inline .custom-control-indicator {
position: static;
display: inline-block;
margin-right: .25rem;
vertical-align: text-bottom;
}
.form-inline .has-feedback .form-control-feedback {
top: 0;
}
}
.btn {
display: inline-block;
font-weight: 400;
line-height: 1.25;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: .5rem 1rem;
font-size: 1rem;
border-radius: .25rem;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.btn:focus,
.btn:hover {
text-decoration: none;
}
.btn.focus,
.btn:focus {
outline: 0;
-webkit-box-shadow: 0 0 0 2px rgba(2,117,216,.25);
box-shadow: 0 0 0 2px rgba(2,117,216,.25);
}
.btn.disabled,
.btn:disabled {
cursor: not-allowed;
opacity: .65;
}
.btn.active,
.btn:active {
background-image: none;
}
a.btn.disabled,
fieldset[disabled] a.btn {
pointer-events: none;
}
.btn-primary {
color: #fff;
background-color: #0275d8;
border-color: #0275d8;
}
.btn-primary:hover {
color: #fff;
background-color: #025aa5;
border-color: #01549b;
}
.btn-primary.focus,
.btn-primary:focus {
-webkit-box-shadow: 0 0 0 2px rgba(2,117,216,.5);
box-shadow: 0 0 0 2px rgba(2,117,216,.5);
}
.btn-primary.disabled,
.btn-primary:disabled {
background-color: #0275d8;
border-color: #0275d8;
}
.btn-primary.active,
.btn-primary:active,
.show>.btn-primary.dropdown-toggle {
color: #fff;
background-color: #025aa5;
background-image: none;
border-color: #01549b;
}
.btn-secondary {
color: #292b2c;
background-color: #fff;
border-color: #ccc;
}
.btn-secondary:hover {
color: #292b2c;
background-color: #e6e6e6;
border-color: #adadad;
}
.btn-secondary.focus,
.btn-secondary:focus {
-webkit-box-shadow: 0 0 0 2px rgba(204,204,204,.5);
box-shadow: 0 0 0 2px rgba(204,204,204,.5);
}
.btn-secondary.disabled,
.btn-secondary:disabled {
background-color: #fff;
border-color: #ccc;
}
.btn-secondary.active,
.btn-secondary:active,
.show>.btn-secondary.dropdown-toggle {
color: #292b2c;
background-color: #e6e6e6;
background-image: none;
border-color: #adadad;
}
.btn-info {
color: #fff;
background-color: #5bc0de;
border-color: #5bc0de;
}
.btn-info:hover {
color: #fff;
background-color: #31b0d5;
border-color: #2aabd2;
}
.btn-info.focus,
.btn-info:focus {
-webkit-box-shadow: 0 0 0 2px rgba(91,192,222,.5);
box-shadow: 0 0 0 2px rgba(91,192,222,.5);
}
.btn-info.disabled,
.btn-info:disabled {
background-color: #5bc0de;
border-color: #5bc0de;
}
.btn-info.active,
.btn-info:active,
.show>.btn-info.dropdown-toggle {
color: #fff;
background-color: #31b0d5;
background-image: none;
border-color: #2aabd2;
}
.btn-success {
color: #fff;
background-color: #5cb85c;
border-color: #5cb85c;
}
.btn-success:hover {
color: #fff;
background-color: #449d44;
border-color: #419641;
}
.btn-success.focus,
.btn-success:focus {
-webkit-box-shadow: 0 0 0 2px rgba(92,184,92,.5);
box-shadow: 0 0 0 2px rgba(92,184,92,.5);
}
.btn-success.disabled,
.btn-success:disabled {
background-color: #5cb85c;
border-color: #5cb85c;
}
.btn-success.active,
.btn-success:active,
.show>.btn-success.dropdown-toggle {
color: #fff;
background-color: #449d44;
background-image: none;
border-color: #419641;
}
.btn-warning {
color: #fff;
background-color: #f0ad4e;
border-color: #f0ad4e;
}
.btn-warning:hover {
color: #fff;
background-color: #ec971f;
border-color: #eb9316;
}
.btn-warning.focus,
.btn-warning:focus {
-webkit-box-shadow: 0 0 0 2px rgba(240,173,78,.5);
box-shadow: 0 0 0 2px rgba(240,173,78,.5);
}
.btn-warning.disabled,
.btn-warning:disabled {
background-color: #f0ad4e;
border-color: #f0ad4e;
}
.btn-warning.active,
.btn-warning:active,
.show>.btn-warning.dropdown-toggle {
color: #fff;
background-color: #ec971f;
background-image: none;
border-color: #eb9316;
}
.btn-danger {
color: #fff;
background-color: #d9534f;
border-color: #d9534f;
}
.btn-danger:hover {
color: #fff;
background-color: #c9302c;
border-color: #c12e2a;
}
.btn-danger.focus,
.btn-danger:focus {
-webkit-box-shadow: 0 0 0 2px rgba(217,83,79,.5);
box-shadow: 0 0 0 2px rgba(217,83,79,.5);
}
.btn-danger.disabled,
.btn-danger:disabled {
background-color: #d9534f;
border-color: #d9534f;
}
.btn-danger.active,
.btn-danger:active,
.show>.btn-danger.dropdown-toggle {
color: #fff;
background-color: #c9302c;
background-image: none;
border-color: #c12e2a;
}
.btn-outline-primary {
color: #0275d8;
background-image: none;
background-color: transparent;
border-color: #0275d8;
}
.btn-outline-primary:hover {
color: #fff;
background-color: #0275d8;
border-color: #0275d8;
}
.btn-outline-primary.focus,
.btn-outline-primary:focus {
-webkit-box-shadow: 0 0 0 2px rgba(2,117,216,.5);
box-shadow: 0 0 0 2px rgba(2,117,216,.5);
}
.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
color: #0275d8;
background-color: transparent;
}
.btn-outline-primary.active,
.btn-outline-primary:active,
.show>.btn-outline-primary.dropdown-toggle {
color: #fff;
background-color: #0275d8;
border-color: #0275d8;
}
.btn-outline-secondary {
color: #ccc;
background-image: none;
background-color: transparent;
border-color: #ccc;
}
.btn-outline-secondary:hover {
color: #fff;
background-color: #ccc;
border-color: #ccc;
}
.btn-outline-secondary.focus,
.btn-outline-secondary:focus {
-webkit-box-shadow: 0 0 0 2px rgba(204,204,204,.5);
box-shadow: 0 0 0 2px rgba(204,204,204,.5);
}
.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
color: #ccc;
background-color: transparent;
}
.btn-outline-secondary.active,
.btn-outline-secondary:active,
.show>.btn-outline-secondary.dropdown-toggle {
color: #fff;
background-color: #ccc;
border-color: #ccc;
}
.btn-outline-info {
color: #5bc0de;
background-image: none;
background-color: transparent;
border-color: #5bc0de;
}
.btn-outline-info:hover {
color: #fff;
background-color: #5bc0de;
border-color: #5bc0de;
}
.btn-outline-info.focus,
.btn-outline-info:focus {
-webkit-box-shadow: 0 0 0 2px rgba(91,192,222,.5);
box-shadow: 0 0 0 2px rgba(91,192,222,.5);
}
.btn-outline-info.disabled,
.btn-outline-info:disabled {
color: #5bc0de;
background-color: transparent;
}
.btn-outline-info.active,
.btn-outline-info:active,
.show>.btn-outline-info.dropdown-toggle {
color: #fff;
background-color: #5bc0de;
border-color: #5bc0de;
}
.btn-outline-success {
color: #5cb85c;
background-image: none;
background-color: transparent;
border-color: #5cb85c;
}
.btn-outline-success:hover {
color: #fff;
background-color: #5cb85c;
border-color: #5cb85c;
}
.btn-outline-success.focus,
.btn-outline-success:focus {
-webkit-box-shadow: 0 0 0 2px rgba(92,184,92,.5);
box-shadow: 0 0 0 2px rgba(92,184,92,.5);
}
.btn-outline-success.disabled,
.btn-outline-success:disabled {
color: #5cb85c;
background-color: transparent;
}
.btn-outline-success.active,
.btn-outline-success:active,
.show>.btn-outline-success.dropdown-toggle {
color: #fff;
background-color: #5cb85c;
border-color: #5cb85c;
}
.btn-outline-warning {
color: #f0ad4e;
background-image: none;
background-color: transparent;
border-color: #f0ad4e;
}
.btn-outline-warning:hover {
color: #fff;
background-color: #f0ad4e;
border-color: #f0ad4e;
}
.btn-outline-warning.focus,
.btn-outline-warning:focus {
-webkit-box-shadow: 0 0 0 2px rgba(240,173,78,.5);
box-shadow: 0 0 0 2px rgba(240,173,78,.5);
}
.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
color: #f0ad4e;
background-color: transparent;
}
.btn-outline-warning.active,
.btn-outline-warning:active,
.show>.btn-outline-warning.dropdown-toggle {
color: #fff;
background-color: #f0ad4e;
border-color: #f0ad4e;
}
.btn-outline-danger {
color: #d9534f;
background-image: none;
background-color: transparent;
border-color: #d9534f;
}
.btn-outline-danger:hover {
color: #fff;
background-color: #d9534f;
border-color: #d9534f;
}
.btn-outline-danger.focus,
.btn-outline-danger:focus {
-webkit-box-shadow: 0 0 0 2px rgba(217,83,79,.5);
box-shadow: 0 0 0 2px rgba(217,83,79,.5);
}
.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
color: #d9534f;
background-color: transparent;
}
.btn-outline-danger.active,
.btn-outline-danger:active,
.show>.btn-outline-danger.dropdown-toggle {
color: #fff;
background-color: #d9534f;
border-color: #d9534f;
}
.btn-link {
font-weight: 400;
color: #0275d8;
border-radius: 0;
}
.btn-link,
.btn-link.active,
.btn-link:active,
.btn-link:disabled {
background-color: transparent;
}
.btn-link,
.btn-link:active,
.btn-link:focus {
border-color: transparent;
}
.btn-link:hover {
border-color: transparent;
}
.btn-link:focus,
.btn-link:hover {
color: #014c8c;
text-decoration: underline;
background-color: transparent;
}
.btn-link:disabled {
color: #636c72;
}
.btn-link:disabled:focus,
.btn-link:disabled:hover {
text-decoration: none;
}
.btn-group-lg>.btn,
.btn-lg {
padding: .75rem 1.5rem;
font-size: 1.25rem;
border-radius: .3rem;
}
.btn-group-sm>.btn,
.btn-sm {
padding: .25rem .5rem;
font-size: .875rem;
border-radius: .2rem;
}
.btn-block {
display: block;
width: 100%;
}
.btn-block+.btn-block {
margin-top: .5rem;
}
input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
width: 100%;
}
.fade {
opacity: 0;
-webkit-transition: opacity .15s linear;
-o-transition: opacity .15s linear;
transition: opacity .15s linear;
}
.fade.show {
opacity: 1;
}
.collapse {
display: none;
}
.collapse.show {
display: block;
}
tr.collapse.show {
display: table-row;
}
tbody.collapse.show {
display: table-row-group;
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition: height .35s ease;
-o-transition: height .35s ease;
transition: height .35s ease;
}
.dropdown,
.dropup {
position: relative;
}
.dropdown-toggle::after {
display: inline-block;
width: 0;
height: 0;
margin-left: .3em;
vertical-align: middle;
content: "";
border-top: .3em solid;
border-right: .3em solid transparent;
border-left: .3em solid transparent;
}
.dropdown-toggle:focus {
outline: 0;
}
.dropup .dropdown-toggle::after {
border-top: 0;
border-bottom: .3em solid;
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 10rem;
padding: .5rem 0;
margin: .125rem 0 0;
font-size: 1rem;
color: #292b2c;
text-align: left;
list-style: none;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid rgba(0,0,0,.15);
border-radius: .25rem;
}
.dropdown-divider {
height: 1px;
margin: .5rem 0;
overflow: hidden;
background-color: #eceeef;
}
.dropdown-item {
display: block;
width: 100%;
padding: 3px 1.5rem;
clear: both;
font-weight: 400;
color: #292b2c;
text-align: inherit;
white-space: nowrap;
background: 0 0;
border: 0;
}
.dropdown-item:focus,
.dropdown-item:hover {
color: #1d1e1f;
text-decoration: none;
background-color: #f7f7f9;
}
.dropdown-item.active,
.dropdown-item:active {
color: #fff;
text-decoration: none;
background-color: #0275d8;
}
.dropdown-item.disabled,
.dropdown-item:disabled {
color: #636c72;
cursor: not-allowed;
background-color: transparent;
}
.show>.dropdown-menu {
display: block;
}
.show>a {
outline: 0;
}
.dropdown-menu-right {
right: 0;
left: auto;
}
.dropdown-menu-left {
right: auto;
left: 0;
}
.dropdown-header {
display: block;
padding: .5rem 1.5rem;
margin-bottom: 0;
font-size: .875rem;
color: #636c72;
white-space: nowrap;
}
.dropdown-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 990;
}
.dropup .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: .125rem;
}
.btn-group,
.btn-group-vertical {
position: relative;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
vertical-align: middle;
}
.btn-group-vertical>.btn,
.btn-group>.btn {
position: relative;
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.btn-group-vertical>.btn:hover,
.btn-group>.btn:hover {
z-index: 2;
}
.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus {
z-index: 2;
}
.btn-group .btn+.btn,
.btn-group .btn+.btn-group,
.btn-group .btn-group+.btn,
.btn-group .btn-group+.btn-group,
.btn-group-vertical .btn+.btn,
.btn-group-vertical .btn+.btn-group,
.btn-group-vertical .btn-group+.btn,
.btn-group-vertical .btn-group+.btn-group {
margin-left: -1px;
}
.btn-toolbar {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.btn-toolbar .input-group {
width: auto;
}
.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
border-radius: 0;
}
.btn-group>.btn:first-child {
margin-left: 0;
}
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.btn-group>.btn:last-child:not(:first-child),
.btn-group>.dropdown-toggle:not(:first-child) {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.btn-group>.btn-group {
float: left;
}
.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
border-radius: 0;
}
.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
outline: 0;
}
.btn+.dropdown-toggle-split {
padding-right: .75rem;
padding-left: .75rem;
}
.btn+.dropdown-toggle-split::after {
margin-left: 0;
}
.btn-group-sm>.btn+.dropdown-toggle-split,
.btn-sm+.dropdown-toggle-split {
padding-right: .375rem;
padding-left: .375rem;
}
.btn-group-lg>.btn+.dropdown-toggle-split,
.btn-lg+.dropdown-toggle-split {
padding-right: 1.125rem;
padding-left: 1.125rem;
}
.btn-group-vertical {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.btn-group-vertical .btn,
.btn-group-vertical .btn-group {
width: 100%;
}
.btn-group-vertical>.btn+.btn,
.btn-group-vertical>.btn+.btn-group,
.btn-group-vertical>.btn-group+.btn,
.btn-group-vertical>.btn-group+.btn-group {
margin-top: -1px;
margin-left: 0;
}
.btn-group-vertical>.btn:not(:first-child):not(:last-child) {
border-radius: 0;
}
.btn-group-vertical>.btn:first-child:not(:last-child) {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical>.btn:last-child:not(:first-child) {
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
border-radius: 0;
}
.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
border-top-right-radius: 0;
border-top-left-radius: 0;
}
[data-toggle=buttons]>.btn input[type=checkbox],
[data-toggle=buttons]>.btn input[type=radio],
[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],
[data-toggle=buttons]>.btn-group>.btn input[type=radio] {
position: absolute;
clip: rect(0,0,0,0);
pointer-events: none;
}
.input-group {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
}
.input-group .form-control {
position: relative;
z-index: 2;
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 1%;
margin-bottom: 0;
}
.input-group .form-control:active,
.input-group .form-control:focus,
.input-group .form-control:hover {
z-index: 3;
}
.input-group .form-control,
.input-group-addon,
.input-group-btn {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.input-group .form-control:not(:first-child):not(:last-child),
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child) {
border-radius: 0;
}
.input-group-addon,
.input-group-btn {
white-space: nowrap;
vertical-align: middle;
}
.input-group-addon {
padding: .5rem .75rem;
margin-bottom: 0;
font-size: 1rem;
font-weight: 400;
line-height: 1.25;
color: #464a4c;
text-align: center;
background-color: #eceeef;
border: 1px solid rgba(0,0,0,.15);
border-radius: .25rem;
}
.input-group-addon.form-control-sm,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.input-group-addon.btn {
padding: .25rem .5rem;
font-size: .875rem;
border-radius: .2rem;
}
.input-group-addon.form-control-lg,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.input-group-addon.btn {
padding: .75rem 1.5rem;
font-size: 1.25rem;
border-radius: .3rem;
}
.input-group-addon input[type=checkbox],
.input-group-addon input[type=radio] {
margin-top: 0;
}
.input-group .form-control:not(:last-child),
.input-group-addon:not(:last-child),
.input-group-btn:not(:first-child)>.btn-group:not(:last-child)>.btn,
.input-group-btn:not(:first-child)>.btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:not(:last-child)>.btn,
.input-group-btn:not(:last-child)>.btn-group>.btn,
.input-group-btn:not(:last-child)>.dropdown-toggle {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.input-group-addon:not(:last-child) {
border-right: 0;
}
.input-group .form-control:not(:first-child),
.input-group-addon:not(:first-child),
.input-group-btn:not(:first-child)>.btn,
.input-group-btn:not(:first-child)>.btn-group>.btn,
.input-group-btn:not(:first-child)>.dropdown-toggle,
.input-group-btn:not(:last-child)>.btn-group:not(:first-child)>.btn,
.input-group-btn:not(:last-child)>.btn:not(:first-child) {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.form-control+.input-group-addon:not(:first-child) {
border-left: 0;
}
.input-group-btn {
position: relative;
font-size: 0;
white-space: nowrap;
}
.input-group-btn>.btn {
position: relative;
-webkit-box-flex: 1;
-webkit-flex: 1 1 0%;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
}
.input-group-btn>.btn+.btn {
margin-left: -1px;
}
.input-group-btn>.btn:active,
.input-group-btn>.btn:focus,
.input-group-btn>.btn:hover {
z-index: 3;
}
.input-group-btn:not(:last-child)>.btn,
.input-group-btn:not(:last-child)>.btn-group {
margin-right: -1px;
}
.input-group-btn:not(:first-child)>.btn,
.input-group-btn:not(:first-child)>.btn-group {
z-index: 2;
margin-left: -1px;
}
.input-group-btn:not(:first-child)>.btn-group:active,
.input-group-btn:not(:first-child)>.btn-group:focus,
.input-group-btn:not(:first-child)>.btn-group:hover,
.input-group-btn:not(:first-child)>.btn:active,
.input-group-btn:not(:first-child)>.btn:focus,
.input-group-btn:not(:first-child)>.btn:hover {
z-index: 3;
}
.custom-control {
position: relative;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
min-height: 1.5rem;
padding-left: 1.5rem;
margin-right: 1rem;
cursor: pointer;
}
.custom-control-input {
position: absolute;
z-index: -1;
opacity: 0;
}
.custom-control-input:checked~.custom-control-indicator {
color: #fff;
background-color: #0275d8;
}
.custom-control-input:focus~.custom-control-indicator {
-webkit-box-shadow: 0 0 0 1px #fff,0 0 0 3px #0275d8;
box-shadow: 0 0 0 1px #fff,0 0 0 3px #0275d8;
}
.custom-control-input:active~.custom-control-indicator {
color: #fff;
background-color: #8fcafe;
}
.custom-control-input:disabled~.custom-control-indicator {
cursor: not-allowed;
background-color: #eceeef;
}
.custom-control-input:disabled~.custom-control-description {
color: #636c72;
cursor: not-allowed;
}
.custom-control-indicator {
position: absolute;
top: .25rem;
left: 0;
display: block;
width: 1rem;
height: 1rem;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: #ddd;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: 50% 50%;
background-size: 50% 50%;
}
.custom-checkbox .custom-control-indicator {
border-radius: .25rem;
}
.custom-checkbox .custom-control-input:checked~.custom-control-indicator {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=http://www.w3.org/2000/svg viewBox=0 0 8 8%3E%3Cpath fill=%23fff d=M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z/%3E%3C/svg%3E");
}
.custom-checkbox .custom-control-input:indeterminate~.custom-control-indicator {
background-color: #0275d8;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=http://www.w3.org/2000/svg viewBox=0 0 4 4%3E%3Cpath stroke=%23fff d=M0 2h4/%3E%3C/svg%3E");
}
.custom-radio .custom-control-indicator {
border-radius: 50%;
}
.custom-radio .custom-control-input:checked~.custom-control-indicator {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=http://www.w3.org/2000/svg viewBox=-4 -4 8 8%3E%3Ccircle r=3 fill=%23fff/%3E%3C/svg%3E");
}
.custom-controls-stacked {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.custom-controls-stacked .custom-control {
margin-bottom: .25rem;
}
.custom-controls-stacked .custom-control+.custom-control {
margin-left: 0;
}
.custom-select {
display: inline-block;
max-width: 100%;
height: calc(2.25rem + 2px);
padding: .375rem 1.75rem .375rem .75rem;
line-height: 1.25;
color: #464a4c;
vertical-align: middle;
background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=http://www.w3.org/2000/svg viewBox=0 0 4 5%3E%3Cpath fill=%23333 d=M2 0L0 2h4zm0 5L0 3h4z/%3E%3C/svg%3E") no-repeat right .75rem center;
-webkit-background-size: 8px 10px;
background-size: 8px 10px;
border: 1px solid rgba(0,0,0,.15);
border-radius: .25rem;
-moz-appearance: none;
-webkit-appearance: none;
}
.custom-select:focus {
border-color: #5cb3fd;
outline: 0;
}
.custom-select:focus::-ms-value {
color: #464a4c;
background-color: #fff;
}
.custom-select:disabled {
color: #636c72;
cursor: not-allowed;
background-color: #eceeef;
}
.custom-select::-ms-expand {
opacity: 0;
}
.custom-select-sm {
padding-top: .375rem;
padding-bottom: .375rem;
font-size: 75%;
}
.custom-file {
position: relative;
display: inline-block;
max-width: 100%;
height: 2.5rem;
margin-bottom: 0;
cursor: pointer;
}
.custom-file-input {
min-width: 14rem;
max-width: 100%;
height: 2.5rem;
margin: 0;
filter: alpha(opacity=0);
opacity: 0;
}
.custom-file-control {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 5;
height: 2.5rem;
padding: .5rem 1rem;
line-height: 1.5;
color: #464a4c;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: #fff;
border: 1px solid rgba(0,0,0,.15);
border-radius: .25rem;
}
.custom-file-control:lang(en)::after {
content: "Choose file...";
}
.custom-file-control::before {
position: absolute;
top: -1px;
right: -1px;
bottom: -1px;
z-index: 6;
display: block;
height: 2.5rem;
padding: .5rem 1rem;
line-height: 1.5;
color: #464a4c;
background-color: #eceeef;
border: 1px solid rgba(0,0,0,.15);
border-radius: 0 .25rem .25rem 0;
}
.custom-file-control:lang(en)::before {
content: "Browse";
}
.nav {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.nav-link {
display: block;
padding: .5em 1em;
}
.nav-link:focus,
.nav-link:hover {
text-decoration: none;
}
.nav-link.disabled {
color: #636c72;
cursor: not-allowed;
}
.nav-tabs {
border-bottom: 1px solid #ddd;
}
.nav-tabs .nav-item {
margin-bottom: -1px;
}
.nav-tabs .nav-link {
border: 1px solid transparent;
border-top-right-radius: .25rem;
border-top-left-radius: .25rem;
}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
border-color: #eceeef #eceeef #ddd;
}
.nav-tabs .nav-link.disabled {
color: #636c72;
background-color: transparent;
border-color: transparent;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
color: #464a4c;
background-color: #fff;
border-color: #ddd #ddd #fff;
}
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.nav-pills .nav-link {
border-radius: .25rem;
}
.nav-pills .nav-item.show .nav-link,
.nav-pills .nav-link.active {
color: #fff;
cursor: default;
background-color: #0275d8;
}
.nav-fill .nav-item {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
text-align: center;
}
.nav-justified .nav-item {
-webkit-box-flex: 1;
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
text-align: center;
}
.tab-content>.tab-pane {
display: none;
}
.tab-content>.active {
display: block;
}
.navbar {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding: .5rem 1rem;
}
.navbar-brand {
display: inline-block;
padding-top: .25rem;
padding-bottom: .25rem;
margin-right: 1rem;
font-size: 1.25rem;
line-height: inherit;
white-space: nowrap;
}
.navbar-brand:focus,
.navbar-brand:hover {
text-decoration: none;
}
.navbar-nav {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.navbar-nav .nav-link {
padding-right: 0;
padding-left: 0;
}
.navbar-text {
display: inline-block;
padding-top: .425rem;
padding-bottom: .425rem;
}
.navbar-toggler {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
padding: .25rem .75rem;
font-size: 1.25rem;
line-height: 1;
background: 0 0;
border: 1px solid transparent;
border-radius: .25rem;
}
.navbar-toggler:focus,
.navbar-toggler:hover {
text-decoration: none;
}
.navbar-toggler-icon {
display: inline-block;
width: 1.5em;
height: 1.5em;
vertical-align: middle;
content: "";
background: no-repeat center center;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
}
.navbar-toggler-left {
position: absolute;
left: 1rem;
}
.navbar-toggler-right {
position: absolute;
right: 1rem;
}
@media (max-width:575px) {
.navbar-toggleable .navbar-nav .dropdown-menu {
position: static;
float: none;
}
.navbar-toggleable>.container {
padding-right: 0;
padding-left: 0;
}
}
@media (min-width:576px) {
.navbar-toggleable {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.navbar-toggleable .navbar-nav {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.navbar-toggleable .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem;
}
.navbar-toggleable>.container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.navbar-toggleable .navbar-collapse {
display: -webkit-box!important;
display: -webkit-flex!important;
display: -ms-flexbox!important;
display: flex!important;
width: 100%;
}
.navbar-toggleable .navbar-toggler {
display: none;
}
}
@media (max-width:767px) {
.navbar-toggleable-sm .navbar-nav .dropdown-menu {
position: static;
float: none;
}
.navbar-toggleable-sm>.container {
padding-right: 0;
padding-left: 0;
}
}
@media (min-width:768px) {
.navbar-toggleable-sm {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.navbar-toggleable-sm .navbar-nav {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.navbar-toggleable-sm .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem;
}
.navbar-toggleable-sm>.container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.navbar-toggleable-sm .navbar-collapse {
display: -webkit-box!important;
display: -webkit-flex!important;
display: -ms-flexbox!important;
display: flex!important;
width: 100%;
}
.navbar-toggleable-sm .navbar-toggler {
display: none;
}
}
@media (max-width:991px) {
.navbar-toggleable-md .navbar-nav .dropdown-menu {
position: static;
float: none;
}
.navbar-toggleable-md>.container {
padding-right: 0;
padding-left: 0;
}
}
@media (min-width:992px) {
.navbar-toggleable-md {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.navbar-toggleable-md .navbar-nav {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.navbar-toggleable-md .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem;
}
.navbar-toggleable-md>.container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.navbar-toggleable-md .navbar-collapse {
display: -webkit-box!important;
display: -webkit-flex!important;
display: -ms-flexbox!important;
display: flex!important;
width: 100%;
}
.navbar-toggleable-md .navbar-toggler {
display: none;
}
}
@media (max-width:1199px) {
.navbar-toggleable-lg .navbar-nav .dropdown-menu {
position: static;
float: none;
}
.navbar-toggleable-lg>.container {
padding-right: 0;
padding-left: 0;
}
}
@media (min-width:1200px) {
.navbar-toggleable-lg {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.navbar-toggleable-lg .navbar-nav {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.navbar-toggleable-lg .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem;
}
.navbar-toggleable-lg>.container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.navbar-toggleable-lg .navbar-collapse {
display: -webkit-box!important;
display: -webkit-flex!important;
display: -ms-flexbox!important;
display: flex!important;
width: 100%;
}
.navbar-toggleable-lg .navbar-toggler {
display: none;
}
}
.navbar-toggleable-xl {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.navbar-toggleable-xl .navbar-nav .dropdown-menu {
position: static;
float: none;
}
.navbar-toggleable-xl>.container {
padding-right: 0;
padding-left: 0;
}
.navbar-toggleable-xl .navbar-nav {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.navbar-toggleable-xl .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem;
}
.navbar-toggleable-xl>.container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.navbar-toggleable-xl .navbar-collapse {
display: -webkit-box!important;
display: -webkit-flex!important;
display: -ms-flexbox!important;
display: flex!important;
width: 100%;
}
.navbar-toggleable-xl .navbar-toggler {
display: none;
}
.navbar-light .navbar-brand,
.navbar-light .navbar-toggler {
color: rgba(0,0,0,.9);
}
.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover,
.navbar-light .navbar-toggler:focus,
.navbar-light .navbar-toggler:hover {
color: rgba(0,0,0,.9);
}
.navbar-light .navbar-nav .nav-link {
color: rgba(0,0,0,.5);
}
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
color: rgba(0,0,0,.7);
}
.navbar-light .navbar-nav .nav-link.disabled {
color: rgba(0,0,0,.3);
}
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.open,
.navbar-light .navbar-nav .open>.nav-link {
color: rgba(0,0,0,.9);
}
.navbar-light .navbar-toggler {
border-color: rgba(0,0,0,.1);
}
.navbar-light .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")}.navbar-light .navbar-text{color:rgba(0,0,0,.5)}.navbar-inverse .navbar-brand,.navbar-inverse .navbar-toggler{color:#fff}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-toggler:focus,.navbar-inverse .navbar-toggler:hover{color:#fff}.navbar-inverse .navbar-nav .nav-link{color:rgba(255,255,255,.5)}.navbar-inverse .navbar-nav .nav-link:focus,.navbar-inverse .navbar-nav .nav-link:hover{color:rgba(255,255,255,.75)}.navbar-inverse .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.25)}.navbar-inverse .navbar-nav .active>.nav-link,.navbar-inverse .navbar-nav .nav-link.active,.navbar-inverse .navbar-nav .nav-link.open,.navbar-inverse .navbar-nav .open>.nav-link{color:#fff}.navbar-inverse .navbar-toggler{border-color:rgba(255,255,255,.1)}.navbar-inverse .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")}.navbar-inverse .navbar-text{color:rgba(255,255,255,.5)}.card{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background-color:#fff;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card-block{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;padding:1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.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>.list-group:first-child .list-group-item:first-child{border-top-right-radius:.25rem;border-top-left-radius:.25rem}.card>.list-group:last-child .list-group-item:last-child{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:#f7f7f9;border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.card-footer{padding:.75rem 1.25rem;background-color:#f7f7f9;border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}.card-header-tabs{margin-right:-.625rem;margin-bottom:-.75rem;margin-left:-.625rem;border-bottom:0}.card-header-pills{margin-right:-.625rem;margin-left:-.625rem}.card-primary{background-color:#0275d8;border-color:#0275d8}.card-primary .card-footer,.card-primary .card-header{background-color:transparent}.card-success{background-color:#5cb85c;border-color:#5cb85c}.card-success .card-footer,.card-success .card-header{background-color:transparent}.card-info{background-color:#5bc0de;border-color:#5bc0de}.card-info .card-footer,.card-info .card-header{background-color:transparent}.card-warning{background-color:#f0ad4e;border-color:#f0ad4e}.card-warning .card-footer,.card-warning .card-header{background-color:transparent}.card-danger{background-color:#d9534f;border-color:#d9534f}.card-danger .card-footer,.card-danger .card-header{background-color:transparent}.card-outline-primary{background-color:transparent;border-color:#0275d8}.card-outline-secondary{background-color:transparent;border-color:#ccc}.card-outline-info{background-color:transparent;border-color:#5bc0de}.card-outline-success{background-color:transparent;border-color:#5cb85c}.card-outline-warning{background-color:transparent;border-color:#f0ad4e}.card-outline-danger{background-color:transparent;border-color:#d9534f}.card-inverse{color:rgba(255,255,255,.65)}.card-inverse .card-footer,.card-inverse .card-header{background-color:transparent;border-color:rgba(255,255,255,.2)}.card-inverse .card-blockquote,.card-inverse .card-footer,.card-inverse .card-header,.card-inverse .card-title{color:#fff}.card-inverse .card-blockquote .blockquote-footer,.card-inverse .card-link,.card-inverse .card-subtitle,.card-inverse .card-text{color:rgba(255,255,255,.65)}.card-inverse .card-link:focus,.card-inverse .card-link:hover{color:#fff}.card-blockquote{padding:0;margin-bottom:0;border-left:0}.card-img{border-radius:calc(.25rem - 1px)}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.25rem}.card-img-top{border-top-right-radius:calc(.25rem - 1px);border-top-left-radius:calc(.25rem - 1px)}.card-img-bottom{border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}@media (min-width:576px){.card-deck{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap}.card-deck .card{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1 0 0%;-ms-flex:1 0 0%;flex:1 0 0%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.card-deck .card:not(:first-child){margin-left:15px}.card-deck .card:not(:last-child){margin-right:15px}}@media (min-width:576px){.card-group{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap}.card-group .card{-webkit-box-flex:1;-webkit-flex:1 0 0%;-ms-flex:1 0 0%;flex:1 0 0%}.card-group .card+.card{margin-left:0;border-left:0}.card-group .card:first-child{border-bottom-right-radius:0;border-top-right-radius:0}.card-group .card:first-child .card-img-top{border-top-right-radius:0}.card-group .card:first-child .card-img-bottom{border-bottom-right-radius:0}.card-group .card:last-child{border-bottom-left-radius:0;border-top-left-radius:0}.card-group .card:last-child .card-img-top{border-top-left-radius:0}.card-group .card:last-child .card-img-bottom{border-bottom-left-radius:0}.card-group .card:not(:first-child):not(:last-child){border-radius:0}.card-group .card:not(:first-child):not(:last-child) .card-img-bottom,.card-group .card:not(:first-child):not(:last-child) .card-img-top{border-radius:0}}@media (min-width:576px){.card-columns{-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:1.25rem;-moz-column-gap:1.25rem;column-gap:1.25rem}.card-columns .card{display:inline-block;width:100%;margin-bottom:.75rem}}.breadcrumb{padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#eceeef;border-radius:.25rem}.breadcrumb::after{display:block;content:"";clear:both}.breadcrumb-item{float:left}.breadcrumb-item+.breadcrumb-item::before{display:inline-block;padding-right:.5rem;padding-left:.5rem;color:#636c72;content:"/"}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:underline}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:none}.breadcrumb-item.active{color:#636c72}.pagination{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding-left:0;list-style:none;border-radius:.25rem}.page-item:first-child .page-link{margin-left:0;border-bottom-left-radius:.25rem;border-top-left-radius:.25rem}.page-item:last-child .page-link{border-bottom-right-radius:.25rem;border-top-right-radius:.25rem}.page-item.active .page-link{z-index:2;color:#fff;background-color:#0275d8;border-color:#0275d8}.page-item.disabled .page-link{color:#636c72;pointer-events:none;cursor:not-allowed;background-color:#fff;border-color:#ddd}.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#0275d8;background-color:#fff;border:1px solid #ddd}.page-link:focus,.page-link:hover{color:#014c8c;text-decoration:none;background-color:#eceeef;border-color:#ddd}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem}.pagination-lg .page-item:first-child .page-link{border-bottom-left-radius:.3rem;border-top-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-bottom-right-radius:.3rem;border-top-right-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem}.pagination-sm .page-item:first-child .page-link{border-bottom-left-radius:.2rem;border-top-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-bottom-right-radius:.2rem;border-top-right-radius:.2rem}.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}a.badge:focus,a.badge:hover{color:#fff;text-decoration:none;cursor:pointer}.badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem}.badge-default{background-color:#636c72}.badge-default[href]:focus,.badge-default[href]:hover{background-color:#4b5257}.badge-primary{background-color:#0275d8}.badge-primary[href]:focus,.badge-primary[href]:hover{background-color:#025aa5}.badge-success{background-color:#5cb85c}.badge-success[href]:focus,.badge-success[href]:hover{background-color:#449d44}.badge-info{background-color:#5bc0de}.badge-info[href]:focus,.badge-info[href]:hover{background-color:#31b0d5}.badge-warning{background-color:#f0ad4e}.badge-warning[href]:focus,.badge-warning[href]:hover{background-color:#ec971f}.badge-danger{background-color:#d9534f}.badge-danger[href]:focus,.badge-danger[href]:hover{background-color:#c9302c}.jumbotron{padding:2rem 1rem;margin-bottom:2rem;background-color:#eceeef;border-radius:.3rem}@media (min-width:576px){.jumbotron{padding:4rem 2rem}}.jumbotron-hr{border-top-color:#d0d5d8}.jumbotron-fluid{padding-right:0;padding-left:0;border-radius:0}.alert{padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible .close{position:relative;top:-.75rem;right:-1.25rem;padding:.75rem 1.25rem;color:inherit}.alert-success{background-color:#dff0d8;border-color:#d0e9c6;color:#3c763d}.alert-success hr{border-top-color:#c1e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{background-color:#d9edf7;border-color:#bcdff1;color:#31708f}.alert-info hr{border-top-color:#a6d5ec}.alert-info .alert-link{color:#245269}.alert-warning{background-color:#fcf8e3;border-color:#faf2cc;color:#8a6d3b}.alert-warning hr{border-top-color:#f7ecb5}.alert-warning .alert-link{color:#66512c}.alert-danger{background-color:#f2dede;border-color:#ebcccc;color:#a94442}.alert-danger hr{border-top-color:#e4b9b9}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}.progress{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow:hidden;font-size:.75rem;line-height:1rem;text-align:center;background-color:#eceeef;border-radius:.25rem}.progress-bar{height:1rem;color:#fff;background-color:#0275d8}.progress-bar-striped{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:1rem 1rem;background-size:1rem 1rem}.progress-bar-animated{-webkit-animation:progress-bar-stripes 1s linear infinite;-o-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite}.media{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.media-body{-webkit-box-flex:1;-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%}.list-group{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0}.list-group-item-action{width:100%;color:#464a4c;text-align:inherit}.list-group-item-action .list-group-item-heading{color:#292b2c}.list-group-item-action:focus,.list-group-item-action:hover{color:#464a4c;text-decoration:none;background-color:#f7f7f9}.list-group-item-action:active{color:#292b2c;background-color:#eceeef}.list-group-item{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:.75rem 1.25rem;margin-bottom:-1px;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.list-group-item:first-child{border-top-right-radius:.25rem;border-top-left-radius:.25rem}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.list-group-item:focus,.list-group-item:hover{text-decoration:none}.list-group-item.disabled,.list-group-item:disabled{color:#636c72;cursor:not-allowed;background-color:#fff}.list-group-item.disabled .list-group-item-heading,.list-group-item:disabled .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item:disabled .list-group-item-text{color:#636c72}.list-group-item.active{z-index:2;color:#fff;background-color:#0275d8;border-color:#0275d8}.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small{color:inherit}.list-group-item.active .list-group-item-text{color:#daeeff}.list-group-flush .list-group-item{border-right:0;border-left:0;border-radius:0}.list-group-flush:first-child .list-group-item:first-child{border-top:0}.list-group-flush:last-child .list-group-item:last-child{border-bottom:0}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success,button.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:focus,a.list-group-item-success:hover,button.list-group-item-success:focus,button.list-group-item-success:hover{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,button.list-group-item-success.active{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info,button.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,button.list-group-item-info.active{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning,button.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:focus,a.list-group-item-warning:hover,button.list-group-item-warning:focus,button.list-group-item-warning:hover{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,button.list-group-item-warning.active{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger,button.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:focus,a.list-group-item-danger:hover,button.list-group-item-danger:focus,button.list-group-item-danger:hover{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,button.list-group-item-danger.active{color:#fff;background-color:#a94442;border-color:#a94442}.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}.embed-responsive::before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9::before{padding-top:42.857143%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-4by3::before{padding-top:75%}.embed-responsive-1by1::before{padding-top:100%}.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.75}button.close{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;outline:0}.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out,-o-transform .3s ease-out;-webkit-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}.modal.show .modal-dialog{-webkit-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:15px;border-bottom:1px solid #eceeef}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;padding:15px}.modal-footer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;padding:15px;border-top:1px solid #eceeef}.modal-footer>:not(:first-child){margin-left:.25rem}.modal-footer>:not(:last-child){margin-right:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:30px auto}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg{max-width:800px}}.tooltip{position:absolute;z-index:1070;display:block;font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-style:normal;font-weight:400;letter-spacing:normal;line-break:auto;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;white-space:normal;word-break:normal;word-spacing:normal;font-size:.875rem;word-wrap:break-word;opacity:0}.tooltip.show{opacity:.9}.tooltip.bs-tether-element-attached-bottom,.tooltip.tooltip-top{padding:5px 0;margin-top:-3px}.tooltip.bs-tether-element-attached-bottom .tooltip-inner::before,.tooltip.tooltip-top .tooltip-inner::before{bottom:0;left:50%;margin-left:-5px;content:"";border-width:5px 5px 0;border-top-color:#000}.tooltip.bs-tether-element-attached-left,.tooltip.tooltip-right{padding:0 5px;margin-left:3px}.tooltip.bs-tether-element-attached-left .tooltip-inner::before,.tooltip.tooltip-right .tooltip-inner::before{top:50%;left:0;margin-top:-5px;content:"";border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.bs-tether-element-attached-top,.tooltip.tooltip-bottom{padding:5px 0;margin-top:3px}.tooltip.bs-tether-element-attached-top .tooltip-inner::before,.tooltip.tooltip-bottom .tooltip-inner::before{top:0;left:50%;margin-left:-5px;content:"";border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bs-tether-element-attached-right,.tooltip.tooltip-left{padding:0 5px;margin-left:-3px}.tooltip.bs-tether-element-attached-right .tooltip-inner::before,.tooltip.tooltip-left .tooltip-inner::before{top:50%;right:0;margin-top:-5px;content:"";border-width:5px 0 5px 5px;border-left-color:#000}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:.25rem}.tooltip-inner::before{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.popover{position:absolute;top:0;left:0;z-index:1060;display:block;max-width:276px;padding:1px;font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-style:normal;font-weight:400;letter-spacing:normal;line-break:auto;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;white-space:normal;word-break:normal;word-spacing:normal;font-size:.875rem;word-wrap:break-word;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem}.popover.bs-tether-element-attached-bottom,.popover.popover-top{margin-top:-10px}.popover.bs-tether-element-attached-bottom::after,.popover.bs-tether-element-attached-bottom::before,.popover.popover-top::after,.popover.popover-top::before{left:50%;border-bottom-width:0}.popover.bs-tether-element-attached-bottom::before,.popover.popover-top::before{bottom:-11px;margin-left:-11px;border-top-color:rgba(0,0,0,.25)}.popover.bs-tether-element-attached-bottom::after,.popover.popover-top::after{bottom:-10px;margin-left:-10px;border-top-color:#fff}.popover.bs-tether-element-attached-left,.popover.popover-right{margin-left:10px}.popover.bs-tether-element-attached-left::after,.popover.bs-tether-element-attached-left::before,.popover.popover-right::after,.popover.popover-right::before{top:50%;border-left-width:0}.popover.bs-tether-element-attached-left::before,.popover.popover-right::before{left:-11px;margin-top:-11px;border-right-color:rgba(0,0,0,.25)}.popover.bs-tether-element-attached-left::after,.popover.popover-right::after{left:-10px;margin-top:-10px;border-right-color:#fff}.popover.bs-tether-element-attached-top,.popover.popover-bottom{margin-top:10px}.popover.bs-tether-element-attached-top::after,.popover.bs-tether-element-attached-top::before,.popover.popover-bottom::after,.popover.popover-bottom::before{left:50%;border-top-width:0}.popover.bs-tether-element-attached-top::before,.popover.popover-bottom::before{top:-11px;margin-left:-11px;border-bottom-color:rgba(0,0,0,.25)}.popover.bs-tether-element-attached-top::after,.popover.popover-bottom::after{top:-10px;margin-left:-10px;border-bottom-color:#f7f7f7}.popover.bs-tether-element-attached-top .popover-title::before,.popover.popover-bottom .popover-title::before{position:absolute;top:0;left:50%;display:block;width:20px;margin-left:-10px;content:"";border-bottom:1px solid #f7f7f7}.popover.bs-tether-element-attached-right,.popover.popover-left{margin-left:-10px}.popover.bs-tether-element-attached-right::after,.popover.bs-tether-element-attached-right::before,.popover.popover-left::after,.popover.popover-left::before{top:50%;border-right-width:0}.popover.bs-tether-element-attached-right::before,.popover.popover-left::before{right:-11px;margin-top:-11px;border-left-color:rgba(0,0,0,.25)}.popover.bs-tether-element-attached-right::after,.popover.popover-left::after{right:-10px;margin-top:-10px;border-left-color:#fff}.popover-title{padding:8px 14px;margin-bottom:0;font-size:1rem;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-top-right-radius:calc(.3rem - 1px);border-top-left-radius:calc(.3rem - 1px)}.popover-title:empty{display:none}.popover-content{padding:9px 14px}.popover::after,.popover::before{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover::before{content:"";border-width:11px}.popover::after{content:"";border-width:10px}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-item{position:relative;display:none;width:100%}@media (-webkit-transform-3d){.carousel-item{-webkit-transition:-webkit-transform .6s ease-in-out;transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out,-o-transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}}@supports ((-webkit-transform:translate3d(0,0,0)) or (transform:translate3d(0,0,0))){.carousel-item{-webkit-transition:-webkit-transform .6s ease-in-out;transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out,-o-transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.carousel-item-next,.carousel-item-prev{position:absolute;top:0}@media (-webkit-transform-3d){.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.active.carousel-item-right,.carousel-item-next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.active.carousel-item-left,.carousel-item-prev{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@supports ((-webkit-transform:translate3d(0,0,0)) or (transform:translate3d(0,0,0))){.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.active.carousel-item-right,.carousel-item-next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.active.carousel-item-left,.carousel-item-prev{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:15%;color:#fff;text-align:center;opacity:.5}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:20px;height:20px;background:transparent no-repeat center center;-webkit-background-size:100% 100%;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=http://www.w3.org/2000/svg fill=%23fff viewBox=0 0 8 8%3E%3Cpath d=M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z/%3E%3C/svg%3E")}.carousel-control-next-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=http://www.w3.org/2000/svg fill=%23fff viewBox=0 0 8 8%3E%3Cpath d=M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z/%3E%3C/svg%3E")}.carousel-indicators{position:absolute;right:0;bottom:10px;left:0;z-index:15;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{position:relative;-webkit-box-flex:1;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;max-width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:rgba(255,255,255,.5)}.carousel-indicators li::before{position:absolute;top:-10px;left:0;display:inline-block;width:100%;height:10px;content:""}.carousel-indicators li::after{position:absolute;bottom:-10px;left:0;display:inline-block;width:100%;height:10px;content:""}.carousel-indicators .active{background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.bg-faded{background-color:#f7f7f7}.bg-primary{background-color:#0275d8!important}a.bg-primary:focus,a.bg-primary:hover{background-color:#025aa5!important}.bg-success{background-color:#5cb85c!important}a.bg-success:focus,a.bg-success:hover{background-color:#449d44!important}.bg-info{background-color:#5bc0de!important}a.bg-info:focus,a.bg-info:hover{background-color:#31b0d5!important}.bg-warning{background-color:#f0ad4e!important}a.bg-warning:focus,a.bg-warning:hover{background-color:#ec971f!important}.bg-danger{background-color:#d9534f!important}a.bg-danger:focus,a.bg-danger:hover{background-color:#c9302c!important}.bg-inverse{background-color:#292b2c!important}a.bg-inverse:focus,a.bg-inverse:hover{background-color:#101112!important}.border-0{border:0!important}.border-top-0{border-top:0!important}.border-right-0{border-right:0!important}.border-bottom-0{border-bottom:0!important}.border-left-0{border-left:0!important}.rounded{border-radius:.25rem}.rounded-top{border-top-right-radius:.25rem;border-top-left-radius:.25rem}.rounded-right{border-bottom-right-radius:.25rem;border-top-right-radius:.25rem}.rounded-bottom{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-left{border-bottom-left-radius:.25rem;border-top-left-radius:.25rem}.rounded-circle{border-radius:50%}.rounded-0{border-radius:0}.clearfix::after{display:block;content:"";
clear: both;
}
.d-none {
display: none!important;
}
.d-inline {
display: inline!important;
}
.d-inline-block {
display: inline-block!important;
}
.d-block {
display: block!important;
}
.d-table {
display: table!important;
}
.d-table-cell {
display: table-cell!important;
}
.d-flex {
display: -webkit-box!important;
display: -webkit-flex!important;
display: -ms-flexbox!important;
display: flex!important;
}
.d-inline-flex {
display: -webkit-inline-box!important;
display: -webkit-inline-flex!important;
display: -ms-inline-flexbox!important;
display: inline-flex!important;
}
@media (min-width:576px) {
.d-sm-none {
display: none!important;
}
.d-sm-inline {
display: inline!important;
}
.d-sm-inline-block {
display: inline-block!important;
}
.d-sm-block {
display: block!important;
}
.d-sm-table {
display: table!important;
}
.d-sm-table-cell {
display: table-cell!important;
}
.d-sm-flex {
display: -webkit-box!important;
display: -webkit-flex!important;
display: -ms-flexbox!important;
display: flex!important;
}
.d-sm-inline-flex {
display: -webkit-inline-box!important;
display: -webkit-inline-flex!important;
display: -ms-inline-flexbox!important;
display: inline-flex!important;
}
}
@media (min-width:768px) {
.d-md-none {
display: none!important;
}
.d-md-inline {
display: inline!important;
}
.d-md-inline-block {
display: inline-block!important;
}
.d-md-block {
display: block!important;
}
.d-md-table {
display: table!important;
}
.d-md-table-cell {
display: table-cell!important;
}
.d-md-flex {
display: -webkit-box!important;
display: -webkit-flex!important;
display: -ms-flexbox!important;
display: flex!important;
}
.d-md-inline-flex {
display: -webkit-inline-box!important;
display: -webkit-inline-flex!important;
display: -ms-inline-flexbox!important;
display: inline-flex!important;
}
}
@media (min-width:992px) {
.d-lg-none {
display: none!important;
}
.d-lg-inline {
display: inline!important;
}
.d-lg-inline-block {
display: inline-block!important;
}
.d-lg-block {
display: block!important;
}
.d-lg-table {
display: table!important;
}
.d-lg-table-cell {
display: table-cell!important;
}
.d-lg-flex {
display: -webkit-box!important;
display: -webkit-flex!important;
display: -ms-flexbox!important;
display: flex!important;
}
.d-lg-inline-flex {
display: -webkit-inline-box!important;
display: -webkit-inline-flex!important;
display: -ms-inline-flexbox!important;
display: inline-flex!important;
}
}
@media (min-width:1200px) {
.d-xl-none {
display: none!important;
}
.d-xl-inline {
display: inline!important;
}
.d-xl-inline-block {
display: inline-block!important;
}
.d-xl-block {
display: block!important;
}
.d-xl-table {
display: table!important;
}
.d-xl-table-cell {
display: table-cell!important;
}
.d-xl-flex {
display: -webkit-box!important;
display: -webkit-flex!important;
display: -ms-flexbox!important;
display: flex!important;
}
.d-xl-inline-flex {
display: -webkit-inline-box!important;
display: -webkit-inline-flex!important;
display: -ms-inline-flexbox!important;
display: inline-flex!important;
}
}
.flex-first {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.flex-last {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.flex-unordered {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
}
.flex-row {
-webkit-box-orient: horizontal!important;
-webkit-box-direction: normal!important;
-webkit-flex-direction: row!important;
-ms-flex-direction: row!important;
flex-direction: row!important;
}
.flex-column {
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-webkit-flex-direction: column!important;
-ms-flex-direction: column!important;
flex-direction: column!important;
}
.flex-row-reverse {
-webkit-box-orient: horizontal!important;
-webkit-box-direction: reverse!important;
-webkit-flex-direction: row-reverse!important;
-ms-flex-direction: row-reverse!important;
flex-direction: row-reverse!important;
}
.flex-column-reverse {
-webkit-box-orient: vertical!important;
-webkit-box-direction: reverse!important;
-webkit-flex-direction: column-reverse!important;
-ms-flex-direction: column-reverse!important;
flex-direction: column-reverse!important;
}
.flex-wrap {
-webkit-flex-wrap: wrap!important;
-ms-flex-wrap: wrap!important;
flex-wrap: wrap!important;
}
.flex-nowrap {
-webkit-flex-wrap: nowrap!important;
-ms-flex-wrap: nowrap!important;
flex-wrap: nowrap!important;
}
.flex-wrap-reverse {
-webkit-flex-wrap: wrap-reverse!important;
-ms-flex-wrap: wrap-reverse!important;
flex-wrap: wrap-reverse!important;
}
.justify-content-start {
-webkit-box-pack: start!important;
-webkit-justify-content: flex-start!important;
-ms-flex-pack: start!important;
justify-content: flex-start!important;
}
.justify-content-end {
-webkit-box-pack: end!important;
-webkit-justify-content: flex-end!important;
-ms-flex-pack: end!important;
justify-content: flex-end!important;
}
.justify-content-center {
-webkit-box-pack: center!important;
-webkit-justify-content: center!important;
-ms-flex-pack: center!important;
justify-content: center!important;
}
.justify-content-between {
-webkit-box-pack: justify!important;
-webkit-justify-content: space-between!important;
-ms-flex-pack: justify!important;
justify-content: space-between!important;
}
.justify-content-around {
-webkit-justify-content: space-around!important;
-ms-flex-pack: distribute!important;
justify-content: space-around!important;
}
.align-items-start {
-webkit-box-align: start!important;
-webkit-align-items: flex-start!important;
-ms-flex-align: start!important;
align-items: flex-start!important;
}
.align-items-end {
-webkit-box-align: end!important;
-webkit-align-items: flex-end!important;
-ms-flex-align: end!important;
align-items: flex-end!important;
}
.align-items-center {
-webkit-box-align: center!important;
-webkit-align-items: center!important;
-ms-flex-align: center!important;
align-items: center!important;
}
.align-items-baseline {
-webkit-box-align: baseline!important;
-webkit-align-items: baseline!important;
-ms-flex-align: baseline!important;
align-items: baseline!important;
}
.align-items-stretch {
-webkit-box-align: stretch!important;
-webkit-align-items: stretch!important;
-ms-flex-align: stretch!important;
align-items: stretch!important;
}
.align-content-start {
-webkit-align-content: flex-start!important;
-ms-flex-line-pack: start!important;
align-content: flex-start!important;
}
.align-content-end {
-webkit-align-content: flex-end!important;
-ms-flex-line-pack: end!important;
align-content: flex-end!important;
}
.align-content-center {
-webkit-align-content: center!important;
-ms-flex-line-pack: center!important;
align-content: center!important;
}
.align-content-between {
-webkit-align-content: space-between!important;
-ms-flex-line-pack: justify!important;
align-content: space-between!important;
}
.align-content-around {
-webkit-align-content: space-around!important;
-ms-flex-line-pack: distribute!important;
align-content: space-around!important;
}
.align-content-stretch {
-webkit-align-content: stretch!important;
-ms-flex-line-pack: stretch!important;
align-content: stretch!important;
}
.align-self-auto {
-webkit-align-self: auto!important;
-ms-flex-item-align: auto!important;
-ms-grid-row-align: auto!important;
align-self: auto!important;
}
.align-self-start {
-webkit-align-self: flex-start!important;
-ms-flex-item-align: start!important;
align-self: flex-start!important;
}
.align-self-end {
-webkit-align-self: flex-end!important;
-ms-flex-item-align: end!important;
align-self: flex-end!important;
}
.align-self-center {
-webkit-align-self: center!important;
-ms-flex-item-align: center!important;
-ms-grid-row-align: center!important;
align-self: center!important;
}
.align-self-baseline {
-webkit-align-self: baseline!important;
-ms-flex-item-align: baseline!important;
align-self: baseline!important;
}
.align-self-stretch {
-webkit-align-self: stretch!important;
-ms-flex-item-align: stretch!important;
-ms-grid-row-align: stretch!important;
align-self: stretch!important;
}
@media (min-width:576px) {
.flex-sm-first {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.flex-sm-last {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.flex-sm-unordered {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
}
.flex-sm-row {
-webkit-box-orient: horizontal!important;
-webkit-box-direction: normal!important;
-webkit-flex-direction: row!important;
-ms-flex-direction: row!important;
flex-direction: row!important;
}
.flex-sm-column {
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-webkit-flex-direction: column!important;
-ms-flex-direction: column!important;
flex-direction: column!important;
}
.flex-sm-row-reverse {
-webkit-box-orient: horizontal!important;
-webkit-box-direction: reverse!important;
-webkit-flex-direction: row-reverse!important;
-ms-flex-direction: row-reverse!important;
flex-direction: row-reverse!important;
}
.flex-sm-column-reverse {
-webkit-box-orient: vertical!important;
-webkit-box-direction: reverse!important;
-webkit-flex-direction: column-reverse!important;
-ms-flex-direction: column-reverse!important;
flex-direction: column-reverse!important;
}
.flex-sm-wrap {
-webkit-flex-wrap: wrap!important;
-ms-flex-wrap: wrap!important;
flex-wrap: wrap!important;
}
.flex-sm-nowrap {
-webkit-flex-wrap: nowrap!important;
-ms-flex-wrap: nowrap!important;
flex-wrap: nowrap!important;
}
.flex-sm-wrap-reverse {
-webkit-flex-wrap: wrap-reverse!important;
-ms-flex-wrap: wrap-reverse!important;
flex-wrap: wrap-reverse!important;
}
.justify-content-sm-start {
-webkit-box-pack: start!important;
-webkit-justify-content: flex-start!important;
-ms-flex-pack: start!important;
justify-content: flex-start!important;
}
.justify-content-sm-end {
-webkit-box-pack: end!important;
-webkit-justify-content: flex-end!important;
-ms-flex-pack: end!important;
justify-content: flex-end!important;
}
.justify-content-sm-center {
-webkit-box-pack: center!important;
-webkit-justify-content: center!important;
-ms-flex-pack: center!important;
justify-content: center!important;
}
.justify-content-sm-between {
-webkit-box-pack: justify!important;
-webkit-justify-content: space-between!important;
-ms-flex-pack: justify!important;
justify-content: space-between!important;
}
.justify-content-sm-around {
-webkit-justify-content: space-around!important;
-ms-flex-pack: distribute!important;
justify-content: space-around!important;
}
.align-items-sm-start {
-webkit-box-align: start!important;
-webkit-align-items: flex-start!important;
-ms-flex-align: start!important;
align-items: flex-start!important;
}
.align-items-sm-end {
-webkit-box-align: end!important;
-webkit-align-items: flex-end!important;
-ms-flex-align: end!important;
align-items: flex-end!important;
}
.align-items-sm-center {
-webkit-box-align: center!important;
-webkit-align-items: center!important;
-ms-flex-align: center!important;
align-items: center!important;
}
.align-items-sm-baseline {
-webkit-box-align: baseline!important;
-webkit-align-items: baseline!important;
-ms-flex-align: baseline!important;
align-items: baseline!important;
}
.align-items-sm-stretch {
-webkit-box-align: stretch!important;
-webkit-align-items: stretch!important;
-ms-flex-align: stretch!important;
align-items: stretch!important;
}
.align-content-sm-start {
-webkit-align-content: flex-start!important;
-ms-flex-line-pack: start!important;
align-content: flex-start!important;
}
.align-content-sm-end {
-webkit-align-content: flex-end!important;
-ms-flex-line-pack: end!important;
align-content: flex-end!important;
}
.align-content-sm-center {
-webkit-align-content: center!important;
-ms-flex-line-pack: center!important;
align-content: center!important;
}
.align-content-sm-between {
-webkit-align-content: space-between!important;
-ms-flex-line-pack: justify!important;
align-content: space-between!important;
}
.align-content-sm-around {
-webkit-align-content: space-around!important;
-ms-flex-line-pack: distribute!important;
align-content: space-around!important;
}
.align-content-sm-stretch {
-webkit-align-content: stretch!important;
-ms-flex-line-pack: stretch!important;
align-content: stretch!important;
}
.align-self-sm-auto {
-webkit-align-self: auto!important;
-ms-flex-item-align: auto!important;
-ms-grid-row-align: auto!important;
align-self: auto!important;
}
.align-self-sm-start {
-webkit-align-self: flex-start!important;
-ms-flex-item-align: start!important;
align-self: flex-start!important;
}
.align-self-sm-end {
-webkit-align-self: flex-end!important;
-ms-flex-item-align: end!important;
align-self: flex-end!important;
}
.align-self-sm-center {
-webkit-align-self: center!important;
-ms-flex-item-align: center!important;
-ms-grid-row-align: center!important;
align-self: center!important;
}
.align-self-sm-baseline {
-webkit-align-self: baseline!important;
-ms-flex-item-align: baseline!important;
align-self: baseline!important;
}
.align-self-sm-stretch {
-webkit-align-self: stretch!important;
-ms-flex-item-align: stretch!important;
-ms-grid-row-align: stretch!important;
align-self: stretch!important;
}
}
@media (min-width:768px) {
.flex-md-first {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.flex-md-last {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.flex-md-unordered {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
}
.flex-md-row {
-webkit-box-orient: horizontal!important;
-webkit-box-direction: normal!important;
-webkit-flex-direction: row!important;
-ms-flex-direction: row!important;
flex-direction: row!important;
}
.flex-md-column {
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-webkit-flex-direction: column!important;
-ms-flex-direction: column!important;
flex-direction: column!important;
}
.flex-md-row-reverse {
-webkit-box-orient: horizontal!important;
-webkit-box-direction: reverse!important;
-webkit-flex-direction: row-reverse!important;
-ms-flex-direction: row-reverse!important;
flex-direction: row-reverse!important;
}
.flex-md-column-reverse {
-webkit-box-orient: vertical!important;
-webkit-box-direction: reverse!important;
-webkit-flex-direction: column-reverse!important;
-ms-flex-direction: column-reverse!important;
flex-direction: column-reverse!important;
}
.flex-md-wrap {
-webkit-flex-wrap: wrap!important;
-ms-flex-wrap: wrap!important;
flex-wrap: wrap!important;
}
.flex-md-nowrap {
-webkit-flex-wrap: nowrap!important;
-ms-flex-wrap: nowrap!important;
flex-wrap: nowrap!important;
}
.flex-md-wrap-reverse {
-webkit-flex-wrap: wrap-reverse!important;
-ms-flex-wrap: wrap-reverse!important;
flex-wrap: wrap-reverse!important;
}
.justify-content-md-start {
-webkit-box-pack: start!important;
-webkit-justify-content: flex-start!important;
-ms-flex-pack: start!important;
justify-content: flex-start!important;
}
.justify-content-md-end {
-webkit-box-pack: end!important;
-webkit-justify-content: flex-end!important;
-ms-flex-pack: end!important;
justify-content: flex-end!important;
}
.justify-content-md-center {
-webkit-box-pack: center!important;
-webkit-justify-content: center!important;
-ms-flex-pack: center!important;
justify-content: center!important;
}
.justify-content-md-between {
-webkit-box-pack: justify!important;
-webkit-justify-content: space-between!important;
-ms-flex-pack: justify!important;
justify-content: space-between!important;
}
.justify-content-md-around {
-webkit-justify-content: space-around!important;
-ms-flex-pack: distribute!important;
justify-content: space-around!important;
}
.align-items-md-start {
-webkit-box-align: start!important;
-webkit-align-items: flex-start!important;
-ms-flex-align: start!important;
align-items: flex-start!important;
}
.align-items-md-end {
-webkit-box-align: end!important;
-webkit-align-items: flex-end!important;
-ms-flex-align: end!important;
align-items: flex-end!important;
}
.align-items-md-center {
-webkit-box-align: center!important;
-webkit-align-items: center!important;
-ms-flex-align: center!important;
align-items: center!important;
}
.align-items-md-baseline {
-webkit-box-align: baseline!important;
-webkit-align-items: baseline!important;
-ms-flex-align: baseline!important;
align-items: baseline!important;
}
.align-items-md-stretch {
-webkit-box-align: stretch!important;
-webkit-align-items: stretch!important;
-ms-flex-align: stretch!important;
align-items: stretch!important;
}
.align-content-md-start {
-webkit-align-content: flex-start!important;
-ms-flex-line-pack: start!important;
align-content: flex-start!important;
}
.align-content-md-end {
-webkit-align-content: flex-end!important;
-ms-flex-line-pack: end!important;
align-content: flex-end!important;
}
.align-content-md-center {
-webkit-align-content: center!important;
-ms-flex-line-pack: center!important;
align-content: center!important;
}
.align-content-md-between {
-webkit-align-content: space-between!important;
-ms-flex-line-pack: justify!important;
align-content: space-between!important;
}
.align-content-md-around {
-webkit-align-content: space-around!important;
-ms-flex-line-pack: distribute!important;
align-content: space-around!important;
}
.align-content-md-stretch {
-webkit-align-content: stretch!important;
-ms-flex-line-pack: stretch!important;
align-content: stretch!important;
}
.align-self-md-auto {
-webkit-align-self: auto!important;
-ms-flex-item-align: auto!important;
-ms-grid-row-align: auto!important;
align-self: auto!important;
}
.align-self-md-start {
-webkit-align-self: flex-start!important;
-ms-flex-item-align: start!important;
align-self: flex-start!important;
}
.align-self-md-end {
-webkit-align-self: flex-end!important;
-ms-flex-item-align: end!important;
align-self: flex-end!important;
}
.align-self-md-center {
-webkit-align-self: center!important;
-ms-flex-item-align: center!important;
-ms-grid-row-align: center!important;
align-self: center!important;
}
.align-self-md-baseline {
-webkit-align-self: baseline!important;
-ms-flex-item-align: baseline!important;
align-self: baseline!important;
}
.align-self-md-stretch {
-webkit-align-self: stretch!important;
-ms-flex-item-align: stretch!important;
-ms-grid-row-align: stretch!important;
align-self: stretch!important;
}
}
@media (min-width:992px) {
.flex-lg-first {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.flex-lg-last {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.flex-lg-unordered {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
}
.flex-lg-row {
-webkit-box-orient: horizontal!important;
-webkit-box-direction: normal!important;
-webkit-flex-direction: row!important;
-ms-flex-direction: row!important;
flex-direction: row!important;
}
.flex-lg-column {
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-webkit-flex-direction: column!important;
-ms-flex-direction: column!important;
flex-direction: column!important;
}
.flex-lg-row-reverse {
-webkit-box-orient: horizontal!important;
-webkit-box-direction: reverse!important;
-webkit-flex-direction: row-reverse!important;
-ms-flex-direction: row-reverse!important;
flex-direction: row-reverse!important;
}
.flex-lg-column-reverse {
-webkit-box-orient: vertical!important;
-webkit-box-direction: reverse!important;
-webkit-flex-direction: column-reverse!important;
-ms-flex-direction: column-reverse!important;
flex-direction: column-reverse!important;
}
.flex-lg-wrap {
-webkit-flex-wrap: wrap!important;
-ms-flex-wrap: wrap!important;
flex-wrap: wrap!important;
}
.flex-lg-nowrap {
-webkit-flex-wrap: nowrap!important;
-ms-flex-wrap: nowrap!important;
flex-wrap: nowrap!important;
}
.flex-lg-wrap-reverse {
-webkit-flex-wrap: wrap-reverse!important;
-ms-flex-wrap: wrap-reverse!important;
flex-wrap: wrap-reverse!important;
}
.justify-content-lg-start {
-webkit-box-pack: start!important;
-webkit-justify-content: flex-start!important;
-ms-flex-pack: start!important;
justify-content: flex-start!important;
}
.justify-content-lg-end {
-webkit-box-pack: end!important;
-webkit-justify-content: flex-end!important;
-ms-flex-pack: end!important;
justify-content: flex-end!important;
}
.justify-content-lg-center {
-webkit-box-pack: center!important;
-webkit-justify-content: center!important;
-ms-flex-pack: center!important;
justify-content: center!important;
}
.justify-content-lg-between {
-webkit-box-pack: justify!important;
-webkit-justify-content: space-between!important;
-ms-flex-pack: justify!important;
justify-content: space-between!important;
}
.justify-content-lg-around {
-webkit-justify-content: space-around!important;
-ms-flex-pack: distribute!important;
justify-content: space-around!important;
}
.align-items-lg-start {
-webkit-box-align: start!important;
-webkit-align-items: flex-start!important;
-ms-flex-align: start!important;
align-items: flex-start!important;
}
.align-items-lg-end {
-webkit-box-align: end!important;
-webkit-align-items: flex-end!important;
-ms-flex-align: end!important;
align-items: flex-end!important;
}
.align-items-lg-center {
-webkit-box-align: center!important;
-webkit-align-items: center!important;
-ms-flex-align: center!important;
align-items: center!important;
}
.align-items-lg-baseline {
-webkit-box-align: baseline!important;
-webkit-align-items: baseline!important;
-ms-flex-align: baseline!important;
align-items: baseline!important;
}
.align-items-lg-stretch {
-webkit-box-align: stretch!important;
-webkit-align-items: stretch!important;
-ms-flex-align: stretch!important;
align-items: stretch!important;
}
.align-content-lg-start {
-webkit-align-content: flex-start!important;
-ms-flex-line-pack: start!important;
align-content: flex-start!important;
}
.align-content-lg-end {
-webkit-align-content: flex-end!important;
-ms-flex-line-pack: end!important;
align-content: flex-end!important;
}
.align-content-lg-center {
-webkit-align-content: center!important;
-ms-flex-line-pack: center!important;
align-content: center!important;
}
.align-content-lg-between {
-webkit-align-content: space-between!important;
-ms-flex-line-pack: justify!important;
align-content: space-between!important;
}
.align-content-lg-around {
-webkit-align-content: space-around!important;
-ms-flex-line-pack: distribute!important;
align-content: space-around!important;
}
.align-content-lg-stretch {
-webkit-align-content: stretch!important;
-ms-flex-line-pack: stretch!important;
align-content: stretch!important;
}
.align-self-lg-auto {
-webkit-align-self: auto!important;
-ms-flex-item-align: auto!important;
-ms-grid-row-align: auto!important;
align-self: auto!important;
}
.align-self-lg-start {
-webkit-align-self: flex-start!important;
-ms-flex-item-align: start!important;
align-self: flex-start!important;
}
.align-self-lg-end {
-webkit-align-self: flex-end!important;
-ms-flex-item-align: end!important;
align-self: flex-end!important;
}
.align-self-lg-center {
-webkit-align-self: center!important;
-ms-flex-item-align: center!important;
-ms-grid-row-align: center!important;
align-self: center!important;
}
.align-self-lg-baseline {
-webkit-align-self: baseline!important;
-ms-flex-item-align: baseline!important;
align-self: baseline!important;
}
.align-self-lg-stretch {
-webkit-align-self: stretch!important;
-ms-flex-item-align: stretch!important;
-ms-grid-row-align: stretch!important;
align-self: stretch!important;
}
}
@media (min-width:1200px) {
.flex-xl-first {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.flex-xl-last {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.flex-xl-unordered {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
}
.flex-xl-row {
-webkit-box-orient: horizontal!important;
-webkit-box-direction: normal!important;
-webkit-flex-direction: row!important;
-ms-flex-direction: row!important;
flex-direction: row!important;
}
.flex-xl-column {
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-webkit-flex-direction: column!important;
-ms-flex-direction: column!important;
flex-direction: column!important;
}
.flex-xl-row-reverse {
-webkit-box-orient: horizontal!important;
-webkit-box-direction: reverse!important;
-webkit-flex-direction: row-reverse!important;
-ms-flex-direction: row-reverse!important;
flex-direction: row-reverse!important;
}
.flex-xl-column-reverse {
-webkit-box-orient: vertical!important;
-webkit-box-direction: reverse!important;
-webkit-flex-direction: column-reverse!important;
-ms-flex-direction: column-reverse!important;
flex-direction: column-reverse!important;
}
.flex-xl-wrap {
-webkit-flex-wrap: wrap!important;
-ms-flex-wrap: wrap!important;
flex-wrap: wrap!important;
}
.flex-xl-nowrap {
-webkit-flex-wrap: nowrap!important;
-ms-flex-wrap: nowrap!important;
flex-wrap: nowrap!important;
}
.flex-xl-wrap-reverse {
-webkit-flex-wrap: wrap-reverse!important;
-ms-flex-wrap: wrap-reverse!important;
flex-wrap: wrap-reverse!important;
}
.justify-content-xl-start {
-webkit-box-pack: start!important;
-webkit-justify-content: flex-start!important;
-ms-flex-pack: start!important;
justify-content: flex-start!important;
}
.justify-content-xl-end {
-webkit-box-pack: end!important;
-webkit-justify-content: flex-end!important;
-ms-flex-pack: end!important;
justify-content: flex-end!important;
}
.justify-content-xl-center {
-webkit-box-pack: center!important;
-webkit-justify-content: center!important;
-ms-flex-pack: center!important;
justify-content: center!important;
}
.justify-content-xl-between {
-webkit-box-pack: justify!important;
-webkit-justify-content: space-between!important;
-ms-flex-pack: justify!important;
justify-content: space-between!important;
}
.justify-content-xl-around {
-webkit-justify-content: space-around!important;
-ms-flex-pack: distribute!important;
justify-content: space-around!important;
}
.align-items-xl-start {
-webkit-box-align: start!important;
-webkit-align-items: flex-start!important;
-ms-flex-align: start!important;
align-items: flex-start!important;
}
.align-items-xl-end {
-webkit-box-align: end!important;
-webkit-align-items: flex-end!important;
-ms-flex-align: end!important;
align-items: flex-end!important;
}
.align-items-xl-center {
-webkit-box-align: center!important;
-webkit-align-items: center!important;
-ms-flex-align: center!important;
align-items: center!important;
}
.align-items-xl-baseline {
-webkit-box-align: baseline!important;
-webkit-align-items: baseline!important;
-ms-flex-align: baseline!important;
align-items: baseline!important;
}
.align-items-xl-stretch {
-webkit-box-align: stretch!important;
-webkit-align-items: stretch!important;
-ms-flex-align: stretch!important;
align-items: stretch!important;
}
.align-content-xl-start {
-webkit-align-content: flex-start!important;
-ms-flex-line-pack: start!important;
align-content: flex-start!important;
}
.align-content-xl-end {
-webkit-align-content: flex-end!important;
-ms-flex-line-pack: end!important;
align-content: flex-end!important;
}
.align-content-xl-center {
-webkit-align-content: center!important;
-ms-flex-line-pack: center!important;
align-content: center!important;
}
.align-content-xl-between {
-webkit-align-content: space-between!important;
-ms-flex-line-pack: justify!important;
align-content: space-between!important;
}
.align-content-xl-around {
-webkit-align-content: space-around!important;
-ms-flex-line-pack: distribute!important;
align-content: space-around!important;
}
.align-content-xl-stretch {
-webkit-align-content: stretch!important;
-ms-flex-line-pack: stretch!important;
align-content: stretch!important;
}
.align-self-xl-auto {
-webkit-align-self: auto!important;
-ms-flex-item-align: auto!important;
-ms-grid-row-align: auto!important;
align-self: auto!important;
}
.align-self-xl-start {
-webkit-align-self: flex-start!important;
-ms-flex-item-align: start!important;
align-self: flex-start!important;
}
.align-self-xl-end {
-webkit-align-self: flex-end!important;
-ms-flex-item-align: end!important;
align-self: flex-end!important;
}
.align-self-xl-center {
-webkit-align-self: center!important;
-ms-flex-item-align: center!important;
-ms-grid-row-align: center!important;
align-self: center!important;
}
.align-self-xl-baseline {
-webkit-align-self: baseline!important;
-ms-flex-item-align: baseline!important;
align-self: baseline!important;
}
.align-self-xl-stretch {
-webkit-align-self: stretch!important;
-ms-flex-item-align: stretch!important;
-ms-grid-row-align: stretch!important;
align-self: stretch!important;
}
}
.float-left {
float: left!important;
}
.float-right {
float: right!important;
}
.float-none {
float: none!important;
}
@media (min-width:576px) {
.float-sm-left {
float: left!important;
}
.float-sm-right {
float: right!important;
}
.float-sm-none {
float: none!important;
}
}
@media (min-width:768px) {
.float-md-left {
float: left!important;
}
.float-md-right {
float: right!important;
}
.float-md-none {
float: none!important;
}
}
@media (min-width:992px) {
.float-lg-left {
float: left!important;
}
.float-lg-right {
float: right!important;
}
.float-lg-none {
float: none!important;
}
}
@media (min-width:1200px) {
.float-xl-left {
float: left!important;
}
.float-xl-right {
float: right!important;
}
.float-xl-none {
float: none!important;
}
}
.fixed-top {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030;
}
.fixed-bottom {
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 1030;
}
.sticky-top {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1030;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
.w-25 {
width: 25%!important;
}
.w-50 {
width: 50%!important;
}
.w-75 {
width: 75%!important;
}
.w-100 {
width: 100%!important;
}
.h-25 {
height: 25%!important;
}
.h-50 {
height: 50%!important;
}
.h-75 {
height: 75%!important;
}
.h-100 {
height: 100%!important;
}
.mw-100 {
max-width: 100%!important;
}
.mh-100 {
max-height: 100%!important;
}
.m-0 {
margin: 0 0!important;
}
.mt-0 {
margin-top: 0!important;
}
.mr-0 {
margin-right: 0!important;
}
.mb-0 {
margin-bottom: 0!important;
}
.ml-0 {
margin-left: 0!important;
}
.mx-0 {
margin-right: 0!important;
margin-left: 0!important;
}
.my-0 {
margin-top: 0!important;
margin-bottom: 0!important;
}
.m-1 {
margin: .25rem .25rem!important;
}
.mt-1 {
margin-top: .25rem!important;
}
.mr-1 {
margin-right: .25rem!important;
}
.mb-1 {
margin-bottom: .25rem!important;
}
.ml-1 {
margin-left: .25rem!important;
}
.mx-1 {
margin-right: .25rem!important;
margin-left: .25rem!important;
}
.my-1 {
margin-top: .25rem!important;
margin-bottom: .25rem!important;
}
.m-2 {
margin: .5rem .5rem!important;
}
.mt-2 {
margin-top: .5rem!important;
}
.mr-2 {
margin-right: .5rem!important;
}
.mb-2 {
margin-bottom: .5rem!important;
}
.ml-2 {
margin-left: .5rem!important;
}
.mx-2 {
margin-right: .5rem!important;
margin-left: .5rem!important;
}
.my-2 {
margin-top: .5rem!important;
margin-bottom: .5rem!important;
}
.m-3 {
margin: 1rem 1rem!important;
}
.mt-3 {
margin-top: 1rem!important;
}
.mr-3 {
margin-right: 1rem!important;
}
.mb-3 {
margin-bottom: 1rem!important;
}
.ml-3 {
margin-left: 1rem!important;
}
.mx-3 {
margin-right: 1rem!important;
margin-left: 1rem!important;
}
.my-3 {
margin-top: 1rem!important;
margin-bottom: 1rem!important;
}
.m-4 {
margin: 1.5rem 1.5rem!important;
}
.mt-4 {
margin-top: 1.5rem!important;
}
.mr-4 {
margin-right: 1.5rem!important;
}
.mb-4 {
margin-bottom: 1.5rem!important;
}
.ml-4 {
margin-left: 1.5rem!important;
}
.mx-4 {
margin-right: 1.5rem!important;
margin-left: 1.5rem!important;
}
.my-4 {
margin-top: 1.5rem!important;
margin-bottom: 1.5rem!important;
}
.m-5 {
margin: 3rem 3rem!important;
}
.mt-5 {
margin-top: 3rem!important;
}
.mr-5 {
margin-right: 3rem!important;
}
.mb-5 {
margin-bottom: 3rem!important;
}
.ml-5 {
margin-left: 3rem!important;
}
.mx-5 {
margin-right: 3rem!important;
margin-left: 3rem!important;
}
.my-5 {
margin-top: 3rem!important;
margin-bottom: 3rem!important;
}
.p-0 {
padding: 0 0!important;
}
.pt-0 {
padding-top: 0!important;
}
.pr-0 {
padding-right: 0!important;
}
.pb-0 {
padding-bottom: 0!important;
}
.pl-0 {
padding-left: 0!important;
}
.px-0 {
padding-right: 0!important;
padding-left: 0!important;
}
.py-0 {
padding-top: 0!important;
padding-bottom: 0!important;
}
.p-1 {
padding: .25rem .25rem!important;
}
.pt-1 {
padding-top: .25rem!important;
}
.pr-1 {
padding-right: .25rem!important;
}
.pb-1 {
padding-bottom: .25rem!important;
}
.pl-1 {
padding-left: .25rem!important;
}
.px-1 {
padding-right: .25rem!important;
padding-left: .25rem!important;
}
.py-1 {
padding-top: .25rem!important;
padding-bottom: .25rem!important;
}
.p-2 {
padding: .5rem .5rem!important;
}
.pt-2 {
padding-top: .5rem!important;
}
.pr-2 {
padding-right: .5rem!important;
}
.pb-2 {
padding-bottom: .5rem!important;
}
.pl-2 {
padding-left: .5rem!important;
}
.px-2 {
padding-right: .5rem!important;
padding-left: .5rem!important;
}
.py-2 {
padding-top: .5rem!important;
padding-bottom: .5rem!important;
}
.p-3 {
padding: 1rem 1rem!important;
}
.pt-3 {
padding-top: 1rem!important;
}
.pr-3 {
padding-right: 1rem!important;
}
.pb-3 {
padding-bottom: 1rem!important;
}
.pl-3 {
padding-left: 1rem!important;
}
.px-3 {
padding-right: 1rem!important;
padding-left: 1rem!important;
}
.py-3 {
padding-top: 1rem!important;
padding-bottom: 1rem!important;
}
.p-4 {
padding: 1.5rem 1.5rem!important;
}
.pt-4 {
padding-top: 1.5rem!important;
}
.pr-4 {
padding-right: 1.5rem!important;
}
.pb-4 {
padding-bottom: 1.5rem!important;
}
.pl-4 {
padding-left: 1.5rem!important;
}
.px-4 {
padding-right: 1.5rem!important;
padding-left: 1.5rem!important;
}
.py-4 {
padding-top: 1.5rem!important;
padding-bottom: 1.5rem!important;
}
.p-5 {
padding: 3rem 3rem!important;
}
.pt-5 {
padding-top: 3rem!important;
}
.pr-5 {
padding-right: 3rem!important;
}
.pb-5 {
padding-bottom: 3rem!important;
}
.pl-5 {
padding-left: 3rem!important;
}
.px-5 {
padding-right: 3rem!important;
padding-left: 3rem!important;
}
.py-5 {
padding-top: 3rem!important;
padding-bottom: 3rem!important;
}
.m-auto {
margin: auto!important;
}
.mt-auto {
margin-top: auto!important;
}
.mr-auto {
margin-right: auto!important;
}
.mb-auto {
margin-bottom: auto!important;
}
.ml-auto {
margin-left: auto!important;
}
.mx-auto {
margin-right: auto!important;
margin-left: auto!important;
}
.my-auto {
margin-top: auto!important;
margin-bottom: auto!important;
}
@media (min-width:576px) {
.m-sm-0 {
margin: 0 0!important;
}
.mt-sm-0 {
margin-top: 0!important;
}
.mr-sm-0 {
margin-right: 0!important;
}
.mb-sm-0 {
margin-bottom: 0!important;
}
.ml-sm-0 {
margin-left: 0!important;
}
.mx-sm-0 {
margin-right: 0!important;
margin-left: 0!important;
}
.my-sm-0 {
margin-top: 0!important;
margin-bottom: 0!important;
}
.m-sm-1 {
margin: .25rem .25rem!important;
}
.mt-sm-1 {
margin-top: .25rem!important;
}
.mr-sm-1 {
margin-right: .25rem!important;
}
.mb-sm-1 {
margin-bottom: .25rem!important;
}
.ml-sm-1 {
margin-left: .25rem!important;
}
.mx-sm-1 {
margin-right: .25rem!important;
margin-left: .25rem!important;
}
.my-sm-1 {
margin-top: .25rem!important;
margin-bottom: .25rem!important;
}
.m-sm-2 {
margin: .5rem .5rem!important;
}
.mt-sm-2 {
margin-top: .5rem!important;
}
.mr-sm-2 {
margin-right: .5rem!important;
}
.mb-sm-2 {
margin-bottom: .5rem!important;
}
.ml-sm-2 {
margin-left: .5rem!important;
}
.mx-sm-2 {
margin-right: .5rem!important;
margin-left: .5rem!important;
}
.my-sm-2 {
margin-top: .5rem!important;
margin-bottom: .5rem!important;
}
.m-sm-3 {
margin: 1rem 1rem!important;
}
.mt-sm-3 {
margin-top: 1rem!important;
}
.mr-sm-3 {
margin-right: 1rem!important;
}
.mb-sm-3 {
margin-bottom: 1rem!important;
}
.ml-sm-3 {
margin-left: 1rem!important;
}
.mx-sm-3 {
margin-right: 1rem!important;
margin-left: 1rem!important;
}
.my-sm-3 {
margin-top: 1rem!important;
margin-bottom: 1rem!important;
}
.m-sm-4 {
margin: 1.5rem 1.5rem!important;
}
.mt-sm-4 {
margin-top: 1.5rem!important;
}
.mr-sm-4 {
margin-right: 1.5rem!important;
}
.mb-sm-4 {
margin-bottom: 1.5rem!important;
}
.ml-sm-4 {
margin-left: 1.5rem!important;
}
.mx-sm-4 {
margin-right: 1.5rem!important;
margin-left: 1.5rem!important;
}
.my-sm-4 {
margin-top: 1.5rem!important;
margin-bottom: 1.5rem!important;
}
.m-sm-5 {
margin: 3rem 3rem!important;
}
.mt-sm-5 {
margin-top: 3rem!important;
}
.mr-sm-5 {
margin-right: 3rem!important;
}
.mb-sm-5 {
margin-bottom: 3rem!important;
}
.ml-sm-5 {
margin-left: 3rem!important;
}
.mx-sm-5 {
margin-right: 3rem!important;
margin-left: 3rem!important;
}
.my-sm-5 {
margin-top: 3rem!important;
margin-bottom: 3rem!important;
}
.p-sm-0 {
padding: 0 0!important;
}
.pt-sm-0 {
padding-top: 0!important;
}
.pr-sm-0 {
padding-right: 0!important;
}
.pb-sm-0 {
padding-bottom: 0!important;
}
.pl-sm-0 {
padding-left: 0!important;
}
.px-sm-0 {
padding-right: 0!important;
padding-left: 0!important;
}
.py-sm-0 {
padding-top: 0!important;
padding-bottom: 0!important;
}
.p-sm-1 {
padding: .25rem .25rem!important;
}
.pt-sm-1 {
padding-top: .25rem!important;
}
.pr-sm-1 {
padding-right: .25rem!important;
}
.pb-sm-1 {
padding-bottom: .25rem!important;
}
.pl-sm-1 {
padding-left: .25rem!important;
}
.px-sm-1 {
padding-right: .25rem!important;
padding-left: .25rem!important;
}
.py-sm-1 {
padding-top: .25rem!important;
padding-bottom: .25rem!important;
}
.p-sm-2 {
padding: .5rem .5rem!important;
}
.pt-sm-2 {
padding-top: .5rem!important;
}
.pr-sm-2 {
padding-right: .5rem!important;
}
.pb-sm-2 {
padding-bottom: .5rem!important;
}
.pl-sm-2 {
padding-left: .5rem!important;
}
.px-sm-2 {
padding-right: .5rem!important;
padding-left: .5rem!important;
}
.py-sm-2 {
padding-top: .5rem!important;
padding-bottom: .5rem!important;
}
.p-sm-3 {
padding: 1rem 1rem!important;
}
.pt-sm-3 {
padding-top: 1rem!important;
}
.pr-sm-3 {
padding-right: 1rem!important;
}
.pb-sm-3 {
padding-bottom: 1rem!important;
}
.pl-sm-3 {
padding-left: 1rem!important;
}
.px-sm-3 {
padding-right: 1rem!important;
padding-left: 1rem!important;
}
.py-sm-3 {
padding-top: 1rem!important;
padding-bottom: 1rem!important;
}
.p-sm-4 {
padding: 1.5rem 1.5rem!important;
}
.pt-sm-4 {
padding-top: 1.5rem!important;
}
.pr-sm-4 {
padding-right: 1.5rem!important;
}
.pb-sm-4 {
padding-bottom: 1.5rem!important;
}
.pl-sm-4 {
padding-left: 1.5rem!important;
}
.px-sm-4 {
padding-right: 1.5rem!important;
padding-left: 1.5rem!important;
}
.py-sm-4 {
padding-top: 1.5rem!important;
padding-bottom: 1.5rem!important;
}
.p-sm-5 {
padding: 3rem 3rem!important;
}
.pt-sm-5 {
padding-top: 3rem!important;
}
.pr-sm-5 {
padding-right: 3rem!important;
}
.pb-sm-5 {
padding-bottom: 3rem!important;
}
.pl-sm-5 {
padding-left: 3rem!important;
}
.px-sm-5 {
padding-right: 3rem!important;
padding-left: 3rem!important;
}
.py-sm-5 {
padding-top: 3rem!important;
padding-bottom: 3rem!important;
}
.m-sm-auto {
margin: auto!important;
}
.mt-sm-auto {
margin-top: auto!important;
}
.mr-sm-auto {
margin-right: auto!important;
}
.mb-sm-auto {
margin-bottom: auto!important;
}
.ml-sm-auto {
margin-left: auto!important;
}
.mx-sm-auto {
margin-right: auto!important;
margin-left: auto!important;
}
.my-sm-auto {
margin-top: auto!important;
margin-bottom: auto!important;
}
}
@media (min-width:768px) {
.m-md-0 {
margin: 0 0!important;
}
.mt-md-0 {
margin-top: 0!important;
}
.mr-md-0 {
margin-right: 0!important;
}
.mb-md-0 {
margin-bottom: 0!important;
}
.ml-md-0 {
margin-left: 0!important;
}
.mx-md-0 {
margin-right: 0!important;
margin-left: 0!important;
}
.my-md-0 {
margin-top: 0!important;
margin-bottom: 0!important;
}
.m-md-1 {
margin: .25rem .25rem!important;
}
.mt-md-1 {
margin-top: .25rem!important;
}
.mr-md-1 {
margin-right: .25rem!important;
}
.mb-md-1 {
margin-bottom: .25rem!important;
}
.ml-md-1 {
margin-left: .25rem!important;
}
.mx-md-1 {
margin-right: .25rem!important;
margin-left: .25rem!important;
}
.my-md-1 {
margin-top: .25rem!important;
margin-bottom: .25rem!important;
}
.m-md-2 {
margin: .5rem .5rem!important;
}
.mt-md-2 {
margin-top: .5rem!important;
}
.mr-md-2 {
margin-right: .5rem!important;
}
.mb-md-2 {
margin-bottom: .5rem!important;
}
.ml-md-2 {
margin-left: .5rem!important;
}
.mx-md-2 {
margin-right: .5rem!important;
margin-left: .5rem!important;
}
.my-md-2 {
margin-top: .5rem!important;
margin-bottom: .5rem!important;
}
.m-md-3 {
margin: 1rem 1rem!important;
}
.mt-md-3 {
margin-top: 1rem!important;
}
.mr-md-3 {
margin-right: 1rem!important;
}
.mb-md-3 {
margin-bottom: 1rem!important;
}
.ml-md-3 {
margin-left: 1rem!important;
}
.mx-md-3 {
margin-right: 1rem!important;
margin-left: 1rem!important;
}
.my-md-3 {
margin-top: 1rem!important;
margin-bottom: 1rem!important;
}
.m-md-4 {
margin: 1.5rem 1.5rem!important;
}
.mt-md-4 {
margin-top: 1.5rem!important;
}
.mr-md-4 {
margin-right: 1.5rem!important;
}
.mb-md-4 {
margin-bottom: 1.5rem!important;
}
.ml-md-4 {
margin-left: 1.5rem!important;
}
.mx-md-4 {
margin-right: 1.5rem!important;
margin-left: 1.5rem!important;
}
.my-md-4 {
margin-top: 1.5rem!important;
margin-bottom: 1.5rem!important;
}
.m-md-5 {
margin: 3rem 3rem!important;
}
.mt-md-5 {
margin-top: 3rem!important;
}
.mr-md-5 {
margin-right: 3rem!important;
}
.mb-md-5 {
margin-bottom: 3rem!important;
}
.ml-md-5 {
margin-left: 3rem!important;
}
.mx-md-5 {
margin-right: 3rem!important;
margin-left: 3rem!important;
}
.my-md-5 {
margin-top: 3rem!important;
margin-bottom: 3rem!important;
}
.p-md-0 {
padding: 0 0!important;
}
.pt-md-0 {
padding-top: 0!important;
}
.pr-md-0 {
padding-right: 0!important;
}
.pb-md-0 {
padding-bottom: 0!important;
}
.pl-md-0 {
padding-left: 0!important;
}
.px-md-0 {
padding-right: 0!important;
padding-left: 0!important;
}
.py-md-0 {
padding-top: 0!important;
padding-bottom: 0!important;
}
.p-md-1 {
padding: .25rem .25rem!important;
}
.pt-md-1 {
padding-top: .25rem!important;
}
.pr-md-1 {
padding-right: .25rem!important;
}
.pb-md-1 {
padding-bottom: .25rem!important;
}
.pl-md-1 {
padding-left: .25rem!important;
}
.px-md-1 {
padding-right: .25rem!important;
padding-left: .25rem!important;
}
.py-md-1 {
padding-top: .25rem!important;
padding-bottom: .25rem!important;
}
.p-md-2 {
padding: .5rem .5rem!important;
}
.pt-md-2 {
padding-top: .5rem!important;
}
.pr-md-2 {
padding-right: .5rem!important;
}
.pb-md-2 {
padding-bottom: .5rem!important;
}
.pl-md-2 {
padding-left: .5rem!important;
}
.px-md-2 {
padding-right: .5rem!important;
padding-left: .5rem!important;
}
.py-md-2 {
padding-top: .5rem!important;
padding-bottom: .5rem!important;
}
.p-md-3 {
padding: 1rem 1rem!important;
}
.pt-md-3 {
padding-top: 1rem!important;
}
.pr-md-3 {
padding-right: 1rem!important;
}
.pb-md-3 {
padding-bottom: 1rem!important;
}
.pl-md-3 {
padding-left: 1rem!important;
}
.px-md-3 {
padding-right: 1rem!important;
padding-left: 1rem!important;
}
.py-md-3 {
padding-top: 1rem!important;
padding-bottom: 1rem!important;
}
.p-md-4 {
padding: 1.5rem 1.5rem!important;
}
.pt-md-4 {
padding-top: 1.5rem!important;
}
.pr-md-4 {
padding-right: 1.5rem!important;
}
.pb-md-4 {
padding-bottom: 1.5rem!important;
}
.pl-md-4 {
padding-left: 1.5rem!important;
}
.px-md-4 {
padding-right: 1.5rem!important;
padding-left: 1.5rem!important;
}
.py-md-4 {
padding-top: 1.5rem!important;
padding-bottom: 1.5rem!important;
}
.p-md-5 {
padding: 3rem 3rem!important;
}
.pt-md-5 {
padding-top: 3rem!important;
}
.pr-md-5 {
padding-right: 3rem!important;
}
.pb-md-5 {
padding-bottom: 3rem!important;
}
.pl-md-5 {
padding-left: 3rem!important;
}
.px-md-5 {
padding-right: 3rem!important;
padding-left: 3rem!important;
}
.py-md-5 {
padding-top: 3rem!important;
padding-bottom: 3rem!important;
}
.m-md-auto {
margin: auto!important;
}
.mt-md-auto {
margin-top: auto!important;
}
.mr-md-auto {
margin-right: auto!important;
}
.mb-md-auto {
margin-bottom: auto!important;
}
.ml-md-auto {
margin-left: auto!important;
}
.mx-md-auto {
margin-right: auto!important;
margin-left: auto!important;
}
.my-md-auto {
margin-top: auto!important;
margin-bottom: auto!important;
}
}
@media (min-width:992px) {
.m-lg-0 {
margin: 0 0!important;
}
.mt-lg-0 {
margin-top: 0!important;
}
.mr-lg-0 {
margin-right: 0!important;
}
.mb-lg-0 {
margin-bottom: 0!important;
}
.ml-lg-0 {
margin-left: 0!important;
}
.mx-lg-0 {
margin-right: 0!important;
margin-left: 0!important;
}
.my-lg-0 {
margin-top: 0!important;
margin-bottom: 0!important;
}
.m-lg-1 {
margin: .25rem .25rem!important;
}
.mt-lg-1 {
margin-top: .25rem!important;
}
.mr-lg-1 {
margin-right: .25rem!important;
}
.mb-lg-1 {
margin-bottom: .25rem!important;
}
.ml-lg-1 {
margin-left: .25rem!important;
}
.mx-lg-1 {
margin-right: .25rem!important;
margin-left: .25rem!important;
}
.my-lg-1 {
margin-top: .25rem!important;
margin-bottom: .25rem!important;
}
.m-lg-2 {
margin: .5rem .5rem!important;
}
.mt-lg-2 {
margin-top: .5rem!important;
}
.mr-lg-2 {
margin-right: .5rem!important;
}
.mb-lg-2 {
margin-bottom: .5rem!important;
}
.ml-lg-2 {
margin-left: .5rem!important;
}
.mx-lg-2 {
margin-right: .5rem!important;
margin-left: .5rem!important;
}
.my-lg-2 {
margin-top: .5rem!important;
margin-bottom: .5rem!important;
}
.m-lg-3 {
margin: 1rem 1rem!important;
}
.mt-lg-3 {
margin-top: 1rem!important;
}
.mr-lg-3 {
margin-right: 1rem!important;
}
.mb-lg-3 {
margin-bottom: 1rem!important;
}
.ml-lg-3 {
margin-left: 1rem!important;
}
.mx-lg-3 {
margin-right: 1rem!important;
margin-left: 1rem!important;
}
.my-lg-3 {
margin-top: 1rem!important;
margin-bottom: 1rem!important;
}
.m-lg-4 {
margin: 1.5rem 1.5rem!important;
}
.mt-lg-4 {
margin-top: 1.5rem!important;
}
.mr-lg-4 {
margin-right: 1.5rem!important;
}
.mb-lg-4 {
margin-bottom: 1.5rem!important;
}
.ml-lg-4 {
margin-left: 1.5rem!important;
}
.mx-lg-4 {
margin-right: 1.5rem!important;
margin-left: 1.5rem!important;
}
.my-lg-4 {
margin-top: 1.5rem!important;
margin-bottom: 1.5rem!important;
}
.m-lg-5 {
margin: 3rem 3rem!important;
}
.mt-lg-5 {
margin-top: 3rem!important;
}
.mr-lg-5 {
margin-right: 3rem!important;
}
.mb-lg-5 {
margin-bottom: 3rem!important;
}
.ml-lg-5 {
margin-left: 3rem!important;
}
.mx-lg-5 {
margin-right: 3rem!important;
margin-left: 3rem!important;
}
.my-lg-5 {
margin-top: 3rem!important;
margin-bottom: 3rem!important;
}
.p-lg-0 {
padding: 0 0!important;
}
.pt-lg-0 {
padding-top: 0!important;
}
.pr-lg-0 {
padding-right: 0!important;
}
.pb-lg-0 {
padding-bottom: 0!important;
}
.pl-lg-0 {
padding-left: 0!important;
}
.px-lg-0 {
padding-right: 0!important;
padding-left: 0!important;
}
.py-lg-0 {
padding-top: 0!important;
padding-bottom: 0!important;
}
.p-lg-1 {
padding: .25rem .25rem!important;
}
.pt-lg-1 {
padding-top: .25rem!important;
}
.pr-lg-1 {
padding-right: .25rem!important;
}
.pb-lg-1 {
padding-bottom: .25rem!important;
}
.pl-lg-1 {
padding-left: .25rem!important;
}
.px-lg-1 {
padding-right: .25rem!important;
padding-left: .25rem!important;
}
.py-lg-1 {
padding-top: .25rem!important;
padding-bottom: .25rem!important;
}
.p-lg-2 {
padding: .5rem .5rem!important;
}
.pt-lg-2 {
padding-top: .5rem!important;
}
.pr-lg-2 {
padding-right: .5rem!important;
}
.pb-lg-2 {
padding-bottom: .5rem!important;
}
.pl-lg-2 {
padding-left: .5rem!important;
}
.px-lg-2 {
padding-right: .5rem!important;
padding-left: .5rem!important;
}
.py-lg-2 {
padding-top: .5rem!important;
padding-bottom: .5rem!important;
}
.p-lg-3 {
padding: 1rem 1rem!important;
}
.pt-lg-3 {
padding-top: 1rem!important;
}
.pr-lg-3 {
padding-right: 1rem!important;
}
.pb-lg-3 {
padding-bottom: 1rem!important;
}
.pl-lg-3 {
padding-left: 1rem!important;
}
.px-lg-3 {
padding-right: 1rem!important;
padding-left: 1rem!important;
}
.py-lg-3 {
padding-top: 1rem!important;
padding-bottom: 1rem!important;
}
.p-lg-4 {
padding: 1.5rem 1.5rem!important;
}
.pt-lg-4 {
padding-top: 1.5rem!important;
}
.pr-lg-4 {
padding-right: 1.5rem!important;
}
.pb-lg-4 {
padding-bottom: 1.5rem!important;
}
.pl-lg-4 {
padding-left: 1.5rem!important;
}
.px-lg-4 {
padding-right: 1.5rem!important;
padding-left: 1.5rem!important;
}
.py-lg-4 {
padding-top: 1.5rem!important;
padding-bottom: 1.5rem!important;
}
.p-lg-5 {
padding: 3rem 3rem!important;
}
.pt-lg-5 {
padding-top: 3rem!important;
}
.pr-lg-5 {
padding-right: 3rem!important;
}
.pb-lg-5 {
padding-bottom: 3rem!important;
}
.pl-lg-5 {
padding-left: 3rem!important;
}
.px-lg-5 {
padding-right: 3rem!important;
padding-left: 3rem!important;
}
.py-lg-5 {
padding-top: 3rem!important;
padding-bottom: 3rem!important;
}
.m-lg-auto {
margin: auto!important;
}
.mt-lg-auto {
margin-top: auto!important;
}
.mr-lg-auto {
margin-right: auto!important;
}
.mb-lg-auto {
margin-bottom: auto!important;
}
.ml-lg-auto {
margin-left: auto!important;
}
.mx-lg-auto {
margin-right: auto!important;
margin-left: auto!important;
}
.my-lg-auto {
margin-top: auto!important;
margin-bottom: auto!important;
}
}
@media (min-width:1200px) {
.m-xl-0 {
margin: 0 0!important;
}
.mt-xl-0 {
margin-top: 0!important;
}
.mr-xl-0 {
margin-right: 0!important;
}
.mb-xl-0 {
margin-bottom: 0!important;
}
.ml-xl-0 {
margin-left: 0!important;
}
.mx-xl-0 {
margin-right: 0!important;
margin-left: 0!important;
}
.my-xl-0 {
margin-top: 0!important;
margin-bottom: 0!important;
}
.m-xl-1 {
margin: .25rem .25rem!important;
}
.mt-xl-1 {
margin-top: .25rem!important;
}
.mr-xl-1 {
margin-right: .25rem!important;
}
.mb-xl-1 {
margin-bottom: .25rem!important;
}
.ml-xl-1 {
margin-left: .25rem!important;
}
.mx-xl-1 {
margin-right: .25rem!important;
margin-left: .25rem!important;
}
.my-xl-1 {
margin-top: .25rem!important;
margin-bottom: .25rem!important;
}
.m-xl-2 {
margin: .5rem .5rem!important;
}
.mt-xl-2 {
margin-top: .5rem!important;
}
.mr-xl-2 {
margin-right: .5rem!important;
}
.mb-xl-2 {
margin-bottom: .5rem!important;
}
.ml-xl-2 {
margin-left: .5rem!important;
}
.mx-xl-2 {
margin-right: .5rem!important;
margin-left: .5rem!important;
}
.my-xl-2 {
margin-top: .5rem!important;
margin-bottom: .5rem!important;
}
.m-xl-3 {
margin: 1rem 1rem!important;
}
.mt-xl-3 {
margin-top: 1rem!important;
}
.mr-xl-3 {
margin-right: 1rem!important;
}
.mb-xl-3 {
margin-bottom: 1rem!important;
}
.ml-xl-3 {
margin-left: 1rem!important;
}
.mx-xl-3 {
margin-right: 1rem!important;
margin-left: 1rem!important;
}
.my-xl-3 {
margin-top: 1rem!important;
margin-bottom: 1rem!important;
}
.m-xl-4 {
margin: 1.5rem 1.5rem!important;
}
.mt-xl-4 {
margin-top: 1.5rem!important;
}
.mr-xl-4 {
margin-right: 1.5rem!important;
}
.mb-xl-4 {
margin-bottom: 1.5rem!important;
}
.ml-xl-4 {
margin-left: 1.5rem!important;
}
.mx-xl-4 {
margin-right: 1.5rem!important;
margin-left: 1.5rem!important;
}
.my-xl-4 {
margin-top: 1.5rem!important;
margin-bottom: 1.5rem!important;
}
.m-xl-5 {
margin: 3rem 3rem!important;
}
.mt-xl-5 {
margin-top: 3rem!important;
}
.mr-xl-5 {
margin-right: 3rem!important;
}
.mb-xl-5 {
margin-bottom: 3rem!important;
}
.ml-xl-5 {
margin-left: 3rem!important;
}
.mx-xl-5 {
margin-right: 3rem!important;
margin-left: 3rem!important;
}
.my-xl-5 {
margin-top: 3rem!important;
margin-bottom: 3rem!important;
}
.p-xl-0 {
padding: 0 0!important;
}
.pt-xl-0 {
padding-top: 0!important;
}
.pr-xl-0 {
padding-right: 0!important;
}
.pb-xl-0 {
padding-bottom: 0!important;
}
.pl-xl-0 {
padding-left: 0!important;
}
.px-xl-0 {
padding-right: 0!important;
padding-left: 0!important;
}
.py-xl-0 {
padding-top: 0!important;
padding-bottom: 0!important;
}
.p-xl-1 {
padding: .25rem .25rem!important;
}
.pt-xl-1 {
padding-top: .25rem!important;
}
.pr-xl-1 {
padding-right: .25rem!important;
}
.pb-xl-1 {
padding-bottom: .25rem!important;
}
.pl-xl-1 {
padding-left: .25rem!important;
}
.px-xl-1 {
padding-right: .25rem!important;
padding-left: .25rem!important;
}
.py-xl-1 {
padding-top: .25rem!important;
padding-bottom: .25rem!important;
}
.p-xl-2 {
padding: .5rem .5rem!important;
}
.pt-xl-2 {
padding-top: .5rem!important;
}
.pr-xl-2 {
padding-right: .5rem!important;
}
.pb-xl-2 {
padding-bottom: .5rem!important;
}
.pl-xl-2 {
padding-left: .5rem!important;
}
.px-xl-2 {
padding-right: .5rem!important;
padding-left: .5rem!important;
}
.py-xl-2 {
padding-top: .5rem!important;
padding-bottom: .5rem!important;
}
.p-xl-3 {
padding: 1rem 1rem!important;
}
.pt-xl-3 {
padding-top: 1rem!important;
}
.pr-xl-3 {
padding-right: 1rem!important;
}
.pb-xl-3 {
padding-bottom: 1rem!important;
}
.pl-xl-3 {
padding-left: 1rem!important;
}
.px-xl-3 {
padding-right: 1rem!important;
padding-left: 1rem!important;
}
.py-xl-3 {
padding-top: 1rem!important;
padding-bottom: 1rem!important;
}
.p-xl-4 {
padding: 1.5rem 1.5rem!important;
}
.pt-xl-4 {
padding-top: 1.5rem!important;
}
.pr-xl-4 {
padding-right: 1.5rem!important;
}
.pb-xl-4 {
padding-bottom: 1.5rem!important;
}
.pl-xl-4 {
padding-left: 1.5rem!important;
}
.px-xl-4 {
padding-right: 1.5rem!important;
padding-left: 1.5rem!important;
}
.py-xl-4 {
padding-top: 1.5rem!important;
padding-bottom: 1.5rem!important;
}
.p-xl-5 {
padding: 3rem 3rem!important;
}
.pt-xl-5 {
padding-top: 3rem!important;
}
.pr-xl-5 {
padding-right: 3rem!important;
}
.pb-xl-5 {
padding-bottom: 3rem!important;
}
.pl-xl-5 {
padding-left: 3rem!important;
}
.px-xl-5 {
padding-right: 3rem!important;
padding-left: 3rem!important;
}
.py-xl-5 {
padding-top: 3rem!important;
padding-bottom: 3rem!important;
}
.m-xl-auto {
margin: auto!important;
}
.mt-xl-auto {
margin-top: auto!important;
}
.mr-xl-auto {
margin-right: auto!important;
}
.mb-xl-auto {
margin-bottom: auto!important;
}
.ml-xl-auto {
margin-left: auto!important;
}
.mx-xl-auto {
margin-right: auto!important;
margin-left: auto!important;
}
.my-xl-auto {
margin-top: auto!important;
margin-bottom: auto!important;
}
}
.text-justify {
text-align: justify!important;
}
.text-nowrap {
white-space: nowrap!important;
}
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.text-left {
text-align: left!important;
}
.text-right {
text-align: right!important;
}
.text-center {
text-align: center!important;
}
@media (min-width:576px) {
.text-sm-left {
text-align: left!important;
}
.text-sm-right {
text-align: right!important;
}
.text-sm-center {
text-align: center!important;
}
}
@media (min-width:768px) {
.text-md-left {
text-align: left!important;
}
.text-md-right {
text-align: right!important;
}
.text-md-center {
text-align: center!important;
}
}
@media (min-width:992px) {
.text-lg-left {
text-align: left!important;
}
.text-lg-right {
text-align: right!important;
}
.text-lg-center {
text-align: center!important;
}
}
@media (min-width:1200px) {
.text-xl-left {
text-align: left!important;
}
.text-xl-right {
text-align: right!important;
}
.text-xl-center {
text-align: center!important;
}
}
.text-lowercase {
text-transform: lowercase!important;
}
.text-uppercase {
text-transform: uppercase!important;
}
.text-capitalize {
text-transform: capitalize!important;
}
.font-weight-normal {
font-weight: 400;
}
.font-weight-bold {
font-weight: 700;
}
.font-italic {
font-style: italic;
}
.text-white {
color: #fff!important;
}
.text-muted {
color: #636c72!important;
}
a.text-muted:focus,
a.text-muted:hover {
color: #4b5257!important;
}
.text-primary {
color: #0275d8!important;
}
a.text-primary:focus,
a.text-primary:hover {
color: #025aa5!important;
}
.text-success {
color: #5cb85c!important;
}
a.text-success:focus,
a.text-success:hover {
color: #449d44!important;
}
.text-info {
color: #5bc0de!important;
}
a.text-info:focus,
a.text-info:hover {
color: #31b0d5!important;
}
.text-warning {
color: #f0ad4e!important;
}
a.text-warning:focus,
a.text-warning:hover {
color: #ec971f!important;
}
.text-danger {
color: #d9534f!important;
}
a.text-danger:focus,
a.text-danger:hover {
color: #c9302c!important;
}
.text-gray-dark {
color: #292b2c!important;
}
a.text-gray-dark:focus,
a.text-gray-dark:hover {
color: #101112!important;
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.invisible {
visibility: hidden!important;
}
.hidden-xs-up {
display: none!important;
}
@media (max-width:575px) {
.hidden-xs-down {
display: none!important;
}
}
@media (min-width:576px) {
.hidden-sm-up {
display: none!important;
}
}
@media (max-width:767px) {
.hidden-sm-down {
display: none!important;
}
}
@media (min-width:768px) {
.hidden-md-up {
display: none!important;
}
}
@media (max-width:991px) {
.hidden-md-down {
display: none!important;
}
}
@media (min-width:992px) {
.hidden-lg-up {
display: none!important;
}
}
@media (max-width:1199px) {
.hidden-lg-down {
display: none!important;
}
}
@media (min-width:1200px) {
.hidden-xl-up {
display: none!important;
}
}
.hidden-xl-down {
display: none!important;
}
.visible-print-block {
display: none!important;
}
@media print {
.visible-print-block {
display: block!important;
}
}
.visible-print-inline {
display: none!important;
}
@media print {
.visible-print-inline {
display: inline!important;
}
}
.visible-print-inline-block {
display: none!important;
}
@media print {
.visible-print-inline-block {
display: inline-block!important;
}
}
@media print {
.hidden-print {
display: none!important;
}
}
/*# sourceMappingURL=bootstrap.min.css.map */
/*!
* Line Awesome 1.1.0 by @icons_8 - https://icons8.com/line-awesome
* License - https://icons8.com/good-boy-license/ (Font: SIL OFL 1.1, CSS: MIT License)
*
* Made with love by Icons8 [ https://icons8.com/ ] using FontCustom [ https://github.com/FontCustom/fontcustom ]
*
* Contacts:
* [ https://icons8.com/contact ]
*
* Follow Icon8 on
* Twitter [ https://twitter.com/icons_8 ]
* Facebook [ https://www.facebook.com/Icons8 ]
* Google+ [ https://plus.google.com/+Icons8 ]
* GitHub [ https://github.com/icons8 ]
*/
.la,
.la-stack {
display: inline-block;
}
.la-fw,
.la-li {
text-align: center;
}
@font-face {
font-family: LineAwesome;
src: url("../../../assets/fonts/line-awesome/fonts/line-awesome.eot?v=1.1.");
src: url("../../../assets/fonts/line-awesome/fonts/line-awesome.eot??v=1.1.#iefix") format("embedded-opentype"),url("../../../assets/fonts/line-awesome/fonts/line-awesome.woff2?v=1.1.") format("woff2"),url("../../../assets/fonts/line-awesome/fonts/line-awesome.woff?v=1.1.") format("woff"),url("../../../assets/fonts/line-awesome/fonts/line-awesome.ttf?v=1.1.") format("truetype"),url("../../../assets/fonts/line-awesome/fonts/line-awesome.svg?v=1.1.#fa") format("svg");
font-weight: 400;
font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: LineAwesome;
src: url("../../../assets/fonts/line-awesome/fonts/line-awesome.svg?v=1.1.#fa") format("svg");
}
}
.la {
font: normal normal normal 16px/1 LineAwesome;
font-size: inherit;
text-decoration: inherit;
text-rendering: optimizeLegibility;
text-transform: none;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
}
.la-lg {
font-size: 1.33333333em;
line-height: .75em;
vertical-align: -15%;
}
.la-2x {
font-size: 2em;
}
.la-3x {
font-size: 3em;
}
.la-4x {
font-size: 4em;
}
.la-5x {
font-size: 5em;
}
.la-fw {
width: 1.28571429em;
}
.la-ul {
padding-left: 0;
margin-left: 2.14285714em;
list-style-type: none;
}
.la-ul>li {
position: relative;
}
.la-li {
position: absolute;
left: -2.14285714em;
width: 2.14285714em;
top: .14285714em;
}
.la-li.la-lg {
left: -1.85714286em;
}
.la-border {
padding: .2em .25em .15em;
border: .08em solid #eee;
border-radius: .1em;
}
.pull-right {
float: right;
}
.pull-left {
float: left;
}
.li.pull-left {
margin-right: .3em;
}
.li.pull-right {
margin-left: .3em;
}
.la-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.la-rotate-90 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.la-rotate-180 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.la-rotate-270 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
.la-flip-horizontal {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
-webkit-transform: scale(-1,1);
-ms-transform: scale(-1,1);
transform: scale(-1,1);
}
.la-flip-vertical {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
-webkit-transform: scale(1,-1);
-ms-transform: scale(1,-1);
transform: scale(1,-1);
}
:root .la-flip-horizontal,
:root .la-flip-vertical,
:root .la-rotate-180,
:root .la-rotate-270,
:root .la-rotate-90 {
filter: none;
}
.la-stack {
position: relative;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle;
}
.la-stack-1x,
.la-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center;
}
.la-stack-1x {
line-height: inherit;
}
.la-stack-2x {
font-size: 2em;
}
.la-inverse {
color: #fff;
}
.la-500px:before {
content: "\f100";
}
.la-adjust:before {
content: "\f101";
}
.la-adn:before {
content: "\f102";
}
.la-align-center:before {
content: "\f103";
}
.la-align-justify:before {
content: "\f104";
}
.la-align-left:before {
content: "\f105";
}
.la-align-right:before {
content: "\f106";
}
.la-amazon:before {
content: "\f107";
}
.la-ambulance:before {
content: "\f108";
}
.la-anchor:before {
content: "\f109";
}
.la-android:before {
content: "\f10a";
}
.la-angellist:before {
content: "\f10b";
}
.la-angle-double-down:before {
content: "\f10c";
}
.la-angle-double-left:before {
content: "\f10d";
}
.la-angle-double-right:before {
content: "\f10e";
}
.la-angle-double-up:before {
content: "\f10f";
}
.la-angle-down:before {
content: "\f110";
}
.la-angle-left:before {
content: "\f111";
}
.la-angle-right:before {
content: "\f112";
}
.la-angle-up:before {
content: "\f113";
}
.la-apple:before {
content: "\f114";
}
.la-archive:before {
content: "\f115";
}
.la-area-chart:before {
content: "\f116";
}
.la-arrow-circle-down:before {
content: "\f117";
}
.la-arrow-circle-left:before {
content: "\f118";
}
.la-arrow-circle-o-down:before {
content: "\f119";
}
.la-arrow-circle-o-left:before {
content: "\f11a";
}
.la-arrow-circle-o-right:before {
content: "\f11b";
}
.la-arrow-circle-o-up:before {
content: "\f11c";
}
.la-arrow-circle-right:before {
content: "\f11d";
}
.la-arrow-circle-up:before {
content: "\f11e";
}
.la-arrow-down:before {
content: "\f11f";
}
.la-arrow-left:before {
content: "\f120";
}
.la-arrow-right:before {
content: "\f121";
}
.la-arrow-up:before {
content: "\f122";
}
.la-arrows:before {
content: "\f123";
}
.la-arrows-alt:before {
content: "\f124";
}
.la-arrows-h:before {
content: "\f125";
}
.la-arrows-v:before {
content: "\f126";
}
.la-asterisk:before {
content: "\f127";
}
.la-at:before {
content: "\f128";
}
.la-automobile:before {
content: "\f129";
}
.la-backward:before {
content: "\f12a";
}
.la-balance-scale:before {
content: "\f12b";
}
.la-ban:before {
content: "\f12c";
}
.la-bank:before {
content: "\f12d";
}
.la-bar-chart:before {
content: "\f12e";
}
.la-bar-chart-o:before {
content: "\f12f";
}
.la-barcode:before {
content: "\f130";
}
.la-bars:before {
content: "\f131";
}
.la-battery-0:before {
content: "\f132";
}
.la-battery-1:before {
content: "\f133";
}
.la-battery-2:before {
content: "\f134";
}
.la-battery-3:before {
content: "\f135";
}
.la-battery-4:before {
content: "\f136";
}
.la-battery-empty:before {
content: "\f137";
}
.la-battery-full:before {
content: "\f138";
}
.la-battery-half:before {
content: "\f139";
}
.la-battery-quarter:before {
content: "\f13a";
}
.la-battery-three-quarters:before {
content: "\f13b";
}
.la-bed:before {
content: "\f13c";
}
.la-beer:before {
content: "\f13d";
}
.la-behance:before {
content: "\f13e";
}
.la-behance-square:before {
content: "\f13f";
}
.la-bell:before {
content: "\f140";
}
.la-bell-o:before {
content: "\f141";
}
.la-bell-slash:before {
content: "\f142";
}
.la-bell-slash-o:before {
content: "\f143";
}
.la-bicycle:before {
content: "\f144";
}
.la-binoculars:before {
content: "\f145";
}
.la-birthday-cake:before {
content: "\f146";
}
.la-bitbucket:before {
content: "\f147";
}
.la-bitbucket-square:before {
content: "\f148";
}
.la-bitcoin:before {
content: "\f149";
}
.la-black-tie:before {
content: "\f14a";
}
.la-bold:before {
content: "\f14b";
}
.la-bolt:before {
content: "\f14c";
}
.la-bomb:before {
content: "\f14d";
}
.la-book:before {
content: "\f14e";
}
.la-bookmark:before {
content: "\f14f";
}
.la-bookmark-o:before {
content: "\f150";
}
.la-briefcase:before {
content: "\f151";
}
.la-btc:before {
content: "\f152";
}
.la-bug:before {
content: "\f153";
}
.la-building:before {
content: "\f154";
}
.la-building-o:before {
content: "\f155";
}
.la-bullhorn:before {
content: "\f156";
}
.la-bullseye:before {
content: "\f157";
}
.la-bus:before {
content: "\f158";
}
.la-buysellads:before {
content: "\f159";
}
.la-cab:before {
content: "\f15a";
}
.la-calculator:before {
content: "\f15b";
}
.la-calendar:before {
content: "\f15c";
}
.la-calendar-check-o:before {
content: "\f15d";
}
.la-calendar-minus-o:before {
content: "\f15e";
}
.la-calendar-o:before {
content: "\f15f";
}
.la-calendar-plus-o:before {
content: "\f160";
}
.la-calendar-times-o:before {
content: "\f161";
}
.la-camera:before {
content: "\f162";
}
.la-camera-retro:before {
content: "\f163";
}
.la-car:before {
content: "\f164";
}
.la-caret-down:before {
content: "\f165";
}
.la-caret-left:before {
content: "\f166";
}
.la-caret-right:before {
content: "\f167";
}
.la-caret-square-o-down:before,
.la-toggle-down:before {
content: "\f168";
}
.la-caret-square-o-left:before,
.la-toggle-left:before {
content: "\f169";
}
.la-caret-square-o-right:before,
.la-toggle-right:before {
content: "\f16a";
}
.la-caret-square-o-up:before,
.la-toggle-up:before {
content: "\f16b";
}
.la-caret-up:before {
content: "\f16c";
}
.la-cart-arrow-down:before {
content: "\f16d";
}
.la-cart-plus:before {
content: "\f16e";
}
.la-cc:before {
content: "\f16f";
}
.la-cc-amex:before {
content: "\f170";
}
.la-cc-diners-club:before {
content: "\f171";
}
.la-cc-discover:before {
content: "\f172";
}
.la-cc-jcb:before {
content: "\f173";
}
.la-cc-mastercard:before {
content: "\f174";
}
.la-cc-paypal:before {
content: "\f175";
}
.la-cc-stripe:before {
content: "\f176";
}
.la-cc-visa:before {
content: "\f177";
}
.la-certificate:before {
content: "\f178";
}
.la-chain:before {
content: "\f179";
}
.la-chain-broken:before {
content: "\f17a";
}
.la-check:before {
content: "\f17b";
}
.la-check-circle:before {
content: "\f17c";
}
.la-check-circle-o:before {
content: "\f17d";
}
.la-check-square:before {
content: "\f17e";
}
.la-check-square-o:before {
content: "\f17f";
}
.la-chevron-circle-down:before {
content: "\f180";
}
.la-chevron-circle-left:before {
content: "\f181";
}
.la-chevron-circle-right:before {
content: "\f182";
}
.la-chevron-circle-up:before {
content: "\f183";
}
.la-chevron-down:before {
content: "\f184";
}
.la-chevron-left:before {
content: "\f185";
}
.la-chevron-right:before {
content: "\f186";
}
.la-chevron-up:before {
content: "\f187";
}
.la-child:before {
content: "\f188";
}
.la-chrome:before {
content: "\f189";
}
.la-circle:before {
content: "\f18a";
}
.la-circle-o:before {
content: "\f18b";
}
.la-circle-o-notch:before {
content: "\f18c";
}
.la-circle-thin:before {
content: "\f18d";
}
.la-clipboard:before {
content: "\f18e";
}
.la-clock-o:before {
content: "\f18f";
}
.la-clone:before {
content: "\f190";
}
.la-close:before {
content: "\f191";
}
.la-cloud:before {
content: "\f192";
}
.la-cloud-download:before {
content: "\f193";
}
.la-cloud-upload:before {
content: "\f194";
}
.la-cny:before {
content: "\f195";
}
.la-code:before {
content: "\f196";
}
.la-code-fork:before {
content: "\f197";
}
.la-codepen:before {
content: "\f198";
}
.la-coffee:before {
content: "\f199";
}
.la-cog:before {
content: "\f19a";
}
.la-cogs:before {
content: "\f19b";
}
.la-columns:before {
content: "\f19c";
}
.la-comment:before {
content: "\f19d";
}
.la-comment-o:before {
content: "\f19e";
}
.la-commenting:before {
content: "\f19f";
}
.la-commenting-o:before {
content: "\f1a0";
}
.la-comments:before {
content: "\f1a1";
}
.la-comments-o:before {
content: "\f1a2";
}
.la-compass:before {
content: "\f1a3";
}
.la-compress:before {
content: "\f1a4";
}
.la-connectdevelop:before {
content: "\f1a5";
}
.la-contao:before {
content: "\f1a6";
}
.la-copy:before {
content: "\f1a7";
}
.la-copyright:before {
content: "\f1a8";
}
.la-creative-commons:before {
content: "\f1a9";
}
.la-credit-card:before {
content: "\f1aa";
}
.la-crop:before {
content: "\f1ab";
}
.la-crosshairs:before {
content: "\f1ac";
}
.la-css3:before {
content: "\f1ad";
}
.la-cube:before {
content: "\f1ae";
}
.la-cubes:before {
content: "\f1af";
}
.la-cut:before {
content: "\f1b0";
}
.la-cutlery:before {
content: "\f1b1";
}
.la-dashboard:before {
content: "\f1b2";
}
.la-dashcube:before {
content: "\f1b3";
}
.la-database:before {
content: "\f1b4";
}
.la-dedent:before {
content: "\f1b5";
}
.la-delicious:before {
content: "\f1b6";
}
.la-desktop:before {
content: "\f1b7";
}
.la-deviantart:before {
content: "\f1b8";
}
.la-diamond:before {
content: "\f1b9";
}
.la-digg:before {
content: "\f1ba";
}
.la-dollar:before {
content: "\f1bb";
}
.la-dot-circle-o:before {
content: "\f1bc";
}
.la-download:before {
content: "\f1bd";
}
.la-dribbble:before {
content: "\f1be";
}
.la-dropbox:before {
content: "\f1bf";
}
.la-drupal:before {
content: "\f1c0";
}
.la-edit:before {
content: "\f1c1";
}
.la-eject:before {
content: "\f1c2";
}
.la-ellipsis-h:before {
content: "\f1c3";
}
.la-ellipsis-v:before {
content: "\f1c4";
}
.la-empire:before,
.la-ge:before {
content: "\f1c5";
}
.la-envelope:before {
content: "\f1c6";
}
.la-envelope-o:before {
content: "\f1c7";
}
.la-envelope-square:before {
content: "\f1c8";
}
.la-eraser:before {
content: "\f1c9";
}
.la-eur:before {
content: "\f1ca";
}
.la-euro:before {
content: "\f1cb";
}
.la-exchange:before {
content: "\f1cc";
}
.la-exclamation:before {
content: "\f1cd";
}
.la-exclamation-circle:before {
content: "\f1ce";
}
.la-exclamation-triangle:before {
content: "\f1cf";
}
.la-expand:before {
content: "\f1d0";
}
.la-expeditedssl:before {
content: "\f1d1";
}
.la-external-link:before {
content: "\f1d2";
}
.la-external-link-square:before {
content: "\f1d3";
}
.la-eye:before {
content: "\f1d4";
}
.la-eye-slash:before {
content: "\f1d5";
}
.la-eyedropper:before {
content: "\f1d6";
}
.la-facebook-f:before,
.la-facebook:before {
content: "\f1d7";
}
.la-facebook-official:before {
content: "\f1d8";
}
.la-facebook-square:before {
content: "\f1d9";
}
.la-fast-backward:before {
content: "\f1da";
}
.la-fast-forward:before {
content: "\f1db";
}
.la-fax:before {
content: "\f1dc";
}
.la-female:before {
content: "\f1dd";
}
.la-fighter-jet:before {
content: "\f1de";
}
.la-file:before {
content: "\f1df";
}
.la-file-archive-o:before {
content: "\f1e0";
}
.la-file-audio-o:before {
content: "\f1e1";
}
.la-file-code-o:before {
content: "\f1e2";
}
.la-file-excel-o:before {
content: "\f1e3";
}
.la-file-image-o:before {
content: "\f1e4";
}
.la-file-movie-o:before {
content: "\f1e5";
}
.la-file-o:before {
content: "\f1e6";
}
.la-file-pdf-o:before {
content: "\f1e7";
}
.la-file-photo-o:before {
content: "\f1e8";
}
.la-file-picture-o:before {
content: "\f1e9";
}
.la-file-powerpoint-o:before {
content: "\f1ea";
}
.la-file-sound-o:before {
content: "\f1eb";
}
.la-file-text:before {
content: "\f1ec";
}
.la-file-text-o:before {
content: "\f1ed";
}
.la-file-video-o:before {
content: "\f1ee";
}
.la-file-word-o:before {
content: "\f1ef";
}
.la-file-zip-o:before {
content: "\f1f0";
}
.la-files-o:before {
content: "\f1f1";
}
.la-film:before {
content: "\f1f2";
}
.la-filter:before {
content: "\f1f3";
}
.la-fire:before {
content: "\f1f4";
}
.la-fire-extinguisher:before {
content: "\f1f5";
}
.la-firefox:before {
content: "\f1f6";
}
.la-flag:before {
content: "\f1f7";
}
.la-flag-checkered:before {
content: "\f1f8";
}
.la-flag-o:before {
content: "\f1f9";
}
.la-flash:before {
content: "\f1fa";
}
.la-flask:before {
content: "\f1fb";
}
.la-flickr:before {
content: "\f1fc";
}
.la-floppy-o:before {
content: "\f1fd";
}
.la-folder:before {
content: "\f1fe";
}
.la-folder-o:before {
content: "\f1ff";
}
.la-folder-open:before {
content: "\f200";
}
.la-folder-open-o:before {
content: "\f201";
}
.la-font:before {
content: "\f202";
}
.la-fonticons:before {
content: "\f203";
}
.la-forumbee:before {
content: "\f204";
}
.la-forward:before {
content: "\f205";
}
.la-foursquare:before {
content: "\f206";
}
.la-frown-o:before {
content: "\f207";
}
.la-futbol-o:before,
.la-soccer-ball-o:before {
content: "\f208";
}
.la-gamepad:before {
content: "\f209";
}
.la-gavel:before {
content: "\f20a";
}
.la-gbp:before {
content: "\f20b";
}
.la-gear:before {
content: "\f20c";
}
.la-gears:before {
content: "\f20d";
}
.la-genderless:before {
content: "\f20e";
}
.la-get-pocket:before {
content: "\f20f";
}
.la-gg:before {
content: "\f210";
}
.la-gg-circle:before {
content: "\f211";
}
.la-gift:before {
content: "\f212";
}
.la-git:before {
content: "\f213";
}
.la-git-square:before {
content: "\f214";
}
.la-github:before {
content: "\f215";
}
.la-github-alt:before {
content: "\f216";
}
.la-github-square:before {
content: "\f217";
}
.la-glass:before {
content: "\f218";
}
.la-globe:before {
content: "\f219";
}
.la-google:before {
content: "\f21a";
}
.la-google-plus:before {
content: "\f21b";
}
.la-google-plus-square:before {
content: "\f21c";
}
.la-google-wallet:before {
content: "\f21d";
}
.la-graduation-cap:before {
content: "\f21e";
}
.la-gittip:before,
.la-gratipay:before {
content: "\f21f";
}
.la-group:before {
content: "\f220";
}
.la-h-square:before {
content: "\f221";
}
.la-hacker-news:before {
content: "\f222";
}
.la-hand-grab-o:before {
content: "\f223";
}
.la-hand-lizard-o:before {
content: "\f224";
}
.la-hand-o-down:before {
content: "\f225";
}
.la-hand-o-left:before {
content: "\f226";
}
.la-hand-o-right:before {
content: "\f227";
}
.la-hand-o-up:before {
content: "\f228";
}
.la-hand-paper-o:before {
content: "\f229";
}
.la-hand-peace-o:before {
content: "\f22a";
}
.la-hand-pointer-o:before {
content: "\f22b";
}
.la-hand-rock-o:before {
content: "\f22c";
}
.la-hand-scissors-o:before {
content: "\f22d";
}
.la-hand-spock-o:before {
content: "\f22e";
}
.la-hand-stop-o:before {
content: "\f22f";
}
.la-hdd-o:before {
content: "\f230";
}
.la-header:before {
content: "\f231";
}
.la-headphones:before {
content: "\f232";
}
.la-heart:before {
content: "\f233";
}
.la-heart-o:before {
content: "\f234";
}
.la-heartbeat:before {
content: "\f235";
}
.la-history:before {
content: "\f236";
}
.la-home:before {
content: "\f237";
}
.la-hospital-o:before {
content: "\f238";
}
.la-hotel:before {
content: "\f239";
}
.la-hourglass:before {
content: "\f23a";
}
.la-hourglass-1:before {
content: "\f23b";
}
.la-hourglass-2:before {
content: "\f23c";
}
.la-hourglass-3:before {
content: "\f23d";
}
.la-hourglass-end:before {
content: "\f23e";
}
.la-hourglass-half:before {
content: "\f23f";
}
.la-hourglass-o:before {
content: "\f240";
}
.la-hourglass-start:before {
content: "\f241";
}
.la-houzz:before {
content: "\f242";
}
.la-html5:before {
content: "\f243";
}
.la-i-cursor:before {
content: "\f244";
}
.la-ils:before {
content: "\f245";
}
.la-image:before {
content: "\f246";
}
.la-inbox:before {
content: "\f247";
}
.la-indent:before {
content: "\f248";
}
.la-industry:before {
content: "\f249";
}
.la-info:before {
content: "\f24a";
}
.la-info-circle:before {
content: "\f24b";
}
.la-inr:before {
content: "\f24c";
}
.la-instagram:before {
content: "\f24d";
}
.la-institution:before {
content: "\f24e";
}
.la-internet-explorer:before {
content: "\f24f";
}
.la-ioxhost:before {
content: "\f250";
}
.la-italic:before {
content: "\f251";
}
.la-joomla:before {
content: "\f252";
}
.la-jpy:before {
content: "\f253";
}
.la-jsfiddle:before {
content: "\f254";
}
.la-key:before {
content: "\f255";
}
.la-keyboard-o:before {
content: "\f256";
}
.la-krw:before {
content: "\f257";
}
.la-language:before {
content: "\f258";
}
.la-laptop:before {
content: "\f259";
}
.la-lastfm:before {
content: "\f25a";
}
.la-lastfm-square:before {
content: "\f25b";
}
.la-leaf:before {
content: "\f25c";
}
.la-leanpub:before {
content: "\f25d";
}
.la-legal:before {
content: "\f25e";
}
.la-lemon-o:before {
content: "\f25f";
}
.la-level-down:before {
content: "\f260";
}
.la-level-up:before {
content: "\f261";
}
.la-life-bouy:before {
content: "\f262";
}
.la-life-buoy:before {
content: "\f263";
}
.la-life-ring:before,
.la-support:before {
content: "\f264";
}
.la-life-saver:before {
content: "\f265";
}
.la-lightbulb-o:before {
content: "\f266";
}
.la-line-chart:before {
content: "\f267";
}
.la-link:before {
content: "\f268";
}
.la-linkedin:before {
content: "\f269";
}
.la-linkedin-square:before {
content: "\f26a";
}
.la-linux:before {
content: "\f26b";
}
.la-list:before {
content: "\f26c";
}
.la-list-alt:before {
content: "\f26d";
}
.la-list-ol:before {
content: "\f26e";
}
.la-list-ul:before {
content: "\f26f";
}
.la-location-arrow:before {
content: "\f270";
}
.la-lock:before {
content: "\f271";
}
.la-long-arrow-down:before {
content: "\f272";
}
.la-long-arrow-left:before {
content: "\f273";
}
.la-long-arrow-right:before {
content: "\f274";
}
.la-long-arrow-up:before {
content: "\f275";
}
.la-magic:before {
content: "\f276";
}
.la-magnet:before {
content: "\f277";
}
.la-mail-forward:before {
content: "\f278";
}
.la-mail-reply:before {
content: "\f279";
}
.la-mail-reply-all:before {
content: "\f27a";
}
.la-male:before {
content: "\f27b";
}
.la-map:before {
content: "\f27c";
}
.la-map-marker:before {
content: "\f27d";
}
.la-map-o:before {
content: "\f27e";
}
.la-map-pin:before {
content: "\f27f";
}
.la-map-signs:before {
content: "\f280";
}
.la-mars:before {
content: "\f281";
}
.la-mars-double:before {
content: "\f282";
}
.la-mars-stroke:before {
content: "\f283";
}
.la-mars-stroke-h:before {
content: "\f284";
}
.la-mars-stroke-v:before {
content: "\f285";
}
.la-maxcdn:before {
content: "\f286";
}
.la-meanpath:before {
content: "\f287";
}
.la-medium:before {
content: "\f288";
}
.la-medkit:before {
content: "\f289";
}
.la-meh-o:before {
content: "\f28a";
}
.la-mercury:before {
content: "\f28b";
}
.la-microphone:before {
content: "\f28c";
}
.la-microphone-slash:before {
content: "\f28d";
}
.la-minus:before {
content: "\f28e";
}
.la-minus-circle:before {
content: "\f28f";
}
.la-minus-square:before {
content: "\f290";
}
.la-minus-square-o:before {
content: "\f291";
}
.la-mobile:before {
content: "\f292";
}
.la-mobile-phone:before {
content: "\f293";
}
.la-money:before {
content: "\f294";
}
.la-moon-o:before {
content: "\f295";
}
.la-mortar-board:before {
content: "\f296";
}
.la-motorcycle:before {
content: "\f297";
}
.la-mouse-pointer:before {
content: "\f298";
}
.la-music:before {
content: "\f299";
}
.la-navicon:before {
content: "\f29a";
}
.la-neuter:before {
content: "\f29b";
}
.la-newspaper-o:before {
content: "\f29c";
}
.la-object-group:before {
content: "\f29d";
}
.la-object-ungroup:before {
content: "\f29e";
}
.la-odnoklassniki:before {
content: "\f29f";
}
.la-odnoklassniki-square:before {
content: "\f2a0";
}
.la-opencart:before {
content: "\f2a1";
}
.la-openid:before {
content: "\f2a2";
}
.la-opera:before {
content: "\f2a3";
}
.la-optin-monster:before {
content: "\f2a4";
}
.la-outdent:before {
content: "\f2a5";
}
.la-pagelines:before {
content: "\f2a6";
}
.la-paint-brush:before {
content: "\f2a7";
}
.la-paper-plane:before,
.la-send:before {
content: "\f2a8";
}
.la-paper-plane-o:before,
.la-send-o:before {
content: "\f2a9";
}
.la-paperclip:before {
content: "\f2aa";
}
.la-paragraph:before {
content: "\f2ab";
}
.la-paste:before {
content: "\f2ac";
}
.la-pause:before {
content: "\f2ad";
}
.la-paw:before {
content: "\f2ae";
}
.la-paypal:before {
content: "\f2af";
}
.la-pencil:before {
content: "\f2b0";
}
.la-pencil-square:before {
content: "\f2b1";
}
.la-pencil-square-o:before {
content: "\f2b2";
}
.la-phone:before {
content: "\f2b3";
}
.la-phone-square:before {
content: "\f2b4";
}
.la-photo:before {
content: "\f2b5";
}
.la-picture-o:before {
content: "\f2b6";
}
.la-pie-chart:before {
content: "\f2b7";
}
.la-pied-piper:before {
content: "\f2b8";
}
.la-pied-piper-alt:before {
content: "\f2b9";
}
.la-pinterest:before {
content: "\f2ba";
}
.la-pinterest-p:before {
content: "\f2bb";
}
.la-pinterest-square:before {
content: "\f2bc";
}
.la-plane:before {
content: "\f2bd";
}
.la-play:before {
content: "\f2be";
}
.la-play-circle:before {
content: "\f2bf";
}
.la-play-circle-o:before {
content: "\f2c0";
}
.la-plug:before {
content: "\f2c1";
}
.la-plus:before {
content: "\f2c2";
}
.la-plus-circle:before {
content: "\f2c3";
}
.la-plus-square:before {
content: "\f2c4";
}
.la-plus-square-o:before {
content: "\f2c5";
}
.la-power-off:before {
content: "\f2c6";
}
.la-print:before {
content: "\f2c7";
}
.la-puzzle-piece:before {
content: "\f2c8";
}
.la-qq:before {
content: "\f2c9";
}
.la-qrcode:before {
content: "\f2ca";
}
.la-question:before {
content: "\f2cb";
}
.la-question-circle:before {
content: "\f2cc";
}
.la-quote-left:before {
content: "\f2cd";
}
.la-quote-right:before {
content: "\f2ce";
}
.la-ra:before {
content: "\f2cf";
}
.la-random:before {
content: "\f2d0";
}
.la-rebel:before {
content: "\f2d1";
}
.la-recycle:before {
content: "\f2d2";
}
.la-reddit:before {
content: "\f2d3";
}
.la-reddit-square:before {
content: "\f2d4";
}
.la-refresh:before {
content: "\f2d5";
}
.la-registered:before {
content: "\f2d6";
}
.la-renren:before {
content: "\f2d7";
}
.la-reorder:before {
content: "\f2d8";
}
.la-repeat:before {
content: "\f2d9";
}
.la-reply:before {
content: "\f2da";
}
.la-reply-all:before {
content: "\f2db";
}
.la-retweet:before {
content: "\f2dc";
}
.la-rmb:before {
content: "\f2dd";
}
.la-road:before {
content: "\f2de";
}
.la-rocket:before {
content: "\f2df";
}
.la-rotate-left:before {
content: "\f2e0";
}
.la-rotate-right:before {
content: "\f2e1";
}
.la-rouble:before {
content: "\f2e2";
}
.la-feed:before,
.la-rss:before {
content: "\f2e3";
}
.la-rss-square:before {
content: "\f2e4";
}
.la-rub:before {
content: "\f2e5";
}
.la-ruble:before {
content: "\f2e6";
}
.la-rupee:before {
content: "\f2e7";
}
.la-safari:before {
content: "\f2e8";
}
.la-save:before {
content: "\f2e9";
}
.la-scissors:before {
content: "\f2ea";
}
.la-search:before {
content: "\f2eb";
}
.la-search-minus:before {
content: "\f2ec";
}
.la-search-plus:before {
content: "\f2ed";
}
.la-sellsy:before {
content: "\f2ee";
}
.la-server:before {
content: "\f2ef";
}
.la-share:before {
content: "\f2f0";
}
.la-share-alt:before {
content: "\f2f1";
}
.la-share-alt-square:before {
content: "\f2f2";
}
.la-share-square:before {
content: "\f2f3";
}
.la-share-square-o:before {
content: "\f2f4";
}
.la-shekel:before {
content: "\f2f5";
}
.la-sheqel:before {
content: "\f2f6";
}
.la-shield:before {
content: "\f2f7";
}
.la-ship:before {
content: "\f2f8";
}
.la-shirtsinbulk:before {
content: "\f2f9";
}
.la-shopping-cart:before {
content: "\f2fa";
}
.la-sign-in:before {
content: "\f2fb";
}
.la-sign-out:before {
content: "\f2fc";
}
.la-signal:before {
content: "\f2fd";
}
.la-simplybuilt:before {
content: "\f2fe";
}
.la-sitemap:before {
content: "\f2ff";
}
.la-skyatlas:before {
content: "\f300";
}
.la-skype:before {
content: "\f301";
}
.la-slack:before {
content: "\f302";
}
.la-sliders:before {
content: "\f303";
}
.la-slideshare:before {
content: "\f304";
}
.la-smile-o:before {
content: "\f305";
}
.la-sort:before,
.la-unsorted:before {
content: "\f306";
}
.la-sort-alpha-asc:before {
content: "\f307";
}
.la-sort-alpha-desc:before {
content: "\f308";
}
.la-sort-amount-asc:before {
content: "\f309";
}
.la-sort-amount-desc:before {
content: "\f30a";
}
.la-sort-asc:before,
.la-sort-up:before {
content: "\f30b";
}
.la-sort-desc:before,
.la-sort-down:before {
content: "\f30c";
}
.la-sort-numeric-asc:before {
content: "\f30d";
}
.la-sort-numeric-desc:before {
content: "\f30e";
}
.la-soundcloud:before {
content: "\f30f";
}
.la-space-shuttle:before {
content: "\f310";
}
.la-spinner:before {
content: "\f311";
}
.la-spoon:before {
content: "\f312";
}
.la-spotify:before {
content: "\f313";
}
.la-square:before {
content: "\f314";
}
.la-square-o:before {
content: "\f315";
}
.la-stack-exchange:before {
content: "\f316";
}
.la-stack-overflow:before {
content: "\f317";
}
.la-star:before {
content: "\f318";
}
.la-star-half:before {
content: "\f319";
}
.la-star-half-empty:before,
.la-star-half-full:before,
.la-star-half-o:before {
content: "\f31a";
}
.la-star-o:before {
content: "\f31b";
}
.la-steam:before {
content: "\f31c";
}
.la-steam-square:before {
content: "\f31d";
}
.la-step-backward:before {
content: "\f31e";
}
.la-step-forward:before {
content: "\f31f";
}
.la-stethoscope:before {
content: "\f320";
}
.la-sticky-note:before {
content: "\f321";
}
.la-sticky-note-o:before {
content: "\f322";
}
.la-stop:before {
content: "\f323";
}
.la-street-view:before {
content: "\f324";
}
.la-strikethrough:before {
content: "\f325";
}
.la-stumbleupon:before {
content: "\f326";
}
.la-stumbleupon-circle:before {
content: "\f327";
}
.la-subscript:before {
content: "\f328";
}
.la-subway:before {
content: "\f329";
}
.la-suitcase:before {
content: "\f32a";
}
.la-sun-o:before {
content: "\f32b";
}
.la-superscript:before {
content: "\f32c";
}
.la-table:before {
content: "\f32d";
}
.la-tablet:before {
content: "\f32e";
}
.la-tachometer:before {
content: "\f32f";
}
.la-tag:before {
content: "\f330";
}
.la-tags:before {
content: "\f331";
}
.la-tasks:before {
content: "\f332";
}
.la-taxi:before {
content: "\f333";
}
.la-television:before,
.la-tv:before {
content: "\f334";
}
.la-tencent-weibo:before {
content: "\f335";
}
.la-terminal:before {
content: "\f336";
}
.la-text-height:before {
content: "\f337";
}
.la-text-width:before {
content: "\f338";
}
.la-th:before {
content: "\f339";
}
.la-th-large:before {
content: "\f33a";
}
.la-th-list:before {
content: "\f33b";
}
.la-thumb-tack:before {
content: "\f33c";
}
.la-thumbs-down:before {
content: "\f33d";
}
.la-thumbs-o-down:before {
content: "\f33e";
}
.la-thumbs-o-up:before {
content: "\f33f";
}
.la-thumbs-up:before {
content: "\f340";
}
.la-ticket:before {
content: "\f341";
}
.la-remove:before,
.la-times:before {
content: "\f342";
}
.la-times-circle:before {
content: "\f343";
}
.la-times-circle-o:before {
content: "\f344";
}
.la-tint:before {
content: "\f345";
}
.la-toggle-off:before {
content: "\f346";
}
.la-toggle-on:before {
content: "\f347";
}
.la-trademark:before {
content: "\f348";
}
.la-train:before {
content: "\f349";
}
.la-intersex:before,
.la-transgender:before {
content: "\f34a";
}
.la-transgender-alt:before {
content: "\f34b";
}
.la-trash:before {
content: "\f34c";
}
.la-trash-o:before {
content: "\f34d";
}
.la-tree:before {
content: "\f34e";
}
.la-trello:before {
content: "\f34f";
}
.la-tripadvisor:before {
content: "\f350";
}
.la-trophy:before {
content: "\f351";
}
.la-truck:before {
content: "\f352";
}
.la-try:before {
content: "\f353";
}
.la-tty:before {
content: "\f354";
}
.la-tumblr:before {
content: "\f355";
}
.la-tumblr-square:before {
content: "\f356";
}
.la-turkish-lira:before {
content: "\f357";
}
.la-twitch:before {
content: "\f358";
}
.la-twitter:before {
content: "\f359";
}
.la-twitter-square:before {
content: "\f35a";
}
.la-umbrella:before {
content: "\f35b";
}
.la-underline:before {
content: "\f35c";
}
.la-undo:before {
content: "\f35d";
}
.la-university:before {
content: "\f35e";
}
.la-unlink:before {
content: "\f35f";
}
.la-unlock:before {
content: "\f360";
}
.la-unlock-alt:before {
content: "\f361";
}
.la-upload:before {
content: "\f362";
}
.la-usd:before {
content: "\f363";
}
.la-user:before {
content: "\f364";
}
.la-user-md:before {
content: "\f365";
}
.la-user-plus:before {
content: "\f366";
}
.la-user-secret:before {
content: "\f367";
}
.la-user-times:before {
content: "\f368";
}
.la-users:before {
content: "\f369";
}
.la-venus:before {
content: "\f36a";
}
.la-venus-double:before {
content: "\f36b";
}
.la-venus-mars:before {
content: "\f36c";
}
.la-viacoin:before {
content: "\f36d";
}
.la-video-camera:before {
content: "\f36e";
}
.la-vimeo:before {
content: "\f36f";
}
.la-vimeo-square:before {
content: "\f370";
}
.la-vine:before {
content: "\f371";
}
.la-vk:before {
content: "\f372";
}
.la-volume-down:before {
content: "\f373";
}
.la-volume-off:before {
content: "\f374";
}
.la-volume-up:before {
content: "\f375";
}
.la-warning:before {
content: "\f376";
}
.la-wechat:before {
content: "\f377";
}
.la-weibo:before {
content: "\f378";
}
.la-weixin:before {
content: "\f379";
}
.la-whatsapp:before {
content: "\f37a";
}
.la-wheelchair:before {
content: "\f37b";
}
.la-wifi:before {
content: "\f37c";
}
.la-wikipedia-w:before {
content: "\f37d";
}
.la-windows:before {
content: "\f37e";
}
.la-won:before {
content: "\f37f";
}
.la-wordpress:before {
content: "\f380";
}
.la-wrench:before {
content: "\f381";
}
.la-xing:before {
content: "\f382";
}
.la-xing-square:before {
content: "\f383";
}
.la-y-combinator:before {
content: "\f384";
}
.la-y-combinator-square:before {
content: "\f385";
}
.la-yahoo:before {
content: "\f386";
}
.la-yc:before {
content: "\f387";
}
.la-yc-square:before {
content: "\f388";
}
.la-yelp:before {
content: "\f389";
}
.la-yen:before {
content: "\f38a";
}
.la-youtube:before {
content: "\f38b";
}
.la-youtube-play:before {
content: "\f38c";
}
.la-youtube-square:before {
content: "\f38d";
}
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
src: local('Montserrat-Regular'),
url("../../../assets/fonts/montserrat/Montserrat-Regular.woff2") format('woff2'),
url("../../../assets/fonts/montserrat/Montserrat-Regular.woff") format('woff'),
url("../../../assets/fonts/montserrat/Montserrat-Regular.ttf") format('truetype');
/* Safari, Android, iOS */
}
@font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 400;
src: local('Montserrat-Italic'),
url("../../../assets/fonts/montserrat/Montserrat-Italic.woff2") format('woff2'),
url("../../../assets/fonts/montserrat/Montserrat-Italic.woff") format('woff'),
url("../../../assets/fonts/montserrat/Montserrat-Italic.ttf") format('truetype');
/* Safari, Android, iOS */
}
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
src: local('Montserrat-Medium'),
url("../../../assets/fonts/montserrat/Montserrat-Medium.woff2") format('woff2'),
url("../../../assets/fonts/montserrat/Montserrat-Medium.woff") format('woff'),
url("../../../assets/fonts/montserrat/Montserrat-Medium.ttf") format('truetype');
/* Safari, Android, iOS */
}
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 600;
src: local('Montserrat-SemiBold'),
url("../../../assets/fonts/montserrat/Montserrat-SemiBold.woff2") format('woff2'),
url("../../../assets/fonts/montserrat/Montserrat-SemiBold.woff") format('woff'),
url("../../../assets/fonts/montserrat/Montserrat-SemiBold.ttf") format('truetype');
/* Safari, Android, iOS */
}
.tether-element,
.tether-element *,
.tether-element :after,
.tether-element :before,
.tether-element:after,
.tether-element:before {
box-sizing: border-box;
}
.tether-element {
position: absolute;
display: none;
}
.tether-element.tether-open {
display: block;
}
/*
* CSS Styles that are needed by jScrollPane for it to operate correctly.
*
* Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
* may not operate correctly without them.
*/
.jspContainer {
overflow: hidden;
position: relative;
width: 100% !important;
}
.jspPane {
position: absolute;
width: 100% !important;
}
.jspVerticalBar {
position: absolute;
top: 0;
right: 0;
width: 6px;
height: 100%;
background: none;
}
.jspHorizontalBar {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 8px;
background: none;
}
.jspCap {
display: none;
}
.jspHorizontalBar .jspCap {
float: left;
}
.jspTrack {
background: none;
position: relative;
}
.jspDrag {
border-radius: 2px;
background-color: #bcc4dd;
border: solid 1px #ffffff;
position: relative;
top: 0;
left: 0;
cursor: pointer;
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
float: left;
height: 100%;
}
.jspArrow {
background: #50506d;
text-indent: -20000px;
display: block;
cursor: pointer;
padding: 0;
margin: 0;
}
.jspArrow.jspDisabled {
cursor: default;
background: #80808d;
}
.jspVerticalBar .jspArrow {
height: 8px;
}
.jspHorizontalBar .jspArrow {
width: 6px;
float: left;
height: 100%;
}
.jspVerticalBar .jspArrow:focus {
outline: none;
}
.jspCorner {
background: #eeeef4;
float: left;
height: 100%;
}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
margin: 0 -3px 0 0;
}
.flag-icon,
.flag-icon-background {
background-repeat: no-repeat;
background-size: contain;
background-position: 50%;
}
.flag-icon {
position: relative;
display: inline-block;
width: 1.33333333em;
line-height: 1em;
}
.flag-icon:before {
content: "\00a0";
}
.flag-icon.flag-icon-squared {
width: 1em;
}
.flag-icon-ad {
background-image: url("../../flag-icon-css/flags/4x3/ad.svg");
}
.flag-icon-ad.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/ad.svg");
}
.flag-icon-ae {
background-image: url("../../flag-icon-css/flags/4x3/ae.svg");
}
.flag-icon-ae.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/ae.svg");
}
.flag-icon-af {
background-image: url("../../flag-icon-css/flags/4x3/af.svg");
}
.flag-icon-af.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/af.svg");
}
.flag-icon-ag {
background-image: url("../../flag-icon-css/flags/4x3/ag.svg");
}
.flag-icon-ag.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/ag.svg");
}
.flag-icon-ai {
background-image: url("../../flag-icon-css/flags/4x3/ai.svg");
}
.flag-icon-ai.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/ai.svg");
}
.flag-icon-al {
background-image: url("../../flag-icon-css/flags/4x3/al.svg");
}
.flag-icon-al.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/al.svg");
}
.flag-icon-am {
background-image: url("../../flag-icon-css/flags/4x3/am.svg");
}
.flag-icon-am.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/am.svg");
}
.flag-icon-ao {
background-image: url("../../flag-icon-css/flags/4x3/ao.svg");
}
.flag-icon-ao.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/ao.svg");
}
.flag-icon-aq {
background-image: url("../../flag-icon-css/flags/4x3/aq.svg");
}
.flag-icon-aq.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/aq.svg");
}
.flag-icon-ar {
background-image: url("../../flag-icon-css/flags/4x3/ar.svg");
}
.flag-icon-ar.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/ar.svg");
}
.flag-icon-as {
background-image: url("../../flag-icon-css/flags/4x3/as.svg");
}
.flag-icon-as.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/as.svg");
}
.flag-icon-at {
background-image: url("../../flag-icon-css/flags/4x3/at.svg");
}
.flag-icon-at.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/at.svg");
}
.flag-icon-au {
background-image: url("../../flag-icon-css/flags/4x3/au.svg");
}
.flag-icon-au.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/au.svg");
}
.flag-icon-aw {
background-image: url("../../flag-icon-css/flags/4x3/aw.svg");
}
.flag-icon-aw.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/aw.svg");
}
.flag-icon-ax {
background-image: url("../../flag-icon-css/flags/4x3/ax.svg");
}
.flag-icon-ax.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/ax.svg");
}
.flag-icon-az {
background-image: url("../../flag-icon-css/flags/4x3/az.svg");
}
.flag-icon-az.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/az.svg");
}
.flag-icon-ba {
background-image: url("../../flag-icon-css/flags/4x3/ba.svg");
}
.flag-icon-ba.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/ba.svg");
}
.flag-icon-bb {
background-image: url("../../flag-icon-css/flags/4x3/bb.svg");
}
.flag-icon-bb.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/bb.svg");
}
.flag-icon-bd {
background-image: url("../../flag-icon-css/flags/4x3/bd.svg");
}
.flag-icon-bd.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/bd.svg");
}
.flag-icon-be {
background-image: url("../../flag-icon-css/flags/4x3/be.svg");
}
.flag-icon-be.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/be.svg");
}
.flag-icon-bf {
background-image: url("../../flag-icon-css/flags/4x3/bf.svg");
}
.flag-icon-bf.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/bf.svg");
}
.flag-icon-bg {
background-image: url("../../flag-icon-css/flags/4x3/bg.svg");
}
.flag-icon-bg.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/bg.svg");
}
.flag-icon-bh {
background-image: url("../../flag-icon-css/flags/4x3/bh.svg");
}
.flag-icon-bh.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/bh.svg");
}
.flag-icon-bi {
background-image: url("../../flag-icon-css/flags/4x3/bi.svg");
}
.flag-icon-bi.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/bi.svg");
}
.flag-icon-bj {
background-image: url("../../flag-icon-css/flags/4x3/bj.svg");
}
.flag-icon-bj.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/bj.svg");
}
.flag-icon-bl {
background-image: url("../../flag-icon-css/flags/4x3/bl.svg");
}
.flag-icon-bl.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/bl.svg");
}
.flag-icon-bm {
background-image: url("../../flag-icon-css/flags/4x3/bm.svg");
}
.flag-icon-bm.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/bm.svg");
}
.flag-icon-bn {
background-image: url("../../flag-icon-css/flags/4x3/bn.svg");
}
.flag-icon-bn.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/bn.svg");
}
.flag-icon-bo {
background-image: url("../../flag-icon-css/flags/4x3/bo.svg");
}
.flag-icon-bo.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/bo.svg");
}
.flag-icon-bq {
background-image: url("../../flag-icon-css/flags/4x3/bq.svg");
}
.flag-icon-bq.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/bq.svg");
}
.flag-icon-br {
background-image: url("../../flag-icon-css/flags/4x3/br.svg");
}
.flag-icon-br.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/br.svg");
}
.flag-icon-bs {
background-image: url("../../flag-icon-css/flags/4x3/bs.svg");
}
.flag-icon-bs.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/bs.svg");
}
.flag-icon-bt {
background-image: url("../../flag-icon-css/flags/4x3/bt.svg");
}
.flag-icon-bt.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/bt.svg");
}
.flag-icon-bv {
background-image: url("../../flag-icon-css/flags/4x3/bv.svg");
}
.flag-icon-bv.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/bv.svg");
}
.flag-icon-bw {
background-image: url("../../flag-icon-css/flags/4x3/bw.svg");
}
.flag-icon-bw.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/bw.svg");
}
.flag-icon-by {
background-image: url("../../flag-icon-css/flags/4x3/by.svg");
}
.flag-icon-by.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/by.svg");
}
.flag-icon-bz {
background-image: url("../../flag-icon-css/flags/4x3/bz.svg");
}
.flag-icon-bz.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/bz.svg");
}
.flag-icon-ca {
background-image: url("../../flag-icon-css/flags/4x3/ca.svg");
}
.flag-icon-ca.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/ca.svg");
}
.flag-icon-cc {
background-image: url("../../flag-icon-css/flags/4x3/cc.svg");
}
.flag-icon-cc.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/cc.svg");
}
.flag-icon-cd {
background-image: url("../../flag-icon-css/flags/4x3/cd.svg");
}
.flag-icon-cd.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/cd.svg");
}
.flag-icon-cf {
background-image: url("../../flag-icon-css/flags/4x3/cf.svg");
}
.flag-icon-cf.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/cf.svg");
}
.flag-icon-cg {
background-image: url("../../flag-icon-css/flags/4x3/cg.svg");
}
.flag-icon-cg.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/cg.svg");
}
.flag-icon-ch {
background-image: url("../../flag-icon-css/flags/4x3/ch.svg");
}
.flag-icon-ch.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/ch.svg");
}
.flag-icon-ci {
background-image: url("../../flag-icon-css/flags/4x3/ci.svg");
}
.flag-icon-ci.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/ci.svg");
}
.flag-icon-ck {
background-image: url("../../flag-icon-css/flags/4x3/ck.svg");
}
.flag-icon-ck.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/ck.svg");
}
.flag-icon-cl {
background-image: url("../../flag-icon-css/flags/4x3/cl.svg");
}
.flag-icon-cl.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/cl.svg");
}
.flag-icon-cm {
background-image: url("../../flag-icon-css/flags/4x3/cm.svg");
}
.flag-icon-cm.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/cm.svg");
}
.flag-icon-cn {
background-image: url("../../flag-icon-css/flags/4x3/cn.svg");
}
.flag-icon-cn.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/cn.svg");
}
.flag-icon-co {
background-image: url("../../flag-icon-css/flags/4x3/co.svg");
}
.flag-icon-co.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/co.svg");
}
.flag-icon-cr {
background-image: url("../../flag-icon-css/flags/4x3/cr.svg");
}
.flag-icon-cr.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/cr.svg");
}
.flag-icon-cu {
background-image: url("../../flag-icon-css/flags/4x3/cu.svg");
}
.flag-icon-cu.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/cu.svg");
}
.flag-icon-cv {
background-image: url("../../flag-icon-css/flags/4x3/cv.svg");
}
.flag-icon-cv.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/cv.svg");
}
.flag-icon-cw {
background-image: url("../../flag-icon-css/flags/4x3/cw.svg");
}
.flag-icon-cw.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/cw.svg");
}
.flag-icon-cx {
background-image: url("../../flag-icon-css/flags/4x3/cx.svg");
}
.flag-icon-cx.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/cx.svg");
}
.flag-icon-cy {
background-image: url("../../flag-icon-css/flags/4x3/cy.svg");
}
.flag-icon-cy.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/cy.svg");
}
.flag-icon-cz {
background-image: url("../../flag-icon-css/flags/4x3/cz.svg");
}
.flag-icon-cz.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/cz.svg");
}
.flag-icon-de {
background-image: url("../../flag-icon-css/flags/4x3/de.svg");
}
.flag-icon-de.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/de.svg");
}
.flag-icon-dj {
background-image: url("../../flag-icon-css/flags/4x3/dj.svg");
}
.flag-icon-dj.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/dj.svg");
}
.flag-icon-dk {
background-image: url("../../flag-icon-css/flags/4x3/dk.svg");
}
.flag-icon-dk.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/dk.svg");
}
.flag-icon-dm {
background-image: url("../../flag-icon-css/flags/4x3/dm.svg");
}
.flag-icon-dm.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/dm.svg");
}
.flag-icon-do {
background-image: url("../../flag-icon-css/flags/4x3/do.svg");
}
.flag-icon-do.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/do.svg");
}
.flag-icon-dz {
background-image: url("../../flag-icon-css/flags/4x3/dz.svg");
}
.flag-icon-dz.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/dz.svg");
}
.flag-icon-ec {
background-image: url("../../flag-icon-css/flags/4x3/ec.svg");
}
.flag-icon-ec.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/ec.svg");
}
.flag-icon-ee {
background-image: url("../../flag-icon-css/flags/4x3/ee.svg");
}
.flag-icon-ee.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/ee.svg");
}
.flag-icon-eg {
background-image: url("../../flag-icon-css/flags/4x3/eg.svg");
}
.flag-icon-eg.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/eg.svg");
}
.flag-icon-eh {
background-image: url("../../flag-icon-css/flags/4x3/eh.svg");
}
.flag-icon-eh.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/eh.svg");
}
.flag-icon-er {
background-image: url("../../flag-icon-css/flags/4x3/er.svg");
}
.flag-icon-er.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/er.svg");
}
.flag-icon-es {
background-image: url("../../flag-icon-css/flags/4x3/es.svg");
}
.flag-icon-es.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/es.svg");
}
.flag-icon-et {
background-image: url("../../flag-icon-css/flags/4x3/et.svg");
}
.flag-icon-et.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/et.svg");
}
.flag-icon-fi {
background-image: url("../../flag-icon-css/flags/4x3/fi.svg");
}
.flag-icon-fi.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/fi.svg");
}
.flag-icon-fj {
background-image: url("../../flag-icon-css/flags/4x3/fj.svg");
}
.flag-icon-fj.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/fj.svg");
}
.flag-icon-fk {
background-image: url("../../flag-icon-css/flags/4x3/fk.svg");
}
.flag-icon-fk.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/fk.svg");
}
.flag-icon-fm {
background-image: url("../../flag-icon-css/flags/4x3/fm.svg");
}
.flag-icon-fm.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/fm.svg");
}
.flag-icon-fo {
background-image: url("../../flag-icon-css/flags/4x3/fo.svg");
}
.flag-icon-fo.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/fo.svg");
}
.flag-icon-fr {
background-image: url("../../flag-icon-css/flags/4x3/fr.svg");
}
.flag-icon-fr.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/fr.svg");
}
.flag-icon-ga {
background-image: url("../../flag-icon-css/flags/4x3/ga.svg");
}
.flag-icon-ga.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/ga.svg");
}
.flag-icon-gb {
background-image: url("../../flag-icon-css/flags/4x3/gb.svg");
}
.flag-icon-gb.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/gb.svg");
}
.flag-icon-gd {
background-image: url("../../flag-icon-css/flags/4x3/gd.svg");
}
.flag-icon-gd.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/gd.svg");
}
.flag-icon-ge {
background-image: url("../../flag-icon-css/flags/4x3/ge.svg");
}
.flag-icon-ge.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/ge.svg");
}
.flag-icon-gf {
background-image: url("../../flag-icon-css/flags/4x3/gf.svg");
}
.flag-icon-gf.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/gf.svg");
}
.flag-icon-gg {
background-image: url("../../flag-icon-css/flags/4x3/gg.svg");
}
.flag-icon-gg.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/gg.svg");
}
.flag-icon-gh {
background-image: url("../../flag-icon-css/flags/4x3/gh.svg");
}
.flag-icon-gh.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/gh.svg");
}
.flag-icon-gi {
background-image: url("../../flag-icon-css/flags/4x3/gi.svg");
}
.flag-icon-gi.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/gi.svg");
}
.flag-icon-gl {
background-image: url("../../flag-icon-css/flags/4x3/gl.svg");
}
.flag-icon-gl.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/gl.svg");
}
.flag-icon-gm {
background-image: url("../../flag-icon-css/flags/4x3/gm.svg");
}
.flag-icon-gm.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/gm.svg");
}
.flag-icon-gn {
background-image: url("../../flag-icon-css/flags/4x3/gn.svg");
}
.flag-icon-gn.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/gn.svg");
}
.flag-icon-gp {
background-image: url("../../flag-icon-css/flags/4x3/gp.svg");
}
.flag-icon-gp.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/gp.svg");
}
.flag-icon-gq {
background-image: url("../../flag-icon-css/flags/4x3/gq.svg");
}
.flag-icon-gq.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/gq.svg");
}
.flag-icon-gr {
background-image: url("../../flag-icon-css/flags/4x3/gr.svg");
}
.flag-icon-gr.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/gr.svg");
}
.flag-icon-gs {
background-image: url("../../flag-icon-css/flags/4x3/gs.svg");
}
.flag-icon-gs.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/gs.svg");
}
.flag-icon-gt {
background-image: url("../../flag-icon-css/flags/4x3/gt.svg");
}
.flag-icon-gt.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/gt.svg");
}
.flag-icon-gu {
background-image: url("../../flag-icon-css/flags/4x3/gu.svg");
}
.flag-icon-gu.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/gu.svg");
}
.flag-icon-gw {
background-image: url("../../flag-icon-css/flags/4x3/gw.svg");
}
.flag-icon-gw.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/gw.svg");
}
.flag-icon-gy {
background-image: url("../../flag-icon-css/flags/4x3/gy.svg");
}
.flag-icon-gy.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/gy.svg");
}
.flag-icon-hk {
background-image: url("../../flag-icon-css/flags/4x3/hk.svg");
}
.flag-icon-hk.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/hk.svg");
}
.flag-icon-hm {
background-image: url("../../flag-icon-css/flags/4x3/hm.svg");
}
.flag-icon-hm.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/hm.svg");
}
.flag-icon-hn {
background-image: url("../../flag-icon-css/flags/4x3/hn.svg");
}
.flag-icon-hn.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/hn.svg");
}
.flag-icon-hr {
background-image: url("../../flag-icon-css/flags/4x3/hr.svg");
}
.flag-icon-hr.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/hr.svg");
}
.flag-icon-ht {
background-image: url("../../flag-icon-css/flags/4x3/ht.svg");
}
.flag-icon-ht.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/ht.svg");
}
.flag-icon-hu {
background-image: url("../../flag-icon-css/flags/4x3/hu.svg");
}
.flag-icon-hu.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/hu.svg");
}
.flag-icon-id {
background-image: url("../../flag-icon-css/flags/4x3/id.svg");
}
.flag-icon-id.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/id.svg");
}
.flag-icon-ie {
background-image: url("../../flag-icon-css/flags/4x3/ie.svg");
}
.flag-icon-ie.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/ie.svg");
}
.flag-icon-il {
background-image: url("../../flag-icon-css/flags/4x3/il.svg");
}
.flag-icon-il.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/il.svg");
}
.flag-icon-im {
background-image: url("../../flag-icon-css/flags/4x3/im.svg");
}
.flag-icon-im.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/im.svg");
}
.flag-icon-in {
background-image: url("../../flag-icon-css/flags/4x3/in.svg");
}
.flag-icon-in.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/in.svg");
}
.flag-icon-io {
background-image: url("../../flag-icon-css/flags/4x3/io.svg");
}
.flag-icon-io.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/io.svg");
}
.flag-icon-iq {
background-image: url("../../flag-icon-css/flags/4x3/iq.svg");
}
.flag-icon-iq.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/iq.svg");
}
.flag-icon-ir {
background-image: url("../../flag-icon-css/flags/4x3/ir.svg");
}
.flag-icon-ir.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/ir.svg");
}
.flag-icon-is {
background-image: url("../../flag-icon-css/flags/4x3/is.svg");
}
.flag-icon-is.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/is.svg");
}
.flag-icon-it {
background-image: url("../../flag-icon-css/flags/4x3/it.svg");
}
.flag-icon-it.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/it.svg");
}
.flag-icon-je {
background-image: url("../../flag-icon-css/flags/4x3/je.svg");
}
.flag-icon-je.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/je.svg");
}
.flag-icon-jm {
background-image: url("../../flag-icon-css/flags/4x3/jm.svg");
}
.flag-icon-jm.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/jm.svg");
}
.flag-icon-jo {
background-image: url("../../flag-icon-css/flags/4x3/jo.svg");
}
.flag-icon-jo.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/jo.svg");
}
.flag-icon-jp {
background-image: url("../../flag-icon-css/flags/4x3/jp.svg");
}
.flag-icon-jp.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/jp.svg");
}
.flag-icon-ke {
background-image: url("../../flag-icon-css/flags/4x3/ke.svg");
}
.flag-icon-ke.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/ke.svg");
}
.flag-icon-kg {
background-image: url("../../flag-icon-css/flags/4x3/kg.svg");
}
.flag-icon-kg.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/kg.svg");
}
.flag-icon-kh {
background-image: url("../../flag-icon-css/flags/4x3/kh.svg");
}
.flag-icon-kh.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/kh.svg");
}
.flag-icon-ki {
background-image: url("../../flag-icon-css/flags/4x3/ki.svg");
}
.flag-icon-ki.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/ki.svg");
}
.flag-icon-km {
background-image: url("../../flag-icon-css/flags/4x3/km.svg");
}
.flag-icon-km.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/km.svg");
}
.flag-icon-kn {
background-image: url("../../flag-icon-css/flags/4x3/kn.svg");
}
.flag-icon-kn.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/kn.svg");
}
.flag-icon-kp {
background-image: url("../../flag-icon-css/flags/4x3/kp.svg");
}
.flag-icon-kp.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/kp.svg");
}
.flag-icon-kr {
background-image: url("../../flag-icon-css/flags/4x3/kr.svg");
}
.flag-icon-kr.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/kr.svg");
}
.flag-icon-kw {
background-image: url("../../flag-icon-css/flags/4x3/kw.svg");
}
.flag-icon-kw.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/kw.svg");
}
.flag-icon-ky {
background-image: url("../../flag-icon-css/flags/4x3/ky.svg");
}
.flag-icon-ky.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/ky.svg");
}
.flag-icon-kz {
background-image: url("../../flag-icon-css/flags/4x3/kz.svg");
}
.flag-icon-kz.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/kz.svg");
}
.flag-icon-la {
background-image: url("../../flag-icon-css/flags/4x3/la.svg");
}
.flag-icon-la.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/la.svg");
}
.flag-icon-lb {
background-image: url("../../flag-icon-css/flags/4x3/lb.svg");
}
.flag-icon-lb.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/lb.svg");
}
.flag-icon-lc {
background-image: url("../../flag-icon-css/flags/4x3/lc.svg");
}
.flag-icon-lc.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/lc.svg");
}
.flag-icon-li {
background-image: url("../../flag-icon-css/flags/4x3/li.svg");
}
.flag-icon-li.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/li.svg");
}
.flag-icon-lk {
background-image: url("../../flag-icon-css/flags/4x3/lk.svg");
}
.flag-icon-lk.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/lk.svg");
}
.flag-icon-lr {
background-image: url("../../flag-icon-css/flags/4x3/lr.svg");
}
.flag-icon-lr.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/lr.svg");
}
.flag-icon-ls {
background-image: url("../../flag-icon-css/flags/4x3/ls.svg");
}
.flag-icon-ls.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/ls.svg");
}
.flag-icon-lt {
background-image: url("../../flag-icon-css/flags/4x3/lt.svg");
}
.flag-icon-lt.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/lt.svg");
}
.flag-icon-lu {
background-image: url("../../flag-icon-css/flags/4x3/lu.svg");
}
.flag-icon-lu.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/lu.svg");
}
.flag-icon-lv {
background-image: url("../../flag-icon-css/flags/4x3/lv.svg");
}
.flag-icon-lv.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/lv.svg");
}
.flag-icon-ly {
background-image: url("../../flag-icon-css/flags/4x3/ly.svg");
}
.flag-icon-ly.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/ly.svg");
}
.flag-icon-ma {
background-image: url("../../flag-icon-css/flags/4x3/ma.svg");
}
.flag-icon-ma.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/ma.svg");
}
.flag-icon-mc {
background-image: url("../../flag-icon-css/flags/4x3/mc.svg");
}
.flag-icon-mc.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/mc.svg");
}
.flag-icon-md {
background-image: url("../../flag-icon-css/flags/4x3/md.svg");
}
.flag-icon-md.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/md.svg");
}
.flag-icon-me {
background-image: url("../../flag-icon-css/flags/4x3/me.svg");
}
.flag-icon-me.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/me.svg");
}
.flag-icon-mf {
background-image: url("../../flag-icon-css/flags/4x3/mf.svg");
}
.flag-icon-mf.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/mf.svg");
}
.flag-icon-mg {
background-image: url("../../flag-icon-css/flags/4x3/mg.svg");
}
.flag-icon-mg.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/mg.svg");
}
.flag-icon-mh {
background-image: url("../../flag-icon-css/flags/4x3/mh.svg");
}
.flag-icon-mh.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/mh.svg");
}
.flag-icon-mk {
background-image: url("../../flag-icon-css/flags/4x3/mk.svg");
}
.flag-icon-mk.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/mk.svg");
}
.flag-icon-ml {
background-image: url("../../flag-icon-css/flags/4x3/ml.svg");
}
.flag-icon-ml.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/ml.svg");
}
.flag-icon-mm {
background-image: url("../../flag-icon-css/flags/4x3/mm.svg");
}
.flag-icon-mm.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/mm.svg");
}
.flag-icon-mn {
background-image: url("../../flag-icon-css/flags/4x3/mn.svg");
}
.flag-icon-mn.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/mn.svg");
}
.flag-icon-mo {
background-image: url("../../flag-icon-css/flags/4x3/mo.svg");
}
.flag-icon-mo.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/mo.svg");
}
.flag-icon-mp {
background-image: url("../../flag-icon-css/flags/4x3/mp.svg");
}
.flag-icon-mp.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/mp.svg");
}
.flag-icon-mq {
background-image: url("../../flag-icon-css/flags/4x3/mq.svg");
}
.flag-icon-mq.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/mq.svg");
}
.flag-icon-mr {
background-image: url("../../flag-icon-css/flags/4x3/mr.svg");
}
.flag-icon-mr.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/mr.svg");
}
.flag-icon-ms {
background-image: url("../../flag-icon-css/flags/4x3/ms.svg");
}
.flag-icon-ms.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/ms.svg");
}
.flag-icon-mt {
background-image: url("../../flag-icon-css/flags/4x3/mt.svg");
}
.flag-icon-mt.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/mt.svg");
}
.flag-icon-mu {
background-image: url("../../flag-icon-css/flags/4x3/mu.svg");
}
.flag-icon-mu.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/mu.svg");
}
.flag-icon-mv {
background-image: url("../../flag-icon-css/flags/4x3/mv.svg");
}
.flag-icon-mv.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/mv.svg");
}
.flag-icon-mw {
background-image: url("../../flag-icon-css/flags/4x3/mw.svg");
}
.flag-icon-mw.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/mw.svg");
}
.flag-icon-mx {
background-image: url("../../flag-icon-css/flags/4x3/mx.svg");
}
.flag-icon-mx.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/mx.svg");
}
.flag-icon-my {
background-image: url("../../flag-icon-css/flags/4x3/my.svg");
}
.flag-icon-my.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/my.svg");
}
.flag-icon-mz {
background-image: url("../../flag-icon-css/flags/4x3/mz.svg");
}
.flag-icon-mz.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/mz.svg");
}
.flag-icon-na {
background-image: url("../../flag-icon-css/flags/4x3/na.svg");
}
.flag-icon-na.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/na.svg");
}
.flag-icon-nc {
background-image: url("../../flag-icon-css/flags/4x3/nc.svg");
}
.flag-icon-nc.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/nc.svg");
}
.flag-icon-ne {
background-image: url("../../flag-icon-css/flags/4x3/ne.svg");
}
.flag-icon-ne.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/ne.svg");
}
.flag-icon-nf {
background-image: url("../../flag-icon-css/flags/4x3/nf.svg");
}
.flag-icon-nf.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/nf.svg");
}
.flag-icon-ng {
background-image: url("../../flag-icon-css/flags/4x3/ng.svg");
}
.flag-icon-ng.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/ng.svg");
}
.flag-icon-ni {
background-image: url("../../flag-icon-css/flags/4x3/ni.svg");
}
.flag-icon-ni.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/ni.svg");
}
.flag-icon-nl {
background-image: url("../../flag-icon-css/flags/4x3/nl.svg");
}
.flag-icon-nl.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/nl.svg");
}
.flag-icon-no {
background-image: url("../../flag-icon-css/flags/4x3/no.svg");
}
.flag-icon-no.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/no.svg");
}
.flag-icon-np {
background-image: url("../../flag-icon-css/flags/4x3/np.svg");
}
.flag-icon-np.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/np.svg");
}
.flag-icon-nr {
background-image: url("../../flag-icon-css/flags/4x3/nr.svg");
}
.flag-icon-nr.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/nr.svg");
}
.flag-icon-nu {
background-image: url("../../flag-icon-css/flags/4x3/nu.svg");
}
.flag-icon-nu.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/nu.svg");
}
.flag-icon-nz {
background-image: url("../../flag-icon-css/flags/4x3/nz.svg");
}
.flag-icon-nz.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/nz.svg");
}
.flag-icon-om {
background-image: url("../../flag-icon-css/flags/4x3/om.svg");
}
.flag-icon-om.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/om.svg");
}
.flag-icon-pa {
background-image: url("../../flag-icon-css/flags/4x3/pa.svg");
}
.flag-icon-pa.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/pa.svg");
}
.flag-icon-pe {
background-image: url("../../flag-icon-css/flags/4x3/pe.svg");
}
.flag-icon-pe.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/pe.svg");
}
.flag-icon-pf {
background-image: url("../../flag-icon-css/flags/4x3/pf.svg");
}
.flag-icon-pf.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/pf.svg");
}
.flag-icon-pg {
background-image: url("../../flag-icon-css/flags/4x3/pg.svg");
}
.flag-icon-pg.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/pg.svg");
}
.flag-icon-ph {
background-image: url("../../flag-icon-css/flags/4x3/ph.svg");
}
.flag-icon-ph.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/ph.svg");
}
.flag-icon-pk {
background-image: url("../../flag-icon-css/flags/4x3/pk.svg");
}
.flag-icon-pk.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/pk.svg");
}
.flag-icon-pl {
background-image: url("../../flag-icon-css/flags/4x3/pl.svg");
}
.flag-icon-pl.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/pl.svg");
}
.flag-icon-pm {
background-image: url("../../flag-icon-css/flags/4x3/pm.svg");
}
.flag-icon-pm.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/pm.svg");
}
.flag-icon-pn {
background-image: url("../../flag-icon-css/flags/4x3/pn.svg");
}
.flag-icon-pn.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/pn.svg");
}
.flag-icon-pr {
background-image: url("../../flag-icon-css/flags/4x3/pr.svg");
}
.flag-icon-pr.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/pr.svg");
}
.flag-icon-ps {
background-image: url("../../flag-icon-css/flags/4x3/ps.svg");
}
.flag-icon-ps.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/ps.svg");
}
.flag-icon-pt {
background-image: url("../../flag-icon-css/flags/4x3/pt.svg");
}
.flag-icon-pt.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/pt.svg");
}
.flag-icon-pw {
background-image: url("../../flag-icon-css/flags/4x3/pw.svg");
}
.flag-icon-pw.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/pw.svg");
}
.flag-icon-py {
background-image: url("../../flag-icon-css/flags/4x3/py.svg");
}
.flag-icon-py.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/py.svg");
}
.flag-icon-qa {
background-image: url("../../flag-icon-css/flags/4x3/qa.svg");
}
.flag-icon-qa.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/qa.svg");
}
.flag-icon-re {
background-image: url("../../flag-icon-css/flags/4x3/re.svg");
}
.flag-icon-re.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/re.svg");
}
.flag-icon-ro {
background-image: url("../../flag-icon-css/flags/4x3/ro.svg");
}
.flag-icon-ro.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/ro.svg");
}
.flag-icon-rs {
background-image: url("../../flag-icon-css/flags/4x3/rs.svg");
}
.flag-icon-rs.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/rs.svg");
}
.flag-icon-ru {
background-image: url("../../flag-icon-css/flags/4x3/ru.svg");
}
.flag-icon-ru.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/ru.svg");
}
.flag-icon-rw {
background-image: url("../../flag-icon-css/flags/4x3/rw.svg");
}
.flag-icon-rw.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/rw.svg");
}
.flag-icon-sa {
background-image: url("../../flag-icon-css/flags/4x3/sa.svg");
}
.flag-icon-sa.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/sa.svg");
}
.flag-icon-sb {
background-image: url("../../flag-icon-css/flags/4x3/sb.svg");
}
.flag-icon-sb.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/sb.svg");
}
.flag-icon-sc {
background-image: url("../../flag-icon-css/flags/4x3/sc.svg");
}
.flag-icon-sc.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/sc.svg");
}
.flag-icon-sd {
background-image: url("../../flag-icon-css/flags/4x3/sd.svg");
}
.flag-icon-sd.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/sd.svg");
}
.flag-icon-se {
background-image: url("../../flag-icon-css/flags/4x3/se.svg");
}
.flag-icon-se.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/se.svg");
}
.flag-icon-sg {
background-image: url("../../flag-icon-css/flags/4x3/sg.svg");
}
.flag-icon-sg.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/sg.svg");
}
.flag-icon-sh {
background-image: url("../../flag-icon-css/flags/4x3/sh.svg");
}
.flag-icon-sh.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/sh.svg");
}
.flag-icon-si {
background-image: url("../../flag-icon-css/flags/4x3/si.svg");
}
.flag-icon-si.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/si.svg");
}
.flag-icon-sj {
background-image: url("../../flag-icon-css/flags/4x3/sj.svg");
}
.flag-icon-sj.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/sj.svg");
}
.flag-icon-sk {
background-image: url("../../flag-icon-css/flags/4x3/sk.svg");
}
.flag-icon-sk.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/sk.svg");
}
.flag-icon-sl {
background-image: url("../../flag-icon-css/flags/4x3/sl.svg");
}
.flag-icon-sl.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/sl.svg");
}
.flag-icon-sm {
background-image: url("../../flag-icon-css/flags/4x3/sm.svg");
}
.flag-icon-sm.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/sm.svg");
}
.flag-icon-sn {
background-image: url("../../flag-icon-css/flags/4x3/sn.svg");
}
.flag-icon-sn.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/sn.svg");
}
.flag-icon-so {
background-image: url("../../flag-icon-css/flags/4x3/so.svg");
}
.flag-icon-so.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/so.svg");
}
.flag-icon-sr {
background-image: url("../../flag-icon-css/flags/4x3/sr.svg");
}
.flag-icon-sr.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/sr.svg");
}
.flag-icon-ss {
background-image: url("../../flag-icon-css/flags/4x3/ss.svg");
}
.flag-icon-ss.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/ss.svg");
}
.flag-icon-st {
background-image: url("../../flag-icon-css/flags/4x3/st.svg");
}
.flag-icon-st.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/st.svg");
}
.flag-icon-sv {
background-image: url("../../flag-icon-css/flags/4x3/sv.svg");
}
.flag-icon-sv.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/sv.svg");
}
.flag-icon-sx {
background-image: url("../../flag-icon-css/flags/4x3/sx.svg");
}
.flag-icon-sx.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/sx.svg");
}
.flag-icon-sy {
background-image: url("../../flag-icon-css/flags/4x3/sy.svg");
}
.flag-icon-sy.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/sy.svg");
}
.flag-icon-sz {
background-image: url("../../flag-icon-css/flags/4x3/sz.svg");
}
.flag-icon-sz.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/sz.svg");
}
.flag-icon-tc {
background-image: url("../../flag-icon-css/flags/4x3/tc.svg");
}
.flag-icon-tc.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/tc.svg");
}
.flag-icon-td {
background-image: url("../../flag-icon-css/flags/4x3/td.svg");
}
.flag-icon-td.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/td.svg");
}
.flag-icon-tf {
background-image: url("../../flag-icon-css/flags/4x3/tf.svg");
}
.flag-icon-tf.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/tf.svg");
}
.flag-icon-tg {
background-image: url("../../flag-icon-css/flags/4x3/tg.svg");
}
.flag-icon-tg.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/tg.svg");
}
.flag-icon-th {
background-image: url("../../flag-icon-css/flags/4x3/th.svg");
}
.flag-icon-th.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/th.svg");
}
.flag-icon-tj {
background-image: url("../../flag-icon-css/flags/4x3/tj.svg");
}
.flag-icon-tj.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/tj.svg");
}
.flag-icon-tk {
background-image: url("../../flag-icon-css/flags/4x3/tk.svg");
}
.flag-icon-tk.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/tk.svg");
}
.flag-icon-tl {
background-image: url("../../flag-icon-css/flags/4x3/tl.svg");
}
.flag-icon-tl.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/tl.svg");
}
.flag-icon-tm {
background-image: url("../../flag-icon-css/flags/4x3/tm.svg");
}
.flag-icon-tm.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/tm.svg");
}
.flag-icon-tn {
background-image: url("../../flag-icon-css/flags/4x3/tn.svg");
}
.flag-icon-tn.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/tn.svg");
}
.flag-icon-to {
background-image: url("../../flag-icon-css/flags/4x3/to.svg");
}
.flag-icon-to.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/to.svg");
}
.flag-icon-tr {
background-image: url("../../flag-icon-css/flags/4x3/tr.svg");
}
.flag-icon-tr.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/tr.svg");
}
.flag-icon-tt {
background-image: url("../../flag-icon-css/flags/4x3/tt.svg");
}
.flag-icon-tt.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/tt.svg");
}
.flag-icon-tv {
background-image: url("../../flag-icon-css/flags/4x3/tv.svg");
}
.flag-icon-tv.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/tv.svg");
}
.flag-icon-tw {
background-image: url("../../flag-icon-css/flags/4x3/tw.svg");
}
.flag-icon-tw.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/tw.svg");
}
.flag-icon-tz {
background-image: url("../../flag-icon-css/flags/4x3/tz.svg");
}
.flag-icon-tz.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/tz.svg");
}
.flag-icon-ua {
background-image: url("../../flag-icon-css/flags/4x3/ua.svg");
}
.flag-icon-ua.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/ua.svg");
}
.flag-icon-ug {
background-image: url("../../flag-icon-css/flags/4x3/ug.svg");
}
.flag-icon-ug.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/ug.svg");
}
.flag-icon-um {
background-image: url("../../flag-icon-css/flags/4x3/um.svg");
}
.flag-icon-um.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/um.svg");
}
.flag-icon-us {
background-image: url("../../flag-icon-css/flags/4x3/us.svg");
}
.flag-icon-us.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/us.svg");
}
.flag-icon-uy {
background-image: url("../../flag-icon-css/flags/4x3/uy.svg");
}
.flag-icon-uy.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/uy.svg");
}
.flag-icon-uz {
background-image: url("../../flag-icon-css/flags/4x3/uz.svg");
}
.flag-icon-uz.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/uz.svg");
}
.flag-icon-va {
background-image: url("../../flag-icon-css/flags/4x3/va.svg");
}
.flag-icon-va.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/va.svg");
}
.flag-icon-vc {
background-image: url("../../flag-icon-css/flags/4x3/vc.svg");
}
.flag-icon-vc.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/vc.svg");
}
.flag-icon-ve {
background-image: url("../../flag-icon-css/flags/4x3/ve.svg");
}
.flag-icon-ve.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/ve.svg");
}
.flag-icon-vg {
background-image: url("../../flag-icon-css/flags/4x3/vg.svg");
}
.flag-icon-vg.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/vg.svg");
}
.flag-icon-vi {
background-image: url("../../flag-icon-css/flags/4x3/vi.svg");
}
.flag-icon-vi.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/vi.svg");
}
.flag-icon-vn {
background-image: url("../../flag-icon-css/flags/4x3/vn.svg");
}
.flag-icon-vn.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/vn.svg");
}
.flag-icon-vu {
background-image: url("../../flag-icon-css/flags/4x3/vu.svg");
}
.flag-icon-vu.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/vu.svg");
}
.flag-icon-wf {
background-image: url("../../flag-icon-css/flags/4x3/wf.svg");
}
.flag-icon-wf.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/wf.svg");
}
.flag-icon-ws {
background-image: url("../../flag-icon-css/flags/4x3/ws.svg");
}
.flag-icon-ws.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/ws.svg");
}
.flag-icon-ye {
background-image: url("../../flag-icon-css/flags/4x3/ye.svg");
}
.flag-icon-ye.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/ye.svg");
}
.flag-icon-yt {
background-image: url("../../flag-icon-css/flags/4x3/yt.svg");
}
.flag-icon-yt.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/yt.svg");
}
.flag-icon-za {
background-image: url("../../flag-icon-css/flags/4x3/za.svg");
}
.flag-icon-za.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/za.svg");
}
.flag-icon-zm {
background-image: url("../../flag-icon-css/flags/4x3/zm.svg");
}
.flag-icon-zm.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/zm.svg");
}
.flag-icon-zw {
background-image: url("../../flag-icon-css/flags/4x3/zw.svg");
}
.flag-icon-zw.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/zw.svg");
}
.flag-icon-eu {
background-image: url("../../flag-icon-css/flags/4x3/eu.svg");
}
.flag-icon-eu.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/eu.svg");
}
.flag-icon-gb-eng {
background-image: url("../../flag-icon-css/flags/4x3/gb-eng.svg");
}
.flag-icon-gb-eng.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/gb-eng.svg");
}
.flag-icon-gb-sct {
background-image: url("../../flag-icon-css/flags/4x3/gb-sct.svg");
}
.flag-icon-gb-sct.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/gb-sct.svg");
}
.flag-icon-gb-wls {
background-image: url("../../flag-icon-css/flags/4x3/gb-wls.svg");
}
.flag-icon-gb-wls.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/gb-wls.svg");
}
.flag-icon-un {
background-image: url("../../flag-icon-css/flags/4x3/un.svg");
}
.flag-icon-un.flag-icon-squared {
background-image: url("../../flag-icon-css/flags/1x1/un.svg");
}
/*------------------------------------------------------------------
[Table of contents]
1. Body
2. Navbar / body > .ks-navbar
3. Header / body > .ks-container > .ks-page > .ks-header
4. Content / body > .ks-container > .ks-page > .ks-content
5. Sidebar / body > .ks-container > .ks-sidebar
-------------------------------------------------------------------*/
/* BEGIN CORE STYLES */
html,
body {
height: 100%;
}
.app-root {
display: block;
min-height: 100%;
}
/* Move down content because we have a fixed navbar that is 50px tall */
body {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
min-height: -webkit-min-content;
min-height: -moz-min-content;
min-height: min-content;
overflow-x: hidden;
}
body.ks-content-solid-bg .ks-page-content {
background: rgba(0, 0, 0, 0.04);
}
body.ks-content-solid-bg .ks-page-content .ks-page-content-body > .ks-nav-body-wrapper {
background: #fff;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
margin: 30px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-border-radius: 2px;
border-radius: 2px;
padding: 0 15px;
}
body.ks-content-solid-bg .ks-page-content .ks-page-content-body > .ks-nav-body-wrapper > .container-fluid {
padding: 30px;
margin-left: -15px;
margin-right: -15px;
}
body.ks-page-loading .ks-navbar {
opacity: 0;
}
body.ks-page-loading .ks-page-container {
opacity: 0;
}
body.ks-page-header-fixed .ks-page-header {
position: fixed;
top: 60px;
width: -webkit-calc(100% - 260px);
width: calc(100% - 260px);
z-index: 2;
/* Minimum: 2 */
}
/* DEPRECATED: .ks-container, use .ks-page-container */
.ks-page-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
width: 100%;
min-height: -webkit-min-content;
min-height: -moz-min-content;
min-height: min-content;
height: 100%;
}
.ks-page-container .ks-page {
width: 1px;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.ks-page-header {
background: #fff;
}
.ks-page-header.ks-header-with-addon + .ks-content {
margin-top: 0;
}
.ks-page-header .ks-title {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
width: 100%;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
min-height: 60px;
height: 60px;
padding: 0 30px;
border-bottom: 1px solid #dee0e1;
position: relative;
background: #fff;
}
.ks-page-header .ks-title h3 {
font-weight: normal;
font-size: 18px;
margin: 0;
line-height: 19px;
}
.ks-page-header .ks-title > .ks-controls {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.ks-page-header .ks-title > .ks-controls > .breadcrumb + .btn {
margin-left: 10px;
}
.ks-page-header .ks-title > .ks-controls > .btn + .btn {
margin-left: 10px;
}
.ks-page-header > .ks-title-and-subtitle {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
width: 100%;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
min-height: 60px;
height: 60px;
padding: 0 30px;
border-bottom: 1px solid #dee0e1;
position: relative;
background: #fff;
}
.ks-page-header > .ks-title-and-subtitle .ks-title-block .ks-main-title {
margin: 0;
margin-top: 2px;
font-weight: normal;
font-size: 17px;
line-height: 17px;
}
.ks-page-header > .ks-title-and-subtitle .ks-title-block .ks-sub-title {
margin-top: 3px;
color: #858585;
}
.ks-page-header > .ks-title-and-subtitle .ks-controls {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.ks-page-header > .ks-title-and-subtitle .ks-controls > .breadcrumb + .btn {
margin-left: 10px;
}
.ks-page-header > .ks-title-and-subtitle .ks-controls > .btn + .btn {
margin-left: 10px;
}
.ks-page-header > .ks-addon {
min-height: 60px;
height: 60px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 30px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
border-bottom: 1px solid #dee0e1;
font-weight: normal;
}
.ks-page-header > .ks-addon > .ks-addon-block > .ks-page-header-text {
color: #8998c3;
display: inline-block;
margin-right: 15px;
position: relative;
top: 1px;
}
.ks-page-header > .ks-addon > .ks-addon-block > .ks-page-header-text .ks-icon {
font-size: 16px;
color: #b0bad7;
display: inline-block;
margin-right: 5px;
position: relative;
top: 1px;
}
.ks-page-header > .ks-addon > .ks-addon-actions {
text-align: right;
}
.ks-page-header > .ks-addon > .ks-addon-actions > .btn + .btn {
margin-left: 10px;
}
a.nav-link {
cursor: pointer;
}
.ks-page-content {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1 1 0%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: -webkit-calc(100% + 60px);
height: calc(100% + 60px);
}
.ks-page-content .ks-page-content-body {
margin-top: 60px;
padding-top: 0;
}
.container-normal {
margin-top: 50px;
padding-top: 0;
}
.no-padding-both {
padding-left: 0;
padding-right: 0;
}
.no-padding-right {
padding-right: 0;
}
.fixed-right-column {
height: 100vh;
border-left: 1px solid #dee0e1;
display: block;
}
button {
cursor: pointer;
}
.ks-page-content .ks-page-content-body > .container-fluid,
.ks-page-content .ks-page-content-body > .ks-nav-body-wrapper > .container-fluid {
height: 100%;
padding: 30px !important;
}
.ks-page-content .ks-page-content-body > .container-fluid h4:first-child,
.ks-page-content .ks-page-content-body > .ks-nav-body-wrapper > .container-fluid h4:first-child {
margin-top: 0;
}
.ks-page-content .ks-page-content-body .ks-nav-body-wrapper > .container-fluid {
padding: 0;
}
/* Default scrollbar styles */
.jspScrollable
.jspVerticalBar {
opacity: 0;
-webkit-transition: opacity .2s ease-in;
transition: opacity .2s ease-in;
}
.jspScrollable:hover
.jspVerticalBar {
opacity: 1;
}
.jspScrollable {
outline: none;
}
.jspDrag {
background: #d1d1d1;
-webkit-border-radius: 0;
border-radius: 0;
}
.dropdown-toggle::after {
display: block;
content: "\f110";
border: none;
font-family: "LineAwesome";
font-size: 11px;
height: 12px;
width: 10px;
margin-left: 11px;
padding: 0;
margin-right: 0;
position: relative;
top: 1px;
float: right;
-webkit-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
/* Animate dropdown arrow */
}
.open > .dropdown-toggle::after,
.show > .dropdown-toggle::after {
margin-top: 3px;
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.btn-group .dropdown-menu.ks-dropdown-menu-icons {
min-width: 208px;
}
.btn-group .dropdown-menu.ks-dropdown-menu-icons .dropdown-divider {
display: block;
margin: 0;
}
.btn-group .dropdown-menu.ks-dropdown-menu-icons .dropdown-item {
position: relative;
border-bottom: none;
color: #333;
font-weight: normal;
padding-left: 25px;
}
.btn-group .dropdown-menu.ks-dropdown-menu-icons .dropdown-item span {
font-size: 18px;
color: #0052cc;
display: inline-block;
width: 16px;
margin-right: 12px;
position: relative;
top: 2px;
}
.btn-group .dropdown-menu.ks-dropdown-menu-icons .dropdown-item:hover {
background-color: rgba(57, 81, 155, 0.05);
}
.btn-group .dropdown-menu.ks-dropdown-menu-sortable {
min-width: 208px;
}
.btn-group .dropdown-menu.ks-dropdown-menu-sortable .dropdown-divider {
display: block;
margin: 0;
}
.btn-group .dropdown-menu.ks-dropdown-menu-sortable .dropdown-item {
position: relative;
border-bottom: none;
color: #333;
font-weight: normal;
padding-left: 25px;
}
.btn-group .dropdown-menu.ks-dropdown-menu-sortable .dropdown-item.dropdown-item-checked ::after {
font-family: "LineAwesome";
content: "\f17b";
font-size: 14px;
color: #0052cc;
position: absolute;
right: 12px;
top: 9px;
}
.btn-group .dropdown-menu.ks-dropdown-menu-sortable .dropdown-item:hover {
background-color: rgba(57, 81, 155, 0.05);
}
.btn-group .dropdown-menu.ks-dropdown-menu-sortable .dropdown-item input {
display: none;
}
.btn-group .dropdown-menu.ks-dropdown-menu-sortable .dropdown-item span.ks-sort-by-text {
color: rgba(74, 104, 171, 0.8);
}
.ks-editor .ks-editor-body .form-control {
-webkit-border-bottom-left-radius: 0;
border-bottom-left-radius: 0;
-webkit-border-bottom-right-radius: 0;
border-bottom-right-radius: 0;
resize: none;
min-height: 77px;
}
.ks-editor .ks-editor-footer {
background-color: rgba(57, 81, 155, 0.05);
border: 1px solid #c4cbe1;
border-top: none;
-webkit-border-bottom-left-radius: 2px;
border-bottom-left-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
border-bottom-right-radius: 2px;
padding: 10px 15px;
}
.ks-editor .ks-editor-footer:after {
content: "";
display: table;
clear: both;
}
.ks-editor .ks-editor-footer > .ks-controls .btn {
margin-right: 10px;
}
.ks-editor .ks-editor-footer > .ks-controls .btn:last-child {
margin-right: 0;
}
.ks-editor .ks-editor-footer > .ks-controls .btn .ks-icon {
padding: 11px 13px;
}
.loadingoverlay .loadingoverlay_fontawesome {
font-size: 30px;
}
.loadingoverlay > div {
color: #858585;
}
.dropdown.open .btn-link {
color: #0052cc;
}
.dropdown .dropdown-menu {
font-size: 12px;
padding: 0;
border: solid 1px #c4cbe1;
margin: 4px 0;
-webkit-border-radius: 2px;
border-radius: 2px;
overflow: hidden;
}
.dropdown .dropdown-menu .dropdown-item {
color: #474747;
padding: 10px 15px;
margin: 0;
border-bottom: 1px solid #c4cbe1;
}
.dropdown .dropdown-menu .dropdown-item:hover {
background-color: #ebeef5;
color: #333333;
}
.dropdown .dropdown-menu .dropdown-item:last-child {
border-bottom: none;
}
.dropdown .dropdown-menu .dropdown-item .ks-icon {
font-size: 16px;
display: inline-block;
margin-right: 4px;
}
.dropdown .dropdown-menu .dropdown-divider {
display: none;
}
.dropdown .dropdown-menu.ks-simple {
min-width: 208px;
}
.dropdown .dropdown-menu.ks-simple .dropdown-item {
position: relative;
border-bottom: none;
color: #0052cc;
font-weight: normal;
padding-left: 25px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 38px;
}
.dropdown .dropdown-menu.ks-simple .dropdown-item > .ks-icon {
font-size: 16px;
line-height: 16px;
margin-right: 12px;
position: relative;
top: -1px;
width: 16px;
height: 16px;
}
.dropdown .dropdown-menu.ks-simple .dropdown-item > .ks-text {
line-height: 13px;
}
.btn {
padding: 5px 15px;
height: 30px;
}
.btn[data-block-toggle] {
position: fixed;
right: -999999px;
}
[data-block-toggle] {
position: fixed;
right: -999999px;
}
@media screen and (max-width: 1200px) {
.ks-page-header .ks-title {
padding-left: 20px;
padding-right: 20px;
}
}
@media screen and (max-width: 850px) {
.ks-title .ks-controls .breadcrumb {
display: none;
}
.btn.ks-header-addon-block-toggle {
position: static;
}
.ks-page-header > .ks-addon {
background: #fff;
position: fixed;
top: -99999px;
height: auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding: 20px 30px;
width: 100%;
}
.ks-page-header > .ks-addon > .ks-addon-block.btn-group > .btn {
padding: 0 18px;
}
.ks-page-header > .ks-addon > .ks-addon-block + .ks-addon-block {
margin-top: 15px;
}
.ks-page-header > .ks-addon.ks-open {
top: 120px;
}
.ks-page-header.ks-header-with-addon + .ks-content > .ks-body {
padding-top: 0;
}
}
@media screen and (max-width: 500px) {
.ks-page-header > .ks-addon > .ks-addon-block > .ks-page-header-text {
text-align: center;
}
.ks-page-header > .ks-addon > .ks-addon-block.btn-group > .btn {
padding: 0 18px;
}
.ks-page-header > .ks-addon > .ks-addon-block.ks-addon-actions {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.ks-page-header > .ks-addon > .ks-addon-block.ks-addon-actions .btn {
margin: 0;
margin-top: 10px;
}
.ks-page-content .ks-page-content-body {
padding-left: 0;
padding-right: 0;
}
}
/* Header width if sidebar is compact */
body.ks-sidebar-compact .ks-page-header {
width: -webkit-calc(100% - 71px);
width: calc(100% - 71px);
}
body.ks-sidebar-none .ks-page-header {
width: 100%;
}
body.ks-sidebar-compact:not(.ks-sidebar-default):not(.ks-sidebar-sections) .ks-navbar .navbar-brand,
body.ks-sidebar-empty .ks-navbar .navbar-brand,
body.ks-sidebar-none .ks-navbar .navbar-brand {
width: auto;
}
.hide-before-load {
display: none;
}
body.ks-sidebar-compact:not(.ks-sidebar-default):not(.ks-sidebar-sections) .ks-navbar .navbar-brand .ks-sidebar-toggle,
body.ks-sidebar-compact:not(.ks-sidebar-default):not(.ks-sidebar-sections) .ks-navbar .navbar-brand .ks-sidebar-mobile-toggle,
body.ks-sidebar-empty .ks-navbar .navbar-brand .ks-sidebar-toggle,
body.ks-sidebar-empty .ks-navbar .navbar-brand .ks-sidebar-mobile-toggle,
body.ks-sidebar-none .ks-navbar .navbar-brand .ks-sidebar-toggle,
body.ks-sidebar-none .ks-navbar .navbar-brand .ks-sidebar-mobile-toggle {
display: none;
}
body.ks-sidebar-iconbar .ks-navbar .navbar-brand .ks-sidebar-toggle {
display: none;
}
body.ks-sidebar-iconbar .ks-page-header {
width: -webkit-calc(100% - 129px);
width: calc(100% - 129px);
}
body.ks-sidebar-iconbar_compact .ks-navbar .navbar-brand .ks-sidebar-toggle {
display: none;
}
body.ks-sidebar-iconbar_compact .ks-page-header {
width: -webkit-calc(100% - 149px);
width: calc(100% - 149px);
}
body.ks-sidebar-collapsed .ks-page-header,
body.ks-sidebar-empty .ks-page-header {
width: 100%;
}
body.ks-sidebar-empty .ks-page-header {
top: 110px;
}
/* END CORE STYLES */
/* BEGIN INTERFACE STYLES */
.ks-content-nav {
width: 100%;
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
-js-display: flex !important;
display: flex !important;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
height: 100%;
background: #fff;
}
.ks-content-nav > .ks-nav {
width: 300px;
min-width: 300px;
background: #fff;
padding-top: 10px;
}
.ks-content-nav > .ks-nav.ks-fixed {
height: 100%;
position: fixed;
top: 120px;
}
.ks-content-nav > .ks-nav.ks-fixed + .ks-nav-body {
margin-left: 300px;
}
.ks-content-nav > .ks-nav > .nav {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.ks-content-nav > .ks-nav .ks-separator {
font-size: 11px;
color: #858585;
margin: 20px 30px 15px;
text-transform: uppercase;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.ks-content-nav > .ks-nav .ks-scroll-wrapper > .nav {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.no-margin {
margin: 0 !important;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
/* display: none; <- Crashes Chrome on hover */
-webkit-appearance: none;
margin: 0;
/* <-- Apparently some margin are still there even though it's hidden */
}
input[type='number'] {
-moz-appearance: textfield;
}
.bootstrap-touchspin button.btn {
padding: 10px 10px;
font-size: 16px;
}
.boolean-group {
padding: 9px;
border: solid 1px #dedede;
border-radius: .15rem;
}
.form-group label {
margin-top: 5px;
font-size: 13px;
font-weight: 300;
margin-bottom: 0px;
color: rgb(160, 162, 165);
}
.ks-content-nav > .ks-nav-body {
background: #fff;
border-left: 1px solid #dee0e1;
width: 1px;
padding: 30px;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
min-height: 100%;
}
.ks-content-nav > .ks-nav-body > h1:first-of-type,
.ks-content-nav > .ks-nav-body > h2:first-of-type,
.ks-content-nav > .ks-nav-body > h3:first-of-type,
.ks-content-nav > .ks-nav-body > h4:first-of-type,
.ks-content-nav > .ks-nav-body > h5:first-of-type,
.ks-content-nav > .ks-nav-body > h6:first-of-type {
margin-top: 0;
}
.ks-nav > .nav,
.ks-nav .ks-scroll-wrapper > .nav {
list-style: none;
margin: 0;
padding: 0;
}
.ks-nav > .nav .nav-item,
.ks-nav .ks-scroll-wrapper > .nav .nav-item {
display: block;
}
.ks-nav > .nav .nav-item .nav-link,
.ks-nav > .nav .nav-item.dropdown .dropdown-menu .dropdown-item,
.ks-nav .ks-scroll-wrapper > .nav .nav-item .nav-link,
.ks-nav .ks-scroll-wrapper > .nav .nav-item.dropdown .dropdown-menu .dropdown-item {
display: block;
padding: 11px 30px;
font-size: 13px;
color: #333;
position: relative;
font-weight: normal;
}
.ks-nav > .nav .nav-item .nav-link:not(.disabled):not(.active):hover,
.ks-nav > .nav .nav-item.dropdown .dropdown-menu .dropdown-item:not(.disabled):not(.active):hover,
.ks-nav .ks-scroll-wrapper > .nav .nav-item .nav-link:not(.disabled):not(.active):hover,
.ks-nav .ks-scroll-wrapper > .nav .nav-item.dropdown .dropdown-menu .dropdown-item:not(.disabled):not(.active):hover {
text-decoration: none;
background-color: rgba(57, 81, 155, 0.06);
}
.ks-nav > .nav .nav-item .nav-link.disabled,
.ks-nav > .nav .nav-item.dropdown .dropdown-menu .dropdown-item.disabled,
.ks-nav .ks-scroll-wrapper > .nav .nav-item .nav-link.disabled,
.ks-nav .ks-scroll-wrapper > .nav .nav-item.dropdown .dropdown-menu .dropdown-item.disabled {
color: #858585;
}
.ks-nav > .nav .nav-item .nav-link,
.ks-nav .ks-scroll-wrapper > .nav .nav-item .nav-link {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.ks-nav > .nav .nav-item .nav-link .custom-control,
.ks-nav .ks-scroll-wrapper > .nav .nav-item .nav-link .custom-control {
margin: 0;
}
.ks-nav > .nav .nav-item.dropdown,
.ks-nav > .nav .nav-item.show,
.ks-nav .ks-scroll-wrapper > .nav .nav-item.dropdown,
.ks-nav .ks-scroll-wrapper > .nav .nav-item.show {
position: static;
}
.ks-nav > .nav .nav-item.dropdown .dropdown-toggle,
.ks-nav > .nav .nav-item.show .dropdown-toggle,
.ks-nav .ks-scroll-wrapper > .nav .nav-item.dropdown .dropdown-toggle,
.ks-nav .ks-scroll-wrapper > .nav .nav-item.show .dropdown-toggle {
padding-right: 35px;
}
.ks-nav > .nav .nav-item.dropdown .dropdown-toggle:after,
.ks-nav > .nav .nav-item.show .dropdown-toggle:after,
.ks-nav .ks-scroll-wrapper > .nav .nav-item.dropdown .dropdown-toggle:after,
.ks-nav .ks-scroll-wrapper > .nav .nav-item.show .dropdown-toggle:after {
color: rgba(58, 82, 155, 0.5);
position: absolute;
right: 15px;
top: -webkit-calc(50% - 7px);
top: calc(50% - 7px);
}
.ks-nav > .nav .nav-item.dropdown.show > .nav-link,
.ks-nav > .nav .nav-item.dropdown.active > .nav-link,
.ks-nav > .nav .nav-item.show.show > .nav-link,
.ks-nav > .nav .nav-item.show.active > .nav-link,
.ks-nav .ks-scroll-wrapper > .nav .nav-item.dropdown.show > .nav-link,
.ks-nav .ks-scroll-wrapper > .nav .nav-item.dropdown.active > .nav-link,
.ks-nav .ks-scroll-wrapper > .nav .nav-item.show.show > .nav-link,
.ks-nav .ks-scroll-wrapper > .nav .nav-item.show.active > .nav-link {
background-color: #ebeef5;
}
.ks-nav > .nav .nav-item.dropdown.show > .nav-link:hover,
.ks-nav > .nav .nav-item.dropdown.active > .nav-link:hover,
.ks-nav > .nav .nav-item.show.show > .nav-link:hover,
.ks-nav > .nav .nav-item.show.active > .nav-link:hover,
.ks-nav .ks-scroll-wrapper > .nav .nav-item.dropdown.show > .nav-link:hover,
.ks-nav .ks-scroll-wrapper > .nav .nav-item.dropdown.active > .nav-link:hover,
.ks-nav .ks-scroll-wrapper > .nav .nav-item.show.show > .nav-link:hover,
.ks-nav .ks-scroll-wrapper > .nav .nav-item.show.active > .nav-link:hover {
background-color: #ebeef5;
}
.ks-nav > .nav .nav-item.dropdown.show > .nav-link::before,
.ks-nav > .nav .nav-item.dropdown.active > .nav-link::before,
.ks-nav > .nav .nav-item.show.show > .nav-link::before,
.ks-nav > .nav .nav-item.show.active > .nav-link::before,
.ks-nav .ks-scroll-wrapper > .nav .nav-item.dropdown.show > .nav-link::before,
.ks-nav .ks-scroll-wrapper > .nav .nav-item.dropdown.active > .nav-link::before,
.ks-nav .ks-scroll-wrapper > .nav .nav-item.show.show > .nav-link::before,
.ks-nav .ks-scroll-wrapper > .nav .nav-item.show.active > .nav-link::before {
position: absolute;
top: 0;
left: 0;
content: "";
width: 4px;
height: 100%;
background: rgba(57, 81, 155, 0.1);
}
.ks-nav > .nav .nav-item.dropdown.show .dropdown-menu,
.ks-nav > .nav .nav-item.dropdown.active .dropdown-menu,
.ks-nav > .nav .nav-item.show.show .dropdown-menu,
.ks-nav > .nav .nav-item.show.active .dropdown-menu,
.ks-nav .ks-scroll-wrapper > .nav .nav-item.dropdown.show .dropdown-menu,
.ks-nav .ks-scroll-wrapper > .nav .nav-item.dropdown.active .dropdown-menu,
.ks-nav .ks-scroll-wrapper > .nav .nav-item.show.show .dropdown-menu,
.ks-nav .ks-scroll-wrapper > .nav .nav-item.show.active .dropdown-menu {
position: static;
float: none;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
margin: 0;
}
.ks-nav > .nav .nav-item.dropdown.show .dropdown-menu .dropdown-item,
.ks-nav > .nav .nav-item.dropdown.active .dropdown-menu .dropdown-item,
.ks-nav > .nav .nav-item.show.show .dropdown-menu .dropdown-item,
.ks-nav > .nav .nav-item.show.active .dropdown-menu .dropdown-item,
.ks-nav .ks-scroll-wrapper > .nav .nav-item.dropdown.show .dropdown-menu .dropdown-item,
.ks-nav .ks-scroll-wrapper > .nav .nav-item.dropdown.active .dropdown-menu .dropdown-item,
.ks-nav .ks-scroll-wrapper > .nav .nav-item.show.show .dropdown-menu .dropdown-item,
.ks-nav .ks-scroll-wrapper > .nav .nav-item.show.active .dropdown-menu .dropdown-item {
height: auto;
min-height: 0;
padding-left: 50px;
border: none;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.ks-nav > .nav .nav-item.dropdown.show .dropdown-menu .dropdown-item.active,
.ks-nav > .nav .nav-item.dropdown.active .dropdown-menu .dropdown-item.active,
.ks-nav > .nav .nav-item.show.show .dropdown-menu .dropdown-item.active,
.ks-nav > .nav .nav-item.show.active .dropdown-menu .dropdown-item.active,
.ks-nav .ks-scroll-wrapper > .nav .nav-item.dropdown.show .dropdown-menu .dropdown-item.active,
.ks-nav .ks-scroll-wrapper > .nav .nav-item.dropdown.active .dropdown-menu .dropdown-item.active,
.ks-nav .ks-scroll-wrapper > .nav .nav-item.show.show .dropdown-menu .dropdown-item.active,
.ks-nav .ks-scroll-wrapper > .nav .nav-item.show.active .dropdown-menu .dropdown-item.active {
background-color: rgba(57, 81, 155, 0.06);
}
.ks-nav > .nav .nav-item.dropdown.show .dropdown-menu .dropdown-item.active:before,
.ks-nav > .nav .nav-item.dropdown.active .dropdown-menu .dropdown-item.active:before,
.ks-nav > .nav .nav-item.show.show .dropdown-menu .dropdown-item.active:before,
.ks-nav > .nav .nav-item.show.active .dropdown-menu .dropdown-item.active:before,
.ks-nav .ks-scroll-wrapper > .nav .nav-item.dropdown.show .dropdown-menu .dropdown-item.active:before,
.ks-nav .ks-scroll-wrapper > .nav .nav-item.dropdown.active .dropdown-menu .dropdown-item.active:before,
.ks-nav .ks-scroll-wrapper > .nav .nav-item.show.show .dropdown-menu .dropdown-item.active:before,
.ks-nav .ks-scroll-wrapper > .nav .nav-item.show.active .dropdown-menu .dropdown-item.active:before {
display: none;
}
.ks-menu {
background: #fff;
}
.ks-menu > .nav {
-webkit-border-radius: 2px;
border-radius: 2px;
border: 1px solid rgba(57, 80, 155, 0.2);
}
.ks-menu > .nav.nav-stacked {
width: 263px;
margin-right: 30px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.ks-menu > .nav > .nav-item {
cursor: pointer;
margin: 0;
}
.ks-menu > .nav > .nav-item > .nav-link {
color: #333;
}
.ks-menu > .nav > .nav-item > .nav-link.active {
background: #fff;
}
.ks-menu > .nav > .nav-item > .nav-link.active::before,
.ks-menu > .nav > .nav-item > .nav-link.active:hover::before {
content: '';
position: absolute;
bottom: -1px;
left: -1px;
top: -1px;
width: 4px;
display: block;
background: #42a5f5;
z-index: 1;
}
.ks-menu > .nav > .nav-item > .nav-link.active:hover {
color: #333;
}
.ks-menu > .nav > .nav-item > .nav-link:hover::before {
content: '';
position: absolute;
bottom: -1px;
left: -1px;
top: -1px;
width: 4px;
display: block;
z-index: 1;
background: #d3edfc;
}
.ks-menu > .nav > .nav-item:first-child > .nav-link:before {
-webkit-border-top-left-radius: 2px;
border-top-left-radius: 2px;
}
.ks-menu > .nav > .nav-item:last-child > .nav-link:before {
-webkit-border-bottom-left-radius: 2px;
border-bottom-left-radius: 2px;
}
.ks-avatar {
position: relative;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.ks-avatar > img {
-webkit-border-radius: 50%;
border-radius: 50%;
}
.ks-online:after,
.ks-offline:after {
content: '';
width: 11px;
height: 11px;
border: solid 2px #ffffff;
position: absolute;
top: -1px;
right: -1px;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.ks-online:after {
background-color: #4caf50;
}
.ks-offline:after {
background-color: #ccc;
}
table {
border-spacing: 0;
}
.ks-editor > .form-control {
resize: none;
height: 80px;
-webkit-border-bottom-left-radius: 0;
border-bottom-left-radius: 0;
-webkit-border-bottom-right-radius: 0;
border-bottom-right-radius: 0;
}
.ks-editor > .ks-actions {
height: 55px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 0 15px;
border: solid 1px rgba(57, 81, 155, 0.3);
border-top: none;
-webkit-border-top-left-radius: 0;
border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
border-top-right-radius: 0;
}
.ks-editor > .ks-actions > .btn {
margin-right: 10px;
}
.ks-editor > .ks-actions > .btn:last-child {
margin-right: 0;
}
.ks-mobile-overlay.ks-open {
display: block;
position: fixed;
left: 0;
top: 60px;
width: 100%;
height: 100%;
z-index: 3;
/* Important minimum 3 */
background: rgba(0, 0, 0, 0.3);
-webkit-transition: background .2s ease;
transition: background .2s ease;
}
.ks-navigation {
background: #fff;
}
.ks-navigation.ks-browse {
background: #fff;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
width: 249px;
min-width: 249px;
border-right: 1px solid rgba(57, 81, 155, 0.2);
}
.ks-navigation.ks-browse .ks-wrapper {
height: 100%;
}
.ks-navigation.ks-browse .ks-wrapper > .ks-separator {
font-size: 11px;
color: rgba(51, 51, 51, 0.6);
margin: 0 30px 15px 30px;
text-transform: uppercase;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.ks-navigation.ks-browse .ks-wrapper > .ks-separator:first-child {
padding-top: 25px;
}
.ks-navigation.ks-browse .ks-wrapper > .ks-separator > .ks-add > .ks-control {
width: 15px;
height: 15px;
-webkit-border-radius: 12px;
border-radius: 12px;
line-height: 14px;
}
.ks-navigation.ks-browse .ks-wrapper > .ks-separator > .ks-add > .ks-control > .ks-icon {
font-size: 14px;
line-height: 14px;
}
.ks-navigation.ks-browse .ks-wrapper > .ks-menu {
list-style: none;
margin: 0;
padding: 0;
margin-bottom: 35px;
}
.ks-navigation.ks-browse .ks-wrapper > .ks-menu .ks-menu-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 11px 30px;
font-size: 13px;
color: #333;
position: relative;
}
.ks-navigation.ks-browse .ks-wrapper > .ks-menu .ks-menu-item:hover {
text-decoration: none;
background-color: rgba(57, 81, 155, 0.06);
}
.ks-navigation.ks-browse .ks-wrapper > .ks-menu .ks-menu-item > .ks-text > .ks-icon {
color: #0052cc;
font-size: 20px;
display: inline-block;
margin-right: 15px;
position: relative;
top: 2px;
}
.ks-navigation.ks-browse .ks-wrapper > .ks-menu .ks-menu-item.ks-active {
background: #ebeef5;
}
.ks-navigation.ks-browse .ks-wrapper > .ks-menu .ks-menu-item.ks-active > .ks-text {
color: #333333;
font-weight: 500;
}
.ks-navigation.ks-browse .ks-wrapper > .ks-menu .ks-menu-item.ks-active::before {
content: '';
width: 4px;
height: 100%;
background: #d7dceb;
display: block;
position: absolute;
top: 0;
left: 0;
}
.ks-navigation.ks-browse .ks-wrapper > .ks-menu .ks-menu-item > .badge-pill {
margin: 0;
padding: 0 6px;
-webkit-border-radius: 8px;
border-radius: 8px;
min-height: 18px;
line-height: 10px;
text-align: center;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.ks-navigation.ks-browse .ks-wrapper > .ks-menu .ks-menu-item > .ks-circle {
margin: 0;
}
.ks-navigation.ks-browse .ks-wrapper > .ks-menu .ks-menu-item > .ks-circle:before {
margin: 0;
}
.ks-navigation.ks-browse .ks-wrapper > .ks-menu .ks-label-create {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-top: 1px solid rgba(57, 81, 155, 0.2);
border-bottom: 1px solid rgba(57, 81, 155, 0.2);
padding: 0 30px;
height: 38px;
}
.ks-navigation.ks-browse .ks-wrapper > .ks-menu .ks-label-create > .form-control {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
border: none;
height: 36px;
line-height: 36px;
padding: 0;
}
.ks-navigation.ks-browse .ks-wrapper > .ks-menu .ks-label-create > .ks-label-picker > .badge {
border: 1px solid rgba(57, 81, 155, 0.2);
padding: 3px 5px 5px 5px;
-webkit-border-radius: 2px;
border-radius: 2px;
cursor: pointer;
}
.ks-navigation.ks-browse .ks-wrapper > .ks-menu .ks-label-create > .ks-label-picker > .badge:before {
margin: 0;
}
.ks-navigation.ks-browse .ks-wrapper > .ks-menu .ks-label-create > .ks-label-picker.open > .dropdown-menu {
width: 200px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
padding: 20px 20px 10px 20px;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.ks-comments-section {
padding: 30px;
margin-bottom: 30px;
-webkit-border-top-left-radius: 0;
border-top-left-radius: 0;
position: relative;
}
.ks-comments-section:before {
left: -1px;
top: -12px;
display: block;
content: '';
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 12px 0 0 14px;
border-color: transparent transparent transparent #c4cbe1;
}
.ks-comments-section:after {
left: 0;
top: -10px;
display: block;
content: '';
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 11px 0 0 13px;
border-color: transparent transparent transparent #fff;
}
.ks-comments-section.ks-no-arrow::before,
.ks-comments-section.ks-no-arrow::after {
display: none;
}
.ks-comments-section > .ks-comment {
margin-bottom: 15px;
}
.ks-comments-section > .ks-comment:last-child {
margin-bottom: 0;
}
.ks-comments-section > .ks-comment > .ks-body {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
}
.ks-comments-section > .ks-comment > .ks-body > .ks-avatar {
margin-right: 12px;
width: 36px;
height: 36px;
}
.ks-comments-section > .ks-comment > .ks-body > .ks-comment-box {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.ks-comments-section > .ks-comment > .ks-body > .ks-comment-box > .ks-name {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 3px;
}
.ks-comments-section > .ks-comment > .ks-body > .ks-comment-box > .ks-name > a {
color: #333;
font-size: 13px;
font-weight: 500;
}
.ks-comments-section > .ks-comment > .ks-body > .ks-comment-box > .ks-name > .ks-time {
font-size: 10px;
text-transform: uppercase;
color: #858585;
}
.ks-comments-section > .ks-comment > .ks-body > .ks-comment-box > .ks-message {
font-size: 12px;
margin-bottom: 3px;
}
.ks-comments-section > .ks-comment > .ks-body > .ks-comment-box > .ks-message > .ks-reply-to {
color: #333;
font-weight: 500;
}
.ks-comments-section > .ks-comment > .ks-body > .ks-comment-box > .ks-controls > .ks-control {
color: #42a5f5;
font-size: 12px;
display: inline-block;
margin-right: 10px;
}
.ks-comments-section > .ks-comment > .ks-body > .ks-comment-box > .ks-controls > .ks-control:last-child {
margin-right: 0;
}
.ks-comments-section > .ks-comment > .ks-replies {
margin-left: 48px;
margin-top: 15px;
}
.ks-comments-section > .ks-comment > .ks-replies > .ks-reply {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
margin-bottom: 15px;
}
.ks-comments-section > .ks-comment > .ks-replies > .ks-reply:last-child {
margin-bottom: 0;
}
.ks-comments-section > .ks-comment > .ks-replies > .ks-reply > .ks-avatar {
margin-right: 12px;
width: 36px;
height: 36px;
}
.ks-comments-section > .ks-comment > .ks-replies > .ks-reply > .ks-reply-box {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.ks-comments-section > .ks-comment > .ks-replies > .ks-reply > .ks-reply-box > .ks-name {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 3px;
}
.ks-comments-section > .ks-comment > .ks-replies > .ks-reply > .ks-reply-box > .ks-name > a {
color: #333;
font-size: 13px;
font-weight: 500;
}
.ks-comments-section > .ks-comment > .ks-replies > .ks-reply > .ks-reply-box > .ks-name > .ks-time {
font-size: 10px;
text-transform: uppercase;
color: #858585;
}
.ks-comments-section > .ks-comment > .ks-replies > .ks-reply > .ks-reply-box > .ks-message {
font-size: 12px;
margin-bottom: 3px;
}
.ks-comments-section > .ks-comment > .ks-replies > .ks-reply > .ks-reply-box > .ks-message > .ks-reply-to {
color: #333;
font-weight: 500;
}
.ks-comments-section > .ks-comment > .ks-replies > .ks-reply > .ks-reply-box > .ks-controls > .ks-control {
color: #42a5f5;
font-size: 12px;
display: inline-block;
margin-right: 10px;
}
.ks-comments-section > .ks-comment > .ks-replies > .ks-reply > .ks-reply-box > .ks-controls > .ks-control:last-child {
margin-right: 0;
}
.ks-comments-section > .ks-new-comment > .form-control {
resize: none;
}
.ks-collapse-block {
margin-bottom: 20px;
}
.ks-collapse-block > .dropdown {
display: block;
margin-bottom: 20px;
}
.ks-collapse-block > .dropdown > .dropdown-toggle {
font-weight: 500;
cursor: pointer;
display: block;
}
.ks-settings-slide-block {
position: fixed;
top: 60px;
right: -295px;
width: 295px;
height: 100%;
background: #fff;
border-left: solid 1px rgba(57, 81, 155, 0.2);
z-index: 2;
/* Minimum 2 */
-webkit-transition: right .4s ease;
transition: right .4s ease;
padding: 30px;
}
.ks-settings-slide-block.ks-open {
right: 0;
}
.ks-settings-slide-block > .ks-settings-slide-control {
cursor: pointer;
position: absolute;
font-size: 21px;
padding: 8px 10px;
top: 30%;
background: #fff;
border: solid 1px rgba(57, 81, 155, 0.2);
-webkit-border-top-left-radius: 2px;
border-top-left-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
border-bottom-left-radius: 2px;
left: -42px;
border-right: none;
}
.ks-settings-slide-block > .ks-settings-slide-control > .ks-icon {
color: #333;
}
.ks-settings-slide-block > .ks-header {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.ks-settings-slide-block > .ks-header > .ks-text {
font-size: 14px;
font-weight: 500;
}
.ks-settings-slide-block > .ks-header > .ks-settings-slide-close-control {
cursor: pointer;
}
.ks-settings-slide-block > .ks-header > .ks-settings-slide-close-control > .ks-icon {
position: relative;
top: 2px;
font-size: 18px;
color: rgba(58, 82, 155, 0.6);
}
.ks-settings-slide-block > .ks-header > .ks-settings-slide-close-control > .ks-icon:hover {
color: rgba(58, 82, 155, 0.8);
}
.ks-settings-slide-block > .ks-themes-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 20px;
}
.ks-settings-slide-block > .ks-themes-list > .ks-theme {
width: 36px;
height: 36px;
-webkit-border-radius: 2px;
border-radius: 2px;
margin-top: 10px;
position: relative;
margin-right: 10px;
}
.ks-settings-slide-block > .ks-themes-list > .ks-theme.ks-active {
text-align: center;
}
.ks-settings-slide-block > .ks-themes-list > .ks-theme.ks-active::before {
display: inline-block;
content: "\f17b";
font-family: "LineAwesome";
font-size: 18px;
color: #fff;
position: relative;
top: -3px;
padding-top: 9px;
}
.ks-settings-slide-block > .ks-themes-list > .ks-theme::after {
content: '';
position: absolute;
bottom: 4px;
right: 4px;
width: 7px;
height: 7px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.ks-settings-slide-block > .ks-themes-list > .ks-theme.ks-primary {
background: #0052cc;
}
.ks-settings-slide-block > .ks-themes-list > .ks-theme.ks-primary::after {
background: #42a5f5;
}
.ks-settings-slide-block > .ks-themes-list > .ks-theme.ks-dark-primary {
background: #2a3356;
}
.ks-settings-slide-block > .ks-themes-list > .ks-theme.ks-dark-primary::after {
background: #f35b25;
}
.ks-settings-slide-block > .ks-themes-list > .ks-theme.ks-info {
background: #42a5f5;
}
.ks-settings-slide-block > .ks-themes-list > .ks-theme.ks-info::after {
background: #0052cc;
}
.ks-settings-slide-block > .ks-themes-list > .ks-theme.ks-blink-pink-san-marino {
background: #f85f73;
}
.ks-settings-slide-block > .ks-themes-list > .ks-theme.ks-blink-pink-san-marino::after {
background: #4159b8;
}
.ks-settings-slide-block > .ks-themes-list > .ks-theme.ks-bermuda-gray-malachite {
background: #718ca1;
}
.ks-settings-slide-block > .ks-themes-list > .ks-theme.ks-bermuda-gray-malachite::after {
background: #1ec318;
}
.ks-settings-slide-block > .ks-themes-list > .ks-theme.ks-royal-blue-orchid {
background: #6251da;
}
.ks-settings-slide-block > .ks-themes-list > .ks-theme.ks-royal-blue-orchid::after {
background: #d149d0;
}
.ks-settings-slide-block > .ks-themes-list > .ks-theme.ks-ebony-clay-cerise-red {
background: #222831;
}
.ks-settings-slide-block > .ks-themes-list > .ks-theme.ks-ebony-clay-cerise-red::after {
background: #e23e57;
}
.ks-settings-slide-block > .ks-themes-list > .ks-theme.ks-international-klein-blue-dixie {
background: #0139b0;
}
.ks-settings-slide-block > .ks-themes-list > .ks-theme.ks-international-klein-blue-dixie::after {
background: #e69616;
}
.ks-settings-slide-block > .ks-themes-list > .ks-theme.ks-jungle-green-chambray {
background: #27ae61;
}
.ks-settings-slide-block > .ks-themes-list > .ks-theme.ks-jungle-green-chambray::after {
background: #0052cc;
}
.ks-settings-slide-block > .ks-themes-list > .ks-theme.ks-voodoo-medium-purple {
background: #4a304d;
}
.ks-settings-slide-block > .ks-themes-list > .ks-theme.ks-voodoo-medium-purple::after {
background: #9043d8;
}
.ks-settings-slide-block > .ks-themes-list > .ks-theme.ks-cornflower-blue-ecstasy {
background: #4c6ef5;
}
.ks-settings-slide-block > .ks-themes-list > .ks-theme.ks-cornflower-blue-ecstasy::after {
background: #fd7e14;
}
.ks-settings-slide-block > .ks-themes-list > .ks-theme.ks-purple-mandy {
background: #7950f2;
}
.ks-settings-slide-block > .ks-themes-list > .ks-theme.ks-purple-mandy::after {
background: #e64980;
}
.ks-settings-slide-block > .ks-themes-list > .ks-theme.ks-oslo-gray-royal-blue {
background: #868e96;
}
.ks-settings-slide-block > .ks-themes-list > .ks-theme.ks-oslo-gray-royal-blue::after {
background: #4160de;
}
.ks-settings-slide-block > .ks-themes-list > .ks-theme.ks-astronaut-blue-persian-green {
background: #00405d;
}
.ks-settings-slide-block > .ks-themes-list > .ks-theme.ks-astronaut-blue-persian-green::after {
background: #02a388;
}
.ks-settings-slide-block > .ks-themes-list > .ks-theme.ks-old-brick {
background: #911f27;
}
.ks-settings-slide-block > .ks-themes-list > .ks-theme.ks-old-brick::after {
background: #630a10;
}
.ks-settings-slide-block > .ks-themes-list > .ks-theme.ks-old-brick {
background: #911f27;
}
.ks-settings-slide-block > .ks-themes-list > .ks-theme.ks-old-brick::after {
background: #630a10;
}
.ks-settings-slide-block > .ks-themes-list > .ks-theme.ks-white {
background: #fff;
border: 1px solid #dee0e1;
}
.ks-settings-slide-block > .ks-themes-list > .ks-theme.ks-white::after {
background: #0052cc;
}
.ks-settings-slide-block > .ks-settings-list {
margin: 0;
padding: 0;
list-style: none;
margin-top: 30px;
}
.ks-settings-slide-block > .ks-settings-list > li {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.ks-settings-slide-block > .ks-settings-list > li + li {
margin-top: 15px;
}
.ks-settings-slide-block > .ks-settings-list > li > .ks-checkbox-slider {
margin: 0;
}
/* Add margin to rows */
.ks-rows-section > .row + .row {
margin-top: 30px;
}
.row + .row {
margin-top: 30px;
}
.ks-column-section > .row + .row {
margin-top: 30px;
}
.ks-column-section > .ks-tabs-container + .ks-tabs-container {
margin-top: 30px;
}
.ks-panels-column-section > .card + .card,
.ks-panels-column-section > .card + .ks-widget,
.ks-panels-column-section > .ks-widget + .card,
.ks-panels-column-section > .ks-widget + .ks-widget {
margin-top: 30px;
}
.ks-panels-row-section > .card + .card,
.ks-panels-row-section > .card + .ks-widget,
.ks-panels-row-section > .ks-widget + .card,
.ks-panels-row-section > .ks-widget + .ks-widget {
margin-left: 30px;
}
@media screen and (max-width: 910px) {
.ks-amount-widgets-collection > div + div,
.ks-widgets-collection > div + div {
margin-top: 30px;
}
}
@media screen and (max-width: 910px) {
.btn.ks-content-nav-toggle {
position: static;
}
.ks-content-nav {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.ks-content-nav > .ks-nav {
position: fixed;
top: 120px;
bottom: 0;
left: -301px;
z-index: 3;
height: -webkit-calc(100% - 120px);
height: calc(100% - 120px);
border-right: 1px solid #dee0e1;
}
.ks-content-nav > .ks-nav.ks-open {
left: 0;
-webkit-transition: left .2s ease;
transition: left .2s ease;
}
.ks-content-nav > .ks-nav.ks-fixed + .ks-nav-body {
margin-left: 0;
}
.ks-content-nav > .ks-nav-body {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
margin-left: 0;
border-left: none;
}
}
/* Dashboard grad placeholder */
.card + .ks-dashboard-portlet-placeholder {
margin-top: 30px;
}
.ks-draggable-column > .card.ui-sortable-helper:first-child + .ks-dashboard-portlet-placeholder {
margin-top: 0;
}
.ks-dashboard-portlet-placeholder {
-webkit-border-radius: 2px;
border-radius: 2px;
background-color: rgba(0, 0, 0, 0.035);
border: 2px dashed #dee0e1;
}
.ks-dashboard-portlet-placeholder + .card {
margin-top: 30px;
}
/* END INTERFACE STYLES */
/* BEGIN BASIC FORM STYLES */
form > .row {
margin-bottom: 20px;
}
form.ks-uppercase .form-group label {
font-size: 10px;
font-weight: 500;
text-transform: uppercase;
}
form.ks-light .form-group label {
color: #858585;
}
.form-check .form-check-label {
position: relative;
top: -2px;
}
.form-check .form-check-label .form-check-input {
position: relative;
top: 2px;
}
.ks-form {
/* form horizontal element fix, for example checkboxes or radios without labels */
}
.ks-form > .ks-group,
.ks-form .ks-form-group {
display: block;
padding-top: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #dee0e1;
}
.ks-form > .ks-group:last-child,
.ks-form .ks-form-group:last-child {
border-bottom: none;
padding-bottom: 0;
}
.ks-form > .ks-group > .ks-header,
.ks-form > .ks-group .ks-form-group-header,
.ks-form .ks-form-group > .ks-header,
.ks-form .ks-form-group .ks-form-group-header {
font-size: 14px;
font-weight: 500;
margin-bottom: 20px;
}
.ks-form > .ks-header,
.ks-form .ks-main-form-header {
margin: 0 0 30px 0;
padding: 0;
font-weight: normal;
}
.ks-form > .ks-header + .ks-group,
.ks-form > .ks-header + .ks-form-group,
.ks-form .ks-main-form-header + .ks-group,
.ks-form .ks-main-form-header + .ks-form-group {
padding-top: 0;
}
.ks-form .ks-fh-control-position-fix {
position: relative;
top: 36px;
}
.ks-form .ks-fg-header {
font-size: 12px;
font-weight: 500;
margin-bottom: 20px;
color: #858585;
}
.form-control-label {
padding-left: 0;
}
.form-group.row .form-control-label {
padding: .375rem .925rem;
font-size: 13px;
color: #333;
}
.form-group > .form-text + .help-block {
margin-top: 1px;
}
.form-group > .help-block {
margin-top: 5px;
display: block;
}
.form-group.has-success .form-control {
border-color: #4caf50;
}
.form-group.has-warning .form-control {
border-color: #ffb300;
}
.form-group.has-danger .form-control {
border-color: #ef5350;
}
.form-group.has-error > .help-block.form-error {
color: #ef5350;
}
.form-group > .btn + .btn {
margin-left: 10px;
}
.form-control {
font-family: "Montserrat", sans-serif;
z-index: 0;
height: 38px;
-webkit-border-radius: 2px;
border-radius: 2px;
border: solid 1px #dedede;
font-size: 12px;
color: #333;
padding: 10px 15px;
}
.form-control::-webkit-input-placeholder {
color: #858585;
}
.form-control::-moz-placeholder {
color: #858585;
}
.form-control:-ms-input-placeholder {
color: #858585;
}
.form-control::placeholder {
color: #858585;
}
.form-control:hover {
border-color: #ccc;
}
.padding {
padding: 20px;
}
.form-control:-moz-read-only {
background-color: #fafafa;
}
.nav-link.active::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 4px;
display: block;
background: #42a5f5;
z-index: 1;
}
.form-control:read-only {
background-color: #fff;
}
.form-control:focus,
.form-control:focus:hover,
.form-control.active,
.form-control.active:hover {
border-color: #a6a6a6;
-webkit-box-shadow: none;
box-shadow: none;
}
.form-control:disabled,
.form-control:disabled:active,
.form-control:disabled:hover {
background-color: #fafafa;
border: solid 1px #e8e8e8;
}
.form-control.ks-rounded {
-webkit-border-radius: 18px;
border-radius: 18px;
}
.form-control.form-control-lg {
font-size: 20px;
padding: 12px 15px;
height: 49px;
}
.form-control.form-control-sm {
font-size: 10px;
padding: 7px 15px;
height: 29px;
}
.form-control.error {
border-color: #ef5350;
-webkit-box-shadow: none;
box-shadow: none;
}
.form-control.error:focus {
-webkit-box-shadow: none;
box-shadow: none;
}
select[multiple].form-control {
height: auto;
}
textarea.form-control {
height: auto;
}
.custom-select:focus {
border-color: #fff;
}
.custom-control {
min-height: 16px;
}
.custom-control-input:active ~ .custom-control-indicator {
background-color: #fff;
}
.custom-checkbox > .custom-control-indicator {
top: 0;
background-color: #fff;
width: 18px;
height: 18px;
-webkit-border-radius: 2px;
border-radius: 2px;
border: solid 1px #dedede;
font-size: 12px;
color: #fff;
}
.custom-checkbox > .custom-control-input:checked ~ .custom-control-indicator {
background: #fff;
border-color: #ccc;
}
.custom-checkbox > .custom-control-input:checked ~ .custom-control-indicator:before {
background-color: transparent;
color: #0052cc;
content: "\f17b";
font-weight: bold;
font-family: "LineAwesome";
font-size: 14px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
line-height: 16px;
}
.custom-checkbox > .custom-control-input:focus ~ .custom-control-indicator {
-webkit-box-shadow: none;
box-shadow: none;
background: #fff;
}
.custom-checkbox .custom-control-description {
margin-left: 5px;
}
.custom-checkbox.ks-no-description {
width: 18px;
height: 18px;
padding: 0;
margin: 0;
}
.custom-checkbox:hover > .custom-control-input:not(:disabled) ~ .custom-control-indicator {
border-color: #ccc;
}
.custom-checkbox .custom-control-input:active:disabled ~ .custom-control-indicator {
background: #eceeef;
}
.custom-radio .custom-control-indicator {
top: 0;
-webkit-border-radius: 50%;
border-radius: 50%;
background-color: #fff;
color: #fff;
border: solid 1px #dedede;
font-size: 12px;
width: 18px;
height: 18px;
line-height: 15px;
}
.custom-radio > .custom-control-input:checked ~ .custom-control-indicator {
background-color: #fff;
border-color: #ccc;
}
.custom-radio > .custom-control-input:checked ~ .custom-control-indicator:before {
content: "";
display: block;
-webkit-border-radius: 50%;
border-radius: 50%;
background: #0052cc;
position: absolute;
top: 0;
left: 0;
border: 2px solid #fff;
line-height: 16px;
width: 16px;
height: 16px;
}
.custom-radio > .custom-control-input:focus ~ .custom-control-indicator {
-webkit-box-shadow: none;
box-shadow: none;
background: #fff;
}
.custom-radio .custom-control-description {
margin-left: 5px;
}
.custom-radio.ks-no-description {
width: 18px;
height: 18px;
padding: 0;
margin: 0;
}
.custom-radio.ks-no-description > .custom-control-input,
.custom-radio.ks-no-description > .custom-control-indicator {
width: 18px;
height: 18px;
}
.custom-radio:hover > .custom-control-input:not(:disabled) ~ .custom-control-indicator {
border-color: #ccc;
}
.custom-radio .custom-control-input:active:disabled ~ .custom-control-indicator {
background: #eceeef;
}
.input-group .input-group-addon {
min-width: 36px;
background: #fff;
border-color: #dedede;
color: #333;
font-size: 13px;
line-height: 20px;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.input-group .input-group-addon > .custom-control {
position: relative;
top: 1px;
}
.input-group.icon.ks-lg .input-group-addon,
.input-group.icon.icon-lg .input-group-addon,
.input-group.ks-icon.ks-lg .input-group-addon,
.input-group.ks-icon.icon-lg .input-group-addon {
padding: 6px 11px;
font-size: 18px;
}
.input-group.icon.icon-color-primary .input-group-addon {
color: rgba(0, 82, 204, 0.78);
}
.input-group .form-control {
z-index: 0;
}
.input-group .form-control:hover,
.input-group .form-control:focus,
.input-group .form-control:active {
z-index: 0;
}
.input-group-btn .dropdown-menu {
font-size: 12px;
-webkit-border-radius: 2px;
border-radius: 2px;
padding: 0;
margin-top: 4px;
border: solid 1px #dedede;
}
.input-group-btn .dropdown-menu .dropdown-item {
color: #474747;
padding: 10px 15px;
margin: 0;
border-bottom: 1px solid #dedede;
}
.input-group-btn .dropdown-menu .dropdown-item:hover {
background-color: #ebeef5;
color: #333;
}
.input-group-btn .dropdown-menu .dropdown-item:last-child {
border-bottom: none;
}
.input-group-btn .dropdown-menu .dropdown-divider {
padding: 0;
margin: 0;
}
.input-group-btn .dropdown-menu.dropdown-menu-right {
margin-right: 1px;
}
.input-group-btn > .btn {
z-index: 0;
}
.input-icon {
position: relative;
}
.input-icon .icon-addon {
position: absolute;
padding: 0;
color: rgba(58, 82, 155, 0.6);
font-size: 12px;
width: 36px;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.input-icon .icon-addon > span {
margin: 0 auto;
position: relative;
}
.input-icon.icon-left input {
padding-left: 38px;
}
.input-icon.icon-left .icon-addon {
top: 0;
left: 0;
}
.input-icon.icon-right input {
padding-right: 38px;
}
.input-icon.icon-right .icon-addon {
top: 0;
right: 0;
}
.input-icon.icon-lg .icon-addon {
font-size: 18px;
}
.input-icon.icon-lg.icon-left .icon-addon {
padding-left: 5px;
}
.input-icon.icon-lg.icon-right .icon-addon {
padding-right: 6px;
}
.input-icon.icon-color-primary .icon-addon {
color: #0052cc;
}
.input-group-addon .custom-control {
padding-left: 1rem;
}
.input-group-addon .custom-control.custom-checkbox > .custom-control-input:checked ~ .custom-control-indicator:before {
top: -1px;
left: 0;
}
.ks-btn-file {
position: relative;
overflow: hidden;
}
.ks-btn-file > input[type=file] {
position: absolute;
top: 0;
right: 0;
min-width: 100%;
min-height: 100%;
font-size: 100px;
text-align: right;
filter: alpha(opacity=0);
opacity: 0;
cursor: inherit;
display: block;
}
.input-group-btn:not(:first-child) > .btn,
.input-group-btn:not(:first-child) > .btn-group {
z-index: 0;
}
/* Redefine inline styles for suggestions */
.jquery-form-suggestions {
-webkit-border-radius: 2px !important;
border-radius: 2px !important;
/* Don't delete "!important" */
border: solid 1px rgba(57, 81, 155, 0.3) !important;
/* Don't delete "!important" */
margin-top: 4px !important;
/* Don't delete "!important" */
}
.jquery-form-suggestions .form-suggest-element {
padding: 10px 24px !important;
/* Don't delete "!important" */
font-size: 12px !important;
/* Don't delete "!important" */
}
.jquery-form-suggestions .form-suggest-element:hover {
background-color: rgba(57, 80, 155, 0.05);
}
/* END BASIC FORM STYLES */
/* BEGIN ADVANCED FORM STYLES */
.ks-checkbox-slider-a {
width: 40px;
min-width: 40px;
height: 10px;
background: #555;
position: relative;
-webkit-border-radius: 3px;
border-radius: 3px;
display: inline-block;
}
.ks-checkbox-slider-a input[type=checkbox] {
visibility: hidden;
}
.ks-checkbox-slider-a input[type=checkbox]:checked + label {
left: 27px;
}
.ks-checkbox-slider-a > label {
display: block;
width: 16px;
height: 16px;
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all .5s ease;
transition: all .5s ease;
cursor: pointer;
position: absolute;
top: -3px;
left: -3px;
background: #ccc;
}
.ks-checkbox-slider {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
display: inline-block;
width: 44px;
min-width: 44px;
height: 24px;
-webkit-border-radius: 12px;
border-radius: 12px;
background-color: #fff;
border: solid 1px rgba(0, 0, 0, 0.2);
position: relative;
cursor: pointer;
}
.ks-checkbox-slider > .ks-indicator {
display: inline-block;
width: 16px;
height: 16px;
-webkit-border-radius: 10px;
border-radius: 10px;
background: rgba(56, 81, 155, 0.3);
-webkit-transition: all .3s ease;
transition: all .3s ease;
position: absolute;
top: 3px;
z-index: 1;
left: 4px;
}
.ks-checkbox-slider.ks-disabled {
opacity: .4;
}
.ks-checkbox-slider input[type=checkbox] {
visibility: hidden;
}
.ks-checkbox-slider input[type=checkbox]:checked + .ks-indicator {
left: 22px;
}
.ks-checkbox-slider input[type=checkbox]:checked + .ks-indicator {
background: #0052cc;
}
.ks-checkbox-slider.ks-primary {
border: solid 1px #0052cc;
}
.ks-checkbox-slider.ks-primary > .ks-indicator {
background: rgba(56, 81, 155, 0.3);
}
.ks-checkbox-slider.ks-primary input[type=checkbox]:checked + .ks-indicator {
background: #0052cc;
}
.ks-checkbox-slider.ks-success {
border: solid 1px #4caf50;
}
.ks-checkbox-slider.ks-success > .ks-indicator {
background-color: rgba(46, 204, 113, 0.4);
}
.ks-checkbox-slider.ks-success input[type=checkbox]:checked + .ks-indicator {
background: #4caf50;
}
.ks-checkbox-slider.ks-info {
border: solid 1px #42a5f5;
}
.ks-checkbox-slider.ks-info > .ks-indicator {
background-color: rgba(33, 166, 240, 0.4);
}
.ks-checkbox-slider.ks-info input[type=checkbox]:checked + .ks-indicator {
background: #42a5f5;
}
.ks-checkbox-slider.ks-warning {
border: solid 1px #ffb300;
}
.ks-checkbox-slider.ks-warning > .ks-indicator {
background-color: rgba(222, 186, 12, 0.4);
}
.ks-checkbox-slider.ks-warning input[type=checkbox]:checked + .ks-indicator {
background: #ffb300;
}
.ks-checkbox-slider.ks-danger {
border: solid 1px #ef5350;
}
.ks-checkbox-slider.ks-danger > .ks-indicator {
background-color: rgba(236, 100, 75, 0.4);
}
.ks-checkbox-slider.ks-danger input[type=checkbox]:checked + .ks-indicator {
background: #ef5350;
}
.ks-checkbox-slider.ks-on-off {
width: 61px;
min-width: 61px;
position: relative;
}
.ks-checkbox-slider.ks-on-off > .ks-on,
.ks-checkbox-slider.ks-on-off > .ks-off {
line-height: 23px;
text-transform: uppercase;
font-size: 10px;
font-weight: 500;
position: absolute;
}
.ks-checkbox-slider.ks-on-off > .ks-on {
display: none;
left: 15px;
}
.ks-checkbox-slider.ks-on-off > .ks-off {
left: 27px;
}
.ks-checkbox-slider.ks-on-off input[type=checkbox]:checked + .ks-indicator {
left: 40px;
}
.ks-checkbox-slider.ks-on-off input[type=checkbox]:checked + .ks-indicator + .ks-on {
display: inline-block;
}
.ks-checkbox-slider.ks-on-off input[type=checkbox]:checked + .ks-indicator + .ks-on + .ks-off {
display: none;
}
.ks-checkbox-slider.ks-on-off.ks-solid > .ks-indicator {
background: #fff;
}
.ks-checkbox-slider.ks-on-off.ks-solid > .ks-on,
.ks-checkbox-slider.ks-on-off.ks-solid > .ks-off {
color: #fff;
}
.ks-checkbox-slider.ks-on-off.ks-solid input[type=checkbox]:checked + .ks-indicator {
background: #fff;
left: 40px;
}
.ks-checkbox-slider.ks-on-off.ks-solid.ks-primary {
border: solid 1px #0052cc;
background: #0052cc;
}
.ks-checkbox-slider.ks-on-off.ks-solid.ks-success {
border: solid 1px #4caf50;
background: #4caf50;
}
.ks-checkbox-slider.ks-on-off.ks-solid.ks-info {
border: solid 1px #42a5f5;
background: #42a5f5;
}
.ks-checkbox-slider.ks-on-off.ks-solid.ks-warning {
border: solid 1px #ffb300;
background: #ffb300;
}
.ks-checkbox-slider.ks-on-off.ks-solid.ks-danger {
border: solid 1px #ef5350;
background: #ef5350;
}
.ks-checkbox-text-slider > .ks-text {
font-size: 14px;
display: inline-block;
position: relative;
top: 1px;
}
.ks-checkbox-text-slider > .ks-checkbox-slider {
margin-left: 6px;
margin-right: 6px;
}
.ks-checkbox-switch {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
display: inline-block;
width: 61px;
min-width: 61px;
height: 24px;
-webkit-border-radius: 12px;
border-radius: 12px;
border: none;
cursor: pointer;
position: relative;
}
.ks-checkbox-switch > .ks-wrapper {
position: absolute;
width: 61px;
height: 24px;
-webkit-border-radius: 12px;
border-radius: 12px;
z-index: 1;
background: rgba(0, 0, 0, 0.3);
left: 0;
}
.ks-checkbox-switch > .ks-indicator {
display: inline-block;
width: 16px;
height: 16px;
-webkit-border-radius: 10px;
border-radius: 10px;
background: #fff;
-webkit-transition: all .3s ease;
transition: all .3s ease;
position: absolute;
top: 4px;
left: 4px;
z-index: 1;
}
.ks-checkbox-switch.ks-disabled {
opacity: .4;
}
.ks-checkbox-switch > .ks-on,
.ks-checkbox-switch > .ks-off {
color: #fff;
line-height: 25px;
text-transform: uppercase;
font-size: 10px;
font-weight: 500;
position: absolute;
z-index: 1;
}
.ks-checkbox-switch > .ks-on {
display: none;
left: 15px;
}
.ks-checkbox-switch > .ks-off {
left: 27px;
}
.ks-checkbox-switch input[type=checkbox] {
visibility: hidden;
}
.ks-checkbox-switch input[type=checkbox]:checked + .ks-wrapper {
background: #0052cc;
}
.ks-checkbox-switch input[type=checkbox]:checked + .ks-wrapper + .ks-indicator {
left: 40px;
}
.ks-checkbox-switch input[type=checkbox]:checked + .ks-wrapper + .ks-indicator + .ks-on {
display: inline-block;
}
.ks-checkbox-switch input[type=checkbox]:checked + .ks-wrapper + .ks-indicator + .ks-on + .ks-off {
display: none;
}
.ks-checkbox-switch.ks-primary input[type=checkbox]:checked + .ks-wrapper {
background: #0052cc;
}
.ks-checkbox-switch.ks-success input[type=checkbox]:checked + .ks-wrapper {
background: #4caf50;
}
.ks-checkbox-switch.ks-info input[type=checkbox]:checked + .ks-wrapper {
background: #42a5f5;
}
.ks-checkbox-switch.ks-warning input[type=checkbox]:checked + .ks-wrapper {
background: #ffb300;
}
.ks-checkbox-switch.ks-danger input[type=checkbox]:checked + .ks-wrapper {
background: #ef5350;
}
.ks-checkbox.ks-no-description > .custom-control-input:checked ~ .custom-control-indicator {
background: #0052cc;
border-color: #0052cc;
}
.ks-checkbox.ks-no-description > .custom-control-input:checked ~ .custom-control-indicator:before {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
top: 0;
left: 0;
font-size: 14px;
}
.ks-checkbox.ks-circle > .custom-control-input ~ .custom-control-indicator {
-webkit-border-radius: 18px;
border-radius: 18px;
}
.ks-checkbox.ks-circle > .custom-control-input ~ .custom-control-indicator:before {
-webkit-border-radius: 18px;
border-radius: 18px;
font-size: 14px;
}
.ks-checkbox.ks-circle.ks-no-description > .custom-control-input ~ .custom-control-indicator:before {
-webkit-border-radius: 18px;
border-radius: 18px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
top: 1px;
left: 0;
}
.ks-checkbox > .custom-control-input:checked ~ .custom-control-indicator {
background: #0052cc;
border-color: #0052cc;
}
.ks-checkbox > .custom-control-input:checked ~ .custom-control-indicator:before {
font-size: 14px;
height: 17px;
}
.ks-checkbox > .custom-control-input:checked ~ .custom-control-indicator:before {
background: #0052cc;
color: #fff;
}
.ks-checkbox.ks-checkbox-primary > .custom-control-input:checked ~ .custom-control-indicator {
background: #0052cc;
border-color: #0052cc;
}
.ks-checkbox.ks-checkbox-primary > .custom-control-input:checked ~ .custom-control-indicator:before {
background: #0052cc;
}
.ks-checkbox.ks-checkbox-success > .custom-control-input:checked ~ .custom-control-indicator {
background: #4caf50;
border-color: #4caf50;
}
.ks-checkbox.ks-checkbox-success > .custom-control-input:checked ~ .custom-control-indicator:before {
background: #4caf50;
}
.ks-checkbox.ks-checkbox-danger > .custom-control-input:checked ~ .custom-control-indicator {
background: #ef5350;
border-color: #ef5350;
}
.ks-checkbox.ks-checkbox-danger > .custom-control-input:checked ~ .custom-control-indicator:before {
background: #ef5350;
}
.ks-checkbox.ks-checkbox-info > .custom-control-input:checked ~ .custom-control-indicator {
background: #42a5f5;
border-color: #42a5f5;
}
.ks-checkbox.ks-checkbox-info > .custom-control-input:checked ~ .custom-control-indicator:before {
background: #42a5f5;
}
.ks-checkbox.ks-checkbox-warning > .custom-control-input:checked ~ .custom-control-indicator {
background: #ffb300;
border-color: #ffb300;
}
.ks-checkbox.ks-checkbox-warning > .custom-control-input:checked ~ .custom-control-indicator:before {
background: #ffb300;
}
.ks-checkbox > .custom-control-input:disabled ~ .custom-control-indicator {
opacity: .65;
}
.ks-checkbox.ks-no-description {
width: 18px;
height: 18px;
padding: 0;
margin: 0;
}
.ks-checkbox.ks-no-description > .custom-control-input,
.ks-checkbox.ks-no-description > .custom-control-indicator {
width: 18px;
height: 18px;
}
.ks-checkbox.ks-no-description.ks-circle {
width: 18px;
height: 18px;
}
.ks-checkbox.ks-no-description.ks-circle > .custom-control-input,
.ks-checkbox.ks-no-description.ks-circle > .custom-control-indicator {
width: 18px;
height: 18px;
}
.ks-radio.ks-primary > .custom-control-input:checked ~ .custom-control-indicator:before {
background: #0052cc;
}
.ks-radio.ks-success > .custom-control-input:checked ~ .custom-control-indicator:before {
background: #4caf50;
}
.ks-radio.ks-info > .custom-control-input:checked ~ .custom-control-indicator:before {
background: #42a5f5;
}
.ks-radio.ks-purple > .custom-control-input:checked ~ .custom-control-indicator:before {
background: #d149d0;
}
.ks-radio.ks-warning > .custom-control-input:checked ~ .custom-control-indicator:before {
background: #ffb300;
}
.ks-radio.ks-danger > .custom-control-input:checked ~ .custom-control-indicator:before {
background: #ef5350;
}
.ks-radio.ks-as-checkbox {
padding-left: 0;
cursor: pointer;
width: 18px;
height: 18px;
text-align: center;
}
.ks-radio.ks-as-checkbox > .custom-control-indicator {
width: 18px;
height: 18px;
-webkit-border-radius: 2px;
border-radius: 2px;
border: none;
}
.ks-radio.ks-as-checkbox > .custom-control-input:checked ~ .custom-control-indicator:before {
content: "\f17b";
display: block;
font-size: 14px;
-webkit-border-radius: 2px;
border-radius: 2px;
color: #fff;
border: none;
position: relative;
font-family: "LineAwesome";
text-align: center;
line-height: 18px;
font-weight: bold;
top: 1px;
left: 1px;
}
.ks-radio.ks-as-checkbox.ks-lg {
width: 24px;
height: 24px;
}
.ks-radio.ks-as-checkbox.ks-lg > .custom-control-indicator {
width: 24px;
height: 24px;
}
.ks-radio.ks-as-checkbox.ks-lg > .custom-control-input:checked ~ .custom-control-indicator:before {
width: 24px;
height: 24px;
line-height: 24px;
}
.ks-radio.ks-as-checkbox.ks-primary > .custom-control-indicator {
background: #0052cc;
}
.ks-radio.ks-as-checkbox.ks-primary > .custom-control-input:checked ~ .custom-control-indicator:before {
background: #0052cc;
}
.ks-radio.ks-as-checkbox.ks-success > .custom-control-indicator {
background: #4caf50;
}
.ks-radio.ks-as-checkbox.ks-success > .custom-control-input:checked ~ .custom-control-indicator:before {
background: #4caf50;
}
.ks-radio.ks-as-checkbox.ks-info > .custom-control-indicator {
background: #42a5f5;
}
.ks-radio.ks-as-checkbox.ks-info > .custom-control-input:checked ~ .custom-control-indicator:before {
background: #42a5f5;
}
.ks-radio.ks-as-checkbox.ks-purple > .custom-control-indicator {
background: #d149d0;
}
.ks-radio.ks-as-checkbox.ks-purple > .custom-control-input:checked ~ .custom-control-indicator:before {
background: #d149d0;
}
.ks-radio.ks-as-checkbox.ks-warning > .custom-control-indicator {
background: #ffb300;
}
.ks-radio.ks-as-checkbox.ks-warning > .custom-control-input:checked ~ .custom-control-indicator:before {
background: #ffb300;
}
.ks-radio.ks-as-checkbox.ks-danger > .custom-control-indicator {
background: #ef5350;
}
.ks-radio.ks-as-checkbox.ks-danger > .custom-control-input:checked ~ .custom-control-indicator:before {
background: #ef5350;
}
/* END ADVANCED FORM STYLES */
/*------------------------------------------------------------------
# [Buttons colors codes]
# Primary button color: $ks-color-primary
# Success button color: #2ecc71
# Info button color: #22a7f0
# Warning button color: #debb0c
# Danger button color: #ec644b
# Purple button color: #cb48bb
# Purple button color: #cb48bb
# Primary dark button color: #DF5468;
# Fuchsia pink button color: #d149cc;
# Cerise red button color: #e23e57;
# Crusta button color: #e79716;
# Medium purple button color: #9043d8;
# Royal blue button color: #4160de;
# Persian green button color: #02a388;
# Dark tan button color: #630a10;
-------------------------------------------------------------------*/
/* BEGIN BUTTONS STYLES */
.btn {
position: relative;
font-size: 12px;
font-weight: 500;
-webkit-border-radius: 2px;
border-radius: 2px;
padding: 10px 25px;
font-family: "Montserrat", sans-serif;
color: #fff;
height: 38px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: none;
transition: none;
/* Icon on the right */
}
.btn:disabled {
opacity: 0.9;
}
.btn:focus,
.btn.focus {
-webkit-box-shadow: none;
box-shadow: none;
}
.btn.ks-rounded {
-webkit-border-radius: 18px;
border-radius: 18px;
}
.btn.btn-lg {
font-size: 18px;
padding: 12px 30px;
height: 51px;
}
.btn.btn-sm {
font-size: 12px;
padding: 5px 15px;
height: 27px;
}
.btn.btn-sm.ks-split {
padding: 0;
}
.btn.btn-sm.ks-split > .ks-text {
line-height: 27px;
margin-right: 34px;
margin-left: 12px;
}
.btn.btn-sm.ks-split > .ks-split-content {
padding-left: 8px;
padding-right: 8px;
}
.btn > .ks-icon {
margin: 0;
font-size: 21px;
position: absolute;
top: 0;
left: 0;
height: 37px;
width: 42px;
margin-left: 3px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.btn > .ks-icon + .ks-text {
padding-left: 21px;
padding-right: 0 !important;
}
.btn > .ks-icon.ks-sm {
font-size: 14px;
line-height: 16px;
}
.btn > .ks-text {
padding-right: 21px;
}
.btn > .ks-text + .ks-icon {
padding: 0;
margin: 0;
left: auto;
right: 0;
margin-right: 3px;
}
.btn.ks-split {
padding: 0 25px;
position: relative;
/* Icon on the right */
}
.btn.ks-split > .ks-icon {
margin: 0;
border-right: 1px solid rgba(0, 0, 0, 0.2);
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
height: 37px;
width: 37px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.btn.ks-split > .ks-icon + .ks-text {
padding-left: 37px;
padding-right: 0 !important;
}
.btn.ks-split > .ks-text {
padding-right: 37px;
}
.btn.ks-split > .ks-text + .ks-icon {
border-left: 1px solid rgba(0, 0, 0, 0.2);
border-right: none;
padding: 0;
margin: 0;
}
.btn.ks-split > .ks-split-content {
position: absolute;
right: 0;
top: 0;
bottom: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.btn.ks-no-text {
width: 38px;
padding: 0;
}
.btn.ks-no-text > .ks-icon {
margin: 0;
position: static;
}
.btn.ks-no-text[data-toggle="dropdown"] {
width: 58px;
padding: 0 !important;
}
.btn.ks-no-text.ks-no-arrow[data-toggle="dropdown"] {
width: 38px;
}
.btn:hover {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.btn.ks-icon-block {
position: relative;
height: 59px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding: 0 20px;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
}
.btn.ks-icon-block > .ks-icon {
width: auto;
height: auto;
position: static;
display: block;
font-size: 21px;
margin: 0;
margin-top: 2px;
}
.btn.ks-icon-block > .ks-icon + .ks-text {
margin-top: 7px;
margin-bottom: 5px;
padding: 0;
}
.btn.ks-icon-block > .ks-text {
display: block;
}
.btn.ks-icon-block > .ks-label {
position: absolute;
top: -8px;
right: -8px;
}
.btn-group .btn {
position: relative;
margin-right: 0;
margin-bottom: 0;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
}
.btn-group .btn.dropdown-toggle {
padding-right: 40px;
}
.btn-group .btn.dropdown-toggle:after {
position: absolute;
right: 11px;
float: none;
top: 50%;
margin-top: -2px;
height: 5px;
line-height: 5px;
}
.btn-group .btn + .btn.dropdown-toggle {
padding-left: 21px;
padding-right: 10px;
}
.btn-group .btn-primary:active,
.btn-group .btn-primary.active {
background-color: #025aa5;
border-color: #025aa5;
}
.btn-group .btn-primary-outline:active,
.btn-group .btn-primary-outline.active,
.btn-group .btn-primary-outline.focus {
background-color: #0052cc;
color: #fff;
}
.btn-group .btn-primary-outline.ks-light {
border: solid 1px #d7dceb;
}
.btn-group .btn-primary-outline.ks-light:hover,
.btn-group .btn-primary-outline.ks-light.ks-hover {
border: solid 1px #d7dceb;
}
.btn-group .btn-primary-outline.ks-light:active,
.btn-group .btn-primary-outline.ks-light.active,
.btn-group .btn-primary-outline.ks-light.focus {
background-color: #ebeef5;
border: solid 1px #d7dceb;
color: #025aa5;
}
.btn-group.btn-group-icon .btn {
padding: 9px 14px;
font-size: 14px;
}
.btn-group .dropdown-menu {
font-size: 12px;
padding: 0;
border: solid 1px #c4cbe1;
margin: 4px 0;
-webkit-border-radius: 2px;
border-radius: 2px;
}
.btn-group .dropdown-menu .dropdown-item {
color: #474747;
padding: 10px 15px;
margin: 0;
border-bottom: 1px solid #c4cbe1;
}
.btn-group .dropdown-menu .dropdown-item:hover {
background-color: #ebeef5;
color: #333333;
}
.btn-group .dropdown-menu .dropdown-item:last-child {
border-bottom: none;
}
.btn-group .dropdown-menu .dropdown-divider {
display: none;
}
.btn-group.dropup .dropdown-toggle::after {
border: none;
}
.btn-group > .btn + .dropdown-toggle {
padding-left: 0;
padding-right: 10px;
}
.btn-group.show > .btn-primary.dropdown-toggle {
background-color: #025aa5;
border-color: #025aa5;
color: #fff;
}
.btn-group.show > .btn-primary-outline.dropdown-toggle {
color: #fff;
background-color: #2e417b;
border: solid 1px #2e417b;
}
.btn-group.show > .btn-success.dropdown-toggle {
color: #fff;
background-color: #43a047;
border-color: #43a047;
}
.btn-group.show > .btn-success-outline.dropdown-toggle {
color: #fff;
background-color: #24a35a;
border: solid 1px #24a35a;
}
.btn-group.show > .btn-info.dropdown-toggle {
background-color: #14648f;
border-color: #14648f;
}
.btn-group.show > .btn-info-outline.dropdown-toggle {
color: #fff;
background-color: #1b85bf;
border: solid 1px #1b85bf;
}
.btn-group.show > .btn-warning.dropdown-toggle {
background-color: #857007;
border-color: #857007;
}
.btn-group.show > .btn-warning-outline.dropdown-toggle {
color: #fff;
background-color: #b19509;
border: solid 1px #b19509;
}
.btn-group.show > .btn-danger.dropdown-toggle {
background-color: #bc4f3b;
border-color: #bc4f3b;
color: #fff;
}
.btn-group.show > .btn-danger-outline.dropdown-toggle {
color: #fff;
background-color: #bc4f3b;
border: solid 1px #bc4f3b;
}
.input-group .input-group-addon.btn-primary {
color: #fff;
background-color: #0052cc;
border: solid 1px #0052cc;
}
.btn-secondary,
.btn-default {
background: #fff;
border: solid 1px #c2c2c2;
color: #333;
}
.btn-secondary:focus,
.btn-default:focus {
background: #fff;
border: solid 1px #c2c2c2;
}
.btn-secondary:hover,
.btn-default:hover {
background: #ebebeb;
border-color: #ebebeb;
}
.btn-secondary:active,
.btn-default:active {
background: #d6d6d6;
border-color: #d6d6d6;
}
.btn-secondary-outline {
background: #fff;
border: solid 1px #c2c2c2;
color: #333;
}
.btn-secondary-outline:focus {
border: solid 1px #c2c2c2;
}
.btn-secondary-outline:hover {
border-color: #adadad;
}
.btn-secondary-outline:active {
border-color: #858585;
}
.btn-secondary-outline:disabled,
.btn-secondary-outline:disabled:hover,
.btn-secondary-outline:disabled:active {
border-color: #c2c2c2;
color: #858585;
}
.btn-secondary-outline.ks-light {
border: solid 1px #dedede;
}
.btn-secondary-outline.ks-light:focus {
border: solid 1px #ccc;
}
.btn-white-outline {
background: transparent;
border: solid 1px #fff;
color: #fff;
}
.btn-white-outline:focus {
border: solid 1px #fff;
}
.btn-white-outline:hover {
border-color: #fff;
}
.btn-white-outline:active {
border-color: #fff;
}
.btn-white-outline:disabled,
.btn-white-outline:disabled:hover,
.btn-white-outline:disabled:active {
border-color: #fff;
color: #fff;
opacity: 0.8;
}
.btn-primary {
background-color: #0052cc;
border: solid 1px #0052cc;
}
.btn-primary:focus {
color: #fff;
background-color: #0052cc;
border-color: #0052cc;
}
.btn-primary:hover {
color: #fff;
background-color: #025aa5;
border-color: #025aa5;
}
.btn-primary:active {
color: #fff;
background-color: #025aa5;
border-color: #025aa5;
}
.btn-primary:disabled,
.btn-primary:disabled:hover,
.btn-primary:disabled:active,
.btn-primary:disabled:focus {
background-color: #9FA8DA;
border-color: #9FA8DA;
}
.btn-primary.ks-light {
border-color: #ebeef5;
background-color: rgba(57, 81, 155, 0.1);
color: #0052cc;
}
.btn-primary.ks-light:focus {
background-color: rgba(57, 81, 155, 0.1);
color: #0052cc;
border-color: #ebeef5;
}
.btn-primary.ks-light:hover {
background-color: #0052cc;
color: #fff;
border-color: #0052cc;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.btn-primary.ks-light:active {
color: #fff;
background-color: #025aa5;
border-color: #025aa5;
}
.btn-primary.ks-light:disabled,
.btn-primary.ks-light:disabled:hover,
.btn-primary.ks-light:disabled:active,
.btn-primary.ks-light:disabled:focus {
background-color: rgba(57, 81, 155, 0.1);
color: rgba(58, 82, 155, 0.6);
border-color: #ebeef5;
}
.btn-primary-outline {
color: #0052cc;
border: solid 1px #0052cc;
background: #fff;
}
.btn-primary-outline:focus {
color: #0052cc;
border: solid 1px #0052cc;
}
.btn-primary-outline:hover {
color: #0052cc;
border: solid 1px #0052cc;
}
.btn-primary-outline:active {
color: #025aa5;
border: solid 1px #025aa5;
}
.btn-primary-outline:disabled,
.btn-primary-outline:disabled:hover,
.btn-primary-outline:disabled:active,
.btn-primary-outline:disabled:focus {
background-color: transparent;
color: rgba(58, 82, 155, 0.6);
border: solid 1px #c4cbe1;
}
.btn-primary-outline.ks-split {
/* Icon on the right */
}
.btn-primary-outline.ks-split > .ks-icon {
border-right: 1px solid #0052cc;
}
.btn-primary-outline.ks-split > .ks-text + .ks-icon {
border-left: 1px solid #0052cc;
}
.btn-primary-outline.ks-light {
color: #0052cc;
border: solid 1px #c4cbe1;
background: #fff;
}
.btn-primary-outline.ks-light .ks-btn-text-lighter {
color: #a5b4d5;
}
.btn-primary-outline.ks-light:focus {
color: #0052cc;
border: solid 1px #c4cbe1;
}
.btn-primary-outline.ks-light:hover {
border-color: #b0b9d7;
color: #025aa5;
}
.btn-primary-outline.ks-light:active {
border: 1px solid #8897c3;
color: #025aa5;
}
.btn-primary-outline.ks-light:disabled,
.btn-primary-outline.ks-light:disabled:hover,
.btn-primary-outline.ks-light:disabled:active,
.btn-primary-outline.ks-light:disabled:focus {
background-color: transparent;
border: solid 1px #c4cbe1;
color: rgba(58, 82, 155, 0.6);
}
.btn-primary-outline.ks-light.ks-split > .ks-text + .ks-split-content {
border-left: 1px solid rgba(57, 81, 155, 0.3);
}
.btn-primary-outline.ks-solid {
color: #0052cc;
border: solid 1px #0052cc;
background: #fff;
}
.btn-primary-outline.ks-solid:focus {
background-color: transparent;
color: #0052cc;
border: solid 1px #0052cc;
}
.btn-primary-outline.ks-solid:hover {
background-color: #0052cc;
color: #fff;
border: solid 1px #0052cc;
}
.btn-primary-outline.ks-solid:active {
color: #fff;
background-color: #025aa5;
border: solid 1px #025aa5;
}
.btn-primary-outline.ks-solid:disabled,
.btn-primary-outline.ks-solid:disabled:hover,
.btn-primary-outline.ks-solid:disabled:active,
.btn-primary-outline.ks-solid:disabled:focus {
background-color: transparent;
color: rgba(58, 82, 155, 0.6);
border: solid 1px rgba(57, 81, 155, 0.3);
}
.btn-primary-outline.ks-solid.ks-split {
/* Icon on the right */
}
.btn-primary-outline.ks-solid.ks-split > .ks-icon {
border-right: 1px solid #2e417b;
}
.btn-primary-outline.ks-solid.ks-split > .ks-text + .ks-icon {
border-left: 1px solid #2e417b;
}
.btn-primary-outline.ks-solid.ks-light {
color: #0052cc;
border: solid 1px #c4cbe1;
}
.btn-primary-outline.ks-solid.ks-light .ks-btn-text-lighter {
color: #a5b4d5;
}
.btn-primary-outline.ks-solid.ks-light:focus {
background-color: transparent;
color: #0052cc;
border: solid 1px #c4cbe1;
}
.btn-primary-outline.ks-solid.ks-light:hover {
background-color: #ebeef5;
border-color: #ebeef5;
color: #0052cc;
}
.btn-primary-outline.ks-solid.ks-light:active {
background-color: #d7dceb;
border: 1px solid #d7dceb;
color: #0052cc;
}
.btn-primary-outline.ks-solid.ks-light:disabled,
.btn-primary-outline.ks-solid.ks-light:disabled:hover,
.btn-primary-outline.ks-solid.ks-light:disabled:active,
.btn-primary-outline.ks-solid.ks-light:disabled:focus {
background-color: transparent;
border: solid 1px #c4cbe1;
color: rgba(58, 82, 155, 0.6);
}
.btn-primary-outline.ks-solid.ks-light.ks-split > .ks-text + .ks-split-content {
border-left: 1px solid #c4cbe1;
}
.btn-success {
background-color: #4caf50;
border: solid 1px #4caf50;
}
.btn-success:focus {
color: #fff;
background-color: #4caf50;
border-color: #4caf50;
}
.btn-success:hover {
color: #fff;
background-color: #43a047;
border-color: #43a047;
}
.btn-success:active {
color: #fff;
background-color: #388e3c;
border-color: #388e3c;
}
.btn-success:disabled,
.btn-success:disabled:hover,
.btn-success:disabled:active,
.btn-success:disabled:focus {
background-color: #81c784;
border-color: #81c784;
}
.btn-success.ks-light {
background-color: #eafaf1;
color: #4caf50;
border: solid 1px #eafaf1;
}
.btn-success.ks-light:focus {
background-color: #eafaf1;
color: #4caf50;
border-color: #eafaf1;
}
.btn-success.ks-light:hover {
background-color: #43a047;
border-color: #43a047;
color: #fff;
}
.btn-success.ks-light:active {
color: #fff;
background-color: #388e3c;
border-color: #388e3c;
}
.btn-success.ks-light:disabled,
.btn-success.ks-light:disabled:hover,
.btn-success.ks-light:disabled:active,
.btn-success.ks-light:disabled:focus {
background-color: #eafaf1;
border-color: #eafaf1;
color: #82e0aa;
}
.btn-success-outline {
color: #4caf50;
border: solid 1px #4caf50;
background: #fff;
}
.btn-success-outline:focus {
color: #4caf50;
border: solid 1px #4caf50;
}
.btn-success-outline:hover {
color: #24a35a;
border: solid 1px #24a35a;
}
.btn-success-outline:active {
color: #1b7a43;
border: solid 1px #1b7a43;
}
.btn-success-outline:disabled,
.btn-success-outline:disabled:hover,
.btn-success-outline:disabled:active,
.btn-success-outline:disabled:focus {
background-color: transparent;
color: #82e0aa;
border: solid 1px #c0f0d4;
}
.btn-success-outline.ks-light {
color: #4caf50;
border: solid 1px #c0f0d4;
}
.btn-success-outline.ks-light:focus {
color: #4caf50;
border: solid 1px #c0f0d4;
}
.btn-success-outline.ks-light:hover {
color: #24a35a;
border-color: #abebc6;
}
.btn-success-outline.ks-light:active {
border: 1px solid #82e0aa;
color: #1b7a43;
}
.btn-success-outline.ks-light:disabled,
.btn-success-outline.ks-light:disabled:hover,
.btn-success-outline.ks-light:disabled:active,
.btn-success-outline.ks-light:disabled:focus {
background-color: transparent;
border: solid 1px #c0f0d4;
color: #82e0aa;
}
.btn-success-outline.ks-solid {
color: #4caf50;
border: solid 1px #4caf50;
background: #fff;
}
.btn-success-outline.ks-solid:focus {
background-color: transparent;
color: #4caf50;
border: solid 1px #4caf50;
}
.btn-success-outline.ks-solid:hover {
background-color: #4caf50;
color: #fff;
border: solid 1px #4caf50;
}
.btn-success-outline.ks-solid:active {
color: #fff;
background-color: #24a35a;
border: solid 1px #24a35a;
}
.btn-success-outline.ks-solid:disabled,
.btn-success-outline.ks-solid:disabled:hover,
.btn-success-outline.ks-solid:disabled:active,
.btn-success-outline.ks-solid:disabled:focus {
background-color: transparent;
color: #82e0aa;
border: solid 1px #c0f0d4;
}
.btn-success-outline.ks-solid.ks-light {
color: #4caf50;
border: solid 1px #c0f0d4;
}
.btn-success-outline.ks-solid.ks-light:focus {
background-color: transparent;
color: #4caf50;
border: solid 1px #c0f0d4;
}
.btn-success-outline.ks-solid.ks-light:hover {
background-color: #eafaf1;
border-color: #eafaf1;
color: #4caf50;
}
.btn-success-outline.ks-solid.ks-light:active {
background-color: #d5f5e3;
border: 1px solid #d5f5e3;
color: #4caf50;
}
.btn-success-outline.ks-solid.ks-light:disabled,
.btn-success-outline.ks-solid.ks-light:disabled:hover,
.btn-success-outline.ks-solid.ks-light:disabled:active,
.btn-success-outline.ks-solid.ks-light:disabled:focus {
background-color: transparent;
border: solid 1px #c0f0d4;
color: #82e0aa;
}
.btn-info {
background-color: #42a5f5;
border: solid 1px #42a5f5;
}
.btn-info:focus {
color: #fff;
background-color: #42a5f5;
border-color: #42a5f5;
}
.btn-info:hover {
color: #fff;
background-color: #2196f3;
border-color: #2196f3;
}
.btn-info:active {
color: #fff;
background-color: #1e88e5;
border-color: #1e88e5;
}
.btn-info:disabled,
.btn-info:disabled:hover,
.btn-info:disabled:active,
.btn-info:disabled:focus {
background-color: #64b5f6;
border-color: #64b5f6;
}
.btn-info.ks-light {
background-color: #e9f6fe;
color: #42a5f5;
border: solid 1px #e9f6fe;
}
.btn-info.ks-light:focus {
background-color: rgba(33, 166, 240, 0.1);
color: #42a5f5;
border-color: #e9f6fe;
}
.btn-info.ks-light:hover {
background-color: #42a5f5;
color: #fff;
border-color: #42a5f5;
}
.btn-info.ks-light:active {
background-color: #1e88e5;
color: #fff;
border-color: #1e88e5;
}
.btn-info.ks-light:disabled,
.btn-info.ks-light:disabled:hover,
.btn-info.ks-light:disabled:active,
.btn-info.ks-light:disabled:focus {
background-color: #e9f6fe;
color: #7acaf6;
border-color: #e9f6fe;
}
.btn-info-outline {
color: #42a5f5;
border: solid 1px #42a5f5;
background: #fff;
}
.btn-info-outline:focus {
color: #42a5f5;
border: solid 1px #42a5f5;
}
.btn-info-outline:hover {
color: #2196f3;
border: solid 1px #2196f3;
}
.btn-info-outline:active {
color: #1e88e5;
border: solid 1px #1e88e5;
}
.btn-info-outline:disabled,
.btn-info-outline:disabled:hover,
.btn-info-outline:disabled:active,
.btn-info-outline:disabled:focus {
color: #90caf9;
border: solid 1px #90caf9;
}
.btn-info-outline.ks-light {
color: #42a5f5;
border: solid 1px #bce4fb;
}
.btn-info-outline.ks-light:focus {
color: #42a5f5;
border: solid 1px #bce4fb;
}
.btn-info-outline.ks-light:hover {
border-color: #a6dbf9;
color: #1e88e5;
}
.btn-info-outline.ks-light:active {
border: 1px solid #7acaf6;
color: #1e88e5;
}
.btn-info-outline.ks-light:disabled,
.btn-info-outline.ks-light:disabled:hover,
.btn-info-outline.ks-light:disabled:active,
.btn-info-outline.ks-light:disabled:focus {
background-color: transparent;
border: solid 1px #bce4fb;
color: #7acaf6;
}
.btn-info-outline.ks-solid {
color: #42a5f5;
border: solid 1px #42a5f5;
background: #fff;
}
.btn-info-outline.ks-solid:focus {
background-color: transparent;
color: #42a5f5;
border: solid 1px #42a5f5;
}
.btn-info-outline.ks-solid:hover {
background-color: #42a5f5;
color: #fff;
border: solid 1px #42a5f5;
}
.btn-info-outline.ks-solid:active {
color: #fff;
background-color: #1e88e5;
border: solid 1px #1e88e5;
}
.btn-info-outline.ks-solid:disabled,
.btn-info-outline.ks-solid:disabled:hover,
.btn-info-outline.ks-solid:disabled:active,
.btn-info-outline.ks-solid:disabled:focus {
background-color: transparent;
color: rgba(34, 167, 240, 0.6);
border: solid 1px rgba(33, 166, 240, 0.3);
}
.btn-info-outline.ks-solid.ks-light {
color: #42a5f5;
border: solid 1px rgba(33, 166, 240, 0.3);
}
.btn-info-outline.ks-solid.ks-light:focus {
background-color: transparent;
color: #42a5f5;
border: solid 1px rgba(33, 166, 240, 0.3);
}
.btn-info-outline.ks-solid.ks-light:hover {
background-color: rgba(33, 166, 240, 0.1);
border-color: #e9f6fe;
color: #42a5f5;
}
.btn-info-outline.ks-solid.ks-light:active {
background-color: rgba(33, 166, 240, 0.2);
border: 1px solid #d3edfc;
color: #42a5f5;
}
.btn-info-outline.ks-solid.ks-light:disabled,
.btn-info-outline.ks-solid.ks-light:disabled:hover,
.btn-info-outline.ks-solid.ks-light:disabled:active,
.btn-info-outline.ks-solid.ks-light:disabled:focus {
background-color: transparent;
border: solid 1px rgba(33, 166, 240, 0.3);
color: rgba(34, 167, 240, 0.6);
}
.btn-warning {
background: #ffb300;
border: solid 1px #ffb300;
}
.btn-warning:focus {
color: #fff;
background: #ffb300;
border-color: #ffb300;
}
.btn-warning:hover {
color: #fff;
background-color: #ffa000;
border-color: #ffa000;
}
.btn-warning:active {
background-color: #ff8f00;
border-color: #ff8f00;
}
.btn-warning:disabled,
.btn-warning:disabled:hover,
.btn-warning:disabled:active,
.btn-warning:disabled:focus {
background-color: #ffd54f;
border-color: #ffd54f;
}
.btn-warning.ks-light {
background-color: #fcf8e7;
color: #ffb300;
border: solid 1px #fcf8e7;
}
.btn-warning.ks-light:focus {
background-color: #fcf8e7;
color: #ffb300;
border-color: #fcf8e7;
}
.btn-warning.ks-light:hover {
background-color: #ffb300;
border-color: #ffb300;
color: #fff;
}
.btn-warning.ks-light:active {
background-color: #ff8f00;
border-color: #ff8f00;
color: #fff;
}
.btn-warning.ks-light:disabled,
.btn-warning.ks-light:disabled:hover,
.btn-warning.ks-light:disabled:active,
.btn-warning.ks-light:disabled:focus {
background-color: #fcf8e7;
border-color: #fcf8e7;
color: #ebd66d;
}
.btn-warning-outline {
color: #ffb300;
border: solid 1px #ffb300;
background: #fff;
}
.btn-warning-outline:focus {
color: #ffb300;
border: solid 1px #ffb300;
}
.btn-warning-outline:hover {
color: #ffa000;
border: solid 1px #ffa000;
}
.btn-warning-outline:active {
color: #ff8f00;
border: solid 1px #ff8f00;
}
.btn-warning-outline:disabled,
.btn-warning-outline:disabled:hover,
.btn-warning-outline:disabled:active,
.btn-warning-outline:disabled:focus {
color: #ffd54f;
border: solid 1px #ffd54f;
}
.btn-warning-outline.ks-light {
color: #ffb300;
border: solid 1px #f5ebb6;
}
.btn-warning-outline.ks-light:focus {
color: #ffb300;
border: solid 1px #f5ebb6;
}
.btn-warning-outline.ks-light:hover {
border-color: #f2e49e;
color: #ff8f00;
}
.btn-warning-outline.ks-light:active {
border: 1px solid #ebd66d;
color: #ff8f00;
}
.btn-warning-outline.ks-light:disabled,
.btn-warning-outline.ks-light:disabled:hover,
.btn-warning-outline.ks-light:disabled:active,
.btn-warning-outline.ks-light:disabled:focus {
border: solid 1px #f5ebb6;
color: #ebd66d;
}
.btn-warning-outline.ks-solid {
color: #ffb300;
border: solid 1px #ffb300;
background: #fff;
}
.btn-warning-outline.ks-solid:focus {
background-color: transparent;
color: #ffb300;
border: solid 1px #ffb300;
}
.btn-warning-outline.ks-solid:hover {
background-color: #ffb300;
color: #fff;
border: solid 1px #ffb300;
}
.btn-warning-outline.ks-solid:active {
color: #fff;
background-color: #ff8f00;
border: solid 1px #ff8f00;
}
.btn-warning-outline.ks-solid:disabled,
.btn-warning-outline.ks-solid:disabled:hover,
.btn-warning-outline.ks-solid:disabled:active,
.btn-warning-outline.ks-solid:disabled:focus {
background-color: transparent;
color: #ebd66d;
border: solid 1px #f5ebb6;
}
.btn-warning-outline.ks-solid.ks-light {
color: #ffb300;
border: solid 1px #f5ebb6;
}
.btn-warning-outline.ks-solid.ks-light:focus {
background-color: transparent;
color: #ffb300;
border: solid 1px #f5ebb6;
}
.btn-warning-outline.ks-solid.ks-light:hover {
background-color: #fcf8e7;
border-color: #fcf8e7;
color: #ffb300;
}
.btn-warning-outline.ks-solid.ks-light:active {
background-color: #f8f1ce;
border: 1px solid #f8f1ce;
color: #ffb300;
}
.btn-warning-outline.ks-solid.ks-light:disabled,
.btn-warning-outline.ks-solid.ks-light:disabled:hover,
.btn-warning-outline.ks-solid.ks-light:disabled:active,
.btn-warning-outline.ks-solid.ks-light:disabled:focus {
background-color: transparent;
border: solid 1px #f5ebb6;
color: #ebd66d;
}
.btn-danger {
background: #ef5350;
border: solid 1px #ef5350;
}
.btn-danger:focus {
color: #fff;
background: #ef5350;
border-color: #ef5350;
}
.btn-danger:hover {
color: #fff;
background-color: #f44336;
border-color: #f44336;
}
.btn-danger:active {
color: #fff;
background-color: #e53935;
border-color: #e53935;
}
.btn-danger:disabled,
.btn-danger:disabled:hover,
.btn-danger:disabled:active,
.btn-danger:disabled:focus {
background-color: #ef9a9a;
border-color: #ef9a9a;
}
.btn-danger.ks-light {
background-color: #fdf0ed;
color: #ef5350;
border: 1px solid #fdf0ed;
}
.btn-danger.ks-light:focus {
background-color: #fdf0ed;
border-color: #fdf0ed;
color: #ef5350;
}
.btn-danger.ks-light:hover {
background-color: #ef5350;
border-color: #ef5350;
color: #fff;
}
.btn-danger.ks-light:active {
background-color: #e53935;
border-color: #e53935;
color: #fff;
}
.btn-danger.ks-light:disabled,
.btn-danger.ks-light:disabled:hover,
.btn-danger.ks-light:disabled:active,
.btn-danger.ks-light:disabled:focus {
background-color: #fdf0ed;
color: #f4a293;
border-color: #fdf0ed;
}
.btn-danger-outline {
color: #ef5350;
border: solid 1px #ef5350;
background: #fff;
}
.btn-danger-outline:focus {
color: #ef5350;
border: solid 1px #ef5350;
}
.btn-danger-outline:hover {
color: #f44336;
border: solid 1px #f44336;
}
.btn-danger-outline:active {
color: #e53935;
border: solid 1px #e53935;
}
.btn-danger-outline:disabled,
.btn-danger-outline:disabled:hover,
.btn-danger-outline:disabled:active,
.btn-danger-outline:disabled:focus {
color: #ef9a9a;
border: solid 1px #ef9a9a;
}
.btn-danger-outline.ks-light {
color: #ef5350;
border: solid 1px #f9d1c9;
}
.btn-danger-outline.ks-light:focus {
color: #ef5350;
border: solid 1px #f9d1c9;
}
.btn-danger-outline.ks-light:hover {
color: #bc503c;
border-color: #f7c1b7;
}
.btn-danger-outline.ks-light:active {
color: #e53935;
border: 1px solid #f4a293;
}
.btn-danger-outline.ks-light:disabled,
.btn-danger-outline.ks-light:disabled:hover,
.btn-danger-outline.ks-light:disabled:active,
.btn-danger-outline.ks-light:disabled:focus {
border: solid 1px #f9d1c9;
color: #f4a293;
}
.btn-danger-outline.ks-solid {
color: #ef5350;
border: solid 1px #ef5350;
background: #fff;
}
.btn-danger-outline.ks-solid:focus {
background-color: transparent;
color: #ef5350;
border: solid 1px #ef5350;
}
.btn-danger-outline.ks-solid:hover {
background-color: #ef5350;
color: #fff;
border: solid 1px #ef5350;
}
.btn-danger-outline.ks-solid:active {
color: #fff;
background-color: #bc4f3b;
border: solid 1px #bc4f3b;
}
.btn-danger-outline.ks-solid:disabled,
.btn-danger-outline.ks-solid:disabled:hover,
.btn-danger-outline.ks-solid:disabled:active,
.btn-danger-outline.ks-solid:disabled:focus {
background-color: transparent;
color: rgba(236, 100, 75, 0.6);
border: solid 1px rgba(236, 100, 75, 0.3);
}
.btn-danger-outline.ks-solid.ks-light {
color: #ef5350;
border: solid 1px rgba(236, 100, 75, 0.3);
}
.btn-danger-outline.ks-solid.ks-light:focus {
background-color: transparent;
color: #ef5350;
border: solid 1px rgba(236, 100, 75, 0.3);
}
.btn-danger-outline.ks-solid.ks-light:hover {
background-color: rgba(236, 100, 75, 0.1);
border-color: #fdf0eb;
}
.btn-danger-outline.ks-solid.ks-light:active {
background-color: rgba(236, 100, 75, 0.2);
border: 1px solid #fbe0d7;
}
.btn-danger-outline.ks-solid.ks-light:disabled,
.btn-danger-outline.ks-solid.ks-light:disabled:hover,
.btn-danger-outline.ks-solid.ks-light:disabled:active,
.btn-danger-outline.ks-solid.ks-light:disabled:focus {
background-color: transparent;
border: solid 1px rgba(236, 100, 75, 0.3);
color: rgba(236, 100, 75, 0.6);
}
.btn-dark-tan {
background: #6f0b19;
border: solid 1px #6f0b19;
color: #fff;
}
.btn-dark-tan:focus {
color: #fff;
background: #6f0b19;
border: solid 1px #6f0b19;
}
.btn-dark-tan:hover {
color: #fff;
background: #580814;
border-color: #580814;
}
.btn-dark-tan:active {
color: #fff;
background: #42060f;
border-color: #42060f;
}
.btn-dark-tan:disabled,
.btn-dark-tan:disabled:hover,
.btn-dark-tan:disabled:active,
.btn-dark-tan:disabled:focus {
background-color: #8b3b47;
border-color: #8b3b47;
color: rgba(255, 255, 255, 0.6);
}
.btn-persian-green {
background: #00ac93;
border: solid 1px #00ac93;
color: #fff;
}
.btn-persian-green:focus {
color: #fff;
background: #00ac93;
border: solid 1px #00ac93;
}
.btn-persian-green:hover {
color: #fff;
background: #008975;
border-color: #008975;
}
.btn-persian-green:active {
color: #fff;
background: #006758;
border-color: #006758;
}
.btn-persian-green:disabled,
.btn-persian-green:disabled:hover,
.btn-persian-green:disabled:active,
.btn-persian-green:disabled:focus {
background-color: #33bca8;
border-color: #33bca8;
color: rgba(255, 255, 255, 0.6);
}
.btn-royal-blue {
background: #466bde;
border: solid 1px #466bde;
color: #fff;
}
.btn-royal-blue:focus {
color: #fff;
background: #466bde;
border: solid 1px #466bde;
}
.btn-royal-blue:hover {
color: #fff;
background: #3855b1;
border-color: #3855b1;
}
.btn-royal-blue:active {
color: #fff;
background: #2a4085;
border-color: #2a4085;
}
.btn-royal-blue:disabled,
.btn-royal-blue:disabled:hover,
.btn-royal-blue:disabled:active,
.btn-royal-blue:disabled:focus {
background-color: #6b88e4;
border-color: #6b88e4;
color: rgba(255, 255, 255, 0.6);
}
.btn-crusta {
background: #ff8832;
border: solid 1px #ff8832;
color: #fff;
}
.btn-crusta:focus {
color: #fff;
background: #ff8832;
border: solid 1px #ff8832;
}
.btn-crusta:hover {
color: #fff;
background: #ff7613;
border-color: #ff7613;
}
.btn-crusta:active {
color: #fff;
background: #f96800;
border-color: #f96800;
}
.btn-crusta:disabled,
.btn-crusta:disabled:hover,
.btn-crusta:disabled:active,
.btn-crusta:disabled:focus {
background-color: #ff9f5b;
border-color: #ff9f5b;
color: rgba(255, 255, 255, 0.6);
}
.btn-medium-purple {
background: #994dd8;
border: solid 1px #994dd8;
color: #fff;
}
.btn-medium-purple:focus {
color: #fff;
background: #994dd8;
border: solid 1px #994dd8;
}
.btn-medium-purple:hover {
color: #fff;
background: #7a3dac;
border-color: #7a3dac;
}
.btn-medium-purple:active {
color: #fff;
background: #5b2e81;
border-color: #5b2e81;
}
.btn-medium-purple:disabled,
.btn-medium-purple:disabled:hover,
.btn-medium-purple:disabled:active,
.btn-medium-purple:disabled:focus {
background-color: #ad70df;
border-color: #ad70df;
color: rgba(255, 255, 255, 0.6);
}
.btn-cerise-red {
background: #e43e59;
border: solid 1px #e43e59;
color: #fff;
}
.btn-cerise-red:focus {
color: #fff;
background: #e43e59;
border: solid 1px #e43e59;
}
.btn-cerise-red:hover {
color: #fff;
background: #b63147;
border-color: #b63147;
}
.btn-cerise-red:active {
color: #fff;
background: #882535;
border-color: #882535;
}
.btn-cerise-red:disabled,
.btn-cerise-red:disabled:hover,
.btn-cerise-red:disabled:active,
.btn-cerise-red:disabled:focus {
background-color: #e9647a;
border-color: #e9647a;
color: rgba(255, 255, 255, 0.6);
}
.btn-fuchsia-pink {
background: #d149cc;
border: solid 1px #d149cc;
color: #fff;
}
.btn-fuchsia-pink:focus {
color: #fff;
background: #d149cc;
border: solid 1px #d149cc;
}
.btn-fuchsia-pink:hover {
color: #fff;
background: #a73aa3;
border-color: #a73aa3;
}
.btn-fuchsia-pink:active {
color: #fff;
background: #7d2b7a;
border-color: #7d2b7a;
}
.btn-fuchsia-pink:disabled,
.btn-fuchsia-pink:disabled:hover,
.btn-fuchsia-pink:disabled:active,
.btn-fuchsia-pink:disabled:focus {
background-color: #da6dd6;
border-color: #da6dd6;
color: rgba(255, 255, 255, 0.6);
}
.btn.ks-bg-none {
background-color: transparent;
}
/* END BUTTONS STYLES */
/*------------------------------------------------------------------
[Typography]
Default font size: 13px;
Body: 13px/16px 'Open Sans', sans-serif;
Headers: 12px-36px 'Open Sans', sans-serif;
Input, textarea: 13px 'Open Sans', sans-serif;
-------------------------------------------------------------------*/
/* BEGIN UIKIT TYPOGRAPHY */
body {
font-family: "Montserrat", sans-serif;
font-size: 13px;
color: #333;
}
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
video {
max-width: 100%;
height: auto;
}
a,
button,
label {
outline: none !important;
/* Don't delete "!important" */
}
a:focus,
a:hover {
text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 500;
font-family: "Montserrat", sans-serif;
color: #333;
}
h1 {
font-size: 36px;
}
h2 {
font-size: 30px;
}
h3 {
font-size: 24px;
}
h4 {
font-size: 18px;
}
h5 {
font-size: 14px;
}
h6 {
font-size: 12px;
}
[class*="col-"] > h1:first-child,
[class*="col-"] > h2:first-child,
[class*="col-"] > h3:first-child,
[class*="col-"] > h4:first-child,
[class*="col-"] > h5:first-child,
[class*="col-"] > h6:first-child,
.container-fluid > h1:first-child,
.container-fluid > h2:first-child,
.container-fluid > h3:first-child,
.container-fluid > h4:first-child,
.container-fluid > h5:first-child,
.container-fluid > h6:first-child {
margin-top: 0;
}
b,
.ks-bold {
font-weight: 500;
}
.ks-content h1,
.ks-content h2,
.ks-content h3,
.ks-content h4,
.ks-content h5,
.ks-content h6 {
margin-top: 10px;
margin-bottom: 20px;
}
p.ks-lead {
font-size: 18px;
}
mark {
-webkit-border-radius: 2px;
border-radius: 2px;
background-color: rgba(247, 202, 24, 0.3);
padding-left: 4px;
padding-right: 4px;
display: inline-block;
}
a {
color: #0052cc;
}
a.hover,
a:hover {
color: #0052cc;
text-decoration: none;
}
code {
-webkit-border-radius: 2px;
border-radius: 2px;
background-color: #fdf0ed;
color: #ef5350;
position: relative;
top: -1px;
}
.blockquote {
font-size: 17px;
padding: .3rem 1rem;
border-left-color: #8897c3;
}
.blockquote .blockquote-footer {
font-size: 13px;
color: #999;
}
iframe {
border: none;
}
.ks-color-primary {
color: #0052cc;
}
.ks-bg-primary {
background: #0052cc;
}
.ks-color-success {
color: #4caf50 !important;
}
.ks-color-info {
color: #42a5f5 !important;
}
.ks-color-warning {
color: #ffb300 !important;
}
.ks-color-danger {
color: #ef5350 !important;
}
.ks-color-pink {
color: rgba(209, 73, 208, 0.6) !important;
}
.ks-color-purple {
color: #cb48bb !important;
}
.ks-bg-purple {
background: #cb48bb !important;
}
.ks-color-brown {
color: #a26363 !important;
}
.text-gray,
.ks-color-gray {
color: rgba(51, 51, 51, 0.6) !important;
}
.ks-text-bold {
font-weight: 500;
}
.ks-text-center {
text-align: center;
}
.ks-text-right {
text-align: right;
}
.ks-text-no-wrap {
white-space: nowrap;
}
.ks-text-light {
color: #858585 !important;
}
pre[class*="language-"] {
margin: 0;
text-shadow: none;
}
pre[class*="language-"] > code {
font-size: 14px;
text-shadow: none;
}
pre[class*="language-"] > code .tag {
font-size: 14px;
font-weight: 400;
padding: 0;
}
pre[class*="language-"] + div,
pre[class*="language-"] + p {
margin-top: 15px;
}
pre[class*="language-"] + h1,
pre[class*="language-"] + h2,
pre[class*="language-"] + h3,
pre[class*="language-"] + h4,
pre[class*="language-"] + h5,
pre[class*="language-"] + h6 {
margin-top: 20px;
}
.ks-code-block {
margin-top: 15px;
}
.row + h1,
.row + h2,
.row + h3,
.row + h4,
.row + h5,
.row + h6 {
margin-top: 30px;
}
.card + h4 {
margin-top: 20px;
}
.d-flex.align-items-center h1,
.d-flex.align-items-center h2,
.d-flex.align-items-center h3,
.d-flex.align-items-center h4,
.d-flex.align-items-center h5,
.d-flex.align-items-center h6 {
margin: 0;
}
.bg-white {
background-color: #fff !important;
}
.bg-primary {
background-color: #0052cc !important;
}
.bg-success {
background-color: #4caf50 !important;
}
.bg-info {
background-color: #42a5f5 !important;
}
.bg-danger {
background-color: #ef5350 !important;
}
.bg-warning {
background-color: #ffb300 !important;
}
.bg-cranberry {
background-color: #df538b !important;
}
/* END UIKIT TYPOGRAPHY */
/* BEGIN UIKIT CARDS */
.panel,
.ks-panel {
-webkit-border-radius: 2px;
border-radius: 2px;
border: solid 1px #dee0e1;
background: #fff;
}
.panel .card-header,
.panel .panel-heading,
.ks-panel .card-header,
.ks-panel .panel-heading {
padding: 16px 20px;
font-weight: 500;
background: transparent;
border-bottom: solid 1px #dee0e1;
margin: 0;
-webkit-border-top-left-radius: 2px;
border-top-left-radius: 2px;
-webkit-border-top-right-radius: 2px;
border-top-right-radius: 2px;
font-size: 14px;
}
.panel .card-header + .card-block,
.panel .card-header + .panel-body,
.panel .panel-heading + .card-block,
.panel .panel-heading + .panel-body,
.ks-panel .card-header + .card-block,
.ks-panel .card-header + .panel-body,
.ks-panel .panel-heading + .card-block,
.ks-panel .panel-heading + .panel-body {
-webkit-border-top-left-radius: 0;
border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
border-top-right-radius: 0;
}
.panel .card-header > .ks-controls,
.panel .panel-heading > .ks-controls,
.ks-panel .card-header > .ks-controls,
.ks-panel .panel-heading > .ks-controls {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
margin-left: 10px;
margin-top: -4px;
position: relative;
top: 3px;
}
.panel .card-header > .ks-controls > .ks-control,
.panel .panel-heading > .ks-controls > .ks-control,
.ks-panel .card-header > .ks-controls > .ks-control,
.ks-panel .panel-heading > .ks-controls > .ks-control {
color: #b5beda;
margin-right: 5px;
}
.panel .card-header > .ks-controls > .ks-control > .ks-icon,
.panel .panel-heading > .ks-controls > .ks-control > .ks-icon,
.ks-panel .card-header > .ks-controls > .ks-control > .ks-icon,
.ks-panel .panel-heading > .ks-controls > .ks-control > .ks-icon {
font-size: 17px;
line-height: 17px;
font-weight: normal;
}
.panel .card-header > .ks-controls > .ks-control + .ks-control,
.panel .panel-heading > .ks-controls > .ks-control + .ks-control,
.ks-panel .card-header > .ks-controls > .ks-control + .ks-control,
.ks-panel .panel-heading > .ks-controls > .ks-control + .ks-control {
margin-left: 5px;
}
.panel .card-header > .ks-controls > .ks-control:hover,
.panel .panel-heading > .ks-controls > .ks-control:hover,
.ks-panel .card-header > .ks-controls > .ks-control:hover,
.ks-panel .panel-heading > .ks-controls > .ks-control:hover {
color: #93a1c9;
}
.panel .card-header > .ks-controls > .ks-control:last-child,
.panel .panel-heading > .ks-controls > .ks-control:last-child,
.ks-panel .card-header > .ks-controls > .ks-control:last-child,
.ks-panel .panel-heading > .ks-controls > .ks-control:last-child {
margin-right: 0;
}
.panel .card-block,
.panel .panel-body,
.ks-panel .card-block,
.ks-panel .panel-body {
-webkit-border-top-left-radius: 2px;
border-top-left-radius: 2px;
-webkit-border-top-right-radius: 2px;
border-top-right-radius: 2px;
}
.panel .card-block h1,
.panel .card-block h2,
.panel .card-block h3,
.panel .card-block h4,
.panel .card-block h5,
.panel .card-block h6,
.panel .panel-body h1,
.panel .panel-body h2,
.panel .panel-body h3,
.panel .panel-body h4,
.panel .panel-body h5,
.panel .panel-body h6,
.ks-panel .card-block h1,
.ks-panel .card-block h2,
.ks-panel .card-block h3,
.ks-panel .card-block h4,
.ks-panel .card-block h5,
.ks-panel .card-block h6,
.ks-panel .panel-body h1,
.ks-panel .panel-body h2,
.ks-panel .panel-body h3,
.ks-panel .panel-body h4,
.ks-panel .panel-body h5,
.ks-panel .panel-body h6 {
margin-top: 0;
margin-bottom: 10px;
}
.panel .card-block .panel-separator,
.panel .panel-body .panel-separator,
.ks-panel .card-block .panel-separator,
.ks-panel .panel-body .panel-separator {
background: #c4cbe1;
height: 1px;
margin-top: 20px;
margin-bottom: 20px;
margin-left: -20px;
margin-right: -20px;
}
.panel .panel-body,
.ks-panel .panel-body {
padding: 1.25rem;
}
.panel.ks-solid > .card-header,
.panel.ks-solid.panel-default > .card-header,
.ks-panel.ks-solid > .card-header,
.ks-panel.ks-solid.panel-default > .card-header {
border-bottom: none;
padding: 30px 30px;
background: transparent;
}
.panel.ks-solid > .card-header + .card-block,
.panel.ks-solid.panel-default > .card-header + .card-block,
.ks-panel.ks-solid > .card-header + .card-block,
.ks-panel.ks-solid.panel-default > .card-header + .card-block {
padding-top: 0;
}
.panel.ks-solid > .card-block,
.panel.ks-solid.panel-default > .card-block,
.ks-panel.ks-solid > .card-block,
.ks-panel.ks-solid.panel-default > .card-block {
padding: 30px 30px 30px 30px;
background: transparent;
}
.panel.ks-solid.ks-bg-light-gray,
.panel.ks-solid.panel-default.ks-bg-light-gray,
.ks-panel.ks-solid.ks-bg-light-gray,
.ks-panel.ks-solid.panel-default.ks-bg-light-gray {
background-color: rgba(57, 80, 155, 0.05);
}
.panel.ks-information .card-header,
.ks-panel.ks-information .card-header {
padding-left: 30px;
padding-right: 30px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.panel.ks-information .card-header:after,
.ks-panel.ks-information .card-header:after {
display: none;
}
.panel.ks-information .card-block,
.ks-panel.ks-information .card-block {
padding: 30px;
}
.panel.ks-simple,
.ks-panel.ks-simple {
position: relative;
}
.panel.ks-simple > .ks-close,
.ks-panel.ks-simple > .ks-close {
color: rgba(58, 82, 155, 0.4);
font-size: 16px;
position: absolute;
right: 20px;
top: 10px;
}
.panel.ks-simple > .card-block,
.ks-panel.ks-simple > .card-block {
padding: 30px;
}
.panel.panel-default,
.ks-panel.panel-default {
border: solid 1px #dee0e1;
}
.panel.panel-default .card-header,
.panel.panel-default .panel-heading,
.ks-panel.panel-default .card-header,
.ks-panel.panel-default .panel-heading {
border-bottom: solid 1px #dee0e1;
}
.panel.panel-default .card-block .panel-separator,
.panel.panel-default .panel-body .panel-separator,
.ks-panel.panel-default .card-block .panel-separator,
.ks-panel.panel-default .panel-body .panel-separator {
border: solid 1px #dee0e1;
}
.panel.panel-default .card-header .ks-control,
.panel.panel-default .panel-heading .ks-control,
.ks-panel.panel-default .card-header .ks-control,
.ks-panel.panel-default .panel-heading .ks-control {
color: rgba(58, 82, 155, 0.4);
}
.panel.panel-default.header-gray .card-header {
background-color: #dee0e1;
}
.panel.panel-default.block-gray .card-block {
background-color: #dee0e1;
}
.panel.panel-gray .card-header {
background-color: #dee0e1;
}
.panel.panel-gray .card-block {
background-color: #dee0e1;
}
.panel.panel-primary {
border: none;
}
.panel.panel-primary .card-header {
background-color: #0052cc;
color: #fff;
border-top: solid 1px #0052cc;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.panel.panel-primary .card-block {
border: none;
background-color: #0052cc;
-webkit-border-bottom-left-radius: 2px;
border-bottom-left-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
border-bottom-right-radius: 2px;
color: white;
}
.panel.panel-primary .card-block h1,
.panel.panel-primary .card-block h2,
.panel.panel-primary .card-block h3,
.panel.panel-primary .card-block h4,
.panel.panel-primary .card-block h5,
.panel.panel-primary .card-block h6 {
color: white;
}
.panel.panel-primary.header-default .card-header {
background-color: transparent;
border-top: solid 1px rgba(57, 81, 155, 0.3);
border-left: solid 1px rgba(57, 81, 155, 0.3);
border-right: solid 1px rgba(57, 81, 155, 0.3);
border-bottom: none;
color: #333;
}
.panel.panel-primary.header-default .card-block {
border: none;
background-color: #0052cc;
border-top: 1px solid #0052cc;
-webkit-border-bottom-left-radius: 2px;
border-bottom-left-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
border-bottom-right-radius: 2px;
color: rgba(255, 255, 255, 0.7);
}
.panel.panel-primary.block-default .card-header {
background-color: #0052cc;
color: #fff;
border-top: solid 1px #0052cc;
border-bottom: solid 1px #0052cc;
}
.panel.panel-primary.block-default .card-block {
background-color: transparent;
border-bottom: solid 1px rgba(57, 81, 155, 0.3);
border-left: solid 1px rgba(57, 81, 155, 0.3);
border-right: solid 1px rgba(57, 81, 155, 0.3);
-webkit-border-bottom-left-radius: 2px;
border-bottom-left-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
border-bottom-right-radius: 2px;
color: #333;
}
.panel.panel-primary.block-default .card-block h1,
.panel.panel-primary.block-default .card-block h2,
.panel.panel-primary.block-default .card-block h3,
.panel.panel-primary.block-default .card-block h4,
.panel.panel-primary.block-default .card-block h5,
.panel.panel-primary.block-default .card-block h6 {
color: #333;
}
.panel.panel-default.color-blue {
border-color: #0052cc;
}
.panel.panel-default.color-blue .card-header {
border-bottom-color: #0052cc;
}
.panel.panel-info {
border: none;
}
.panel.panel-info .card-header {
background-color: #42a5f5;
color: #fff;
border-top: solid 1px #42a5f5;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.panel.panel-info .card-block {
border: none;
background-color: #42a5f5;
border-top: 1px solid #42a5f5;
-webkit-border-bottom-left-radius: 2px;
border-bottom-left-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
border-bottom-right-radius: 2px;
color: white;
}
.panel.panel-info .card-block h1,
.panel.panel-info .card-block h2,
.panel.panel-info .card-block h3,
.panel.panel-info .card-block h4,
.panel.panel-info .card-block h5,
.panel.panel-info .card-block h6 {
color: white;
}
.panel.panel-default.color-cyan {
border-color: #42a5f5;
}
.panel.panel-default.color-cyan .card-header {
border-bottom-color: #42a5f5;
}
.panel.panel-success {
border: none;
}
.panel.panel-success .card-header {
background-color: #4caf50;
color: #fff;
border-top: solid 1px #4caf50;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.panel.panel-success .card-block {
border: none;
background-color: #4caf50;
border-top: 1px solid #4caf50;
-webkit-border-bottom-left-radius: 2px;
border-bottom-left-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
border-bottom-right-radius: 2px;
color: white;
}
.panel.panel-success .card-block h1,
.panel.panel-success .card-block h2,
.panel.panel-success .card-block h3,
.panel.panel-success .card-block h4,
.panel.panel-success .card-block h5,
.panel.panel-success .card-block h6 {
color: white;
}
.panel.panel-default.panel-success {
border-color: #4caf50;
}
.panel.panel-default.panel-success .card-header {
border-bottom-color: #4caf50;
}
.panel.panel-orange {
border: none;
}
.panel.panel-orange .card-header {
background-color: #ef5350;
color: #fff;
border-top: solid 1px #ef5350;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.panel.panel-orange .card-block {
border: none;
background-color: #ef5350;
border-top: 1px solid #ef5350;
-webkit-border-bottom-left-radius: 2px;
border-bottom-left-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
border-bottom-right-radius: 2px;
color: white;
}
.panel.panel-orange .card-block h1,
.panel.panel-orange .card-block h2,
.panel.panel-orange .card-block h3,
.panel.panel-orange .card-block h4,
.panel.panel-orange .card-block h5,
.panel.panel-orange .card-block h6 {
color: white;
}
.panel.panel-default.color-orange {
border-color: #ef5350;
}
.panel.panel-default.color-orange .card-header {
border-bottom-color: #ef5350;
}
.panel.panel-purple {
border: none;
}
.panel.panel-purple .card-header {
background-color: #d149d0;
color: #fff;
border-top: solid 1px #d149d0;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.panel.panel-purple .card-block {
border: none;
background-color: #d149d0;
border-top: 1px solid #d149d0;
-webkit-border-bottom-left-radius: 2px;
border-bottom-left-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
border-bottom-right-radius: 2px;
color: white;
}
.panel.panel-purple .card-block h1,
.panel.panel-purple .card-block h2,
.panel.panel-purple .card-block h3,
.panel.panel-purple .card-block h4,
.panel.panel-purple .card-block h5,
.panel.panel-purple .card-block h6 {
color: white;
}
.panel.panel-default.color-purple {
border-color: #d149d0;
}
.panel.panel-default.color-purple .card-header {
border-bottom-color: #d149d0;
}
.panel.panel-yellow {
border: none;
}
.panel.panel-yellow .card-header {
background-color: #ffb300;
color: #fff;
border-top: solid 1px #ffb300;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.panel.panel-yellow .card-block {
border: none;
background-color: #ffb300;
border-top: 1px solid #ffb300;
-webkit-border-bottom-left-radius: 2px;
border-bottom-left-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
border-bottom-right-radius: 2px;
color: white;
}
.panel.panel-yellow .card-block h1,
.panel.panel-yellow .card-block h2,
.panel.panel-yellow .card-block h3,
.panel.panel-yellow .card-block h4,
.panel.panel-yellow .card-block h5,
.panel.panel-yellow .card-block h6 {
color: white;
}
.panel.panel-default.color-yellow {
border-color: #ffb300;
}
.panel.panel-default.color-yellow .card-header {
border-bottom-color: #ffb300;
}
.panel form > .form-group:last-child {
margin-bottom: 5px;
}
.card {
-webkit-border-radius: 2px;
border-radius: 2px;
border: solid 1px #dee0e1;
margin: 0;
}
.card + .card {
margin-top: 30px;
}
.card.ks-card-tabs .card-block {
padding: 0;
}
.card.ks-card-tabs .ks-tabs-container {
border: none;
-webkit-border-radius: 0;
border-radius: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
}
.card.ks-card-tabs .ks-tabs-container.ks-tabs-vertical > .nav-tabs {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.card.ks-card-tabs .ks-tabs-container.ks-tabs-vertical > .tab-content {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.card.ks-card-tabs .ks-tabs-container.ks-tabs-vertical .ks-tab-content-center {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.card > .card-header {
line-height: 15px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.card > .card-header::after {
display: none;
}
.card > .card-header > .ks-controls {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
margin-left: 10px;
}
.card > .card-header > .ks-controls > .ks-control {
color: #b5beda;
margin-right: 5px;
}
.card > .card-header > .ks-controls > .ks-control > .ks-icon {
font-size: 17px;
line-height: 17px;
font-weight: normal;
}
.card > .card-header > .ks-controls > .ks-control + .ks-control {
margin-left: 5px;
}
.card > .card-header > .ks-controls > .ks-control:hover {
color: #93a1c9;
}
.card > .card-header > .ks-controls > .ks-control:last-child {
margin-right: 0;
}
.card > .card-block h1,
.card > .card-block h2,
.card > .card-block h3,
.card > .card-block h4,
.card > .card-block h5,
.card > .card-block h6 {
margin-top: 0;
margin-bottom: 20px;
}
.card > .card-block > .ks-items-block + .ks-items-block {
margin-top: 20px;
}
.card > .card-block > .ks-items-block > .btn + .btn:not(.btn-block) {
margin-left: 10px;
}
.card > .card-block > .ks-items-block > .btn-group + .btn-group {
margin-left: 10px;
}
.card > .card-block > .ks-text-block {
margin-bottom: 20px;
}
.card > .card-block > .ks-text-block:last-child {
margin-bottom: 0;
}
.card > .card-block > .ks-text-block > .ks-name {
font-size: 10px;
color: rgba(51, 51, 51, 0.6);
margin-bottom: 10px;
text-transform: uppercase;
}
.card > .card-block > .ks-text-block > .ks-text {
font-size: 12px;
}
.card > .card-block > .ks-text-block > .ks-tags > .badge {
margin-right: 5px;
}
.card > .card-block > .ks-text-block > .ks-tags > .badge:last-child {
margin-bottom: 0;
}
.card.ks-card-image {
padding: 20px;
}
.card.ks-card-image > .ks-header {
margin-top: 0;
}
.card.ks-card-image > img {
-webkit-border-radius: 2px;
border-radius: 2px;
}
.card.ks-card-image > .ks-info {
margin-top: 15px;
}
.card > .card-block.ks-card-block-table {
padding: 0;
}
.card > .card-block.ks-card-block-table > .card-title {
padding: 20px;
margin: 0;
}
.card > .card-block.ks-card-block-table > .table {
margin: 0;
}
.card.ks-dashboard-widget-fullscreen {
position: fixed !important;
top: 0;
left: 0;
bottom: 0;
width: 100%;
z-index: 10;
-webkit-border-radius: 0;
border-radius: 0;
border: none;
margin: 0;
}
.card.ks-dashboard-widget-fullscreen [data-control-content-visible] {
display: none;
}
.card.ks-dashboard-widget-content-hidden > .card-header {
border-bottom: none;
}
.card.ks-dashboard-widget-content-hidden [data-control-fullscreen],
.card.ks-dashboard-widget-content-hidden [data-control-refresh] {
display: none;
}
.ks-card-widget {
padding: 0;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.ks-card-widget .card-header {
margin: 0;
background: #fff;
border-bottom: none;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 26px 30px 10px 30px;
font-size: 18px;
color: #333;
font-weight: normal;
}
.ks-card-widget .card-header > .ks-control {
margin-right: -9px;
}
.ks-card-widget .card-header > .ks-control .ks-icon {
font-size: 28px;
color: #b6ada1;
}
.ks-card-widget .card-header > .ks-controls .ks-control-link {
font-size: 12px;
color: #858585;
}
.ks-card-widget .card-header > .ks-controls .ks-control-icon {
font-size: 28px;
color: #b6ada1;
line-height: 27px;
margin-top: -6px;
display: inline-block;
margin-left: 25px;
}
.ks-card-widget .card-block {
padding: 0 30px 30px 30px;
}
.ks-card-widget .ks-card-widget-datetime {
margin-bottom: 20px;
font-size: 12px;
line-height: 1.67;
color: #858585;
}
.ks-card-widget .ks-card-widget-datetime .ks-text-bold {
color: #333;
}
.ks-card-widget.ks-card-widget-simple .card-header {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 5px 30px 0 30px;
}
.ks-card-widget.ks-card-widget-simple .card-header > .ks-control {
margin-right: -20px;
}
/* END UIKIT CARDS */
.card {
-webkit-border-radius: 2px;
border-radius: 2px;
border: 1px solid #dee0e1;
}
.card-header {
padding: 15px 20px;
background-color: #fff;
border-bottom: 1px solid #dee0e1;
font-size: 17px;
line-height: 20px;
margin: 0 !important;
}
.card-header:first-child {
-webkit-border-radius: 0;
border-radius: 0;
}
.card-header-pills {
padding: 0;
margin: -7px -13px;
}
.card-header-pills .nav-link {
padding: 7px 18px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
.card-header-pills .nav-link.active {
background: #0052cc;
}
.card-header-tabs {
padding: 0;
background: transparent;
margin: -7px -13px -16px -13px;
}
.card-header-tabs .nav-link {
padding: .65em 1em;
-webkit-border-top-right-radius: 2px;
border-top-right-radius: 2px;
-webkit-border-top-left-radius: 2px;
border-top-left-radius: 2px;
}
.card-header-tabs .nav-link:hover:not(.active),
.card-header-tabs .nav-link :focus,
.card-header-tabs .nav-link :active {
border-color: transparent !important;
}
.card-block {
padding: 16px 20px;
font-size: 13px;
}
.card-footer {
border-top: 1px solid #dee0e1;
background: #F9FAFB;
color: rgba(0, 0, 0, 0.4);
font-size: 13px;
line-height: 20px;
padding: 15px 20px;
}
.card-text {
font-size: 13px;
}
.card-inverse .card-footer,
.card-inverse .card-header {
border-color: rgba(255, 255, 255, 0.15);
}
.card-primary {
background-color: #0052cc;
border-color: #0052cc;
}
.card-secondary {
background-color: #ebebeb;
border-color: #ebebeb;
}
.card-secondary .card-header {
border-bottom-color: rgba(0, 0, 0, 0.1);
}
.card-secondary .card-header,
.card-secondary .card-block,
.card-secondary .card-text,
.card-secondary .card-footer,
.card-secondary .card-blockquote {
color: #333;
}
.card-success {
background-color: #4caf50;
border-color: #4caf50;
}
.card-info {
background-color: #42a5f5;
border-color: #42a5f5;
}
.card-warning {
background-color: #ffb300;
border-color: #ffb300;
}
.card-danger {
background-color: #ef5350;
border-color: #ef5350;
}
[class*="card-outline-"] .card-header {
background: transparent;
}
[class*="card-outline-"] .card-header[class*="bg-"] {
color: #fff;
}
.card-outline-primary {
border-color: #0052cc;
}
.card-outline-primary .card-header,
.card-outline-primary .card-footer {
border-color: #0052cc;
}
.card-outline-secondary {
border-color: #ebebeb;
}
.card-outline-secondary .card-header,
.card-outline-secondary .card-footer {
color: #333 !important;
border-color: #ebebeb;
}
.card-outline-info {
border-color: #42a5f5;
}
.card-outline-info .card-header,
.card-outline-info .card-footer {
border-color: #42a5f5;
}
.card-outline-success {
border-color: #4caf50;
}
.card-outline-success .card-header,
.card-outline-success .card-footer {
border-color: #4caf50;
}
.card-outline-warning {
border-color: #ffb300;
}
.card-outline-warning .card-header,
.card-outline-warning .card-footer {
border-color: #ffb300;
}
.card-outline-danger {
border-color: #ef5350;
}
.card-outline-danger .card-header,
.card-outline-danger .card-footer {
border-color: #ef5350;
}
.ks-card-solid {
border: none;
position: relative;
}
.ks-card-solid .card-header {
position: absolute;
top: 0;
left: 0;
width: 100%;
background-color: #ccc;
border-bottom: none;
}
.ks-card-accordion .card-header {
margin-bottom: 0;
cursor: pointer;
font-size: 1rem;
}
.ks-card-accordion .card-title {
margin-bottom: 0;
font-size: 1rem;
}
.ks-card-accordion .card-title a {
position: relative;
top: 1px;
}
/* BEGIN UIKIT PROGRESS */
.progress {
width: 100%;
-webkit-border-radius: 2px;
border-radius: 2px;
height: 16px;
background-color: rgba(57, 81, 155, 0.1);
font-size: 12px;
}
.progress.ks-rounded {
-webkit-border-radius: 12px;
border-radius: 12px;
}
.progress.ks-progress-sm {
height: 10px;
}
.progress.ks-progress-xs {
height: 6px;
}
.progress > .progress-bar {
background-color: #0052cc;
}
.ks-progress.ks-progress-inline {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.ks-progress.ks-progress-inline > .ks-amount {
margin-left: 10px;
font-size: 12px;
}
/* END UIKIT PROGRESS */
/* BEGIN UIKIT BADGES */
.badge {
display: inline-block;
padding: 7px 6px 6px 6px;
font-size: 10px;
font-weight: 500;
line-height: 7px;
-webkit-border-radius: 2px;
border-radius: 2px;
text-transform: uppercase;
font-family: "Montserrat", sans-serif;
}
.badge.badge-pill {
padding-left: 8px;
padding-right: 8px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.badge.ks-notify {
padding: 0 4px;
-webkit-border-radius: 9px;
border-radius: 9px;
line-height: 18px;
min-width: 18px;
min-height: 18px;
text-align: center;
border: none;
}
.badge.ks-sm {
padding: 3px 6px;
font-size: 9px;
}
.badge:empty {
display: inline-block;
}
.badge-default {
background-color: #eff1fc;
border: 1px solid #eff1fc;
color: #333;
}
.badge-default-outline {
background-color: transparent;
border: 1px solid #c4cbe1;
color: #333;
}
.badge-default[href]:focus,
.badge-default[href]:hover {
background-color: #eff1fc;
}
.badge-primary {
background-color: #0052cc;
border: 1px solid #0052cc;
color: #fff;
}
.badge-primary-outline {
background-color: transparent;
border: solid 1px #0052cc;
color: #0052cc;
}
.badge-primary[href]:focus,
.badge-primary[href]:hover {
background-color: #0052cc;
}
.badge-success {
background-color: #4caf50;
border: solid 1px #4caf50;
color: #fff;
}
.badge-success[href]:focus,
.badge-success[href]:hover {
background-color: #4caf50;
}
.badge-success-outline {
background-color: transparent;
border: solid 1px #4caf50;
color: #4caf50;
}
.badge-mantis {
background-color: #81c159;
border: solid 1px #81c159;
color: #fff;
}
.badge-mantis[href]:focus,
.badge-mantis[href]:hover {
background-color: #81c159;
}
.badge-mantis-outline {
background-color: transparent;
border: solid 1px #81c159;
color: #81c159;
}
.badge-info {
border: solid 1px #42a5f5;
background-color: #42a5f5;
color: #fff;
}
.badge-info[href]:focus,
.badge-info[href]:hover {
background-color: #42a5f5;
}
.badge-info-outline {
background-color: transparent;
border: solid 1px #42a5f5;
color: #42a5f5;
}
.badge-warning {
background-color: #f7ca18;
border: solid 1px #f7ca18;
color: #fff;
}
.badge-warning[href]:focus,
.badge-warning[href]:hover {
background-color: #f7ca18;
}
.badge-warning-outline {
background-color: transparent;
color: #f7ca18;
border: solid 1px #f7ca18;
}
.badge-danger {
background-color: #ef5350;
border: solid 1px #ef5350;
color: #fff;
}
.badge-danger[href]:focus,
.badge-danger[href]:hover {
background-color: #ef5350;
}
.badge-danger-outline {
background-color: transparent;
color: #ef5350;
border: solid 1px #ef5350;
}
.badge-pink {
background-color: #d149d0;
border: solid 1px #d149d0;
color: #fff;
}
.badge-pink[href]:focus,
.badge-pink[href]:hover {
background-color: #d149d0;
}
.badge-pink-outline {
background-color: transparent;
color: #d149d0;
border: solid 1px #d149d0;
}
.badge-cranberry {
background-color: #df538b;
border: solid 1px #df538b;
color: #fff;
}
.badge-cranberry[href]:focus,
.badge-cranberry[href]:hover {
background-color: #df538b;
}
.badge-cranberry-outline {
background-color: transparent;
color: #df538b;
border: solid 1px #df538b;
}
.badge-grey {
background-color: #858585;
border: solid 1px #858585;
color: #fff;
}
.badge-grey[href]:focus,
.badge-grey[href]:hover {
background-color: #858585;
}
.badge-grey-outline {
background-color: transparent;
color: #858585;
border: solid 1px #858585;
}
.badge-fuchsia-pink {
background-color: #d149cc;
border: solid 1px #d149cc;
color: #fff;
}
.badge-cerise-red {
background-color: #e23e57;
border: solid 1px #e23e57;
color: #fff;
}
.badge-crusta {
background-color: #e79716;
border: solid 1px #e79716;
color: #fff;
}
.badge-medium-purple {
background-color: #9043d8;
border: solid 1px #9043d8;
color: #fff;
}
.badge-royal-blue {
background-color: #4160de;
border: solid 1px #4160de;
color: #fff;
}
.badge-persian-green {
background-color: #02a388;
border: solid 1px #02a388;
color: #fff;
}
.badge-dark-tan {
background-color: #630a10;
border: solid 1px #630a10;
color: #fff;
}
h1 .badge,
h2 .badge,
h3 .badge,
h4 .badge,
h5 .badge,
h6 .badge {
font-size: 75%;
}
h1 .badge {
padding: 5px 10px;
line-height: 1.2;
}
h2 .badge {
line-height: 1;
}
h5 .badge,
h4 .badge {
padding: 5px;
}
h6 .badge {
padding: 3px;
}
.badge-circle {
vertical-align: middle;
display: inline-block;
width: 13px;
height: 13px;
border: 3px solid transparent;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.badge.ks-circle {
padding: 0;
background: transparent;
border: none;
color: #333;
text-transform: none;
font-size: 12px;
font-weight: normal;
}
.badge.ks-circle:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 12px;
content: '';
display: inline-block;
width: 13px;
height: 13px;
border: solid 3px transparent;
margin-right: 6px;
-webkit-border-radius: 50%;
border-radius: 50%;
position: relative;
top: 2px;
}
.badge.ks-circle.badge-default:before {
border-color: #ebeef5;
}
.badge.ks-circle.badge-primary:before {
border-color: #0052cc;
}
.badge.ks-circle.badge-success:before {
border-color: #4caf50;
}
.badge.ks-circle.badge-info:before {
border-color: #42a5f5;
}
.badge.ks-circle.badge-warning:before {
border-color: #f7ca18;
}
.badge.ks-circle.badge-danger:before {
border-color: #ef5350;
}
.badge.ks-circle.badge-purple:before {
border-color: #d149d0;
}
/* END UIKIT BADGES */
/* BEGIN UIKIT POPOVER */
.popover {
font-family: "Montserrat", sans-serif;
font-size: .875rem;
line-height: 1.5;
border: 1px solid #dee0e1;
-webkit-border-radius: 2px;
border-radius: 2px;
background-color: #fff;
}
.popover.popover-top .popover-arrow,
.popover.bs-tether-element-attached-bottom .popover-arrow {
bottom: -11px;
left: 50%;
margin-left: -11px;
border-top-color: #dee0e1;
border-bottom-width: 0;
}
.popover.popover-right .popover-arrow,
.popover.bs-tether-element-attached-left .popover-arrow {
top: 50%;
left: -11px;
margin-top: -11px;
border-right-color: #dee0e1;
border-left-width: 0;
}
.popover.popover-bottom .popover-arrow,
.popover.bs-tether-element-attached-top .popover-arrow {
top: -11px;
left: 50%;
margin-left: -11px;
border-top-width: 0;
border-bottom-color: #dee0e1;
}
.popover.popover-left .popover-arrow,
.popover.bs-tether-element-attached-right .popover-arrow {
top: 50%;
right: -11px;
margin-top: -11px;
border-right-width: 0;
border-left-color: #dee0e1;
}
.popover-title {
font-size: 14px;
color: #333;
padding: 12px 20px;
margin: 0;
background-color: #fff;
border-bottom: 1px solid #dee0e1;
-webkit-border-radius: -.7rem -.7rem 0 0;
border-radius: -.7rem -.7rem 0 0;
}
.popover-content {
padding: 20px;
}
/* END UIKIT POPOVER */
/* BEGIN UIKIT TOOLTIP */
.tooltip {
font-family: "Montserrat", sans-serif;
font-size: 13px;
opacity: 1 !important;
}
.tooltip.in {
opacity: 1;
}
.tooltip.tooltip-top .tooltip-inner::before,
.tooltip.bs-tether-element-attached-bottom .tooltip-inner::before {
border-top-color: #333;
}
.tooltip.tooltip-right .tooltip-inner::before,
.tooltip.bs-tether-element-attached-left .tooltip-inner::before {
border-right-color: #333;
}
.tooltip.tooltip-bottom .tooltip-inner::before,
.tooltip.bs-tether-element-attached-top .tooltip-inner::before {
border-bottom-color: #333;
}
.tooltip.tooltip-left .tooltip-inner::before,
.tooltip.bs-tether-element-attached-right .tooltip-inner::before {
border-left-color: #333;
}
.tooltip-inner {
max-width: 220px;
padding: 10px 21px;
background-color: #333;
-webkit-border-radius: 2px;
border-radius: 2px;
opacity: 1 !important;
}
/* END UIKIT TOOLTIP */
/* BEGIN UIKIT PAGINATION */
.pagination {
padding-left: 0;
margin: 0;
-webkit-border-radius: 2px;
border-radius: 2px;
}
.page-item:first-child .page-link {
-webkit-border-top-left-radius: 2px;
border-top-left-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
border-bottom-left-radius: 2px;
}
.page-item:last-child .page-link {
-webkit-border-top-right-radius: 2px;
border-top-right-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
border-bottom-right-radius: 2px;
}
.page-item.active .page-link,
.page-item.active .page-link:focus,
.page-item.active .page-link:hover {
color: #fff;
background-color: #0052cc;
border-color: #0052cc;
}
.pagination-disabled .page-item .page-link,
.pagination-disabled .page-item .page-link:focus,
.pagination-disabled .page-item .page-link:hover {
color: #8997c3;
cursor: not-allowed;
background-color: #fff;
border-color: #d7dceb;
}
.page-item.disabled .page-link,
.page-item.disabled .page-link:focus,
.page-item.disabled .page-link:hover {
color: #8997c3;
cursor: not-allowed;
background-color: #fff;
border-color: #d7dceb;
}
.page-link {
font-size: 13px;
padding: 8px 14px;
color: #0052cc;
background-color: #fff;
border: 1px solid #c4cbe1;
}
.page-link:focus,
.page-link:hover {
color: #014c8c;
background-color: #ebeef5;
border-color: #c4cbe1;
text-decoration: none;
}
.pagination-lg .page-link {
padding: 15px 21px;
font-size: 18px;
}
.pagination-lg .page-item:first-child .page-link {
-webkit-border-top-left-radius: 2px;
border-top-left-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
border-bottom-left-radius: 2px;
}
.pagination-lg .page-item:last-child .page-link {
-webkit-border-top-right-radius: 2px;
border-top-right-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
border-bottom-right-radius: 2px;
}
.pagination-sm .page-link {
padding: 5px 11px;
font-size: 12px;
}
.pagination-sm .page-item:first-child .page-link {
-webkit-border-top-left-radius: 2px;
border-top-left-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
border-bottom-left-radius: 2px;
}
.pagination-sm .page-item:last-child .page-link {
-webkit-border-top-right-radius: 2px;
border-top-right-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
border-bottom-right-radius: 2px;
}
.pager {
padding-left: 0;
margin-top: 0;
margin-bottom: 0;
text-align: center;
list-style: none;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
}
.pager li + li {
margin-left: 10px;
}
.pager li > a,
.pager li > span {
display: inline-block;
padding: 10px 25px;
background-color: #fff;
-webkit-border-radius: 18px;
border-radius: 18px;
border: solid 1px #0052cc;
color: #0052cc;
font-weight: 500;
}
.pager li > a:focus,
.pager li > a:hover {
text-decoration: none;
background-color: #ebeef5;
}
.pager.pager-disabled li > a,
.pager.pager-disabled li > a:focus,
.pager.pager-disabled li > a:hover {
color: #8997c3;
cursor: not-allowed;
background-color: #fff;
border-color: #c4cbe1;
}
.pager .disabled > a,
.pager .disabled > a:focus,
.pager .disabled > a:hover {
color: #8997c3;
cursor: not-allowed;
background-color: #fff;
border-color: #c4cbe1;
}
.pager .disabled > span {
color: #8997c3;
background-color: #fff;
}
/* END UIKIT PAGINATION */
/* BEGIN UIKIT TABLES */
.table td.ks-checkbox {
text-align: center;
padding: 0 0 0 16px;
}
.table td.ks-checkbox > .custom-checkbox {
position: relative;
width: 16px;
height: 16px;
margin: 0;
padding: 0;
top: 1px;
}
.table.ks-no-main-row .st-head-row.st-head-row-main {
display: none;
}
.table thead th {
border-bottom: 1px solid #dee0e1;
color: #333333;
font-size: 13px;
}
.table td,
.table th {
border-top: 1px solid #dee0e1;
padding: 11px 20px;
}
.table td {
color: #333;
font-size: 13px;
}
.table td .table-cell-header {
margin-top: 5px;
margin-bottom: 10px;
color: #858585;
}
.table td.text-light,
.table td .ks-text-light {
color: #858585;
}
.table .thead-default td,
.table .thead-default th,
.table .ks-thead-default td,
.table .ks-thead-default th,
.table .ks-table-row-separator td,
.table .ks-table-row-separator th {
background-color: #ebeef5;
}
.table.text-light td,
.table.ks-text-light td {
color: #858585;
}
.table .dl-horizontal {
margin-left: -0.900rem;
margin-right: -0.900rem;
}
.table.table-hover tr:hover td {
background: #f5f6fa;
}
.table .checkbox-cell {
padding: 10px 15px;
vertical-align: top;
}
.table .checkbox-cell > .custom-control {
padding-left: 16px;
margin: 0;
}
.table .table-cell-block,
.table .ks-table-cell-block {
overflow: hidden;
height: auto;
vertical-align: middle;
}
.table .table-cell-block.image img,
.table .table-cell-block.ks-image img,
.table .ks-table-cell-block.image img,
.table .ks-table-cell-block.ks-image img {
width: 36px;
height: 36px;
}
.table .table-cell-block .image-block-container,
.table .table-cell-block .text-block-container,
.table .table-cell-block .status-block-container,
.table .table-cell-block .progress-text-container,
.table .table-cell-block .progress-block-container,
.table .ks-table-cell-block .image-block-container,
.table .ks-table-cell-block .text-block-container,
.table .ks-table-cell-block .status-block-container,
.table .ks-table-cell-block .progress-text-container,
.table .ks-table-cell-block .progress-block-container {
float: left;
vertical-align: middle;
}
.table .table-cell-block .ks-image-block-container,
.table .table-cell-block .ks-text-block-container,
.table .table-cell-block .ks-status-block-container,
.table .table-cell-block .ks-progress-text-container,
.table .table-cell-block .ks-progress-block-container,
.table .ks-table-cell-block .ks-image-block-container,
.table .ks-table-cell-block .ks-text-block-container,
.table .ks-table-cell-block .ks-status-block-container,
.table .ks-table-cell-block .ks-progress-text-container,
.table .ks-table-cell-block .ks-progress-block-container {
float: left;
vertical-align: middle;
}
.table .table-cell-block .image-block-container,
.table .table-cell-block .ks-image-block-container,
.table .ks-table-cell-block .image-block-container,
.table .ks-table-cell-block .ks-image-block-container {
margin-right: 12px;
}
.table .table-cell-block .progress-block-container,
.table .table-cell-block .ks-progress-block-container,
.table .ks-table-cell-block .progress-block-container,
.table .ks-table-cell-block .ks-progress-block-container {
width: 80px;
}
.table .table-cell-block .progress-block-container .progress,
.table .table-cell-block .ks-progress-block-container .progress,
.table .ks-table-cell-block .progress-block-container .progress,
.table .ks-table-cell-block .ks-progress-block-container .progress {
margin-top: 4px;
margin-bottom: 0;
}
.table .table-cell-block .progress-text-container,
.table .ks-table-cell-block .progress-text-container {
margin-right: 14px;
vertical-align: middle;
}
.table .table-cell-block .status-block-container .status-block,
.table .table-cell-block .status-block-container .ks-status-block,
.table .table-cell-block .ks-status-block-container .status-block,
.table .table-cell-block .ks-status-block-container .ks-status-block,
.table .ks-table-cell-block .status-block-container .status-block,
.table .ks-table-cell-block .status-block-container .ks-status-block,
.table .ks-table-cell-block .ks-status-block-container .status-block,
.table .ks-table-cell-block .ks-status-block-container .ks-status-block {
vertical-align: middle;
display: inline-block;
width: 13px;
height: 13px;
border: 3px solid transparent;
-webkit-border-radius: 50%;
border-radius: 50%;
margin-top: -2px;
margin-right: 7px;
}
.table .table-cell-block .status-block-container .status-block.status-block-info,
.table .table-cell-block .status-block-container .status-block.ks-status-block-info,
.table .table-cell-block .status-block-container .ks-status-block.status-block-info,
.table .table-cell-block .status-block-container .ks-status-block.ks-status-block-info,
.table .table-cell-block .ks-status-block-container .status-block.status-block-info,
.table .table-cell-block .ks-status-block-container .status-block.ks-status-block-info,
.table .table-cell-block .ks-status-block-container .ks-status-block.status-block-info,
.table .table-cell-block .ks-status-block-container .ks-status-block.ks-status-block-info,
.table .ks-table-cell-block .status-block-container .status-block.status-block-info,
.table .ks-table-cell-block .status-block-container .status-block.ks-status-block-info,
.table .ks-table-cell-block .status-block-container .ks-status-block.status-block-info,
.table .ks-table-cell-block .status-block-container .ks-status-block.ks-status-block-info,
.table .ks-table-cell-block .ks-status-block-container .status-block.status-block-info,
.table .ks-table-cell-block .ks-status-block-container .status-block.ks-status-block-info,
.table .ks-table-cell-block .ks-status-block-container .ks-status-block.status-block-info,
.table .ks-table-cell-block .ks-status-block-container .ks-status-block.ks-status-block-info {
border-color: #42a5f5;
}
.table .table-cell-block .status-block-container .status-block.status-block-success,
.table .table-cell-block .status-block-container .status-block.ks-status-block-success,
.table .table-cell-block .status-block-container .ks-status-block.status-block-success,
.table .table-cell-block .status-block-container .ks-status-block.ks-status-block-success,
.table .table-cell-block .ks-status-block-container .status-block.status-block-success,
.table .table-cell-block .ks-status-block-container .status-block.ks-status-block-success,
.table .table-cell-block .ks-status-block-container .ks-status-block.status-block-success,
.table .table-cell-block .ks-status-block-container .ks-status-block.ks-status-block-success,
.table .ks-table-cell-block .status-block-container .status-block.status-block-success,
.table .ks-table-cell-block .status-block-container .status-block.ks-status-block-success,
.table .ks-table-cell-block .status-block-container .ks-status-block.status-block-success,
.table .ks-table-cell-block .status-block-container .ks-status-block.ks-status-block-success,
.table .ks-table-cell-block .ks-status-block-container .status-block.status-block-success,
.table .ks-table-cell-block .ks-status-block-container .status-block.ks-status-block-success,
.table .ks-table-cell-block .ks-status-block-container .ks-status-block.status-block-success,
.table .ks-table-cell-block .ks-status-block-container .ks-status-block.ks-status-block-success {
border-color: #4caf50;
}
.table .table-cell-block .status-block-container .status-block.status-block-pink,
.table .table-cell-block .status-block-container .status-block.ks-status-block-pink,
.table .table-cell-block .status-block-container .ks-status-block.status-block-pink,
.table .table-cell-block .status-block-container .ks-status-block.ks-status-block-pink,
.table .table-cell-block .ks-status-block-container .status-block.status-block-pink,
.table .table-cell-block .ks-status-block-container .status-block.ks-status-block-pink,
.table .table-cell-block .ks-status-block-container .ks-status-block.status-block-pink,
.table .table-cell-block .ks-status-block-container .ks-status-block.ks-status-block-pink,
.table .ks-table-cell-block .status-block-container .status-block.status-block-pink,
.table .ks-table-cell-block .status-block-container .status-block.ks-status-block-pink,
.table .ks-table-cell-block .status-block-container .ks-status-block.status-block-pink,
.table .ks-table-cell-block .status-block-container .ks-status-block.ks-status-block-pink,
.table .ks-table-cell-block .ks-status-block-container .status-block.status-block-pink,
.table .ks-table-cell-block .ks-status-block-container .status-block.ks-status-block-pink,
.table .ks-table-cell-block .ks-status-block-container .ks-status-block.status-block-pink,
.table .ks-table-cell-block .ks-status-block-container .ks-status-block.ks-status-block-pink {
border-color: #d149d0;
}
.table .table-cell-block.block-danger,
.table .table-cell-block.ks-block-danger,
.table .ks-table-cell-block.block-danger,
.table .ks-table-cell-block.ks-block-danger {
vertical-align: middle;
padding: 9px;
display: inline-block;
-webkit-border-radius: 2px;
border-radius: 2px;
background-color: #fdf0ed;
}
.table .table-cell-block.block-danger .text-block-sub-text,
.table .table-cell-block.block-danger .ks-text-block-sub-text,
.table .table-cell-block.ks-block-danger .text-block-sub-text,
.table .table-cell-block.ks-block-danger .ks-text-block-sub-text,
.table .ks-table-cell-block.block-danger .text-block-sub-text,
.table .ks-table-cell-block.block-danger .ks-text-block-sub-text,
.table .ks-table-cell-block.ks-block-danger .text-block-sub-text,
.table .ks-table-cell-block.ks-block-danger .ks-text-block-sub-text {
color: #ef5350;
}
.table .text-block-container,
.table .ks-text-block-container {
vertical-align: middle;
}
.table .text-block-container .text-block-sub-text,
.table .text-block-container .ks-text-block-sub-text,
.table .ks-text-block-container .text-block-sub-text,
.table .ks-text-block-container .ks-text-block-sub-text {
vertical-align: middle;
font-size: 11px;
color: #858585;
}
.table .table-actions {
width: 43px;
padding: 0;
}
.table .table-actions .btn-link {
color: #8897c3;
font-size: 18px;
padding: 0;
margin: 0;
display: block;
}
.table .table-actions .dropdown.open .btn-link {
color: #333;
}
.table .table-actions .dropdown.open .dropdown-menu {
margin-right: 4px;
}
.table .table-actions .dropdown-menu {
font-size: 12px;
padding: 0;
border: solid 1px #c4cbe1;
margin: 4px 0;
-webkit-border-radius: 2px;
border-radius: 2px;
}
.table .table-actions .dropdown-menu .dropdown-item {
color: #474747;
padding: 10px 15px;
margin: 0;
border-bottom: 1px solid #c4cbe1;
}
.table .table-actions .dropdown-menu .dropdown-item:hover {
background-color: #ebeef5;
color: #333;
}
.table .table-actions .dropdown-menu .dropdown-item:last-child {
border-bottom: none;
}
.table .table-actions .dropdown-menu .dropdown-item .icon,
.table .table-actions .dropdown-menu .dropdown-item .ks-icon {
font-size: 16px;
display: inline-block;
margin-right: 4px;
position: relative;
top: 1px;
}
.table .table-actions .dropdown-menu .dropdown-divider {
display: none;
}
.table .row-checked th,
.table .row-checked td {
background-color: rgba(57, 81, 155, 0.05);
}
.table.vertical-align-middle th,
.table.vertical-align-middle td,
.table.ks-cells-vertical-align-middle th,
.table.ks-cells-vertical-align-middle td {
vertical-align: middle;
}
.table.table-sm th,
.table.table-sm td,
.table.ks-tbale-sm th,
.table.ks-tbale-sm td {
padding: 7px 20px;
}
.table-bordered {
border: 1px solid #dee0e1;
}
.table-bordered td,
.table-bordered th {
border: 1px solid #dee0e1;
}
.table-striped tbody tr:nth-of-type(odd) {
background-color: #f5f6fa;
}
.card.panel-table .card-block,
.card.ks-panel-table .card-block {
padding: 0;
}
.card.panel-table .card-block .table,
.card.ks-panel-table .card-block .table {
margin-bottom: 0;
}
.card.panel-table .card-block .table thead th,
.card.ks-panel-table .card-block .table thead th {
border-top: none;
}
.card.panel-table .card-block .table tr:first-child td,
.card.panel-table .card-block .table tr:first-child th,
.card.ks-panel-table .card-block .table tr:first-child td,
.card.ks-panel-table .card-block .table tr:first-child th {
border-top: none;
}
.card.panel-table .card-block .table-bordered,
.card.ks-panel-table .card-block .table-bordered {
border: none;
}
.card.panel-table .card-block .table-bordered thead tr:last-child th,
.card.panel-table .card-block .table-bordered thead tr:last-child td,
.card.ks-panel-table .card-block .table-bordered thead tr:last-child th,
.card.ks-panel-table .card-block .table-bordered thead tr:last-child td {
border-bottom: 1px solid #dee0e1;
}
.card.panel-table .card-block .table-bordered tr:first-child td,
.card.panel-table .card-block .table-bordered tr:first-child th,
.card.ks-panel-table .card-block .table-bordered tr:first-child td,
.card.ks-panel-table .card-block .table-bordered tr:first-child th {
border-top: none;
}
.card.panel-table .card-block .table-bordered td:first-child,
.card.panel-table .card-block .table-bordered th:first-child,
.card.ks-panel-table .card-block .table-bordered td:first-child,
.card.ks-panel-table .card-block .table-bordered th:first-child {
border-left: none;
}
.card.panel-table .card-block .table-bordered td:last-child,
.card.panel-table .card-block .table-bordered th:last-child,
.card.ks-panel-table .card-block .table-bordered td:last-child,
.card.ks-panel-table .card-block .table-bordered th:last-child {
border-right: none;
}
.card.panel-table .card-block .table-bordered tr:last-child td,
.card.panel-table .card-block .table-bordered tr:last-child th,
.card.ks-panel-table .card-block .table-bordered tr:last-child td,
.card.ks-panel-table .card-block .table-bordered tr:last-child th {
border-bottom: none;
}
.ks-log-table > .ks-header {
font-weight: normal;
margin-top: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.ks-log-table > .ks-header.ks-xs {
font-size: 14px;
font-weight: 500;
}
.ks-log-table > .ks-header a {
font-size: 14px;
}
.ks-log-table > .table thead th {
background-color: #f5f6fa;
}
.ks-log-table > .table td,
.ks-log-table > .table th {
border: none;
}
.ks-log-table > .table td {
padding: 15px 20px;
}
.ks-log-table > .table .ks-icon {
font-size: 19px;
display: inline-block;
margin-left: 2px;
position: relative;
top: 2px;
}
.ks-log-table > .table .ks-download {
width: 140px;
}
.ks-table-info tr td {
vertical-align: middle;
padding-bottom: 10px;
}
.ks-table-info tr:last-child td {
padding-bottom: 0;
}
.ks-table-info .ks-icon {
font-size: 16px;
width: 20px;
margin-right: 10px;
display: inline-block;
position: relative;
top: -1px;
}
.ks-table-details {
width: 100%;
}
.ks-table-details td {
width: 50%;
padding-bottom: 20px;
}
.ks-table-details td > .ks-header {
font-size: 10px;
font-weight: 500;
color: #858585;
text-transform: uppercase;
margin-bottom: 5px;
}
.ks-table-details td > .ks-body > .ks-icon {
font-size: 16px;
display: inline-block;
margin-right: 4px;
}
.ks-table-details td > .ks-body .btn {
margin-top: 10px;
}
.ks-table-details td > .ks-body .ks-user {
color: #333;
}
.ks-table-details td > .ks-body .ks-user > .ks-avatar {
width: 25px;
height: 25px;
display: inline-block;
margin-right: 5px;
}
.ks-table-cells-vertical-align-middle td {
vertical-align: middle;
}
/* END UIKIT TABLES */
/* BEGIN UIKIT TABS */
.ks-tabs-page-container {
background: #f5f6fa;
padding: 0;
}
.ks-tabs-page-container .ks-tabs-container-description {
padding: 30px;
}
.ks-tabs-page-container .ks-tabs-container-description > h3 {
font-weight: 500;
margin-top: 0;
margin-bottom: 0;
}
.ks-tabs-page-container .ks-tabs-container-description > p {
color: #858585;
margin-top: 5px;
margin-bottom: 0;
}
.ks-tabs-page-container > .tab-content {
background: #fff;
}
.ks-tabs-page-container > .tab-content > .tab-pane {
padding: 30px;
}
.ks-tabs-page-container > .ks-nav-tabs .nav-item:first-child {
margin-left: 30px;
}
.nav.ks-nav-tabs {
border-bottom: 1px solid #d7dceb;
border-color: #d7dceb;
/*#c4cbe1;*/
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.nav.ks-nav-tabs.ks-tabs-page-default .nav-link {
position: relative;
padding: 15px 20px;
-webkit-border-radius: 0;
border-radius: 0;
font-size: 14px;
color: #333333;
border-left: 1px solid #d7dceb;
border-top: 1px solid #d7dceb;
border-right: none;
border-bottom: none;
}
.nav.ks-nav-tabs.ks-tabs-page-default .nav-link > .badge {
padding: 3px 6px;
-webkit-border-radius: 9px;
border-radius: 9px;
margin-left: 6px;
line-height: 11px;
}
.nav.ks-nav-tabs.ks-tabs-page-default .nav-link.active {
font-weight: 500;
background: #fff;
}
.nav.ks-nav-tabs.ks-tabs-page-default .nav-link.active::before {
content: '';
position: absolute;
top: -1px;
left: -1px;
right: -1px;
height: 4px;
display: block;
background: #0052cc;
z-index: 1;
}
.nav.ks-nav-tabs.ks-tabs-page-default .nav-link.active::after {
content: '';
position: absolute;
bottom: -1px;
left: 0;
right: 0;
height: 1px;
display: block;
background: #fff;
z-index: 1;
}
.nav.ks-nav-tabs.ks-tabs-page-default .nav-item + .nav-item {
margin-left: 0;
}
.nav.ks-nav-tabs.ks-tabs-page-default .nav-item:last-child .nav-link {
border-right: 1px solid #d7dceb;
}
.nav.ks-nav-tabs .nav-item.dropdown .dropdown-menu {
margin: 0;
margin-top: 4px;
-webkit-border-top-left-radius: 0;
border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
border-top-right-radius: 0;
}
.nav.ks-nav-tabs .nav-item.dropdown.show > .nav-link,
.nav.ks-nav-tabs .nav-item.dropdown.show > .nav-link:hover {
position: relative;
}
.nav.ks-nav-tabs .nav-item.dropdown.show > .nav-link::before,
.nav.ks-nav-tabs .nav-item.dropdown.show > .nav-link:hover::before {
content: '';
position: absolute;
top: auto;
left: 0;
right: 0;
bottom: 0;
height: 4px;
display: block;
background: #42a5f5;
z-index: 1;
}
.ks-tabs-container .tab-content .tab-pane {
padding: 20px;
}
.ks-tabs-container.ks-tabs-primary .nav-link.active {
position: relative;
}
.ks-tabs-container.ks-tabs-primary .nav-link.active::before {
content: '';
position: absolute;
bottom: auto;
left: -1px;
right: -1px;
top: -1px;
height: 4px;
display: block;
background: #0052cc;
z-index: 1;
}
.ks-tabs-container.ks-tabs-info .nav-link.active {
position: relative;
}
.ks-tabs-container.ks-tabs-info .nav-link.active::before {
content: '';
position: absolute;
bottom: auto;
left: -1px;
right: -1px;
top: -1px;
height: 4px;
display: block;
background: #42a5f5;
z-index: 1;
}
.ks-tabs-container .ks-nav-tabs .nav-item + .nav-item {
margin-left: 0;
}
.ks-tabs-container .ks-nav-tabs .nav-item .nav-link .ks-icon {
display: inline-block;
margin-right: 7px;
font-size: 23px;
position: relative;
top: 3px;
line-height: 11px;
}
.ks-tabs-container.ks-tabs-icons-vertical .ks-nav-tabs .nav-item .nav-link {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding-top: 15px;
padding-bottom: 15px;
text-align: center;
}
.ks-tabs-container.ks-tabs-icons-vertical .ks-nav-tabs .nav-item .nav-link > .ks-icon {
margin: 0;
margin-bottom: 10px;
top: 0;
}
.ks-tabs-container.ks-tabs-icons .ks-nav-tabs .nav-item .nav-link .ks-icon {
margin-right: 0;
}
.ks-tabs-container.ks-tabs-default {
-webkit-border-radius: 2px;
border-radius: 2px;
border: solid 1px #d7dceb;
}
.ks-tabs-container.ks-tabs-default .nav-link {
color: #333;
line-height: 14px;
position: relative;
font-size: 14px;
padding: 18px 20px;
}
.ks-tabs-container.ks-tabs-default .nav-link.active {
font-weight: 500;
}
.ks-tabs-container.ks-tabs-default .nav-link:focus {
color: #333;
}
.ks-tabs-container.ks-tabs-default.ks-tabs-header-default .ks-nav-tabs {
background: #f5f6fa;
}
.ks-tabs-container.ks-tabs-default.ks-tabs-no-separator > .ks-nav-tabs .nav-link {
border: none;
}
.ks-tabs-container.ks-tabs-default.ks-tabs-no-separator > .ks-nav-tabs .nav-link:hover::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 4px;
display: block;
z-index: 1;
background: #d3edfc;
}
.ks-tabs-container.ks-tabs-default.ks-tabs-no-separator > .ks-nav-tabs .nav-link.active::before,
.ks-tabs-container.ks-tabs-default.ks-tabs-no-separator > .ks-nav-tabs .nav-link.active:hover::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 4px;
display: block;
background: #42a5f5;
z-index: 1;
}
.ks-tabs-container.ks-tabs-default.ks-tabs-no-separator.ks-tabs-bottom .ks-nav-tabs {
border-top: 1px solid #d7dceb;
border-bottom: none;
}
.ks-tabs-container.ks-tabs-default.ks-tabs-no-separator.ks-tabs-bottom .nav-item {
margin-top: -1px;
margin-bottom: 0;
}
.ks-tabs-container.ks-tabs-default.ks-tabs-no-separator.ks-tabs-bottom .nav-link {
border: none;
}
.ks-tabs-container.ks-tabs-default.ks-tabs-no-separator.ks-tabs-bottom .nav-link:hover::before {
bottom: auto;
top: 0;
}
.ks-tabs-container.ks-tabs-default.ks-tabs-no-separator.ks-tabs-bottom .nav-link.active::before,
.ks-tabs-container.ks-tabs-default.ks-tabs-no-separator.ks-tabs-bottom .nav-link.active:hover::before {
bottom: auto;
top: 0;
}
.ks-tabs-container.ks-tabs-default.ks-tabs-with-separator .nav-link {
border: none;
-webkit-border-radius: 0;
border-radius: 0;
}
.ks-tabs-container.ks-tabs-default.ks-tabs-with-separator .nav-item .nav-link.active {
background: #fff;
border-left: solid 1px #d7dceb;
border-right: solid 1px #d7dceb;
}
.ks-tabs-container.ks-tabs-default.ks-tabs-with-separator .nav-item .nav-link.active::after {
content: '';
position: absolute;
bottom: -1px;
left: 0;
right: 0;
height: 1px;
display: block;
background: #fff;
z-index: 1;
}
.ks-tabs-container.ks-tabs-default.ks-tabs-with-separator .nav-item:first-child .nav-link.active {
border-left: none;
border-right: solid 1px #d7dceb;
}
.ks-tabs-container.ks-tabs-default.ks-tabs-with-separator.ks-tabs-bottom .ks-nav-tabs {
border-top: 1px solid #d7dceb;
border-bottom: none;
}
.ks-tabs-container.ks-tabs-default.ks-tabs-with-separator.ks-tabs-bottom .nav-item {
margin-top: -1px;
margin-bottom: 0;
}
.ks-tabs-container.ks-tabs-default.ks-tabs-with-separator.ks-tabs-bottom .nav-item > .nav-link.active::after {
display: none;
}
.ks-tabs-container.ks-tabs-vertical {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.ks-tabs-container.ks-tabs-vertical.ks-center-content {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.ks-tabs-container.ks-tabs-vertical.ks-center-content .tab-content {
text-align: center;
}
.ks-tabs-container.ks-tabs-vertical .nav-item + .nav-item {
margin-top: 0;
}
.ks-tabs-container.ks-tabs-vertical .ks-nav-tabs {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
border: none;
border-right: 1px solid #d7dceb;
}
.ks-tabs-container.ks-tabs-vertical .ks-nav-tabs .nav-item {
margin-right: -1px;
white-space: nowrap;
}
.ks-tabs-container.ks-tabs-vertical .ks-nav-tabs.ks-nav-tabs-icons .nav-item {
text-align: center;
}
.ks-tabs-container.ks-tabs-vertical .ks-nav-tabs.ks-nav-tabs-icons .nav-item .ks-icon {
font-size: 23px;
font-weight: normal;
color: #0052cc;
width: 21px;
margin-right: 0;
position: relative;
top: 3px;
line-height: 11px;
}
.ks-tabs-container.ks-tabs-vertical .tab-content {
width: 100%;
}
.ks-tabs-container.ks-tabs-vertical.ks-tabs-default.ks-tabs-vertical-right {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.ks-tabs-container.ks-tabs-vertical.ks-tabs-default.ks-tabs-vertical-right .ks-nav-tabs {
border: none;
border-left: 1px solid #d7dceb;
}
.ks-tabs-container.ks-tabs-vertical.ks-tabs-default.ks-tabs-vertical-right .ks-nav-tabs.ks-nav-tabs-icons .nav-item .nav-link .ks-icon {
margin-left: 0;
}
.ks-tabs-container.ks-tabs-vertical.ks-tabs-default.ks-tabs-vertical-right .nav-item {
margin-right: 0;
margin-left: -1px;
}
.ks-tabs-container.ks-tabs-vertical.ks-tabs-default.ks-tabs-no-separator .nav-link {
padding-top: 18px;
}
.ks-tabs-container.ks-tabs-vertical.ks-tabs-default.ks-tabs-no-separator .nav-link:hover::before {
content: '';
height: 100%;
width: 4px;
display: block;
z-index: 1;
right: 0;
left: auto;
background: #d3edfc;
}
.ks-tabs-container.ks-tabs-vertical.ks-tabs-default.ks-tabs-no-separator .nav-link.active::before,
.ks-tabs-container.ks-tabs-vertical.ks-tabs-default.ks-tabs-no-separator .nav-link.active:hover::before {
content: '';
height: 100%;
width: 4px;
display: block;
background: #42a5f5;
z-index: 1;
right: 0;
left: auto;
}
.ks-tabs-container.ks-tabs-vertical.ks-tabs-default.ks-tabs-no-separator.ks-tabs-vertical-right .nav-link.active::before,
.ks-tabs-container.ks-tabs-vertical.ks-tabs-default.ks-tabs-no-separator.ks-tabs-vertical-right .nav-link.active:hover::before {
right: auto;
left: 0;
}
.ks-tabs-container.ks-tabs-vertical.ks-tabs-default.ks-tabs-no-separator.ks-tabs-vertical-right .nav-link:hover::before {
right: auto;
left: 0;
}
.ks-tabs-container.ks-tabs-vertical.ks-tabs-default.ks-tabs-with-separator .nav-item .nav-link {
border-right: 1px solid #d7dceb;
}
.ks-tabs-container.ks-tabs-vertical.ks-tabs-default.ks-tabs-with-separator .nav-item .nav-link.active {
border: none;
border-top: 1px solid #d7dceb;
border-bottom: 1px solid #d7dceb;
}
.ks-tabs-container.ks-tabs-vertical.ks-tabs-default.ks-tabs-with-separator .nav-item .nav-link.active:after {
display: none;
}
.ks-tabs-container.ks-tabs-vertical.ks-tabs-default.ks-tabs-with-separator .nav-item:first-child .nav-link.active {
border-top: none;
}
.ks-tabs-container.ks-tabs-vertical.ks-tabs-default.ks-tabs-with-separator .nav-item:last-child .nav-link.active {
border-bottom: none;
}
.ks-tabs-container.ks-tabs-vertical.ks-tabs-default.ks-tabs-with-separator.ks-tabs-vertical-right .nav-link {
border-right: none;
border-left: 1px solid #d7dceb;
}
.ks-tabs-container.ks-tabs-vertical.ks-tabs-default.ks-tabs-with-separator.ks-tabs-vertical-right .nav-link.active {
border: none;
border-top: 1px solid #d7dceb;
border-bottom: 1px solid #d7dceb;
}
.ks-tabs-container.ks-tabs-pills .nav-pills .nav-item {
margin-left: 10px;
}
.ks-tabs-container.ks-tabs-pills .nav-pills .nav-item:first-child {
margin-left: 0;
}
.ks-tabs-container.ks-tabs-pills .nav-pills .nav-link {
padding: 18px 20px;
font-size: 14px;
line-height: 14px;
color: #333333;
-webkit-border-radius: 2px;
border-radius: 2px;
}
.ks-tabs-container.ks-tabs-pills .nav-pills .nav-link:hover {
background-color: #e9f6fe;
}
.ks-tabs-container.ks-tabs-pills .nav-pills .nav-link.active,
.ks-tabs-container.ks-tabs-pills .nav-pills .nav-link .active:focus,
.ks-tabs-container.ks-tabs-pills .nav-pills .nav-link .active:hover {
color: #fff;
background-color: #42a5f5;
font-weight: 500;
}
.ks-tabs-container.ks-tabs-pills .tab-content {
-webkit-border-radius: 2px;
border-radius: 2px;
border: solid 1px #d7dceb;
margin-top: 10px;
}
.ks-tabs-container.ks-tabs-default.ks-tabs-with-separator.ks-tabs-bordered .nav-item .nav-link {
border-right: 1px solid #d7dceb;
}
.ks-tabs-container.ks-tabs-default.ks-tabs-with-separator.ks-tabs-bordered .nav-item .nav-link.active {
border-left: none;
}
.ks-tabs-container.ks-full {
border: none;
-webkit-border-radius: 0;
border-radius: 0;
}
.ks-tabs-container.ks-full .ks-nav-tabs {
padding-left: 30px;
padding-right: 30px;
border-color: rgba(57, 80, 155, 0.2);
}
.ks-tabs-container.ks-full.ks-light > .ks-nav-tabs .nav-link:not(.active) {
color: #858585;
}
.ks-tabs-container.ks-full > .ks-nav-tabs > .nav-item > .nav-link {
font-size: 14px;
padding: 20px 18px;
}
.ks-tabs-container.ks-full .tab-pane {
padding: 30px;
}
@media screen and (max-width: 992px) {
.ks-tabs-page-container [class*="col-"] .ks-tabs-container {
margin-bottom: 30px;
}
}
@media screen and (max-width: 580px) {
.ks-tabs-page-container .nav.ks-nav-tabs.ks-tabs-full-page {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.ks-tabs-page-container .nav.ks-nav-tabs.ks-tabs-full-page > .nav-item {
margin: 0;
}
.ks-tabs-page-container .nav.ks-nav-tabs.ks-tabs-full-page > .nav-item > .nav-link.active {
border-bottom: 1px solid #d7dceb;
}
}
/* END UIKIT TABS */
/* BEGIN UIKIT MODAL */
.modal .modal-content {
border: none;
-webkit-border-radius: 2px;
border-radius: 2px;
}
.modal .modal-body {
padding: 20px;
}
.modal .modal-body p:last-child {
margin-bottom: 0;
}
.modal .modal-header {
padding: 16px 20px 14px 20px;
border-bottom: 1px solid #dee0e1;
}
.modal .modal-header .close {
margin-top: 2px;
font-size: 16px;
color: #8997c3;
opacity: 0.8;
}
.modal .modal-header .close:hover {
opacity: 1;
}
.modal .modal-header h5 {
margin: 0;
}
.modal .modal-footer {
padding: 15px 20px;
text-align: right;
border-top: 1px solid #dee0e1;
}
/* END UIKIT MODAL */
/* BEGIN UIKIT ALERTS */
.alert {
padding: 17px 20px;
-webkit-border-radius: 2px;
border-radius: 2px;
background: #ffffff;
border: solid 1px rgba(0, 0, 0, 0.1);
font-size: 12px;
font-weight: normal;
color: #333;
position: relative;
}
.alert > ul {
margin: 0;
padding-left: 30px;
}
.alert > .ks-icon {
font-size: 20px;
display: inline-block;
margin-right: 10px;
position: relative;
top: 3px;
}
.alert > .close {
position: relative;
top: -8px;
right: -8px;
text-shadow: none;
}
.alert > .close > span {
font-size: 16px;
font-weight: bold;
}
.alert > .ks-actions .btn + .btn {
margin-left: 10px;
}
.alert > .ks-inline-image-block {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.alert > .ks-inline-image-block > .ks-image {
margin-right: 15px;
}
.alert > .alert-heading {
font-size: 14px;
font-weight: 500;
color: #333333;
margin-bottom: 10px;
margin-top: 0;
}
.alert > .ks-image-block {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
}
.alert > .ks-image-block > .ks-image {
width: 36px;
height: 36px;
margin-right: 10px;
}
.alert > .ks-image-block > .ks-info > .ks-name {
font-weight: 500;
display: block;
margin-bottom: 3px;
}
.alert > .ks-image-block > .ks-info > .ks-text {
color: rgba(51, 51, 51, 0.8);
display: block;
}
.alert::before {
content: '';
display: block;
position: absolute;
width: 4px;
left: -1px;
top: -1px;
bottom: -1px;
background: transparent;
-webkit-border-top-left-radius: 2px;
border-top-left-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
border-bottom-left-radius: 2px;
}
.alert.ks-solid {
border: none;
color: #fff;
}
.alert.ks-solid::before {
left: 0;
top: 0;
bottom: 0;
}
.alert.ks-solid > .alert-heading {
color: #fff;
}
.alert.ks-solid > .close {
opacity: .5;
}
.alert.ks-solid > .close:hover {
opacity: .9;
}
.alert.ks-solid > .close > span {
color: #fff;
}
.alert.ks-solid > .ks-image-block > .ks-info > .ks-text {
color: #fff;
}
.alert.ks-solid > .ks-actions > .ks-cancel {
color: #fff;
background: transparent;
border: solid 1px rgba(255, 255, 255, 0.2);
}
.alert.ks-solid-light > .ks-actions > .ks-cancel {
background: transparent;
}
.alert.ks-active-border::before {
background: #e5e5e5;
}
.alert.alert-primary {
border-color: #d0d4e7;
}
.alert.alert-primary.ks-active-border::before {
background: #d0d4e7;
}
.alert.alert-primary.ks-solid {
background: #0052cc;
}
.alert.alert-primary.ks-solid.ks-active-border::before {
background: #025aa5;
}
.alert.alert-primary.ks-solid > .ks-actions > .ks-approve {
background: #025aa5;
border-color: #025aa5;
}
.alert.alert-primary.ks-solid-light {
background: #f5f6fa;
}
.alert.alert-danger {
border-color: #fbe0db;
}
.alert.alert-danger.ks-active-border::before {
background: #fbe0db;
}
.alert.alert-danger.ks-solid {
background: #ef5350;
}
.alert.alert-danger.ks-solid.ks-active-border::before {
background: #e53935;
}
.alert.alert-danger.ks-solid > .ks-actions > .ks-approve {
background: #e53935;
border-color: #e53935;
}
.alert.alert-danger.ks-solid-light {
background: #fdefed;
}
.alert.alert-info {
border-color: #d3edfc;
}
.alert.alert-info.ks-active-border::before {
background: #d3edfc;
}
.alert.alert-info.ks-solid {
background: #42a5f5;
}
.alert.alert-info.ks-solid.ks-active-border::before {
background: #1e88e5;
}
.alert.alert-info.ks-solid > .ks-actions > .ks-approve {
background: #1e88e5;
border-color: #1e88e5;
}
.alert.alert-info.ks-solid-light {
background: #e8f6fd;
}
.alert.alert-success {
border-color: #c0f0d4;
}
.alert.alert-success.ks-active-border::before {
background: #c0f0d4;
}
.alert.alert-success.ks-solid {
background: #4caf50;
}
.alert.alert-success.ks-solid.ks-active-border::before {
background: #388e3c;
}
.alert.alert-success.ks-solid > .ks-actions > .ks-approve {
background: #388e3c;
border-color: #388e3c;
}
.alert.alert-success.ks-solid-light {
background: #eaf9f0;
}
.alert.alert-warning {
border-color: #f5ebb6;
}
.alert.alert-warning.ks-active-border::before {
background: #f5ebb6;
}
.alert.alert-warning.ks-solid {
background: #ffb300;
}
.alert.alert-warning.ks-solid.ks-active-border::before {
background: #ff8f00;
}
.alert.alert-warning.ks-solid > .ks-actions > .ks-approve {
background: #ff8f00;
border-color: #ff8f00;
}
.alert.alert-warning.ks-solid-light {
background: #fbf8e6;
}
/* END UIKIT ALERTS */
.breadcrumb.ks-default {
padding: 0;
margin: 0;
background: none;
-webkit-border-radius: 2px;
border-radius: 2px;
border: solid 1px #dee0e1;
}
.breadcrumb.ks-default > .breadcrumb-item {
font-size: 12px;
padding: 5px 15px;
font-weight: normal;
color: #858585;
}
.breadcrumb.ks-default > .breadcrumb-item:before,
.breadcrumb.ks-default > .breadcrumb-item:after {
display: none;
}
.breadcrumb.ks-default > .breadcrumb-item.active {
color: rgba(133, 133, 133, 0.6);
}
.breadcrumb.ks-default > .breadcrumb-item + .breadcrumb-item {
border-left: 1px solid #dee0e1;
}
.breadcrumb.ks-default > .ks-breadcrumb-icon {
padding: 5px 6px;
}
.breadcrumb.ks-default > .ks-breadcrumb-icon > .ks-icon {
font-size: 16px;
line-height: 14px;
color: #858585;
position: relative;
top: 2px;
}
.ks-color-preview {
height: 100px;
color: #fff;
}
.ks-color-preview-default,
.ks-color-preview-active {
height: 50px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.ks-color-preview-default {
-webkit-border-top-left-radius: 2px;
border-top-left-radius: 2px;
-webkit-border-top-right-radius: 2px;
border-top-right-radius: 2px;
}
.ks-color-preview-active {
-webkit-border-bottom-left-radius: 2px;
border-bottom-left-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
border-bottom-right-radius: 2px;
}
.ks-color-preview-primary .ks-color-preview-default {
background: #0052cc;
}
.ks-color-preview-primary .ks-color-preview-active {
background: #025aa5;
}
.select2.select2-container {
width: 100% !important;
}
.ks-color-preview-info .ks-color-preview-default {
background: #42a5f5;
}
.ks-color-preview-info .ks-color-preview-active {
background: #1e88e5;
}
.ks-color-preview-success .ks-color-preview-default {
background: #4caf50;
}
.ks-color-preview-success .ks-color-preview-active {
background: #388e3c;
}
.ks-color-preview-warning .ks-color-preview-default {
background: #ffb300;
}
.ks-color-preview-warning .ks-color-preview-active {
background: #ff8f00;
}
.ks-color-preview-danger .ks-color-preview-default {
background: #ef5350;
}
.ks-color-preview-danger .ks-color-preview-active {
background: #e53935;
}
.ks-color-preview-secondary {
color: #333;
}
.ks-color-preview-secondary .ks-color-preview-default {
background: #ebebeb;
}
.ks-color-preview-secondary .ks-color-preview-active {
background: #d7d7d7;
}
.ks-color-preview-cinnabar .ks-color-preview-default {
background: #e74c3c;
}
.ks-color-preview-cinnabar .ks-color-preview-active {
background: #dc3125;
}
.ks-color-preview-zest .ks-color-preview-default {
background: #e67e22;
}
.ks-color-preview-zest .ks-color-preview-active {
background: #da5e13;
}
.ks-color-preview-supernova .ks-color-preview-default {
background: #ffcd02;
}
.ks-color-preview-supernova .ks-color-preview-active {
background: #ffb901;
}
.ks-color-preview-pavlova .ks-color-preview-default {
background: #d5c295;
}
.ks-color-preview-pavlova .ks-color-preview-active {
background: #c3ab76;
}
.ks-color-preview-pickled-bluewood .ks-color-preview-default {
background: #34495e;
}
.ks-color-preview-pickled-bluewood .ks-color-preview-active {
background: #1f2f40;
}
.ks-color-preview-mine-shaft .ks-color-preview-default {
background: #2b2b2b;
}
.ks-color-preview-mine-shaft .ks-color-preview-active {
background: #191919;
}
.ks-color-preview-wisteria .ks-color-preview-default {
background: #9b59b6;
}
.ks-color-preview-wisteria .ks-color-preview-active {
background: #7c3c9c;
}
.ks-color-preview-ming .ks-color-preview-default {
background: #3a6f81;
}
.ks-color-preview-ming .ks-color-preview-active {
background: #1f2f40;
}
.ks-color-preview-curious-blue .ks-color-preview-default {
background: #3498db;
}
.ks-color-preview-curious-blue .ks-color-preview-active {
background: #1f79cb;
}
.ks-color-preview-shamrock .ks-color-preview-default {
background: #2ecc71;
}
.ks-color-preview-shamrock .ks-color-preview-active {
background: #1bb751;
}
.ks-color-preview-mountain-meadow .ks-color-preview-default {
background: #1abc9c;
}
.ks-color-preview-mountain-meadow .ks-color-preview-active {
background: #0ea37d;
}
.ks-color-preview-porcelain {
color: #000;
}
.ks-color-preview-porcelain .ks-color-preview-default {
background: #ecf0f1;
}
.ks-color-preview-porcelain .ks-color-preview-active {
background: #e3e9ea;
}
.ks-color-preview-cascade .ks-color-preview-default {
background: #95a5a6;
}
.ks-color-preview-cascade .ks-color-preview-active {
background: #768889;
}
.ks-color-preview-killarney .ks-color-preview-default {
background: #345f41;
}
.ks-color-preview-killarney .ks-color-preview-active {
background: #1f4129;
}
.ks-color-preview-blue-marguerite .ks-color-preview-default {
background: #745ec5;
}
.ks-color-preview-blue-marguerite .ks-color-preview-active {
background: #5440ae;
}
.ks-color-preview-millbrook .ks-color-preview-default {
background: #5e4534;
}
.ks-color-preview-millbrook .ks-color-preview-active {
background: #402c1f;
}
.ks-color-preview-cosmic .ks-color-preview-default {
background: #5e345e;
}
.ks-color-preview-cosmic .ks-color-preview-active {
background: #401f40;
}
.ks-color-preview-flory .ks-color-preview-default {
background: #ef717a;
}
.ks-color-preview-flory .ks-color-preview-active {
background: #e7515a;
}
.ks-color-preview-atlantis .ks-color-preview-default {
background: #a5c63b;
}
.ks-color-preview-atlantis .ks-color-preview-active {
background: #88b024;
}
.ks-color-preview-persian-pink .ks-color-preview-default {
background: #f47cc3;
}
.ks-color-preview-persian-pink .ks-color-preview-active {
background: #ee5cac;
}
.ks-color-preview-nutmeg .ks-color-preview-default {
background: #79302a;
}
.ks-color-preview-nutmeg .ks-color-preview-active {
background: #591c18;
}
.ks-color-preview-donkey-brown .ks-color-preview-default {
background: #a38671;
}
.ks-color-preview-donkey-brown .ks-color-preview-active {
background: #856651;
}
.ks-color-preview-perano .ks-color-preview-default {
background: #b8c9f1;
}
.ks-color-preview-perano .ks-color-preview-active {
background: #9eb3ea;
}
.ks-color-preview-kashmir-blue .ks-color-preview-default {
background: #5065a1;
}
.ks-color-preview-kashmir-blue .ks-color-preview-active {
background: #344683;
}
.ks-color-preview-dark-tan .ks-color-preview-default {
background: #630a10;
}
.ks-color-preview-dark-tan .ks-color-preview-active {
background: #42060f;
}
.ks-color-preview-persian-green .ks-color-preview-default {
background: #02a388;
}
.ks-color-preview-persian-green .ks-color-preview-active {
background: #006758;
}
.ks-color-preview-royal-blue .ks-color-preview-default {
background: #4160de;
}
.ks-color-preview-royal-blue .ks-color-preview-active {
background: #2a4085;
}
.ks-color-preview-crusta .ks-color-preview-default {
background: #e79716;
}
.ks-color-preview-crusta .ks-color-preview-active {
background: #f96800;
}
.ks-color-preview-medium-purple .ks-color-preview-default {
background: #9043d8;
}
.ks-color-preview-medium-purple .ks-color-preview-active {
background: #5b2e81;
}
.ks-color-preview-cerise-red .ks-color-preview-default {
background: #e23e57;
}
.ks-color-preview-cerise-red .ks-color-preview-active {
background: #882535;
}
/*------------------------------------------------------------------
[Table of contents]
1. Logo / .ks-navbar > .navbar-brand > .ks-logo
2. Grid navigation / .ks-navbar > .ks-dropdown-grid
3. Navbar Menu / .ks-navbar-menu
4. Navbar Actions / .ks-navbar-actions
-------------------------------------------------------------------*/
.ks-navbar {
height: 60px;
border: none;
-webkit-border-radius: 0;
border-radius: 0;
padding: 0;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
/* Styles for navigation items in navbar */
/* For all nav-link in navbar */
/* Logo or brand name customization */
/* Grid navigation */
}
.ks-navbar .dropdown .dropdown-menu {
min-width: 220px;
overflow: visible;
/* Nested dropdown menu styles */
}
.ks-navbar .dropdown .dropdown-menu .dropdown-menu {
position: absolute;
top: 0;
left: 229px;
}
.ks-navbar .dropdown.open > .dropdown-menu {
display: block;
}
.ks-navbar .nav-item {
padding: 0;
margin: 0;
border-left: 1px solid transparent;
border-right: 1px solid transparent;
/* Styles for dropdowns */
}
.ks-navbar .nav-item + .nav-item {
margin: 0;
border-left: none;
}
.ks-navbar .nav-item.show .dropdown-menu {
margin: 0;
width: 229px;
border: none;
-webkit-border-top-left-radius: 0;
border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
border-top-right-radius: 0;
}
.ks-navbar .nav-item.show .dropdown-menu.ks-primary .dropdown-item.ks-active:before {
background: #0052cc;
}
.ks-navbar .nav-item.show .dropdown-menu.ks-info .dropdown-item.ks-active:before {
background: #42a5f5;
}
.ks-navbar .nav-item.show .dropdown-menu.ks-success .dropdown-item.ks-active:before {
background: #4caf50;
}
.ks-navbar .nav-item.show .dropdown-menu.ks-warning .dropdown-item.ks-active:before {
background: #ffb300;
}
.ks-navbar .nav-item.show .dropdown-menu.ks-danger .dropdown-item.ks-active:before {
background: #ef5350;
}
.ks-navbar .nav-item.show .dropdown-menu.ks-fuchsia-pink .dropdown-item.ks-active:before {
background: #d149cc;
}
.ks-navbar .nav-item.show .dropdown-menu.ks-cerise-red .dropdown-item.ks-active:before {
background: #e23e57;
}
.ks-navbar .nav-item.show .dropdown-menu.ks-crusta .dropdown-item.ks-active:before {
background: #e79716;
}
.ks-navbar .nav-item.show .dropdown-menu.ks-medium-purple .dropdown-item.ks-active:before {
background: #9043d8;
}
.ks-navbar .nav-item.show .dropdown-menu.ks-royal-blue .dropdown-item.ks-active:before {
background: #4160de;
}
.ks-navbar .nav-item.show .dropdown-menu.ks-persian-green .dropdown-item.ks-active:before {
background: #02a388;
}
.ks-navbar .nav-item.show .dropdown-menu.ks-dark-tan .dropdown-item.ks-active:before {
background: #630a10;
}
.ks-navbar .nav-item.show .dropdown-menu .dropdown-item {
border: none;
height: 50px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
line-height: 13px;
font-weight: normal;
padding: 0 24px;
position: relative;
}
.ks-navbar .nav-item.show .dropdown-menu .dropdown-item:before {
content: '';
position: absolute;
top: 0;
left: -1px;
bottom: -1px;
width: 4px;
background: transparent;
}
.ks-navbar .nav-item.show .dropdown-menu .dropdown-item:last-child {
border-bottom: none;
}
.ks-navbar .nav-item.show .dropdown-menu .dropdown-item > .nav-link {
border-bottom: none;
}
.ks-navbar .nav-item.show .dropdown-menu .dropdown-item > .nav-link.dropdown-toggle:after {
height: 11px;
}
.ks-navbar .nav-item.show .dropdown-menu .dropdown-item > .ks-icon {
font-size: 19px;
line-height: 19px;
margin-right: 20px;
}
.ks-navbar .nav-item.show .dropdown-menu .dropdown {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.ks-navbar .nav-item.show .dropdown-menu .dropdown > .dropdown-toggle {
font-weight: normal;
padding: 0;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.ks-navbar .nav-link {
margin: 0;
font-size: 13px;
font-weight: 500;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 0 20px;
height: 60px;
}
.ks-navbar .nav-link.dropdown-toggle:after {
height: 15px;
margin-left: 11px;
}
.ks-navbar .navbar-brand {
height: 60px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 260px;
padding: 0 25px;
margin: 0;
}
.ks-navbar .navbar-brand .ks-logo {
font-size: 18px;
text-transform: uppercase;
font-weight: 700;
line-height: 29px;
}
.ks-navbar .navbar-brand .ks-sidebar-toggle,
.ks-navbar .navbar-brand .ks-sidebar-mobile-toggle {
margin-right: 14px;
font-size: 21px;
line-height: 21px;
position: relative;
}
.ks-navbar .navbar-brand .ks-sidebar-toggle > .ks-icon,
.ks-navbar .navbar-brand .ks-sidebar-mobile-toggle > .ks-icon {
font-weight: bold;
}
.ks-navbar .navbar-brand .ks-sidebar-mobile-toggle {
display: none;
}
.ks-navbar .ks-navbar-logo {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
}
.ks-navbar > .ks-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.ks-navbar > .ks-wrapper > .nav {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-menu {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-menu > .ks-search-form {
padding: 0 30px;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-menu > .ks-search-form .form-control {
width: 265px;
height: 36px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-menu > .ks-search-form .form-control::-webkit-input-placeholder {
font-size: 12px;
font-weight: normal;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-menu > .ks-search-form .form-control::-moz-placeholder {
font-size: 12px;
font-weight: normal;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-menu > .ks-search-form .form-control:-ms-input-placeholder {
font-size: 12px;
font-weight: normal;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-menu > .ks-search-form .form-control::placeholder {
font-size: 12px;
font-weight: normal;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-menu > .ks-search-form .icon-addon > .ks-icon {
font-size: 18px;
position: relative;
top: 1px;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-menu > .ks-search-form .ks-search-open,
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-menu > .ks-search-form .ks-search-close {
display: none;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-menu > .ks-btn-action {
border-right: none;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
padding-right: 30px;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .btn-action-block {
border-left: none;
padding: 0;
height: 60px;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .btn-action-block:hover {
background: none;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .btn-action-block > .btn {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
color: #fff;
width: 100%;
-webkit-border-radius: 0;
border-radius: 0;
padding-left: 30px;
padding-right: 30px;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .btn-action-block > .btn > span {
display: block;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .btn-action-block > .btn > span:first-child {
margin-top: 2px;
margin-bottom: 4px;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .btn-action-block > .btn > span:last-child {
text-transform: uppercase;
font-size: 10px;
font-weight: normal;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-languages.show > .dropdown-menu {
width: 336px;
min-width: 336px;
height: 300px;
margin: 0;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-languages .ks-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-languages .ks-wrapper > .ks-language {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 50px;
width: 168px;
list-style: none;
font-weight: 500;
padding: 0 24px;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-languages .ks-wrapper > .ks-language > .ks-icon {
font-size: 16px;
line-height: 14px;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-languages .ks-wrapper > .ks-language > .ks-text {
margin-left: 20px;
font-weight: normal;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-languages .ks-wrapper > .ks-language.ks-selected {
opacity: 0.6;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-languages > .nav-link > .ks-text {
display: none;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-messages > .nav-link {
padding: 0 24px;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-messages > .nav-link > .ks-icon {
position: relative;
font-size: 22px;
line-height: 22px;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-messages > .nav-link > .ks-icon > .badge {
position: absolute;
right: -7px;
top: -6px;
min-width: 18px;
min-height: 18px;
-webkit-border-radius: 9px;
border-radius: 9px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
border: none;
padding: 0 5px 0 6px;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-messages > .nav-link > .ks-text {
display: none;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-messages > .nav-link:after {
display: none;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-messages > .dropdown-menu {
width: 360px;
height: 342px;
background: #fff;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-messages > .dropdown-menu > .ks-tabs-actions {
position: absolute;
top: 15px;
right: 0;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-messages > .dropdown-menu > .ks-tabs-actions > a > .ks-icon {
font-size: 21px;
line-height: 21px;
margin-right: 14px;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-messages > .dropdown-menu > .ks-tabs-actions > a > .ks-icon.fa-plus {
position: relative;
top: 1px;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-messages > .dropdown-menu > .ks-tabs-actions > a > .ks-icon.fa-search {
font-size: 15px;
line-height: 15px;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-messages > .dropdown-menu > .ks-nav-tabs {
height: 48px;
min-height: 48px;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-messages > .dropdown-menu > .ks-nav-tabs > .nav-item {
height: 47px;
padding: 0;
font-size: 13px;
border: none;
font-weight: 500;
-webkit-border-radius: 0;
border-radius: 0;
width: 85px;
text-align: center;
position: relative;
background: #fff;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-messages > .dropdown-menu > .ks-nav-tabs > .nav-item > .nav-link {
padding: 0;
height: 47px;
border: none;
-webkit-border-radius: 0;
border-radius: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
color: #858585;
background: #fff;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-messages > .dropdown-menu > .ks-nav-tabs > .nav-item > .nav-link.active {
color: #333;
background: #fff;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-messages > .dropdown-menu > .ks-nav-tabs > .nav-item > .nav-link.active:after {
content: '';
height: 4px;
position: absolute;
bottom: -1px;
left: 0;
width: 100%;
background: transparent;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-messages > .dropdown-menu > .ks-nav-tabs > .nav-item:hover {
background: #fff;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-messages > .dropdown-menu > .ks-nav-tabs.ks-primary > .nav-item > .nav-link.active:after {
background: #0052cc;
/* Bottom border in messages tabs */
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-messages > .dropdown-menu > .ks-nav-tabs.ks-info > .nav-item > .nav-link.active:after {
background: #42a5f5;
/* Bottom border in messages tabs */
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-messages > .dropdown-menu > .ks-nav-tabs.ks-success > .nav-item > .nav-link.active:after {
background: #4caf50;
/* Bottom border in messages tabs */
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-messages > .dropdown-menu > .ks-nav-tabs.ks-danger > .nav-item > .nav-link.active:after {
background: #ef5350;
/* Bottom border in messages tabs */
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-messages > .dropdown-menu > .ks-nav-tabs.ks-warning > .nav-item > .nav-link.active:after {
background: #ffb300;
/* Bottom border in messages tabs */
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-messages > .dropdown-menu > .ks-nav-tabs.ks-fuchsia-pink > .nav-item > .nav-link.active:after {
background: #d149cc;
/* Bottom border in messages tabs */
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-messages > .dropdown-menu > .ks-nav-tabs.ks-cerise-red > .nav-item > .nav-link.active:after {
background: #e23e57;
/* Bottom border in messages tabs */
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-messages > .dropdown-menu > .ks-nav-tabs.ks-crusta > .nav-item > .nav-link.active:after {
background: #e79716;
/* Bottom border in messages tabs */
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-messages > .dropdown-menu > .ks-nav-tabs.ks-medium-purple > .nav-item > .nav-link.active:after {
background: #9043d8;
/* Bottom border in messages tabs */
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-messages > .dropdown-menu > .ks-nav-tabs.ks-royal-blue > .nav-item > .nav-link.active:after {
background: #4160de;
/* Bottom border in messages tabs */
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-messages > .dropdown-menu > .ks-nav-tabs.ks-persian-green > .nav-item > .nav-link.active:after {
background: #02a388;
/* Bottom border in messages tabs */
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-messages > .dropdown-menu > .ks-nav-tabs.ks-dark-tan > .nav-item > .nav-link.active:after {
background: #630a10;
/* Bottom border in messages tabs */
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-messages > .dropdown-menu > .tab-content > .tab-pane {
height: 300px;
max-height: 300px;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-messages > .dropdown-menu > .tab-content > .tab-pane > .ks-wrapper {
height: 251px;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-messages > .dropdown-menu > .tab-content > .tab-pane > .ks-wrapper .ks-message {
padding: 12px 20px;
height: 85px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-messages > .dropdown-menu > .tab-content > .tab-pane > .ks-wrapper .ks-message > .ks-avatar {
margin-top: 3px;
margin-right: 12px;
width: 36px;
height: 36px;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-messages > .dropdown-menu > .tab-content > .tab-pane > .ks-wrapper .ks-message > .ks-info > .ks-user-name {
color: #333;
font-weight: 500;
margin-bottom: 5px;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-messages > .dropdown-menu > .tab-content > .tab-pane > .ks-wrapper .ks-message > .ks-info > .ks-text {
color: #333;
margin-bottom: 5px;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-messages > .dropdown-menu > .tab-content > .tab-pane > .ks-wrapper .ks-message > .ks-info > .ks-datetime {
font-size: 11px;
color: #858585;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-messages > .dropdown-menu > .tab-content > .tab-pane > .ks-view-all {
border-top: 1px solid rgba(57, 81, 155, 0.2);
height: 43px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
line-height: 13px;
font-weight: 500;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-messages > .dropdown-menu > .tab-content > .tab-pane.active.ks-empty {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-notifications > .nav-link {
padding: 0 24px;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-notifications > .nav-link > .ks-icon {
position: relative;
font-size: 22px;
line-height: 22px;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-notifications > .nav-link > .ks-icon > .badge {
position: absolute;
right: -7px;
top: -6px;
min-width: 18px;
min-height: 18px;
-webkit-border-radius: 9px;
border-radius: 9px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
border: none;
padding: 0 5px 0 6px;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-notifications > .nav-link > .ks-text {
display: none;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-notifications > .nav-link:after {
display: none;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-notifications > .dropdown-menu {
width: 300px;
height: 342px;
background: #fff;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-notifications > .dropdown-menu > .nav-tabs {
height: 48px;
min-height: 48px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-notifications > .dropdown-menu > .nav-tabs > .nav-item {
width: 33.33%;
height: 47px;
padding: 0;
font-size: 13px;
border: none;
font-weight: 500;
-webkit-border-radius: 0;
border-radius: 0;
text-align: center;
position: relative;
background: #fff;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-notifications > .dropdown-menu > .nav-tabs > .nav-item > .nav-link {
padding: 0;
height: 47px;
border: none;
-webkit-border-radius: 0;
border-radius: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
color: #858585;
background: #fff;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-notifications > .dropdown-menu > .nav-tabs > .nav-item > .nav-link.active {
color: #333;
background: #fff;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-notifications > .dropdown-menu > .nav-tabs > .nav-item > .nav-link.active:after {
content: '';
height: 4px;
position: absolute;
bottom: -1px;
left: 0;
width: 100%;
background: transparent;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-notifications > .dropdown-menu > .nav-tabs > .nav-item:hover {
background: #fff;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-notifications > .dropdown-menu > .nav-tabs.ks-primary > .nav-item > .nav-link.active:after {
background: #0052cc;
/* Bottom border in messages tabs */
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-notifications > .dropdown-menu > .nav-tabs.ks-info > .nav-item > .nav-link.active:after {
background: #42a5f5;
/* Bottom border in messages tabs */
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-notifications > .dropdown-menu > .nav-tabs.ks-success > .nav-item > .nav-link.active:after {
background: #4caf50;
/* Bottom border in messages tabs */
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-notifications > .dropdown-menu > .nav-tabs.ks-danger > .nav-item > .nav-link.active:after {
background: #ef5350;
/* Bottom border in messages tabs */
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-notifications > .dropdown-menu > .nav-tabs.ks-warning > .nav-item > .nav-link.active:after {
background: #ffb300;
/* Bottom border in messages tabs */
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-notifications > .dropdown-menu > .nav-tabs.ks-fuchsia-pink > .nav-item > .nav-link.active:after {
background: #d149cc;
/* Bottom border in messages tabs */
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-notifications > .dropdown-menu > .nav-tabs.ks-cerise-red > .nav-item > .nav-link.active:after {
background: #e23e57;
/* Bottom border in messages tabs */
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-notifications > .dropdown-menu > .nav-tabs.ks-crusta > .nav-item > .nav-link.active:after {
background: #e79716;
/* Bottom border in messages tabs */
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-notifications > .dropdown-menu > .nav-tabs.ks-medium-purple > .nav-item > .nav-link.active:after {
background: #9043d8;
/* Bottom border in messages tabs */
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-notifications > .dropdown-menu > .nav-tabs.ks-royal-blue > .nav-item > .nav-link.active:after {
background: #4160de;
/* Bottom border in messages tabs */
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-notifications > .dropdown-menu > .nav-tabs.ks-persian-green > .nav-item > .nav-link.active:after {
background: #02a388;
/* Bottom border in messages tabs */
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-notifications > .dropdown-menu > .nav-tabs.ks-dark-tan > .nav-item > .nav-link.active:after {
background: #630a10;
/* Bottom border in messages tabs */
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-notifications > .dropdown-menu > .tab-content > .tab-pane {
height: 300px;
max-height: 300px;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-notifications > .dropdown-menu > .tab-content > .tab-pane > .ks-wrapper {
height: 251px;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-notifications > .dropdown-menu > .tab-content > .tab-pane > .ks-wrapper .ks-notification {
padding: 12px 20px;
height: 85px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-notifications > .dropdown-menu > .tab-content > .tab-pane > .ks-wrapper .ks-notification > .ks-avatar {
margin-top: 3px;
margin-right: 12px;
width: 36px;
height: 36px;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-notifications > .dropdown-menu > .tab-content > .tab-pane > .ks-wrapper .ks-notification > .ks-action {
margin-top: 3px;
margin-right: 12px;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-notifications > .dropdown-menu > .tab-content > .tab-pane > .ks-wrapper .ks-notification > .ks-action > span {
width: 36px;
height: 36px;
-webkit-border-radius: 50%;
border-radius: 50%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-notifications > .dropdown-menu > .tab-content > .tab-pane > .ks-wrapper .ks-notification > .ks-action > span > .ks-icon {
font-size: 21px;
line-height: 21px;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-notifications > .dropdown-menu > .tab-content > .tab-pane > .ks-wrapper .ks-notification > .ks-info > .ks-user-name {
color: #333;
font-weight: 500;
margin-bottom: 5px;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-notifications > .dropdown-menu > .tab-content > .tab-pane > .ks-wrapper .ks-notification > .ks-info > .ks-user-name > .ks-description {
font-weight: 500;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-notifications > .dropdown-menu > .tab-content > .tab-pane > .ks-wrapper .ks-notification > .ks-info > .ks-text {
color: #333;
margin-bottom: 5px;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-notifications > .dropdown-menu > .tab-content > .tab-pane > .ks-wrapper .ks-notification > .ks-info > .ks-text > .ks-icon {
font-size: 20px;
display: inline-block;
margin-right: 1px;
position: relative;
top: 1px;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-notifications > .dropdown-menu > .tab-content > .tab-pane > .ks-wrapper .ks-notification > .ks-info > .ks-datetime {
font-size: 11px;
color: #858585;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-notifications > .dropdown-menu > .tab-content > .tab-pane > .ks-view-all {
border-top: 1px solid rgba(57, 81, 155, 0.2);
height: 43px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
line-height: 13px;
font-weight: 500;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-notifications > .dropdown-menu > .tab-content > .tab-pane.active.ks-empty {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-user > .dropdown-toggle {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-user > .dropdown-toggle > .ks-avatar {
width: 36px;
height: 36px;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-user > .dropdown-toggle > .ks-info {
margin-left: 12px;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-user > .dropdown-toggle > .ks-info > .ks-name {
display: block;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-user > .dropdown-toggle > .ks-info > .ks-description {
display: block;
color: rgba(255, 255, 255, 0.7);
font-size: 12px;
}
.ks-navbar > .ks-wrapper > .ks-navbar-menu-toggle,
.ks-navbar > .ks-wrapper > .ks-navbar-actions-toggle {
width: auto;
display: none;
height: 60px;
}
.ks-navbar > .ks-wrapper > .ks-navbar-menu-toggle > a,
.ks-navbar > .ks-wrapper > .ks-navbar-actions-toggle > a {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.ks-navbar > .ks-wrapper > .ks-navbar-menu-toggle > a > span,
.ks-navbar > .ks-wrapper > .ks-navbar-actions-toggle > a > span {
font-size: 24px;
line-height: 24px;
}
.ks-navbar > .ks-sidebar-mobile-toggle {
display: none;
padding: 0;
}
.ks-navbar .ks-dropdown-grid {
margin-left: 5px;
-webkit-border-radius: 2px;
border-radius: 2px;
height: 28px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.ks-navbar .ks-dropdown-grid > .dropdown-toggle {
padding: 8px;
height: auto;
}
.ks-navbar .ks-dropdown-grid > .dropdown-toggle:after {
margin-left: 0;
}
.ks-navbar .ks-dropdown-grid.show > .dropdown-menu {
-webkit-border-radius: 2px;
border-radius: 2px;
margin-top: 4px;
width: 360px;
min-width: 360px;
}
.ks-navbar .ks-dropdown-grid.show > .dropdown-menu .ks-scroll-wrapper {
padding: 10px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.ks-navbar .ks-dropdown-grid.show > .dropdown-menu .ks-scroll-wrapper > .ks-grid-item {
width: 110px;
height: 80px;
-webkit-border-radius: 2px;
border-radius: 2px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.ks-navbar .ks-dropdown-grid.show > .dropdown-menu .ks-scroll-wrapper > .ks-grid-item > .ks-icon {
font-size: 26px;
margin-bottom: 10px;
}
.ks-navbar .ks-dropdown-grid.show > .dropdown-menu .ks-scroll-wrapper > .ks-grid-item > .ks-text {
font-weight: normal;
}
.ks-navbar .ks-dropdown-grid-images {
margin-left: 5px;
-webkit-border-radius: 2px;
border-radius: 2px;
height: 28px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.ks-navbar .ks-dropdown-grid-images > .dropdown-toggle {
padding: 8px;
height: auto;
}
.ks-navbar .ks-dropdown-grid-images > .dropdown-toggle:after {
margin-left: 0;
}
.ks-navbar .ks-dropdown-grid-images.show > .dropdown-menu {
-webkit-border-radius: 2px;
border-radius: 2px;
margin-top: 4px;
width: 270px;
min-width: 270px;
}
.ks-navbar .ks-dropdown-grid-images.show > .dropdown-menu .ks-scroll-wrapper {
padding: 20px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.ks-navbar .ks-dropdown-grid-images.show > .dropdown-menu .ks-scroll-wrapper > .ks-grid-item {
padding: 15px 20px;
min-width: 100px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
border: 1px solid transparent;
}
.ks-navbar .ks-dropdown-grid-images.show > .dropdown-menu .ks-scroll-wrapper > .ks-grid-item > .ks-icon {
margin-bottom: 10px;
}
.ks-navbar .ks-dropdown-grid-images.show > .dropdown-menu .ks-scroll-wrapper > .ks-grid-item > .ks-text {
font-weight: normal;
color: #858585;
}
.ks-navbar .ks-dropdown-grid-images.show > .dropdown-menu .ks-scroll-wrapper > .ks-grid-item:hover {
border: 1px solid #dee0e1;
-webkit-border-radius: 1px;
border-radius: 1px;
}
.ks-navbar .ks-dropdown-grid-images.show > .dropdown-menu .ks-scroll-wrapper > .ks-grid-item:hover > .ks-text {
color: #333;
}
body.ks-navbar-fixed {
padding-top: 60px;
}
body.ks-navbar-fixed .ks-navbar {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 6;
}
body.ks-sidebar-iconbar .ks-navbar .navbar-brand {
width: 130px;
}
body.ks-sidebar-iconbar_compact .ks-navbar .navbar-brand {
width: 150px;
}
@media only screen and (max-width: 1610px) {
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-menu > .ks-search-form .form-control {
width: 200px;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions > .ks-user .ks-info {
display: none;
}
}
@media only screen and (max-width: 1500px) {
.ks-navbar > .ks-wrapper > .nav .ks-navbar-menu .ks-search-form {
height: 60px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
padding: 0 20px;
}
.ks-navbar > .ks-wrapper > .nav .ks-navbar-menu .ks-search-form .ks-search-open {
display: inline-block;
font-size: 20px;
position: relative;
top: 1px;
}
.ks-navbar > .ks-wrapper > .nav .ks-navbar-menu .ks-search-form .ks-search-close {
display: none;
font-size: 20px;
position: relative;
top: 1px;
}
.ks-navbar > .ks-wrapper > .nav .ks-navbar-menu .ks-search-form .ks-wrapper {
display: none;
}
.ks-navbar > .ks-wrapper > .nav .ks-navbar-menu.ks-open {
position: relative;
}
.ks-navbar > .ks-wrapper > .nav .ks-navbar-menu.ks-open .nav-item {
visibility: hidden;
}
.ks-navbar > .ks-wrapper > .nav .ks-navbar-menu.ks-open .ks-search-form {
width: 100%;
position: absolute;
top: 0;
left: 0;
padding-left: 0;
padding-right: 0;
}
.ks-navbar > .ks-wrapper > .nav .ks-navbar-menu.ks-open .ks-search-form .ks-search-open {
display: none;
}
.ks-navbar > .ks-wrapper > .nav .ks-navbar-menu.ks-open .ks-search-form .ks-search-close {
display: block;
margin-left: 20px;
}
.ks-navbar > .ks-wrapper > .nav .ks-navbar-menu.ks-open .ks-search-form .ks-wrapper {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.ks-navbar > .ks-wrapper > .nav .ks-navbar-menu.ks-open .ks-search-form .ks-wrapper .input-icon {
width: 100%;
}
.ks-navbar > .ks-wrapper > .nav .ks-navbar-menu.ks-open .ks-search-form .ks-wrapper .form-control {
width: 100%;
}
}
@media only screen and (max-width: 1440px) {
.ks-navbar .navbar-brand {
width: auto;
}
.ks-navbar .navbar-brand .ks-sidebar-toggle {
display: none;
}
}
@media only screen and (max-width: 1200px) {
.ks-navbar .navbar-brand .ks-sidebar-toggle {
display: none;
}
}
@media only screen and (max-width: 992px) {
.ks-navbar .navbar-brand {
padding-left: 19px;
}
.ks-navbar .navbar-brand .ks-sidebar-mobile-toggle {
display: block;
}
}
@media only screen and (max-width: 1225px) {
.ks-navbar {
padding-right: 0;
}
.ks-navbar > .ks-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.ks-navbar > .ks-wrapper > .nav {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.ks-navbar > .ks-wrapper > .ks-navbar-menu-toggle {
display: block;
text-align: center;
}
.ks-navbar > .ks-wrapper > .ks-navbar-menu-toggle .ks-icon {
width: 24px;
height: 24px;
display: inline-block;
text-align: center;
}
.ks-navbar > .ks-wrapper > .ks-navbar-menu-toggle .ks-icon.ks-open {
display: block;
}
.ks-navbar > .ks-wrapper > .ks-navbar-menu-toggle .ks-icon.ks-close {
display: none;
}
.ks-navbar > .ks-wrapper > .ks-navbar-menu-toggle.ks-open .ks-icon.ks-open {
display: none;
}
.ks-navbar > .ks-wrapper > .ks-navbar-menu-toggle.ks-open .ks-icon.ks-close {
display: block;
}
.ks-navbar > .ks-wrapper > .ks-navbar-menu-toggle > .nav-link {
border: none;
}
.ks-navbar > .ks-wrapper > .ks-navbar-menu-toggle > .nav-link:hover {
border: none;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-menu {
position: fixed;
right: -230px;
height: 100%;
z-index: 6;
width: 230px;
top: 60px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-menu.ks-open {
position: fixed;
-webkit-transition: right .2s ease;
transition: right .2s ease;
right: 0;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-menu.ks-open > .ks-search-form {
position: static;
padding: 15px;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-menu.ks-open > .ks-search-form > .ks-wrapper > .input-icon > .form-control {
width: 100%;
-webkit-border-radius: 2px;
border-radius: 2px;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-menu.ks-open > .ks-search-form > .ks-wrapper > .ks-search-close {
display: none;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-menu.ks-open > .nav-item {
visibility: visible;
opacity: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
width: 100%;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
border: none;
position: relative;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-menu.ks-open > .nav-item:hover {
background: transparent;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-menu.ks-open > .nav-item > .nav-link {
visibility: visible;
opacity: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
width: 100%;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
height: 60px;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-menu.ks-open > .nav-item > .nav-link:hover {
background: transparent;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-menu.ks-open > .dropdown {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
border-bottom: none;
height: auto;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-menu.ks-open > .dropdown > .nav-link {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-menu.ks-open > .dropdown.show {
position: relative;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-menu.ks-open > .dropdown .dropdown-menu {
position: static;
-webkit-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
background: none;
/* All nested nav-link */
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-menu.ks-open > .dropdown .dropdown-menu .nav-link,
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-menu.ks-open > .dropdown .dropdown-menu .dropdown-item {
height: 60px;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-menu.ks-open > .dropdown .dropdown-menu .dropdown-item.ks-active:hover {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-menu.ks-open > .dropdown .dropdown-menu .dropdown-item.dropdown.show {
padding: 0;
height: auto;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-menu.ks-open > .dropdown .dropdown-menu .dropdown-item.dropdown.show > .nav-link {
height: 61px;
padding: 0 24px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-menu.ks-open > .ks-btn-action > .btn {
width: 100%;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions {
padding-right: 0;
}
}
@media only screen and (max-width: 780px) {
.ks-navbar > .ks-wrapper > .ks-navbar-actions-toggle {
display: block;
}
.ks-navbar > .ks-wrapper > .ks-navbar-actions-toggle > .nav-item > .ks-icon.ks-open {
display: block;
}
.ks-navbar > .ks-wrapper > .ks-navbar-actions-toggle > .nav-item > .ks-icon.ks-close {
display: none;
}
.ks-navbar > .ks-wrapper > .ks-navbar-actions-toggle.ks-open > .nav-item .ks-icon.ks-open {
display: none;
}
.ks-navbar > .ks-wrapper > .ks-navbar-actions-toggle.ks-open > .nav-item .ks-icon.ks-close {
display: block;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
position: fixed;
width: 230px;
height: 100%;
z-index: 6;
right: -230px;
top: 60px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions.ks-open {
-webkit-transition: right .2s ease;
transition: right .2s ease;
position: fixed;
right: 0;
/* Static position for dropdown menus becides message, notifications, languages */
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions.ks-open > .nav-item {
border: none;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions.ks-open > .nav-item:hover {
background: none;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions.ks-open > .nav-item.ks-messages > .nav-link > .ks-text,
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions.ks-open > .nav-item.ks-notifications > .nav-link > .ks-text,
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions.ks-open > .nav-item.ks-languages > .nav-link > .ks-text {
display: block;
margin-left: 27px;
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions.ks-open > .nav-item.ks-messages > .nav-link:after,
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions.ks-open > .nav-item.ks-notifications > .nav-link:after,
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions.ks-open > .nav-item.ks-languages > .nav-link:after {
display: block;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions.ks-open > .nav-item.ks-messages > .nav-link .badge,
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions.ks-open > .nav-item.ks-notifications > .nav-link .badge,
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions.ks-open > .nav-item.ks-languages > .nav-link .badge {
padding-top: 2px;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions.ks-open > .nav-item.ks-languages > .nav-link {
padding-left: 26px;
padding-right: 24px;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions.ks-open > .nav-item > .nav-link {
visibility: visible;
opacity: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
width: 100%;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
height: 60px;
border: none;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions.ks-open > .nav-item.ks-user {
border-right: none;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions.ks-open > .nav-item.ks-user .ks-info {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
display: block;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions.ks-open > .nav-item.ks-user .ks-avatar {
margin-right: 5px;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions.ks-open > .nav-item:not(.ks-languages):not(.ks-messages):not(.ks-notifications).show .dropdown-menu {
position: static;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
}
.ks-navbar > .ks-wrapper > .nav > .ks-navbar-actions.ks-open > .nav-item:not(.ks-languages):not(.ks-messages):not(.ks-notifications).show .dropdown-menu .dropdown-item:not(.dropdown) {
height: 60px;
}
}
@media only screen and (max-width: 580px) {
body.ks-sidebar-empty .ks-navbar .ks-dropdown-grid.show > .dropdown-menu {
margin-left: -98px;
}
body:not(.ks-sidebar-empty) .ks-navbar .ks-dropdown-grid.show > .dropdown-menu {
margin-left: -132px;
}
}
.ks-navbar-horizontal {
padding-left: 30px;
padding-right: 30px;
height: 50px;
/* Color styles */
}
.ks-navbar-horizontal .nav-item {
margin: 0;
padding: 0;
}
.ks-navbar-horizontal .nav-item + .nav-item {
margin: 0;
}
.ks-navbar-horizontal .nav-item > .nav-link {
border-left: 1px solid transparent;
border-right: 1px solid transparent;
}
.ks-navbar-horizontal .nav-item.show .dropdown-menu {
margin: 0;
margin-top: 1px;
width: 229px;
background: #fff;
border: none;
-webkit-border-top-left-radius: 0;
border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
border-top-right-radius: 0;
}
.ks-navbar-horizontal .nav-item.show .dropdown-menu .dropdown-item {
border: none;
height: 50px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
line-height: 13px;
font-weight: 400;
padding: 0 24px;
position: relative;
}
.ks-navbar-horizontal .nav-item.show .dropdown-menu .dropdown-item:first-child {
-webkit-border-top-left-radius: 0;
border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
border-top-right-radius: 0;
}
.ks-navbar-horizontal .nav-item.show .dropdown-menu .dropdown-item:before {
content: '';
position: absolute;
top: 0;
left: -1px;
bottom: -1px;
width: 5px;
z-index: 1;
}
.ks-navbar-horizontal .nav-item.show .dropdown-menu .dropdown-item:last-child {
border-bottom: none;
}
.ks-navbar-horizontal .nav-item.show .dropdown-menu .dropdown-item > .nav-link {
border-bottom: none;
}
.ks-navbar-horizontal .nav-item.show .dropdown-menu .dropdown-item > .nav-link > .ks-text {
white-space: nowrap;
}
.ks-navbar-horizontal .nav-item.show .dropdown-menu .dropdown-item > .nav-link.dropdown-toggle:after {
height: 11px;
}
.ks-navbar-horizontal .nav-item.show .dropdown-menu .dropdown-item > .ks-icon {
font-size: 16px;
line-height: 16px;
margin-right: 20px;
}
.ks-navbar-horizontal .nav-item.show .dropdown-menu .dropdown-item > .ks-icon:not(.fa-sign-out) {
position: relative;
top: -1px;
}
.ks-navbar-horizontal .nav-item.show .dropdown-menu .dropdown {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.ks-navbar-horizontal .nav-item.show .dropdown-menu .dropdown > .dropdown-toggle {
padding: 0;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.ks-navbar-horizontal .nav-item .nav-link {
-webkit-border-radius: 0;
border-radius: 0;
font-size: 13px;
font-weight: 500;
padding: 16px 20px 14px 20px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
white-space: nowrap;
}
.ks-navbar-horizontal .nav-item .nav-link.dropdown-toggle {
padding-right: 40px;
}
.ks-navbar-horizontal .nav-item .nav-link.dropdown-toggle:after {
position: absolute;
right: 15px;
top: 18px;
}
.ks-navbar-horizontal .nav-item .nav-link.active {
position: relative;
}
.ks-navbar-horizontal .nav-item .nav-link.active::before {
position: absolute;
content: '';
bottom: 0;
left: 0;
right: 0;
height: 4px;
}
.ks-navbar-horizontal .nav-item .nav-link > .ks-badge {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
margin-left: 3px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.ks-navbar-horizontal .nav-item .nav-link > .ks-icon {
font-size: 16px;
font-weight: 400;
margin-right: 5px;
position: relative;
}
.ks-navbar-horizontal .nav-item .nav-link > .ks-icon > .ks-badge {
position: absolute;
top: -7px;
right: -12px;
}
.ks-navbar-horizontal .nav-item .nav-link > .ks-icon.ks-notify {
margin-right: 11px;
}
.ks-navbar-horizontal.ks-icons-top {
height: 70px;
}
.ks-navbar-horizontal.ks-icons-top .nav-link {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 14px;
padding-bottom: 13px;
text-align: center;
}
.ks-navbar-horizontal.ks-icons-top .nav-link.dropdown-toggle {
padding-right: 40px;
}
.ks-navbar-horizontal.ks-icons-top .nav-link.dropdown-toggle:after {
position: absolute;
right: 15px;
top: 27px;
}
.ks-navbar-horizontal.ks-icons-top .nav-link .ks-icon {
height: 16px;
display: inline-block;
margin-bottom: 7px;
position: relative;
margin-right: 0;
font-size: 20px;
}
.ks-navbar-horizontal.ks-icons-top .nav-link .ks-icon > .ks-badge {
position: absolute;
top: -7px;
right: -2px;
}
.ks-navbar-horizontal.ks-icons-top .nav-link > .ks-text::before {
content: '';
display: block;
}
.ks-navbar-horizontal.ks-icons-top .nav-link.ks-disabled > .ks-text,
.ks-navbar-horizontal.ks-icons-top .nav-link.disabled > .ks-text {
position: relative;
bottom: -2px;
}
.ks-navbar-horizontal.ks-icons-top .nav-link .ks-notify {
margin-right: 0 !important;
}
.ks-navbar-horizontal > .nav > .ks-navbar-horizontal-responsive {
display: none;
}
.ks-navbar-horizontal > .nav > .ks-navbar-horizontal-responsive > .nav-link {
height: 100%;
}
.ks-navbar-horizontal > .nav > .ks-navbar-horizontal-responsive > .nav-link > .ks-icon {
font-size: 16px;
position: relative;
top: 2px;
}
.ks-navbar-horizontal > .nav > .ks-navbar-horizontal-responsive .dropdown-menu .dropdown-item {
padding: 0;
}
.ks-navbar-horizontal > .nav > .ks-navbar-horizontal-responsive .dropdown-menu .dropdown-item.show {
height: auto;
}
.ks-navbar-horizontal > .nav > .ks-navbar-horizontal-responsive .dropdown-menu .dropdown-item.show > .nav-link {
height: 50px;
}
.ks-navbar-horizontal > .nav > .ks-navbar-horizontal-responsive .dropdown-menu .dropdown-item > .nav-link,
.ks-navbar-horizontal > .nav > .ks-navbar-horizontal-responsive .dropdown-menu .dropdown-item .dropdown-item {
padding: 0 24px;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
height: 100%;
border-bottom: none;
}
.ks-navbar-horizontal > .nav > .ks-navbar-horizontal-responsive .dropdown-menu .dropdown-item > .nav-link:before {
display: none;
}
.ks-navbar-horizontal > .nav > .ks-navbar-horizontal-responsive .dropdown-menu .dropdown-item .dropdown-menu {
position: static;
-webkit-box-shadow: none;
box-shadow: none;
}
.ks-navbar-horizontal > .nav > .ks-navbar-horizontal-responsive .dropdown-menu .dropdown-item .dropdown-menu .dropdown-item {
height: 50px;
}
.ks-navbar-horizontal.ks-icons-top > .nav > .ks-navbar-horizontal-responsive > .nav-link > .ks-icon {
font-size: 20px;
top: 13px;
}
.ks-navbar-horizontal.ks-icons-top > .nav > .ks-navbar-horizontal-responsive .dropdown-menu .dropdown-item > .nav-link,
.ks-navbar-horizontal.ks-icons-top > .nav > .ks-navbar-horizontal-responsive .dropdown-menu .dropdown-item .dropdown-item {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.ks-navbar-horizontal.ks-icons-top > .nav > .ks-navbar-horizontal-responsive .dropdown-menu .dropdown-item > .nav-link.dropdown-toggle:after,
.ks-navbar-horizontal.ks-icons-top > .nav > .ks-navbar-horizontal-responsive .dropdown-menu .dropdown-item .dropdown-item.dropdown-toggle:after {
top: 20px;
}
.ks-navbar-horizontal.ks-icons-top > .nav > .ks-navbar-horizontal-responsive .dropdown-menu .dropdown-item > .nav-link > .ks-icon,
.ks-navbar-horizontal.ks-icons-top > .nav > .ks-navbar-horizontal-responsive .dropdown-menu .dropdown-item .dropdown-item > .ks-icon {
position: relative;
top: 5px;
margin-right: 15px;
}
.ks-navbar-horizontal.ks-icons-top > .nav > .ks-navbar-horizontal-responsive .dropdown-menu .dropdown-item > .nav-link > .ks-text,
.ks-navbar-horizontal.ks-icons-top > .nav > .ks-navbar-horizontal-responsive .dropdown-menu .dropdown-item .dropdown-item > .ks-text {
position: relative;
top: 2px;
}
.ks-navbar-horizontal.ks-primary .dropdown-item.ks-active,
.ks-navbar-horizontal.ks-primary .dropdown-item.active {
background: #fff;
}
.ks-navbar-horizontal.ks-primary .dropdown-item.ks-active:before,
.ks-navbar-horizontal.ks-primary .dropdown-item.active:before {
background: #0052cc;
}
.ks-navbar-horizontal.ks-primary .dropdown-item:not(.active):not(.ks-active):hover:before {
background: #72aedb;
}
.ks-navbar-horizontal.ks-primary .nav-item .nav-link.active::before {
background: #0052cc;
}
.ks-navbar-horizontal.ks-info .dropdown-item.ks-active,
.ks-navbar-horizontal.ks-info .dropdown-item.active {
background: #fff;
}
.ks-navbar-horizontal.ks-info .dropdown-item.ks-active:before,
.ks-navbar-horizontal.ks-info .dropdown-item.active:before {
background: #42a5f5;
}
.ks-navbar-horizontal.ks-info .dropdown-item:not(.active):not(.ks-active):hover:before {
background: #d3edfc;
}
.ks-navbar-horizontal.ks-info .nav-item .nav-link.active::before {
background: #42a5f5;
}
.ks-navbar-horizontal.ks-success .dropdown-item.ks-active,
.ks-navbar-horizontal.ks-success .dropdown-item.active {
background: #fff;
}
.ks-navbar-horizontal.ks-success .dropdown-item.ks-active:before,
.ks-navbar-horizontal.ks-success .dropdown-item.active:before {
background: #4caf50;
}
.ks-navbar-horizontal.ks-success .dropdown-item:not(.active):not(.ks-active):hover:before {
background: #b5dfb7;
}
.ks-navbar-horizontal.ks-success .nav-item .nav-link.active::before {
background: #4caf50;
}
.ks-navbar-horizontal.ks-warning .dropdown-item.ks-active,
.ks-navbar-horizontal.ks-warning .dropdown-item.active {
background: #fff;
}
.ks-navbar-horizontal.ks-warning .dropdown-item.ks-active:before,
.ks-navbar-horizontal.ks-warning .dropdown-item.active:before {
background: #ffb300;
}
.ks-navbar-horizontal.ks-warning .dropdown-item:not(.active):not(.ks-active):hover:before {
background: #ffe199;
}
.ks-navbar-horizontal.ks-warning .nav-item .nav-link.active::before {
background: #ffb300;
}
.ks-navbar-horizontal.ks-danger .dropdown-item.ks-active,
.ks-navbar-horizontal.ks-danger .dropdown-item.active {
background: #fff;
}
.ks-navbar-horizontal.ks-danger .dropdown-item.ks-active:before,
.ks-navbar-horizontal.ks-danger .dropdown-item.active:before {
background: #ef5350;
}
.ks-navbar-horizontal.ks-danger .dropdown-item:not(.active):not(.ks-active):hover:before {
background: #fcdddc;
}
.ks-navbar-horizontal.ks-danger .nav-item .nav-link.active::before {
background: #ef5350;
}
.ks-navbar-horizontal.ks-fuchsia-pink .dropdown-item.ks-active,
.ks-navbar-horizontal.ks-fuchsia-pink .dropdown-item.active {
background: #fff;
}
.ks-navbar-horizontal.ks-fuchsia-pink .dropdown-item.ks-active:before,
.ks-navbar-horizontal.ks-fuchsia-pink .dropdown-item.active:before {
background: #d149cc;
}
.ks-navbar-horizontal.ks-fuchsia-pink .dropdown-item:not(.active):not(.ks-active):hover:before {
background: #f0c3ee;
}
.ks-navbar-horizontal.ks-fuchsia-pink .nav-item .nav-link.active::before {
background: #d149cc;
}
.ks-navbar-horizontal.ks-cerise-red .dropdown-item.ks-active,
.ks-navbar-horizontal.ks-cerise-red .dropdown-item.active {
background: #fff;
}
.ks-navbar-horizontal.ks-cerise-red .dropdown-item.ks-active:before,
.ks-navbar-horizontal.ks-cerise-red .dropdown-item.active:before {
background: #e23e57;
}
.ks-navbar-horizontal.ks-cerise-red .dropdown-item:not(.active):not(.ks-active):hover:before {
background: #f6c3cb;
}
.ks-navbar-horizontal.ks-cerise-red .nav-item .nav-link.active::before {
background: #e23e57;
}
.ks-navbar-horizontal.ks-crusta .dropdown-item.ks-active,
.ks-navbar-horizontal.ks-crusta .dropdown-item.active {
background: #fff;
}
.ks-navbar-horizontal.ks-crusta .dropdown-item.ks-active:before,
.ks-navbar-horizontal.ks-crusta .dropdown-item.active:before {
background: #e79716;
}
.ks-navbar-horizontal.ks-crusta .dropdown-item:not(.active):not(.ks-active):hover:before {
background: #f6d5a0;
}
.ks-navbar-horizontal.ks-crusta .nav-item .nav-link.active::before {
background: #e79716;
}
.ks-navbar-horizontal.ks-medium-purple .dropdown-item.ks-active,
.ks-navbar-horizontal.ks-medium-purple .dropdown-item.active {
background: #fff;
}
.ks-navbar-horizontal.ks-medium-purple .dropdown-item.ks-active:before,
.ks-navbar-horizontal.ks-medium-purple .dropdown-item.active:before {
background: #9043d8;
}
.ks-navbar-horizontal.ks-medium-purple .dropdown-item:not(.active):not(.ks-active):hover:before {
background: #dbc2f2;
}
.ks-navbar-horizontal.ks-medium-purple .nav-item .nav-link.active::before {
background: #9043d8;
}
.ks-navbar-horizontal.ks-royal-blue .dropdown-item.ks-active,
.ks-navbar-horizontal.ks-royal-blue .dropdown-item.active {
background: #fff;
}
.ks-navbar-horizontal.ks-royal-blue .dropdown-item.ks-active:before,
.ks-navbar-horizontal.ks-royal-blue .dropdown-item.active:before {
background: #4160de;
}
.ks-navbar-horizontal.ks-royal-blue .dropdown-item:not(.active):not(.ks-active):hover:before {
background: #c3cdf5;
}
.ks-navbar-horizontal.ks-royal-blue .nav-item .nav-link.active::before {
background: #4160de;
}
.ks-navbar-horizontal.ks-persian-green .dropdown-item.ks-active,
.ks-navbar-horizontal.ks-persian-green .dropdown-item.active {
background: #fff;
}
.ks-navbar-horizontal.ks-persian-green .dropdown-item.ks-active:before,
.ks-navbar-horizontal.ks-persian-green .dropdown-item.active:before {
background: #02a388;
}
.ks-navbar-horizontal.ks-persian-green .dropdown-item:not(.active):not(.ks-active):hover:before {
background: #03d5b2;
}
.ks-navbar-horizontal.ks-persian-green .nav-item .nav-link.active::before {
background: #02a388;
}
.ks-navbar-horizontal.ks-dark-tan .dropdown-item.ks-active,
.ks-navbar-horizontal.ks-dark-tan .dropdown-item.active {
background: #fff;
}
.ks-navbar-horizontal.ks-dark-tan .dropdown-item.ks-active:before,
.ks-navbar-horizontal.ks-dark-tan .dropdown-item.active:before {
background: #630a10;
}
.ks-navbar-horizontal.ks-dark-tan .dropdown-item:not(.active):not(.ks-active):hover:before {
background: #f27a82;
}
.ks-navbar-horizontal.ks-dark-tan .nav-item .nav-link.active::before {
background: #630a10;
}
.ks-navbar-horizontal + .ks-page-container .ks-dashboard-tabbed-sidebar-sidebar {
top: 170px;
}
.ks-navbar-horizontal.ks-icons-top + .ks-page-container .ks-dashboard-tabbed-sidebar-sidebar {
top: 190px;
}
body.ks-navbar-fixed .ks-navbar-horizontal {
position: fixed;
z-index: 3;
top: 60px;
width: 100%;
}
body.ks-navbar-fixed .ks-navbar-horizontal + .ks-container,
body.ks-navbar-fixed .ks-navbar-horizontal + .ks-page-container {
padding-top: 50px;
}
body.ks-navbar-fixed .ks-navbar-horizontal + .ks-container .ks-page > .ks-content > .ks-content-nav > .ks-nav,
body.ks-navbar-fixed .ks-navbar-horizontal + .ks-page-container .ks-page > .ks-content > .ks-content-nav > .ks-nav {
top: 170px;
}
body.ks-navbar-fixed .ks-navbar-horizontal.ks-icons-top + .ks-container,
body.ks-navbar-fixed .ks-navbar-horizontal.ks-icons-top + .ks-page-container {
padding-top: 70px;
}
body.ks-navbar-fixed .ks-navbar-horizontal.ks-icons-top + .ks-container .ks-page > .ks-header,
body.ks-navbar-fixed .ks-navbar-horizontal.ks-icons-top + .ks-page-container .ks-page > .ks-header {
top: 130px;
}
body.ks-navbar-fixed .ks-navbar-horizontal.ks-icons-top + .ks-container .ks-page > .ks-content > .ks-content-nav > .ks-nav,
body.ks-navbar-fixed .ks-navbar-horizontal.ks-icons-top + .ks-page-container .ks-page > .ks-content > .ks-content-nav > .ks-nav {
top: 190px;
}
.ks-sidebar {
width: 260px;
}
.ks-sidebar > .ks-wrapper .nav,
.ks-sidebar .ks-sidebar-wrapper .nav {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.ks-sidebar > .ks-wrapper .nav .nav-item,
.ks-sidebar .ks-sidebar-wrapper .nav .nav-item {
position: relative;
margin: 0;
visibility: visible;
}
.ks-sidebar > .ks-wrapper .nav .nav-item:hover > .nav-link,
.ks-sidebar > .ks-wrapper .nav .nav-item:hover > .nav-link:active,
.ks-sidebar .ks-sidebar-wrapper .nav .nav-item:hover > .nav-link,
.ks-sidebar .ks-sidebar-wrapper .nav .nav-item:hover > .nav-link:active {
background: rgba(255, 255, 255, 0.5);
}
.ks-sidebar > .ks-wrapper .nav .nav-item.ks-user > .nav-link > .ks-avatar,
.ks-sidebar .ks-sidebar-wrapper .nav .nav-item.ks-user > .nav-link > .ks-avatar {
margin-right: 12px;
margin-left: -9px;
}
.ks-sidebar > .ks-wrapper .nav .nav-item.ks-user > .nav-link > .ks-info > .ks-name,
.ks-sidebar .ks-sidebar-wrapper .nav .nav-item.ks-user > .nav-link > .ks-info > .ks-name {
margin-bottom: 2px;
margin-top: 2px;
}
.ks-sidebar > .ks-wrapper .nav .nav-item.ks-user > .nav-link > .ks-info > .ks-text,
.ks-sidebar .ks-sidebar-wrapper .nav .nav-item.ks-user > .nav-link > .ks-info > .ks-text {
font-size: 12px;
}
.ks-sidebar > .ks-wrapper .nav .nav-item .dropdown-menu,
.ks-sidebar .ks-sidebar-wrapper .nav .nav-item .dropdown-menu {
display: none;
}
.ks-sidebar > .ks-wrapper .nav .nav-item.open .nav-link,
.ks-sidebar > .ks-wrapper .nav .nav-item .nav-item .nav-link,
.ks-sidebar .ks-sidebar-wrapper .nav .nav-item.open .nav-link,
.ks-sidebar .ks-sidebar-wrapper .nav .nav-item .nav-item .nav-link {
cursor: pointer;
}
.ks-sidebar > .ks-wrapper .nav .nav-item.open .dropdown-menu,
.ks-sidebar > .ks-wrapper .nav .nav-item .nav-item .dropdown-menu,
.ks-sidebar .ks-sidebar-wrapper .nav .nav-item.open .dropdown-menu,
.ks-sidebar .ks-sidebar-wrapper .nav .nav-item .nav-item .dropdown-menu {
position: static;
width: auto;
min-width: 0;
}
.ks-sidebar > .ks-wrapper .nav .nav-item.open > .dropdown-menu,
.ks-sidebar .ks-sidebar-wrapper .nav .nav-item.open > .dropdown-menu {
display: block;
}
.ks-sidebar > .ks-wrapper .nav .nav-item.open > .dropdown-menu .dropdown-toggle,
.ks-sidebar .ks-sidebar-wrapper .nav .nav-item.open > .dropdown-menu .dropdown-toggle {
font-weight: normal;
}
.ks-sidebar > .ks-wrapper .nav .nav-item.open > .dropdown-menu .dropdown-toggle::after,
.ks-sidebar .ks-sidebar-wrapper .nav .nav-item.open > .dropdown-menu .dropdown-toggle::after {
font-weight: 500;
}
.ks-sidebar > .ks-wrapper .nav .nav-item.open .dropdown-item,
.ks-sidebar .ks-sidebar-wrapper .nav .nav-item.open .dropdown-item {
font-weight: normal;
}
.ks-sidebar > .ks-wrapper .nav .nav-item.open .dropdown-item.ks-active,
.ks-sidebar .ks-sidebar-wrapper .nav .nav-item.open .dropdown-item.ks-active {
font-weight: 500;
}
.ks-sidebar > .ks-wrapper .nav .nav-link,
.ks-sidebar > .ks-wrapper .nav .dropdown-item,
.ks-sidebar > .ks-wrapper .nav .dropdown-menu,
.ks-sidebar .ks-sidebar-wrapper .nav .nav-link,
.ks-sidebar .ks-sidebar-wrapper .nav .dropdown-item,
.ks-sidebar .ks-sidebar-wrapper .nav .dropdown-menu {
position: relative;
-webkit-border-radius: 0;
border-radius: 0;
}
.ks-sidebar > .ks-wrapper .nav .nav-link::before,
.ks-sidebar > .ks-wrapper .nav .dropdown-item::before,
.ks-sidebar > .ks-wrapper .nav .dropdown-menu::before,
.ks-sidebar .ks-sidebar-wrapper .nav .nav-link::before,
.ks-sidebar .ks-sidebar-wrapper .nav .dropdown-item::before,
.ks-sidebar .ks-sidebar-wrapper .nav .dropdown-menu::before {
content: '';
width: 4px;
min-height: 60px;
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
}
.ks-sidebar > .ks-wrapper .nav .nav-link::after,
.ks-sidebar > .ks-wrapper .nav .dropdown-item::after,
.ks-sidebar > .ks-wrapper .nav .dropdown-menu::after,
.ks-sidebar .ks-sidebar-wrapper .nav .nav-link::after,
.ks-sidebar .ks-sidebar-wrapper .nav .dropdown-item::after,
.ks-sidebar .ks-sidebar-wrapper .nav .dropdown-menu::after {
position: absolute;
right: 24px;
top: 24px;
height: 15px;
}
.ks-sidebar > .ks-wrapper .nav.nav-pills .nav-link.active,
.ks-sidebar > .ks-wrapper .nav.nav-pills .nav-link:focus,
.ks-sidebar > .ks-wrapper .nav.nav-pills .nav-link:active,
.ks-sidebar .ks-sidebar-wrapper .nav.nav-pills .nav-link.active,
.ks-sidebar .ks-sidebar-wrapper .nav.nav-pills .nav-link:focus,
.ks-sidebar .ks-sidebar-wrapper .nav.nav-pills .nav-link:active {
background: transparent;
}
.ks-sidebar > .ks-wrapper .nav .nav-link,
.ks-sidebar > .ks-wrapper .nav .dropdown-item,
.ks-sidebar .ks-sidebar-wrapper .nav .nav-link,
.ks-sidebar .ks-sidebar-wrapper .nav .dropdown-item {
padding-left: 27px;
padding-right: 24px;
height: 60px;
font-weight: 400;
margin: 0;
text-decoration: none;
-webkit-border-radius: 0;
border-radius: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
line-height: 18px;
font-size: 13px;
}
.ks-sidebar > .ks-wrapper .nav .nav-link > .ks-icon,
.ks-sidebar > .ks-wrapper .nav .dropdown-item > .ks-icon,
.ks-sidebar .ks-sidebar-wrapper .nav .nav-link > .ks-icon,
.ks-sidebar .ks-sidebar-wrapper .nav .dropdown-item > .ks-icon {
font-size: 20px;
line-height: 100%;
width: 20px;
height: 20px;
display: inline-block;
vertical-align: middle;
margin-right: 18px;
position: relative;
top: 1px;
left: -2px;
}
.ks-sidebar > .ks-wrapper .nav .nav-link > .ks-icon > .ks-label,
.ks-sidebar > .ks-wrapper .nav .dropdown-item > .ks-icon > .ks-label,
.ks-sidebar .ks-sidebar-wrapper .nav .nav-link > .ks-icon > .ks-label,
.ks-sidebar .ks-sidebar-wrapper .nav .dropdown-item > .ks-icon > .ks-label {
position: absolute;
left: 8px;
top: -8px;
padding: 0;
-webkit-border-radius: 9px;
border-radius: 9px;
min-width: 18px;
min-height: 18px;
text-align: center;
border: none;
padding-left: 4px;
padding-right: 4px;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding-top: 2px;
}
.ks-sidebar > .ks-wrapper .nav .dropdown-menu,
.ks-sidebar .ks-sidebar-wrapper .nav .dropdown-menu {
position: relative;
float: none;
-webkit-box-shadow: none;
box-shadow: none;
margin: 0;
border: none;
}
.ks-sidebar > .ks-wrapper .nav .dropdown-menu .dropdown-toggle,
.ks-sidebar .ks-sidebar-wrapper .nav .dropdown-menu .dropdown-toggle {
padding-left: 66px;
}
.ks-sidebar > .ks-wrapper .nav .dropdown-menu .dropdown-item,
.ks-sidebar .ks-sidebar-wrapper .nav .dropdown-menu .dropdown-item {
padding-left: 66px;
padding-right: 24px;
height: 60px;
font-weight: 400;
margin: 0;
text-decoration: none;
-webkit-border-radius: 0;
border-radius: 0;
}
.ks-sidebar > .ks-wrapper .nav .dropdown-menu .dropdown-item > .ks-icon,
.ks-sidebar .ks-sidebar-wrapper .nav .dropdown-menu .dropdown-item > .ks-icon {
font-size: 16px;
line-height: 100%;
width: 16px;
height: 16px;
display: inline-block;
vertical-align: middle;
margin-right: 22px;
position: relative;
}
.ks-sidebar > .ks-wrapper .nav .dropdown-menu .dropdown-menu .dropdown-item,
.ks-sidebar .ks-sidebar-wrapper .nav .dropdown-menu .dropdown-menu .dropdown-item {
padding-left: 90px;
}
.ks-sidebar .ks-sidebar-extras-block {
margin-top: -50px;
padding: 27px;
margin-bottom: 40px;
}
.ks-sidebar .ks-sidebar-extras-block .ks-extras-block-item {
margin-bottom: 30px;
}
.ks-sidebar .ks-sidebar-extras-block .ks-extras-block-item > .ks-name {
font-size: 13px;
font-weight: 500;
margin-bottom: 10px;
}
.ks-sidebar .ks-sidebar-extras-block .ks-extras-block-item > .ks-progress .progress {
margin-bottom: 7px;
}
.ks-sidebar .ks-sidebar-extras-block .ks-extras-block-item > .ks-description {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
font-size: 11px;
}
.ks-sidebar .ks-sidebar-extras-block .ks-extras-block-item > .ks-description > .ks-amount {
font-weight: 500;
margin-right: 7px;
}
.ks-sidebar .ks-sidebar-extras-block .ks-extras-block-item > .ks-description > .ks-text {
color: #858585;
}
.ks-sidebar .ks-sidebar-copyright {
margin-top: 40px;
font-size: 11px;
font-weight: 500;
margin-bottom: 30px;
}
.ks-sidebar.ks-iconbar,
.ks-sidebar.ks-iconbar-compact {
width: 129px;
max-width: 129px;
}
.ks-sidebar.ks-iconbar .nav > .nav-item > .nav-link,
.ks-sidebar.ks-iconbar-compact .nav > .nav-item > .nav-link {
padding: 0;
text-align: center;
height: 130px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.ks-sidebar.ks-iconbar .nav > .nav-item > .nav-link::after,
.ks-sidebar.ks-iconbar-compact .nav > .nav-item > .nav-link::after {
display: none;
}
.ks-sidebar.ks-iconbar .nav > .nav-item > .nav-link span.ks-icon,
.ks-sidebar.ks-iconbar-compact .nav > .nav-item > .nav-link span.ks-icon {
margin-right: 0;
width: auto;
height: auto;
font-size: 34px;
margin-bottom: 13px;
left: 1px;
}
.ks-sidebar.ks-iconbar .nav > .nav-item > .nav-link span.ks-icon > .ks-label,
.ks-sidebar.ks-iconbar-compact .nav > .nav-item > .nav-link span.ks-icon > .ks-label {
left: auto;
right: -6px;
top: -2px;
}
.ks-sidebar.ks-iconbar .nav > .nav-item > .nav-link span.ks-text,
.ks-sidebar.ks-iconbar-compact .nav > .nav-item > .nav-link span.ks-text {
display: block;
}
.ks-sidebar.ks-iconbar .nav > .nav-item.open > .dropdown-menu,
.ks-sidebar.ks-iconbar-compact .nav > .nav-item.open > .dropdown-menu {
position: absolute;
min-width: 129px;
left: 129px;
top: 0;
-webkit-box-shadow: 0 0 5px 0 rgba(57, 81, 155, 0.3);
box-shadow: 0 0 5px 0 rgba(57, 81, 155, 0.3);
}
.ks-sidebar.ks-iconbar .nav > .nav-item.open > .dropdown-menu .dropdown-menu,
.ks-sidebar.ks-iconbar-compact .nav > .nav-item.open > .dropdown-menu .dropdown-menu {
position: relative;
left: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.ks-sidebar.ks-iconbar .nav > .nav-item.open > .dropdown-menu .nav-item.dropdown:before,
.ks-sidebar.ks-iconbar-compact .nav > .nav-item.open > .dropdown-menu .nav-item.dropdown:before {
width: 0;
}
.ks-sidebar.ks-iconbar .nav > .nav-item.open > .dropdown-menu .nav-item > .nav-link::after,
.ks-sidebar.ks-iconbar-compact .nav > .nav-item.open > .dropdown-menu .nav-item > .nav-link::after {
display: block;
}
.ks-sidebar.ks-iconbar .nav > .nav-item.open > .dropdown-menu .nav-item > .nav-link span,
.ks-sidebar.ks-iconbar-compact .nav > .nav-item.open > .dropdown-menu .nav-item > .nav-link span {
display: inline-block;
}
.ks-sidebar.ks-iconbar .nav > .nav-item.ks-user-item > .nav-link > .ks-name,
.ks-sidebar.ks-iconbar-compact .nav > .nav-item.ks-user-item > .nav-link > .ks-name {
margin-top: 6px;
}
.ks-sidebar.ks-iconbar .nav > .nav-item.ks-user-item > .nav-link > .ks-description,
.ks-sidebar.ks-iconbar-compact .nav > .nav-item.ks-user-item > .nav-link > .ks-description {
margin-top: 0;
font-size: 12px;
color: rgba(58, 82, 155, 0.6);
}
.ks-sidebar.ks-iconbar.ks-fixed .nav,
.ks-sidebar.ks-iconbar-compact.ks-fixed .nav {
width: 129px;
max-width: 129px;
}
.ks-sidebar.ks-iconbar.ks-fixed .nav > .nav-item.open > .dropdown-menu,
.ks-sidebar.ks-iconbar-compact.ks-fixed .nav > .nav-item.open > .dropdown-menu {
position: static;
min-width: 0;
width: 100%;
-webkit-box-shadow: none;
box-shadow: none;
}
.ks-sidebar.ks-iconbar-compact {
width: 149px;
max-width: 149px;
}
.ks-sidebar.ks-iconbar-compact .nav > .nav-item > .nav-link {
height: 70px;
}
.ks-sidebar.ks-iconbar-compact .nav > .nav-item > .nav-link span.ks-icon {
margin-right: 0;
width: auto;
height: auto;
font-size: 24px;
margin-bottom: 9px;
}
.ks-sidebar.ks-iconbar-compact .nav > .nav-item > .nav-link span.ks-icon > .ks-label {
left: 14px;
top: -4px;
}
.ks-sidebar.ks-iconbar-compact .nav > .nav-item.open > .dropdown-menu {
position: static;
min-width: 0;
width: 100%;
-webkit-box-shadow: none;
box-shadow: none;
}
.ks-sidebar.ks-iconbar-compact .nav > .nav-item.open > .dropdown-menu .dropdown-toggle,
.ks-sidebar.ks-iconbar-compact .nav > .nav-item.open > .dropdown-menu .dropdown-item {
text-align: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding-left: 5px;
padding-right: 5px;
}
.ks-sidebar.ks-iconbar-compact .nav > .nav-item.open > .dropdown-menu .nav-item.dropdown::before {
width: 4px;
top: -1px;
bottom: -1px;
}
.ks-sidebar.ks-iconbar-compact .nav > .nav-item.ks-user-item > .nav-link {
height: 106px;
}
.ks-sidebar.ks-primary .nav .nav-item.open .nav-link::before,
.ks-sidebar.ks-primary .nav .nav-item.open .dropdown-item::before,
.ks-sidebar.ks-primary .nav .nav-item.open .dropdown-menu::before,
.ks-sidebar.ks-primary .nav .nav-item .nav-item .nav-link::before,
.ks-sidebar.ks-primary .nav .nav-item .nav-item .dropdown-item::before,
.ks-sidebar.ks-primary .nav .nav-item .nav-item .dropdown-menu::before {
background: #0052cc;
}
.ks-sidebar.ks-primary .nav .nav-item:hover > .nav-link::before {
background: #0052cc;
}
.ks-sidebar.ks-info .nav .nav-item.open .nav-link::before,
.ks-sidebar.ks-info .nav .nav-item.open .dropdown-item::before,
.ks-sidebar.ks-info .nav .nav-item.open .dropdown-menu::before,
.ks-sidebar.ks-info .nav .nav-item .nav-item .nav-link::before,
.ks-sidebar.ks-info .nav .nav-item .nav-item .dropdown-item::before,
.ks-sidebar.ks-info .nav .nav-item .nav-item .dropdown-menu::before {
background: #42a5f5;
}
.ks-sidebar.ks-info .nav .nav-item:hover > .nav-link::before {
background: #42a5f5;
}
.ks-sidebar.ks-success .nav .nav-item.open .nav-link::before,
.ks-sidebar.ks-success .nav .nav-item.open .dropdown-item::before,
.ks-sidebar.ks-success .nav .nav-item.open .dropdown-menu::before,
.ks-sidebar.ks-success .nav .nav-item .nav-item .nav-link::before,
.ks-sidebar.ks-success .nav .nav-item .nav-item .dropdown-item::before,
.ks-sidebar.ks-success .nav .nav-item .nav-item .dropdown-menu::before {
background: #4caf50;
}
.ks-sidebar.ks-success .nav .nav-item:hover > .nav-link::before {
background: #4caf50;
}
.ks-sidebar.ks-warning .nav .nav-item.open .nav-link::before,
.ks-sidebar.ks-warning .nav .nav-item.open .dropdown-item::before,
.ks-sidebar.ks-warning .nav .nav-item.open .dropdown-menu::before,
.ks-sidebar.ks-warning .nav .nav-item .nav-item .nav-link::before,
.ks-sidebar.ks-warning .nav .nav-item .nav-item .dropdown-item::before,
.ks-sidebar.ks-warning .nav .nav-item .nav-item .dropdown-menu::before {
background: #ffb300;
}
.ks-sidebar.ks-warning .nav .nav-item:hover > .nav-link::before {
background: #ffb300;
}
.ks-sidebar.ks-danger .nav .nav-item.open .nav-link::before,
.ks-sidebar.ks-danger .nav .nav-item.open .dropdown-item::before,
.ks-sidebar.ks-danger .nav .nav-item.open .dropdown-menu::before,
.ks-sidebar.ks-danger .nav .nav-item .nav-item .nav-link::before,
.ks-sidebar.ks-danger .nav .nav-item .nav-item .dropdown-item::before,
.ks-sidebar.ks-danger .nav .nav-item .nav-item .dropdown-menu::before {
background: #ef5350;
}
.ks-sidebar.ks-danger .nav .nav-item:hover > .nav-link::before {
background: #ef5350;
}
.ks-sidebar.ks-fuchsia-pink .nav .nav-item.open .nav-link::before,
.ks-sidebar.ks-fuchsia-pink .nav .nav-item.open .dropdown-item::before,
.ks-sidebar.ks-fuchsia-pink .nav .nav-item.open .dropdown-menu::before,
.ks-sidebar.ks-fuchsia-pink .nav .nav-item .nav-item .nav-link::before,
.ks-sidebar.ks-fuchsia-pink .nav .nav-item .nav-item .dropdown-item::before,
.ks-sidebar.ks-fuchsia-pink .nav .nav-item .nav-item .dropdown-menu::before {
background: #d149cc;
}
.ks-sidebar.ks-fuchsia-pink .nav .nav-item:hover > .nav-link::before {
background: #d149cc;
}
.ks-sidebar.ks-cerise-red .nav .nav-item.open .nav-link::before,
.ks-sidebar.ks-cerise-red .nav .nav-item.open .dropdown-item::before,
.ks-sidebar.ks-cerise-red .nav .nav-item.open .dropdown-menu::before,
.ks-sidebar.ks-cerise-red .nav .nav-item .nav-item .nav-link::before,
.ks-sidebar.ks-cerise-red .nav .nav-item .nav-item .dropdown-item::before,
.ks-sidebar.ks-cerise-red .nav .nav-item .nav-item .dropdown-menu::before {
background: #e23e57;
}
.ks-sidebar.ks-cerise-red .nav .nav-item:hover > .nav-link::before {
background: #e23e57;
}
.ks-sidebar.ks-crusta .nav .nav-item.open .nav-link::before,
.ks-sidebar.ks-crusta .nav .nav-item.open .dropdown-item::before,
.ks-sidebar.ks-crusta .nav .nav-item.open .dropdown-menu::before,
.ks-sidebar.ks-crusta .nav .nav-item .nav-item .nav-link::before,
.ks-sidebar.ks-crusta .nav .nav-item .nav-item .dropdown-item::before,
.ks-sidebar.ks-crusta .nav .nav-item .nav-item .dropdown-menu::before {
background: #e79716;
}
.ks-sidebar.ks-crusta .nav .nav-item:hover > .nav-link::before {
background: #e79716;
}
.ks-sidebar.ks-medium-purple .nav .nav-item.open .nav-link::before,
.ks-sidebar.ks-medium-purple .nav .nav-item.open .dropdown-item::before,
.ks-sidebar.ks-medium-purple .nav .nav-item.open .dropdown-menu::before,
.ks-sidebar.ks-medium-purple .nav .nav-item .nav-item .nav-link::before,
.ks-sidebar.ks-medium-purple .nav .nav-item .nav-item .dropdown-item::before,
.ks-sidebar.ks-medium-purple .nav .nav-item .nav-item .dropdown-menu::before {
background: #9043d8;
}
.ks-sidebar.ks-medium-purple .nav .nav-item:hover > .nav-link::before {
background: #9043d8;
}
.ks-sidebar.ks-royal-blue .nav .nav-item.open .nav-link::before,
.ks-sidebar.ks-royal-blue .nav .nav-item.open .dropdown-item::before,
.ks-sidebar.ks-royal-blue .nav .nav-item.open .dropdown-menu::before,
.ks-sidebar.ks-royal-blue .nav .nav-item .nav-item .nav-link::before,
.ks-sidebar.ks-royal-blue .nav .nav-item .nav-item .dropdown-item::before,
.ks-sidebar.ks-royal-blue .nav .nav-item .nav-item .dropdown-menu::before {
background: #4160de;
}
.ks-sidebar.ks-royal-blue .nav .nav-item:hover > .nav-link::before {
background: #4160de;
}
.ks-sidebar.ks-persian-green .nav .nav-item.open .nav-link::before,
.ks-sidebar.ks-persian-green .nav .nav-item.open .dropdown-item::before,
.ks-sidebar.ks-persian-green .nav .nav-item.open .dropdown-menu::before,
.ks-sidebar.ks-persian-green .nav .nav-item .nav-item .nav-link::before,
.ks-sidebar.ks-persian-green .nav .nav-item .nav-item .dropdown-item::before,
.ks-sidebar.ks-persian-green .nav .nav-item .nav-item .dropdown-menu::before {
background: #02a388;
}
.ks-sidebar.ks-persian-green .nav .nav-item:hover > .nav-link::before {
background: #02a388;
}
.ks-sidebar.ks-dark-tan .nav .nav-item.open .nav-link::before,
.ks-sidebar.ks-dark-tan .nav .nav-item.open .dropdown-item::before,
.ks-sidebar.ks-dark-tan .nav .nav-item.open .dropdown-menu::before,
.ks-sidebar.ks-dark-tan .nav .nav-item .nav-item .nav-link::before,
.ks-sidebar.ks-dark-tan .nav .nav-item .nav-item .dropdown-item::before,
.ks-sidebar.ks-dark-tan .nav .nav-item .nav-item .dropdown-menu::before {
background: #630a10;
}
.ks-sidebar.ks-dark-tan .nav .nav-item:hover > .nav-link::before {
background: #630a10;
}
body.ks-sidebar-position-fixed > .ks-container .ks-sidebar,
body.ks-sidebar-position-fixed .ks-page-container .ks-sidebar {
border: none;
}
body.ks-sidebar-position-fixed > .ks-container .ks-sidebar > .ks-wrapper,
body.ks-sidebar-position-fixed > .ks-container .ks-sidebar .ks-sidebar-wrapper,
body.ks-sidebar-position-fixed .ks-page-container .ks-sidebar > .ks-wrapper,
body.ks-sidebar-position-fixed .ks-page-container .ks-sidebar .ks-sidebar-wrapper {
/* > .wrapper is deprecated */
width: 260px;
border-right: 1px solid #d7dceb;
position: fixed;
z-index: 5;
height: 100%;
}
body.ks-sidebar-position-fixed > .ks-container .ks-sidebar > .ks-wrapper .nav,
body.ks-sidebar-position-fixed > .ks-container .ks-sidebar .ks-sidebar-wrapper .nav,
body.ks-sidebar-position-fixed .ks-page-container .ks-sidebar > .ks-wrapper .nav,
body.ks-sidebar-position-fixed .ks-page-container .ks-sidebar .ks-sidebar-wrapper .nav {
margin-bottom: 60px;
}
body.ks-sidebar-position-fixed > .ks-container .ks-sidebar.ks-iconbar > .ks-wrapper,
body.ks-sidebar-position-fixed > .ks-container .ks-sidebar.ks-iconbar .ks-sidebar-wrapper,
body.ks-sidebar-position-fixed .ks-page-container .ks-sidebar.ks-iconbar > .ks-wrapper,
body.ks-sidebar-position-fixed .ks-page-container .ks-sidebar.ks-iconbar .ks-sidebar-wrapper {
width: 129px;
min-width: 129px;
}
body.ks-sidebar-position-fixed > .ks-container .ks-sidebar.ks-iconbar-compact > .ks-wrapper,
body.ks-sidebar-position-fixed > .ks-container .ks-sidebar.ks-iconbar-compact .ks-sidebar-wrapper,
body.ks-sidebar-position-fixed .ks-page-container .ks-sidebar.ks-iconbar-compact > .ks-wrapper,
body.ks-sidebar-position-fixed .ks-page-container .ks-sidebar.ks-iconbar-compact .ks-sidebar-wrapper {
width: 149px;
min-width: 149px;
}
body.ks-sidebar-compact:not(.ks-sidebar-default):not(.ks-sidebar-iconbar):not(.ks-sidebar-iconbar_compact):not(.ks-sidebar-sections) .ks-sidebar {
width: 71px;
max-width: 71px;
}
body.ks-sidebar-compact:not(.ks-sidebar-default):not(.ks-sidebar-iconbar):not(.ks-sidebar-iconbar_compact):not(.ks-sidebar-sections).ks-sidebar-position-fixed .ks-sidebar {
min-width: 71px;
}
body.ks-sidebar-compact:not(.ks-sidebar-default):not(.ks-sidebar-iconbar):not(.ks-sidebar-iconbar_compact):not(.ks-sidebar-sections).ks-sidebar-position-fixed .ks-sidebar > .ks-wrapper,
body.ks-sidebar-compact:not(.ks-sidebar-default):not(.ks-sidebar-iconbar):not(.ks-sidebar-iconbar_compact):not(.ks-sidebar-sections).ks-sidebar-position-fixed .ks-sidebar .ks-sidebar-wrapper {
width: 71px;
max-width: 71px;
min-width: 71px;
}
body.ks-sidebar-compact:not(.ks-sidebar-default):not(.ks-sidebar-iconbar):not(.ks-sidebar-iconbar_compact):not(.ks-sidebar-sections).ks-sidebar-position-fixed .ks-sidebar > .ks-wrapper .dropdown-toggle::after,
body.ks-sidebar-compact:not(.ks-sidebar-default):not(.ks-sidebar-iconbar):not(.ks-sidebar-iconbar_compact):not(.ks-sidebar-sections).ks-sidebar-position-fixed .ks-sidebar .ks-sidebar-wrapper .dropdown-toggle::after {
display: none;
}
body.ks-sidebar-compact:not(.ks-sidebar-compact-open):not(.ks-sidebar-iconbar):not(.ks-sidebar-iconbar_compact) .ks-sidebar {
width: 71px;
max-width: 71px;
}
body.ks-sidebar-compact:not(.ks-sidebar-compact-open):not(.ks-sidebar-iconbar):not(.ks-sidebar-iconbar_compact) .ks-sidebar > .ks-wrapper .nav-item.ks-user > .nav-link > .ks-info,
body.ks-sidebar-compact:not(.ks-sidebar-compact-open):not(.ks-sidebar-iconbar):not(.ks-sidebar-iconbar_compact) .ks-sidebar .ks-sidebar-wrapper .nav-item.ks-user > .nav-link > .ks-info {
display: none;
}
body.ks-sidebar-compact:not(.ks-sidebar-compact-open):not(.ks-sidebar-iconbar):not(.ks-sidebar-iconbar_compact) .ks-sidebar > .ks-wrapper .nav-item > .nav-link,
body.ks-sidebar-compact:not(.ks-sidebar-compact-open):not(.ks-sidebar-iconbar):not(.ks-sidebar-iconbar_compact) .ks-sidebar .ks-sidebar-wrapper .nav-item > .nav-link {
min-height: 60px;
line-height: 16px;
text-align: center;
}
body.ks-sidebar-compact:not(.ks-sidebar-compact-open):not(.ks-sidebar-iconbar):not(.ks-sidebar-iconbar_compact) .ks-sidebar > .ks-wrapper .nav-item > .nav-link::after,
body.ks-sidebar-compact:not(.ks-sidebar-compact-open):not(.ks-sidebar-iconbar):not(.ks-sidebar-iconbar_compact) .ks-sidebar .ks-sidebar-wrapper .nav-item > .nav-link::after {
display: none;
}
body.ks-sidebar-compact:not(.ks-sidebar-compact-open):not(.ks-sidebar-iconbar):not(.ks-sidebar-iconbar_compact) .ks-sidebar > .ks-wrapper .nav-item > .nav-link span,
body.ks-sidebar-compact:not(.ks-sidebar-compact-open):not(.ks-sidebar-iconbar):not(.ks-sidebar-iconbar_compact) .ks-sidebar .ks-sidebar-wrapper .nav-item > .nav-link span {
display: none;
}
body.ks-sidebar-compact:not(.ks-sidebar-compact-open):not(.ks-sidebar-iconbar):not(.ks-sidebar-iconbar_compact) .ks-sidebar > .ks-wrapper .nav-item > .nav-link span.ks-icon,
body.ks-sidebar-compact:not(.ks-sidebar-compact-open):not(.ks-sidebar-iconbar):not(.ks-sidebar-iconbar_compact) .ks-sidebar .ks-sidebar-wrapper .nav-item > .nav-link span.ks-icon {
display: inline-block;
}
body.ks-sidebar-compact:not(.ks-sidebar-compact-open):not(.ks-sidebar-iconbar):not(.ks-sidebar-iconbar_compact) .ks-sidebar > .ks-wrapper .nav-item > .nav-link span.ks-icon > .ks-label,
body.ks-sidebar-compact:not(.ks-sidebar-compact-open):not(.ks-sidebar-iconbar):not(.ks-sidebar-iconbar_compact) .ks-sidebar .ks-sidebar-wrapper .nav-item > .nav-link span.ks-icon > .ks-label {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
}
body.ks-sidebar-compact:not(.ks-sidebar-compact-open):not(.ks-sidebar-iconbar):not(.ks-sidebar-iconbar_compact) .ks-sidebar > .ks-wrapper .nav-item.open > .dropdown-menu,
body.ks-sidebar-compact:not(.ks-sidebar-compact-open):not(.ks-sidebar-iconbar):not(.ks-sidebar-iconbar_compact) .ks-sidebar .ks-sidebar-wrapper .nav-item.open > .dropdown-menu {
position: absolute;
min-width: 240px;
left: 71px;
top: 0;
-webkit-box-shadow: 0 0 5px 0 rgba(57, 81, 155, 0.3);
box-shadow: 0 0 5px 0 rgba(57, 81, 155, 0.3);
z-index: 5;
}
body.ks-sidebar-compact:not(.ks-sidebar-compact-open):not(.ks-sidebar-iconbar):not(.ks-sidebar-iconbar_compact) .ks-sidebar > .ks-wrapper .nav-item.open > .dropdown-menu .dropdown-menu,
body.ks-sidebar-compact:not(.ks-sidebar-compact-open):not(.ks-sidebar-iconbar):not(.ks-sidebar-iconbar_compact) .ks-sidebar .ks-sidebar-wrapper .nav-item.open > .dropdown-menu .dropdown-menu {
position: relative;
left: 0;
}
body.ks-sidebar-compact:not(.ks-sidebar-compact-open):not(.ks-sidebar-iconbar):not(.ks-sidebar-iconbar_compact) .ks-sidebar > .ks-wrapper .nav-item.open > .dropdown-menu .dropdown-menu.open,
body.ks-sidebar-compact:not(.ks-sidebar-compact-open):not(.ks-sidebar-iconbar):not(.ks-sidebar-iconbar_compact) .ks-sidebar .ks-sidebar-wrapper .nav-item.open > .dropdown-menu .dropdown-menu.open {
-webkit-box-shadow: none;
box-shadow: none;
}
body.ks-sidebar-compact:not(.ks-sidebar-compact-open):not(.ks-sidebar-iconbar):not(.ks-sidebar-iconbar_compact) .ks-sidebar > .ks-wrapper .nav-item.open > .dropdown-menu .nav-item.dropdown:before,
body.ks-sidebar-compact:not(.ks-sidebar-compact-open):not(.ks-sidebar-iconbar):not(.ks-sidebar-iconbar_compact) .ks-sidebar .ks-sidebar-wrapper .nav-item.open > .dropdown-menu .nav-item.dropdown:before {
width: 0;
}
body.ks-sidebar-compact:not(.ks-sidebar-compact-open):not(.ks-sidebar-iconbar):not(.ks-sidebar-iconbar_compact) .ks-sidebar > .ks-wrapper .nav-item.open > .dropdown-menu .nav-item > .nav-link::after,
body.ks-sidebar-compact:not(.ks-sidebar-compact-open):not(.ks-sidebar-iconbar):not(.ks-sidebar-iconbar_compact) .ks-sidebar .ks-sidebar-wrapper .nav-item.open > .dropdown-menu .nav-item > .nav-link::after {
display: block;
}
body.ks-sidebar-compact:not(.ks-sidebar-compact-open):not(.ks-sidebar-iconbar):not(.ks-sidebar-iconbar_compact) .ks-sidebar > .ks-wrapper .nav-item.open > .dropdown-menu .nav-item > .nav-link span,
body.ks-sidebar-compact:not(.ks-sidebar-compact-open):not(.ks-sidebar-iconbar):not(.ks-sidebar-iconbar_compact) .ks-sidebar .ks-sidebar-wrapper .nav-item.open > .dropdown-menu .nav-item > .nav-link span {
display: inline-block;
}
body.ks-sidebar-compact:not(.ks-sidebar-compact-open):not(.ks-sidebar-iconbar):not(.ks-sidebar-iconbar_compact).ks-sidebar-position-fixed .ks-sidebar {
min-width: 71px;
}
body.ks-sidebar-compact:not(.ks-sidebar-compact-open):not(.ks-sidebar-iconbar):not(.ks-sidebar-iconbar_compact).ks-sidebar-position-fixed .ks-sidebar > .ks-wrapper,
body.ks-sidebar-compact:not(.ks-sidebar-compact-open):not(.ks-sidebar-iconbar):not(.ks-sidebar-iconbar_compact).ks-sidebar-position-fixed .ks-sidebar .ks-sidebar-wrapper {
width: 71px;
max-width: 71px;
min-width: 71px;
}
body.ks-sidebar-sections > .ks-container .ks-sidebar .ks-wrapper,
body.ks-sidebar-sections .ks-page-container .ks-sidebar .ks-wrapper {
margin-top: -60px;
}
body.ks-sidebar-sections > .ks-container .ks-sidebar .ks-wrapper section:first-child,
body.ks-sidebar-sections .ks-page-container .ks-sidebar .ks-wrapper section:first-child {
margin-top: 75px;
}
body.ks-sidebar-sections > .ks-container .ks-sidebar .ks-wrapper section + section,
body.ks-sidebar-sections .ks-page-container .ks-sidebar .ks-wrapper section + section {
margin-top: 15px;
}
body.ks-sidebar-sections > .ks-container .ks-sidebar .ks-wrapper section > .ks-header,
body.ks-sidebar-sections .ks-page-container .ks-sidebar .ks-wrapper section > .ks-header {
font-size: 10px;
font-weight: 500;
padding: 10px 27px 5px 27px;
text-transform: uppercase;
color: #858585;
}
body.ks-sidebar-sections > .ks-container .ks-sidebar .ks-wrapper section > .nav,
body.ks-sidebar-sections .ks-page-container .ks-sidebar .ks-wrapper section > .nav {
width: 100%;
margin-bottom: 0;
}
body.ks-sidebar-sections > .ks-container .ks-sidebar .ks-wrapper section > .nav .nav-item,
body.ks-sidebar-sections .ks-page-container .ks-sidebar .ks-wrapper section > .nav .nav-item {
min-height: 40px;
}
body.ks-sidebar-sections > .ks-container .ks-sidebar .ks-wrapper section > .nav .nav-item .nav-link,
body.ks-sidebar-sections > .ks-container .ks-sidebar .ks-wrapper section > .nav .nav-item .dropdown-item,
body.ks-sidebar-sections .ks-page-container .ks-sidebar .ks-wrapper section > .nav .nav-item .nav-link,
body.ks-sidebar-sections .ks-page-container .ks-sidebar .ks-wrapper section > .nav .nav-item .dropdown-item {
border: none !important;
font-size: 12px;
font-weight: 400;
height: 40px;
min-height: 40px;
padding-top: 12px;
padding-bottom: 12px;
}
body.ks-sidebar-sections > .ks-container .ks-sidebar .ks-wrapper section > .nav .nav-item .nav-link > .ks-icon,
body.ks-sidebar-sections > .ks-container .ks-sidebar .ks-wrapper section > .nav .nav-item .dropdown-item > .ks-icon,
body.ks-sidebar-sections .ks-page-container .ks-sidebar .ks-wrapper section > .nav .nav-item .nav-link > .ks-icon,
body.ks-sidebar-sections .ks-page-container .ks-sidebar .ks-wrapper section > .nav .nav-item .dropdown-item > .ks-icon {
font-size: 20px;
margin-right: 16px;
position: relative;
top: -1px;
}
body.ks-sidebar-sections > .ks-container .ks-sidebar .ks-wrapper section > .nav .nav-item .nav-link > .ks-icon .ks-label,
body.ks-sidebar-sections > .ks-container .ks-sidebar .ks-wrapper section > .nav .nav-item .dropdown-item > .ks-icon .ks-label,
body.ks-sidebar-sections .ks-page-container .ks-sidebar .ks-wrapper section > .nav .nav-item .nav-link > .ks-icon .ks-label,
body.ks-sidebar-sections .ks-page-container .ks-sidebar .ks-wrapper section > .nav .nav-item .dropdown-item > .ks-icon .ks-label {
padding-top: 1px;
}
body.ks-sidebar-sections > .ks-container .ks-sidebar .ks-wrapper section > .nav .nav-item .nav-link:before,
body.ks-sidebar-sections > .ks-container .ks-sidebar .ks-wrapper section > .nav .nav-item .dropdown-item:before,
body.ks-sidebar-sections .ks-page-container .ks-sidebar .ks-wrapper section > .nav .nav-item .nav-link:before,
body.ks-sidebar-sections .ks-page-container .ks-sidebar .ks-wrapper section > .nav .nav-item .dropdown-item:before {
min-height: 40px;
}
body.ks-sidebar-sections > .ks-container .ks-sidebar .ks-wrapper section > .nav .nav-item .nav-link:after,
body.ks-sidebar-sections > .ks-container .ks-sidebar .ks-wrapper section > .nav .nav-item .dropdown-item:after,
body.ks-sidebar-sections .ks-page-container .ks-sidebar .ks-wrapper section > .nav .nav-item .nav-link:after,
body.ks-sidebar-sections .ks-page-container .ks-sidebar .ks-wrapper section > .nav .nav-item .dropdown-item:after {
top: 12px;
}
body.ks-sidebar-sections > .ks-container .ks-sidebar .ks-wrapper section > .nav .nav-item .dropdown-menu > .nav-item > .nav-link,
body.ks-sidebar-sections .ks-page-container .ks-sidebar .ks-wrapper section > .nav .nav-item .dropdown-menu > .nav-item > .nav-link {
padding-left: 64px;
}
body.ks-sidebar-sections > .ks-container .ks-sidebar .ks-wrapper section > .nav .nav-item .dropdown-menu .dropdown-item,
body.ks-sidebar-sections .ks-page-container .ks-sidebar .ks-wrapper section > .nav .nav-item .dropdown-menu .dropdown-item {
background: none;
padding-left: 64px;
font-weight: normal;
}
body.ks-sidebar-sections > .ks-container .ks-sidebar .ks-wrapper section > .nav .nav-item .dropdown-menu .dropdown,
body.ks-sidebar-sections .ks-page-container .ks-sidebar .ks-wrapper section > .nav .nav-item .dropdown-menu .dropdown {
padding-left: 0;
}
body.ks-sidebar-sections > .ks-container .ks-sidebar .ks-wrapper section > .nav .nav-item .dropdown-menu .dropdown .nav-link:before,
body.ks-sidebar-sections > .ks-container .ks-sidebar .ks-wrapper section > .nav .nav-item .dropdown-menu .dropdown .dropdown-item:before,
body.ks-sidebar-sections .ks-page-container .ks-sidebar .ks-wrapper section > .nav .nav-item .dropdown-menu .dropdown .nav-link:before,
body.ks-sidebar-sections .ks-page-container .ks-sidebar .ks-wrapper section > .nav .nav-item .dropdown-menu .dropdown .dropdown-item:before {
display: none;
}
body.ks-sidebar-sections > .ks-container .ks-sidebar .ks-wrapper section > .nav .nav-item .dropdown-menu .dropdown .dropdown-item,
body.ks-sidebar-sections .ks-page-container .ks-sidebar .ks-wrapper section > .nav .nav-item .dropdown-menu .dropdown .dropdown-item {
padding-left: 80px;
}
body.ks-sidebar-sections > .ks-container .ks-sidebar .ks-wrapper .ks-sidebar-extras-block,
body.ks-sidebar-sections .ks-page-container .ks-sidebar .ks-wrapper .ks-sidebar-extras-block {
margin-top: 0;
margin-bottom: 0;
}
body.ks-sidebar-sections > .ks-container .ks-sidebar .ks-wrapper .ks-sidebar-extras-block .ks-sidebar-copyright,
body.ks-sidebar-sections .ks-page-container .ks-sidebar .ks-wrapper .ks-sidebar-extras-block .ks-sidebar-copyright {
margin-bottom: 0px;
}
body.ks-sidebar-compact.ks-sidebar-default .ks-wrapper .ks-sidebar-extras-block,
body.ks-sidebar-compact.ks-sidebar-sections .ks-wrapper .ks-sidebar-extras-block {
display: none;
}
body.ks-sidebar-compact.ks-sidebar-default.ks-sidebar-compact-open .ks-sidebar,
body.ks-sidebar-compact.ks-sidebar-sections.ks-sidebar-compact-open .ks-sidebar {
width: 71px;
max-width: 71px;
min-width: 71px;
}
body.ks-sidebar-compact.ks-sidebar-default.ks-sidebar-compact-open .ks-sidebar > .ks-wrapper,
body.ks-sidebar-compact.ks-sidebar-default.ks-sidebar-compact-open .ks-sidebar .ks-sidebar-wrapper,
body.ks-sidebar-compact.ks-sidebar-sections.ks-sidebar-compact-open .ks-sidebar > .ks-wrapper,
body.ks-sidebar-compact.ks-sidebar-sections.ks-sidebar-compact-open .ks-sidebar .ks-sidebar-wrapper {
min-width: 71px;
width: 260px;
max-width: 260px;
}
body.ks-sidebar-compact.ks-sidebar-default.ks-sidebar-compact-open .ks-sidebar > .ks-wrapper .ks-sidebar-extras-block,
body.ks-sidebar-compact.ks-sidebar-default.ks-sidebar-compact-open .ks-sidebar .ks-sidebar-wrapper .ks-sidebar-extras-block,
body.ks-sidebar-compact.ks-sidebar-sections.ks-sidebar-compact-open .ks-sidebar > .ks-wrapper .ks-sidebar-extras-block,
body.ks-sidebar-compact.ks-sidebar-sections.ks-sidebar-compact-open .ks-sidebar .ks-sidebar-wrapper .ks-sidebar-extras-block {
display: block;
}
body.ks-sidebar-collapsed .ks-sidebar {
display: block;
height: 100%;
position: fixed;
top: 60px;
left: -260px;
}
body.ks-sidebar-collapsed .ks-sidebar.ks-open {
left: 0;
z-index: 5;
-webkit-transition: left .2s linear;
transition: left .2s linear;
}
body.ks-sidebar-none .ks-sidebar {
display: none;
}
body.ks-sidebar-compact:not(.ks-sidebar-compact-open).ks-sidebar-sections > .ks-container .ks-sidebar .ks-wrapper section > .ks-header,
body.ks-sidebar-compact:not(.ks-sidebar-compact-open).ks-sidebar-sections .ks-page-container .ks-sidebar .ks-wrapper section > .ks-header {
font-size: 9px;
padding-left: 0;
padding-right: 0;
text-align: center;
}
body.ks-sidebar-compact:not(.ks-sidebar-compact-open).ks-sidebar-sections > .ks-container .ks-sidebar .ks-wrapper section .nav-item > .nav-link,
body.ks-sidebar-compact:not(.ks-sidebar-compact-open).ks-sidebar-sections .ks-page-container .ks-sidebar .ks-wrapper section .nav-item > .nav-link {
min-height: 40px;
}
.ks-error-page {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
height: 100%;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.ks-error-page .ks-error-code {
margin-top: 0;
font-size: 144px;
color: #0052cc;
font-weight: 300;
line-height: 104px;
margin-bottom: 40px;
}
.flatpickr-calendar {
-webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.4) !important;
box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.4) !important;
background: rgb(252, 252, 253) !important;
}
.ks-error-page .ks-error-description {
font-size: 18px;
color: #333333;
font-weight: 500;
margin-bottom: 40px;
}
.ng-hide.ng-hide-animate {
display: none !important;
}
.overflow-hidden {
overflow: hidden;
}
.simple-loader {
font-size: 10px;
margin: 0;
text-indent: -9999em;
width: 20px;
height: 20px;
border-radius: 100%;
background: #0052cc;
background: -moz-linear-gradient(left, #0052cc 10%, rgba(0,82,204, 0) 42%);
background: -webkit-linear-gradient(left, #0052cc 10%, rgba(0,82,204, 0) 42%);
background: -o-linear-gradient(left, #0052cc 10%, rgba(0,82,204, 0) 42%);
background: -ms-linear-gradient(left, #0052cc 10%, rgba(0,82,204, 0) 42%);
background: linear-gradient(to right, #0052cc 10%, rgba(0,82,204, 0) 42%);
position: relative;
-webkit-animation: load3 1s infinite linear;
animation: load3 1s infinite linear;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
}
.simple-loader:before {
width: 50%;
height: 50%;
background: #0052cc;
border-radius: 100% 0 0 0;
position: absolute;
top: 0;
left: 0;
content: '';
}
.simple-loader:after {
background: #ffffff;
width: 75%;
height: 75%;
border-radius: 50%;
content: '';
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
@-webkit-keyframes load3 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes load3 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.ks-crm-contacts-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
}
.ks-gs-list-column {
background: #fff;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
position: relative;
top: 48px;
margin-right: 360px;
}
.ks-crm-gs-user-view-column {
background: #fff;
min-width: 360px;
border-left: 1px solid #dee0e1;
position: fixed;
top: 170px;
height: -webkit-calc(100% - 170px);
height: calc(100% - 170px);
right: 0;
}
.ks-gs-list-column-header {
padding: 30px 30px 0 30px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.ks-gs-list-column-header h3 {
margin: 0;
}
.ks-gs-list-column-header .btn + .btn {
margin-left: 10px;
}
.ks-gs-list-column-table {
margin-bottom: 0;
}
.ks-gs-list-column-table tr:last-child td {
border-bottom: 1px solid #dee0e1;
}
.ks-gs-list-column-table-header {
font-size: 14px;
font-weight: 500;
padding: 15px 30px;
}
.ks-crm-gs-user-view-column-user-info-container {
background-color: rgba(0, 0, 0, 0.03);
border-bottom: 1px solid #dee0e1;
}
.ks-crm-gs-user-view-column-user-info {
padding: 30px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
}
.ks-crm-gs-user-view-column-user-info > .ks-avatar {
margin-right: 15px;
}
.ks-crm-gs-user-view-column-user-info-name {
font-size: 14px;
font-weight: 500;
}
.ks-crm-gs-user-view-column-user-info-description {
font-size: 12px;
margin-bottom: 5px;
}
.ks-crm-gs-user-view-column-user-info-controls {
margin-top: 15px;
}
.ks-crm-gs-user-view-column-user-info-controls .btn + .btn {
margin-left: 10px;
}
.ks-crm-gs-user-view-column-user-g-container {
padding: 30px;
}
.ks-crm-gs-user-view-column-user-g-section + .ks-crm-gs-user-view-column-user-g-section {
margin-top: 30px;
}
.ks-column-user-g-section-header {
font-size: 10px;
font-weight: 500;
color: rgba(51, 51, 51, 0.8);
margin-bottom: 8px;
text-transform: uppercase;
}
.ks-column-user-g-section-item {
font-size: 12px;
}
.ks-column-user-g-section-item > .ks-icon {
font-size: 18px;
color: rgba(0, 0, 0, 0.4);
display: inline-block;
margin-right: 10px;
position: relative;
top: 2px;
}
.ks-column-user-g-section-item + .ks-column-user-g-section-item {
margin-top: 8px;
}
@media screen and (max-width: 980px) {
.btn.ks-crm-gs-user-view-column-toggle {
position: static;
}
.ks-gs-list-column {
margin-right: 0;
width: 100%;
}
.ks-crm-gs-user-view-column {
right: -360px;
z-index: 2;
height: 100%;
visibility: hidden;
}
.ks-crm-gs-user-view-column.ks-open {
visibility: visible;
right: 0;
-webkit-transition: right .2s ease;
transition: right .2s ease;
}
}
.ks-g-manage-avatar {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
margin-top: 20px;
margin-bottom: 20px;
}
.ks-g-manage-avatar .ks-manage-avatar-body .ks-manage-avatar-body-description {
font-size: 12px;
margin-bottom: 15px;
}
.ks-g-manage-avatar .ks-avatar {
margin-right: 20px;
min-width: 100px;
min-height: 100px;
}
/*!
* ui-select
* http://github.com/angular-ui/ui-select
* Version: 0.19.8 - 2017-04-18T05:43:43.881Z
* License: MIT
*/
/* Style when highlighting a search. */
.ui-select-highlight {
font-weight: bold;
}
.ui-select-offscreen {
clip: rect(0 0 0 0) !important;
width: 1px !important;
height: 1px !important;
border: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
position: absolute !important;
outline: 0 !important;
left: 0px !important;
top: 0px !important;
}
.ui-select-choices-row:hover {
background-color: #f5f5f5;
}
/* Select2 theme */
/* Mark invalid Select2 */
.ng-dirty.ng-invalid > a.select2-choice {
border-color: #D44950;
}
.select2-result-single {
padding-left: 0;
}
.select2-locked > .select2-search-choice-close {
display: none;
}
.select-locked > .ui-select-match-close {
display: none;
}
body > .select2-container.open {
z-index: 9999;
/* The z-index Select2 applies to the select2-drop */
}
/* Handle up direction Select2 */
.ui-select-container[theme="select2"].direction-up .ui-select-match,
.ui-select-container.select2.direction-up .ui-select-match {
border-radius: 4px;
/* FIXME hardcoded value :-/ */
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.ui-select-container[theme="select2"].direction-up .ui-select-dropdown,
.ui-select-container.select2.direction-up .ui-select-dropdown {
border-radius: 4px;
/* FIXME hardcoded value :-/ */
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-top-width: 1px;
/* FIXME hardcoded value :-/ */
border-top-style: solid;
box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25);
margin-top: -4px;
/* FIXME hardcoded value :-/ */
}
.ui-select-container[theme="select2"].direction-up .ui-select-dropdown .select2-search,
.ui-select-container.select2.direction-up .ui-select-dropdown .select2-search {
margin-top: 4px;
/* FIXME hardcoded value :-/ */
}
.ui-select-container[theme="select2"].direction-up.select2-dropdown-open .ui-select-match,
.ui-select-container.select2.direction-up.select2-dropdown-open .ui-select-match {
border-bottom-color: #5897fb;
}
.ui-select-container[theme="select2"] .ui-select-dropdown .ui-select-search-hidden,
.ui-select-container[theme="select2"] .ui-select-dropdown .ui-select-search-hidden input {
opacity: 0;
height: 0;
min-height: 0;
padding: 0;
margin: 0;
border: 0;
}
/* Selectize theme */
/* Helper class to show styles when focus */
.selectize-input.selectize-focus {
border-color: #007FBB !important;
}
/* Fix input width for Selectize theme */
.selectize-control.single > .selectize-input > input {
width: 100%;
}
/* Fix line break when there's at least one item selected with the Selectize theme */
.selectize-control.multi > .selectize-input > input {
margin: 0 !important;
}
/* Fix dropdown width for Selectize theme */
.selectize-control > .selectize-dropdown {
width: 100%;
}
/* Mark invalid Selectize */
.ng-dirty.ng-invalid > div.selectize-input {
border-color: #D44950;
}
/* Handle up direction Selectize */
.ui-select-container[theme="selectize"].direction-up .ui-select-dropdown {
box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25);
margin-top: -2px;
/* FIXME hardcoded value :-/ */
}
.ui-select-container[theme="selectize"] input.ui-select-search-hidden {
opacity: 0;
height: 0;
min-height: 0;
padding: 0;
margin: 0;
border: 0;
width: 0;
}
/* Bootstrap theme */
/* Helper class to show styles when focus */
.btn-default-focus {
color: #333;
background-color: #EBEBEB;
border-color: #ADADAD;
text-decoration: none;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.ui-select-bootstrap .ui-select-toggle {
position: relative;
}
.ui-select-bootstrap .ui-select-toggle > .caret {
position: absolute;
height: 10px;
top: 50%;
right: 10px;
margin-top: -2px;
}
/* Fix Bootstrap dropdown position when inside a input-group */
.input-group > .ui-select-bootstrap.dropdown {
/* Instead of relative */
position: static;
}
.input-group > .ui-select-bootstrap > input.ui-select-search.form-control {
border-radius: 4px;
/* FIXME hardcoded value :-/ */
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group > .ui-select-bootstrap > input.ui-select-search.form-control.direction-up {
border-radius: 4px !important;
/* FIXME hardcoded value :-/ */
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.ui-select-bootstrap .ui-select-search-hidden {
opacity: 0;
height: 0;
min-height: 0;
padding: 0;
margin: 0;
border: 0;
}
.ui-select-bootstrap > .ui-select-match > .btn {
/* Instead of center because of .btn */
text-align: left !important;
}
.ui-select-bootstrap > .ui-select-match > .caret {
position: absolute;
top: 45%;
right: 15px;
}
/* See Scrollable Menu with Bootstrap 3 http://stackoverflow.com/questions/19227496 */
.ui-select-bootstrap > .ui-select-choices,
.ui-select-bootstrap > .ui-select-no-choice {
width: 100%;
height: auto;
max-height: 200px;
overflow-x: hidden;
margin-top: -1px;
}
body > .ui-select-bootstrap.open {
z-index: 1000;
/* Standard Bootstrap dropdown z-index */
}
.ui-select-multiple.ui-select-bootstrap {
height: auto;
padding: 3px 3px 0 3px;
}
.ui-select-multiple.ui-select-bootstrap input.ui-select-search {
background-color: transparent !important;
/* To prevent double background when disabled */
border: none;
outline: none;
height: 1.666666em;
margin-bottom: 3px;
}
.ui-select-multiple.ui-select-bootstrap .ui-select-match .close {
font-size: 1.6em;
line-height: 0.75;
}
.ui-select-multiple.ui-select-bootstrap .ui-select-match-item {
outline: 0;
margin: 0 3px 3px 0;
}
.ui-select-multiple .ui-select-match-item {
position: relative;
}
.ui-select-multiple .ui-select-match-item.dropping .ui-select-match-close {
pointer-events: none;
}
.ui-select-multiple:hover .ui-select-match-item.dropping-before:before {
content: "";
position: absolute;
top: 0;
right: 100%;
height: 100%;
margin-right: 2px;
border-left: 1px solid #428bca;
}
.ui-select-multiple:hover .ui-select-match-item.dropping-after:after {
content: "";
position: absolute;
top: 0;
left: 100%;
height: 100%;
margin-left: 2px;
border-right: 1px solid #428bca;
}
.ui-select-bootstrap .ui-select-choices-row>span {
cursor: pointer;
display: block;
padding: 3px 20px;
clear: both;
font-weight: 400;
line-height: 1.42857143;
color: #333;
white-space: nowrap;
}
.ui-select-bootstrap .ui-select-choices-row>span:hover,
.ui-select-bootstrap .ui-select-choices-row>span:focus {
text-decoration: none;
color: #262626;
background-color: #f5f5f5;
}
.ui-select-bootstrap .ui-select-choices-row.active>span {
color: #fff;
text-decoration: none;
outline: 0;
background-color: #428bca;
}
.ui-select-bootstrap .ui-select-choices-row.disabled>span,
.ui-select-bootstrap .ui-select-choices-row.active.disabled>span {
color: #777;
cursor: not-allowed;
background-color: #fff;
}
/* fix hide/show angular animation */
.ui-select-match.ng-hide-add,
.ui-select-search.ng-hide-add {
display: none !important;
}
/* Mark invalid Bootstrap */
.ui-select-bootstrap.ng-dirty.ng-invalid > button.btn.ui-select-match {
border-color: #D44950;
}
/* Handle up direction Bootstrap */
.ui-select-container[theme="bootstrap"].direction-up .ui-select-dropdown {
box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25);
}
.ui-select-bootstrap .ui-select-match-text {
width: 100%;
padding-right: 1em;
}
.ui-select-bootstrap .ui-select-match-text span {
display: inline-block;
width: 100%;
overflow: hidden;
}
.ui-select-bootstrap .ui-select-toggle > a.btn {
position: absolute;
height: 10px;
right: 10px;
margin-top: -2px;
}
/* Spinner */
.ui-select-refreshing.glyphicon {
position: absolute;
right: 0;
padding: 8px 27px;
}
@-webkit-keyframes ui-select-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes ui-select-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.ui-select-spin {
-webkit-animation: ui-select-spin 2s infinite linear;
animation: ui-select-spin 2s infinite linear;
}
.ui-select-refreshing.ng-animate {
-webkit-animation: none 0s;
}
.ks-theme-primary .ks-sidebar .jspDrag {
background: #bcc4dd;
}
.ks-navbar {
background: #0052cc;
}
.ks-navbar .nav-item {
border-color: #0059c3;
}
.ks-navbar .nav-item:hover {
-webkit-transition: background .3s ease;
transition: background .3s ease;
}
.ks-navbar .nav-item.ks-active,
.ks-navbar .nav-item.show,
.ks-navbar .nav-item:hover {
background: #0059c3;
}
.ks-navbar .nav-item.show .dropdown-menu {
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
}
.ks-navbar .nav-item.show .dropdown-menu .dropdown-item:hover {
background: #f5f7fa;
-webkit-transition: background .3s ease;
transition: background .3s ease;
}
.ks-navbar .nav-item.show .dropdown-menu .dropdown,
.ks-navbar .nav-item.show .dropdown-menu .dropdown-item,
.ks-navbar .nav-item.show .dropdown-menu .nav-link {
color: #333;
border-bottom: 1px solid #e1e5f0;
}
.ks-navbar .nav-item.show .dropdown-menu .dropdown-item>.ks-icon,
.ks-navbar .nav-item.show .dropdown-menu .dropdown>.ks-icon,
.ks-navbar .nav-item.show .dropdown-menu .nav-link>.ks-icon {
color: #0052cc;
}
.ks-navbar .nav-item.show .dropdown-menu .dropdown-item:last-child>.nav-link {
border-bottom: none;
}
.ks-navbar .nav-item.ks-btn-action:hover {
background: 0 0;
}
.ks-navbar .nav-link {
color: #fff;
}
.ks-navbar .navbar-brand {
color: #fff;
}
.ks-navbar .navbar-brand .ks-logo {
color: #fff;
}
.ks-navbar .navbar-brand .ks-sidebar-mobile-toggle,
.ks-navbar .navbar-brand .ks-sidebar-toggle {
color: #fff;
}
.ks-navbar>.ks-wrapper>.nav>.ks-navbar-menu .ks-search-form .form-control {
background: rgba(0,0,0,.2);
border: 1px solid transparent;
color: rgba(255,255,255,.6);
}
.ks-navbar>.ks-wrapper>.nav>.ks-navbar-menu .ks-search-form .form-control::-webkit-input-placeholder {
color: rgba(255,255,255,.6);
}
.ks-navbar>.ks-wrapper>.nav>.ks-navbar-menu .ks-search-form .form-control::-moz-placeholder {
color: rgba(255,255,255,.6);
}
.ks-navbar>.ks-wrapper>.nav>.ks-navbar-menu .ks-search-form .form-control:-ms-input-placeholder {
color: rgba(255,255,255,.6);
}
.ks-navbar>.ks-wrapper>.nav>.ks-navbar-menu .ks-search-form .form-control::placeholder {
color: rgba(255,255,255,.6);
}
.ks-navbar>.ks-wrapper>.nav>.ks-navbar-menu .ks-search-form .icon-addon>.ks-icon {
color: rgba(255,255,255,.6);
}
.ks-navbar>.ks-wrapper>.nav>.ks-navbar-menu .ks-search-form .ks-search-close,
.ks-navbar>.ks-wrapper>.nav>.ks-navbar-menu .ks-search-form .ks-search-open {
color: #fff;
}
.ks-navbar>.ks-wrapper>.nav>.ks-navbar-actions>.ks-languages .ks-wrapper>.ks-language {
border-bottom: 1px solid #dee0e1;
border-right: 1px solid #dee0e1;
}
.ks-navbar>.ks-wrapper>.nav>.ks-navbar-actions>.ks-languages .ks-wrapper>.ks-language>.ks-text {
color: #333;
}
.ks-navbar>.ks-wrapper>.nav>.ks-navbar-actions>.ks-languages .ks-wrapper>.ks-language:hover {
background: #f5f7fa;
}
.ks-navbar>.ks-wrapper>.nav>.ks-navbar-actions>.ks-messages>.dropdown-menu {
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
}
.ks-navbar>.ks-wrapper>.nav>.ks-navbar-actions>.ks-messages>.dropdown-menu>.ks-tabs-actions>a>.ks-icon {
color: #b0bad7;
}
.ks-navbar>.ks-wrapper>.nav>.ks-navbar-actions>.ks-messages>.dropdown-menu>.ks-tabs-actions>a>.ks-icon:hover {
color: #8997c3;
}
.ks-navbar>.ks-wrapper>.nav>.ks-navbar-actions>.ks-messages>.dropdown-menu>.ks-nav-tabs {
border-bottom: 1px solid #dee0e1;
}
.ks-navbar>.ks-wrapper>.nav>.ks-navbar-actions>.ks-messages>.dropdown-menu>.tab-content>.tab-pane>.ks-view-all {
border-top: 1px solid #dee0e1;
}
.ks-navbar>.ks-wrapper>.nav>.ks-navbar-actions>.ks-messages>.dropdown-menu>.tab-content>.tab-pane>.ks-view-all>a {
color: #333;
}
.ks-navbar>.ks-wrapper>.nav>.ks-navbar-actions>.ks-messages>.dropdown-menu>.tab-content>.tab-pane .ks-message {
border-bottom: 1px solid #dee0e1;
}
.ks-navbar>.ks-wrapper>.nav>.ks-navbar-actions>.ks-messages>.dropdown-menu>.tab-content>.tab-pane .ks-message:hover {
background: #f5f7fa;
-webkit-transition: background .3s ease;
transition: background .3s ease;
}
.ks-navbar>.ks-wrapper>.nav>.ks-navbar-actions>.ks-notifications>.dropdown-menu {
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
}
.ks-navbar>.ks-wrapper>.nav>.ks-navbar-actions>.ks-notifications>.dropdown-menu>.ks-nav-tabs {
border-bottom: 1px solid #dee0e1;
}
.ks-navbar>.ks-wrapper>.nav>.ks-navbar-actions>.ks-notifications>.dropdown-menu>.tab-content>.tab-pane>.ks-view-all {
border-top: 1px solid #dee0e1;
}
.ks-navbar>.ks-wrapper>.nav>.ks-navbar-actions>.ks-notifications>.dropdown-menu>.tab-content>.tab-pane>.ks-view-all>a {
color: #333;
}
.ks-navbar>.ks-wrapper>.nav>.ks-navbar-actions>.ks-notifications>.dropdown-menu>.tab-content>.tab-pane .ks-notification {
border-bottom: 1px solid #dee0e1;
}
.ks-navbar>.ks-wrapper>.nav>.ks-navbar-actions>.ks-notifications>.dropdown-menu>.tab-content>.tab-pane .ks-notification:hover {
background: #f5f7fa;
-webkit-transition: background .3s ease;
transition: background .3s ease;
}
.ks-navbar>.ks-wrapper>.nav>.ks-navbar-actions>.ks-notifications>.dropdown-menu>.tab-content>.tab-pane .ks-notification>.ks-action>span.ks-default {
background-color: #e1e5f0;
}
.ks-navbar>.ks-wrapper>.nav>.ks-navbar-actions>.ks-notifications>.dropdown-menu>.tab-content>.tab-pane .ks-notification>.ks-action>span.ks-default>.ks-icon {
color: #0052cc;
}
.ks-navbar>.ks-wrapper>.nav>.ks-navbar-actions>.ks-notifications>.dropdown-menu>.tab-content>.tab-pane .ks-notification>.ks-action>span.ks-error {
background-color: #f8e4f8;
}
.ks-navbar>.ks-wrapper>.nav>.ks-navbar-actions>.ks-notifications>.dropdown-menu>.tab-content>.tab-pane .ks-notification>.ks-action>span.ks-error>.ks-icon {
color: #d149d0;
}
.ks-navbar>.ks-wrapper>.nav>.ks-navbar-actions>.ks-notifications>.dropdown-menu>.tab-content>.tab-pane .ks-notification>.ks-info>.ks-text {
color: #0052cc;
}
.ks-navbar>.ks-wrapper>.nav>.ks-navbar-actions>.ks-user {
border-right: 1px solid #0059c3;
}
.ks-navbar .ks-dropdown-grid {
border: none;
}
.ks-navbar .ks-dropdown-grid.show>.dropdown-menu .ks-scroll-wrapper>.ks-grid-item>.ks-text {
color: #333;
}
.ks-navbar .ks-dropdown-grid.show>.dropdown-menu .ks-scroll-wrapper>.ks-grid-item>.ks-icon {
color: #0052cc;
}
.ks-navbar .ks-dropdown-grid.show>.dropdown-menu .ks-scroll-wrapper>.ks-grid-item.ks-active,
.ks-navbar .ks-dropdown-grid.show>.dropdown-menu .ks-scroll-wrapper>.ks-grid-item:hover {
border: solid 1px rgba(57,81,155,.1);
background-color: rgba(57,80,155,.05);
}
.ks-navbar .ks-dropdown-grid-images {
border: none;
}
.ks-navbar-horizontal {
background-color: #f5f6fa;
border-bottom: 1px solid #dee0e1;
}
.ks-navbar-horizontal .nav-item.show>.dropdown-toggle {
border-left: 1px solid #dee0e1;
border-right: 1px solid #dee0e1;
}
.ks-navbar-horizontal .nav-item.show>.nav-link {
color: #0052cc;
background: #fff;
}
.ks-navbar-horizontal .nav-item.show>.nav-link.active,
.ks-navbar-horizontal .nav-item.show>.nav-link:focus,
.ks-navbar-horizontal .nav-item.show>.nav-link:hover {
color: #0052cc;
background: #fff;
}
.ks-navbar-horizontal .nav-item.show .dropdown-menu {
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
}
.ks-navbar-horizontal .nav-item.show .dropdown-menu .dropdown-item:hover {
background: #f5f7fa;
-webkit-transition: background .3s ease;
transition: background .3s ease;
}
.ks-navbar-horizontal .nav-item.show .dropdown-menu .dropdown,
.ks-navbar-horizontal .nav-item.show .dropdown-menu .dropdown-item,
.ks-navbar-horizontal .nav-item.show .dropdown-menu .nav-link {
color: #0052cc;
border-bottom: 1px solid #e1e5f0;
}
.ks-navbar-horizontal .nav-item .nav-link {
color: #0052cc;
}
.ks-navbar-horizontal .nav-item .nav-link.active,
.ks-navbar-horizontal .nav-item .nav-link:focus,
.ks-navbar-horizontal .nav-item .nav-link:hover {
color: #0052cc;
background: #fff;
}
.ks-navbar-horizontal .nav-item .nav-link.active,
.ks-navbar-horizontal .nav-item .nav-link.ks-active {
border-left: 1px solid #dee0e1;
border-right: 1px solid #dee0e1;
}
.ks-navbar-horizontal .nav-item .nav-link.disabled {
color: #87bae0;
}
.ks-navbar-horizontal .nav-item .nav-link.disabled.active,
.ks-navbar-horizontal .nav-item .nav-link.disabled.ks-active,
.ks-navbar-horizontal .nav-item .nav-link.disabled:focus,
.ks-navbar-horizontal .nav-item .nav-link.disabled:hover {
background: 0 0;
}
.ks-navbar-horizontal .nav-item .nav-link>.ks-icon {
color: #0052cc;
}
.ks-navbar-horizontal>.nav>.ks-navbar-horizontal-responsive .dropdown-menu .dropdown-item {
border-bottom: 1px solid #e1e5f0;
}
.ks-navbar-horizontal>.nav>.ks-navbar-horizontal-responsive .dropdown-menu .dropdown-item .dropdown-item,
.ks-navbar-horizontal>.nav>.ks-navbar-horizontal-responsive .dropdown-menu .dropdown-item>.nav-link {
background: #fff;
border-bottom: 1px solid #e1e5f0;
}
.ks-navbar-horizontal>.nav>.ks-navbar-horizontal-responsive .dropdown-menu .dropdown-item .dropdown-item.disabled,
.ks-navbar-horizontal>.nav>.ks-navbar-horizontal-responsive .dropdown-menu .dropdown-item>.nav-link.disabled {
color: #87bae0;
}
.ks-navbar-horizontal>.nav>.ks-navbar-horizontal-responsive .dropdown-menu .dropdown-item>.nav-link {
border-bottom: none;
}
.ks-navbar-horizontal>.nav>.ks-navbar-horizontal-responsive .dropdown-menu .dropdown-item.show>.nav-link.dropdown-toggle {
border-bottom: 1px solid #e1e5f0;
}
.ks-navbar-horizontal>.nav>.ks-navbar-horizontal-responsive .dropdown-menu .dropdown-item.show .dropdown-menu>.dropdown-item:last-child {
border-bottom: none;
}
.ks-sidebar {
background: #ebeef5;
border-right: 1px solid #d7dceb;
}
.ks-sidebar .ks-sidebar-wrapper .nav .nav-item.ks-user .ks-info>.ks-name,
.ks-sidebar>.ks-wrapper .nav .nav-item.ks-user .ks-info>.ks-name {
color: #0052cc;
}
.ks-sidebar .ks-sidebar-wrapper .nav .nav-item.ks-user .ks-info>.ks-text,
.ks-sidebar>.ks-wrapper .nav .nav-item.ks-user .ks-info>.ks-text {
color: #8997c3;
}
.ks-sidebar .ks-sidebar-wrapper .nav .nav-item .nav-item .nav-link,
.ks-sidebar .ks-sidebar-wrapper .nav .nav-item.ks-active .nav-link,
.ks-sidebar .ks-sidebar-wrapper .nav .nav-item.open .nav-link,
.ks-sidebar>.ks-wrapper .nav .nav-item .nav-item .nav-link,
.ks-sidebar>.ks-wrapper .nav .nav-item.ks-active .nav-link,
.ks-sidebar>.ks-wrapper .nav .nav-item.open .nav-link {
background: #fff;
color: #0052cc;
}
.ks-sidebar .ks-sidebar-wrapper .nav .nav-item .dropdown-item,
.ks-sidebar .ks-sidebar-wrapper .nav .nav-item .nav-link,
.ks-sidebar>.ks-wrapper .nav .nav-item .dropdown-item,
.ks-sidebar>.ks-wrapper .nav .nav-item .nav-link {
border-bottom: 1px solid #dee0e1;
color: #0052cc;
}
.ks-sidebar .ks-sidebar-wrapper .nav .nav-item .dropdown-menu,
.ks-sidebar>.ks-wrapper .nav .nav-item .dropdown-menu {
background: #fff;
}
.ks-sidebar .ks-sidebar-wrapper .nav .nav-item .dropdown-menu .dropdown-item,
.ks-sidebar>.ks-wrapper .nav .nav-item .dropdown-menu .dropdown-item {
border-bottom: 1px solid #dee0e1;
color: #0052cc;
}
.ks-sidebar .ks-sidebar-wrapper .dropdown-item:hover,
.ks-sidebar>.ks-wrapper .dropdown-item:hover {
background: 0 0;
-webkit-transition: background .3s ease;
transition: background .3s ease;
}
.ks-sidebar-position-fixed .ks-sidebar .ks-sidebar-wrapper,
.ks-sidebar-position-fixed .ks-sidebar>.ks-wrapper {
background: #ebeef5;
border-right: 1px solid #dee0e1;
}
@media only screen and (max-width:1225px) {
.ks-navbar>.ks-wrapper>.ks-navbar-menu-toggle.ks-open {
background-color: rgba(0,0,0,.2);
}
.ks-navbar>.ks-wrapper>.nav>.ks-navbar-menu {
background: #ebeef5;
}
.ks-navbar>.ks-wrapper>.nav>.ks-navbar-menu.ks-open>.ks-search-form {
border-bottom: 1px solid #dee0e1;
}
.ks-navbar>.ks-wrapper>.nav>.ks-navbar-menu.ks-open>.ks-search-form>.ks-wrapper>.input-icon>.form-control {
background-color: #fff;
border: solid 1px #dee0e1;
color: #8997c3;
}
.ks-navbar>.ks-wrapper>.nav>.ks-navbar-menu.ks-open>.ks-search-form>.ks-wrapper>.input-icon>.form-control::-webkit-input-placeholder {
color: #8997c3;
}
.ks-navbar>.ks-wrapper>.nav>.ks-navbar-menu.ks-open>.ks-search-form>.ks-wrapper>.input-icon>.form-control::-moz-placeholder {
color: #8997c3;
}
.ks-navbar>.ks-wrapper>.nav>.ks-navbar-menu.ks-open>.ks-search-form>.ks-wrapper>.input-icon>.form-control:-ms-input-placeholder {
color: #8997c3;
}
.ks-navbar>.ks-wrapper>.nav>.ks-navbar-menu.ks-open>.ks-search-form>.ks-wrapper>.input-icon>.form-control::placeholder {
color: #8997c3;
}
.ks-navbar>.ks-wrapper>.nav>.ks-navbar-menu.ks-open>.ks-search-form>.ks-wrapper>.input-icon>.icon-addon>.ks-icon {
color: #8997c3;
}
.ks-navbar>.ks-wrapper>.nav>.ks-navbar-menu.ks-open>.nav-item {
color: #0052cc;
}
.ks-navbar>.ks-wrapper>.nav>.ks-navbar-menu.ks-open>.nav-item.nav-link,
.ks-navbar>.ks-wrapper>.nav>.ks-navbar-menu.ks-open>.nav-item>.nav-link {
color: #0052cc;
border-bottom: 1px solid #dee0e1;
}
.ks-navbar>.ks-wrapper>.nav>.ks-navbar-menu.ks-open>.nav-item.nav-link:hover,
.ks-navbar>.ks-wrapper>.nav>.ks-navbar-menu.ks-open>.nav-item>.nav-link:hover {
background: 0 0;
}
.ks-navbar>.ks-wrapper>.nav>.ks-navbar-menu.ks-open>.dropdown>.nav-link {
border-bottom: 1px solid #dee0e1;
}
.ks-navbar>.ks-wrapper>.nav>.ks-navbar-menu.ks-open>.dropdown.show {
background: #fff;
border-bottom: 1px solid #dee0e1;
}
.ks-navbar>.ks-wrapper>.nav>.ks-navbar-menu.ks-open>.dropdown .dropdown-menu .dropdown-item.dropdown {
background: 0 0;
border-bottom: none;
}
.ks-navbar>.ks-wrapper>.nav>.ks-navbar-menu.ks-open>.dropdown .dropdown-menu .dropdown-item.dropdown>.nav-link {
border-bottom: none;
}
.ks-navbar>.ks-wrapper>.nav>.ks-navbar-menu.ks-open>.dropdown .dropdown-menu .dropdown-item.dropdown.show>.nav-link {
border-bottom: 1px solid #dee0e1;
}
.ks-navbar>.ks-wrapper>.nav>.ks-navbar-menu.ks-open>.dropdown .dropdown-menu .dropdown-item.dropdown.show>.nav-link:hover {
background: #f5f7fa;
}
.ks-navbar>.ks-wrapper>.nav>.ks-navbar-menu.ks-open>.dropdown .dropdown-menu .dropdown-item.dropdown.show .dropdown-item:last-child {
border-bottom: none;
}
}
@media only screen and (max-width:780px) {
.ks-navbar>.ks-wrapper>.ks-navbar-actions-toggle.ks-open {
background: rgba(0,0,0,.2);
}
.ks-navbar>.ks-wrapper>.nav>.ks-navbar-actions {
background: #f5f6fa;
}
.ks-navbar>.ks-wrapper>.nav>.ks-navbar-actions.ks-open>.nav-item.show {
background: #fff;
}
.ks-navbar>.ks-wrapper>.nav>.ks-navbar-actions.ks-open>.nav-item>.nav-link {
color: #0052cc;
border-bottom: 1px solid #dee0e1;
}
.ks-navbar>.ks-wrapper>.nav>.ks-navbar-actions.ks-open>.nav-item.ks-user .ks-info>.ks-description {
color: #8997c3;
}
.ks-navbar>.ks-wrapper>.nav>.ks-navbar-actions.ks-open>.nav-item:not(.ks-languages):not(.ks-messages):not(.ks-notifications).show .dropdown-menu .dropdown-item:not(.dropdown) {
border-bottom: 1px solid #dee0e1;
}
}
.flatpickr-calendar {
background: transparent;
overflow: hidden;
max-height: 0;
opacity: 0;
visibility: hidden;
text-align: center;
padding: 0;
-webkit-animation: none;
animation: none;
direction: ltr;
border: 0;
font-size: 14px;
line-height: 24px;
border-radius: 5px;
position: absolute;
width: 307.875px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-touch-action: manipulation;
touch-action: manipulation;
background: #fff;
-webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.08);
box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.08);
}
.flatpickr-calendar.open,
.flatpickr-calendar.inline {
opacity: 1;
visibility: visible;
overflow: visible;
max-height: 640px;
}
.flatpickr-calendar.open {
display: inline-block;
z-index: 99999;
}
.flatpickr-calendar.animate.open {
-webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-calendar.inline {
display: block;
position: relative;
top: 2px;
}
.flatpickr-calendar.static {
position: absolute;
top: calc(100% + 2px);
}
.flatpickr-calendar.static.open {
z-index: 999;
display: block;
}
.flatpickr-calendar.hasWeeks {
width: auto;
}
.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
border-bottom: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.flatpickr-calendar .hasWeeks .dayContainer {
border-left: 0;
}
.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
height: 40px;
border-top: 1px solid #e6e6e6;
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
height: auto;
}
.flatpickr-calendar:before,
.flatpickr-calendar:after {
position: absolute;
display: block;
pointer-events: none;
border: solid transparent;
content: '';
height: 0;
width: 0;
left: 22px;
}
.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.rightMost:after {
left: auto;
right: 22px;
}
.flatpickr-calendar:before {
border-width: 5px;
margin: 0 -5px;
}
.flatpickr-calendar:after {
border-width: 4px;
margin: 0 -4px;
}
.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
bottom: 100%;
}
.flatpickr-calendar.arrowTop:before {
border-bottom-color: #e6e6e6;
}
.flatpickr-calendar.arrowTop:after {
border-bottom-color: #fff;
}
.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
top: 100%;
}
.flatpickr-calendar.arrowBottom:before {
border-top-color: #e6e6e6;
}
.flatpickr-calendar.arrowBottom:after {
border-top-color: #fff;
}
.flatpickr-calendar:focus {
outline: 0;
}
.flatpickr-wrapper {
position: relative;
display: inline-block;
}
.flatpickr-month {
background: transparent;
color: rgba(0,0,0,0.9);
fill: rgba(0,0,0,0.9);
height: 28px;
line-height: 1;
text-align: center;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
overflow: hidden;
}
.flatpickr-prev-month,
.flatpickr-next-month {
text-decoration: none;
cursor: pointer;
position: absolute;
top: 0px;
line-height: 16px;
height: 28px;
padding: 10px calc(3.57% - 1.5px);
z-index: 3;
}
.flatpickr-prev-month i,
.flatpickr-next-month i {
position: relative;
}
.flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-next-month.flatpickr-prev-month {
/*
/*rtl:begin:ignore*/
/*
*/
left: 0;
/*
/*rtl:end:ignore*/
/*
*/
}
/*
/*rtl:begin:ignore*/
/*
/*rtl:end:ignore*/
.flatpickr-prev-month.flatpickr-next-month,
.flatpickr-next-month.flatpickr-next-month {
/*
/*rtl:begin:ignore*/
/*
*/
right: 0;
/*
/*rtl:end:ignore*/
/*
*/
}
/*
/*rtl:begin:ignore*/
/*
/*rtl:end:ignore*/
.flatpickr-prev-month:hover,
.flatpickr-next-month:hover {
color: #959ea9;
}
.flatpickr-prev-month:hover svg,
.flatpickr-next-month:hover svg {
fill: #f64747;
}
.flatpickr-prev-month svg,
.flatpickr-next-month svg {
width: 14px;
}
.flatpickr-prev-month svg path,
.flatpickr-next-month svg path {
-webkit-transition: fill 0.1s;
transition: fill 0.1s;
fill: inherit;
}
.numInputWrapper {
position: relative;
height: auto;
}
.numInputWrapper input,
.numInputWrapper span {
display: inline-block;
}
.numInputWrapper input {
width: 100%;
}
.numInputWrapper span {
position: absolute;
right: 0;
width: 14px;
padding: 0 4px 0 2px;
height: 50%;
line-height: 50%;
opacity: 0;
cursor: pointer;
border: 1px solid rgba(57,57,57,0.05);
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.numInputWrapper span:hover {
background: rgba(0,0,0,0.1);
}
.numInputWrapper span:active {
background: rgba(0,0,0,0.2);
}
.numInputWrapper span:after {
display: block;
content: "";
position: absolute;
top: 33%;
}
.numInputWrapper span.arrowUp {
top: 0;
border-bottom: 0;
}
.numInputWrapper span.arrowUp:after {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-bottom: 4px solid rgba(57,57,57,0.6);
}
.numInputWrapper span.arrowDown {
top: 50%;
}
.numInputWrapper span.arrowDown:after {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid rgba(57,57,57,0.6);
}
.numInputWrapper span svg {
width: inherit;
height: auto;
}
.numInputWrapper span svg path {
fill: rgba(0,0,0,0.5);
}
.numInputWrapper:hover {
background: rgba(0,0,0,0.05);
}
.numInputWrapper:hover span {
opacity: 1;
}
.flatpickr-current-month {
font-size: 135%;
line-height: inherit;
font-weight: 300;
color: inherit;
position: absolute;
width: 75%;
left: 12.5%;
padding: 6.16px 0 0 0;
line-height: 1;
height: 28px;
display: inline-block;
text-align: center;
-webkit-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px);
}
.flatpickr-current-month.slideLeft {
-webkit-transform: translate3d(-100%, 0px, 0px);
transform: translate3d(-100%, 0px, 0px);
-webkit-animation: fpFadeOut 400ms ease, fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
animation: fpFadeOut 400ms ease, fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-current-month.slideLeftNew {
-webkit-transform: translate3d(100%, 0px, 0px);
transform: translate3d(100%, 0px, 0px);
-webkit-animation: fpFadeIn 400ms ease, fpSlideLeftNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
animation: fpFadeIn 400ms ease, fpSlideLeftNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-current-month.slideRight {
-webkit-transform: translate3d(100%, 0px, 0px);
transform: translate3d(100%, 0px, 0px);
-webkit-animation: fpFadeOut 400ms ease, fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
animation: fpFadeOut 400ms ease, fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-current-month.slideRightNew {
-webkit-transform: translate3d(0, 0, 0px);
transform: translate3d(0, 0, 0px);
-webkit-animation: fpFadeIn 400ms ease, fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
animation: fpFadeIn 400ms ease, fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-current-month span.cur-month {
font-family: inherit;
font-weight: 700;
color: inherit;
display: inline-block;
margin-left: 0.5ch;
padding: 0;
}
.flatpickr-current-month span.cur-month:hover {
background: rgba(0,0,0,0.05);
}
.flatpickr-current-month .numInputWrapper {
width: 6ch;
width: 7ch\0;
display: inline-block;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
border-bottom-color: rgba(0,0,0,0.9);
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
border-top-color: rgba(0,0,0,0.9);
}
.flatpickr-current-month input.cur-year {
background: transparent;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
cursor: default;
padding: 0 0 0 0.5ch;
margin: 0;
display: inline-block;
font-size: inherit;
font-family: inherit;
font-weight: 300;
line-height: inherit;
height: initial;
border: 0;
border-radius: 0;
vertical-align: initial;
}
.flatpickr-current-month input.cur-year:focus {
outline: 0;
}
.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
font-size: 100%;
color: rgba(0,0,0,0.5);
background: transparent;
pointer-events: none;
}
.flatpickr-weekdays {
background: transparent;
text-align: center;
overflow: hidden;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 28px;
}
span.flatpickr-weekday {
cursor: default;
font-size: 90%;
background: transparent;
color: rgba(0,0,0,0.54);
line-height: 1;
margin: 0;
text-align: center;
display: block;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
font-weight: bolder;
}
.dayContainer,
.flatpickr-weeks {
padding: 1px 0 0 0;
}
.flatpickr-days {
position: relative;
overflow: hidden;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 307.875px;
}
.flatpickr-days:focus {
outline: 0;
}
.dayContainer {
padding: 0;
outline: 0;
text-align: left;
width: 307.875px;
min-width: 307.875px;
max-width: 307.875px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-wrap: wrap;
-ms-flex-pack: justify;
-webkit-justify-content: space-around;
justify-content: space-around;
-webkit-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px);
opacity: 1;
}
.flatpickr-calendar.animate .dayContainer.slideLeft {
-webkit-animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-calendar.animate .dayContainer.slideLeft,
.flatpickr-calendar.animate .dayContainer.slideLeftNew {
-webkit-transform: translate3d(-100%, 0px, 0px);
transform: translate3d(-100%, 0px, 0px);
}
.flatpickr-calendar.animate .dayContainer.slideLeftNew {
-webkit-animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-calendar.animate .dayContainer.slideRight {
-webkit-animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
-webkit-transform: translate3d(100%, 0px, 0px);
transform: translate3d(100%, 0px, 0px);
}
.flatpickr-calendar.animate .dayContainer.slideRightNew {
-webkit-animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-day {
background: none;
border: 1px solid transparent;
border-radius: 150px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #393939;
cursor: pointer;
font-weight: 400;
width: 14.2857143%;
-webkit-flex-basis: 14.2857143%;
-ms-flex-preferred-size: 14.2857143%;
flex-basis: 14.2857143%;
max-width: 39px;
height: 39px;
line-height: 39px;
margin: 0;
display: inline-block;
position: relative;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
cursor: pointer;
outline: 0;
background: #e6e6e6;
border-color: #e6e6e6;
}
.flatpickr-day.today {
border-color: #959ea9;
}
.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
border-color: #959ea9;
background: #959ea9;
color: #fff;
}
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
background: #569ff7;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
border-color: #569ff7;
}
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
border-radius: 50px 0 0 50px;
}
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
border-radius: 0 50px 50px 0;
}
.flatpickr-day.selected.startRange + .endRange,
.flatpickr-day.startRange.startRange + .endRange,
.flatpickr-day.endRange.startRange + .endRange {
-webkit-box-shadow: -10px 0 0 #569ff7;
box-shadow: -10px 0 0 #569ff7;
}
.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
border-radius: 50px;
}
.flatpickr-day.inRange {
border-radius: 0;
-webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-day.disabled,
.flatpickr-day.disabled:hover {
pointer-events: none;
}
.flatpickr-day.disabled,
.flatpickr-day.disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
color: rgba(57,57,57,0.3);
background: transparent;
border-color: transparent;
cursor: default;
}
.flatpickr-day.week.selected {
border-radius: 0;
-webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
}
.rangeMode .flatpickr-day {
margin-top: 1px;
}
.flatpickr-weekwrapper {
display: inline-block;
float: left;
}
.flatpickr-weekwrapper .flatpickr-weeks {
padding: 0 12px;
-webkit-box-shadow: 1px 0 0 #e6e6e6;
box-shadow: 1px 0 0 #e6e6e6;
}
.flatpickr-weekwrapper .flatpickr-weekday {
float: none;
width: 100%;
line-height: 28px;
}
.flatpickr-weekwrapper span.flatpickr-day {
display: block;
width: 100%;
max-width: none;
}
.flatpickr-innerContainer {
display: block;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.flatpickr-rContainer {
display: inline-block;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.flatpickr-time {
text-align: center;
outline: 0;
display: block;
height: 0;
line-height: 40px;
max-height: 40px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.flatpickr-time:after {
content: "";
display: table;
clear: both;
}
.flatpickr-time .numInputWrapper {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
width: 40%;
height: 40px;
float: left;
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
border-bottom-color: #393939;
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
border-top-color: #393939;
}
.flatpickr-time.hasSeconds .numInputWrapper {
width: 26%;
}
.flatpickr-time.time24hr .numInputWrapper {
width: 49%;
}
.flatpickr-time input {
background: transparent;
-webkit-box-shadow: none;
box-shadow: none;
border: 0;
border-radius: 0;
text-align: center;
margin: 0;
padding: 0;
height: inherit;
line-height: inherit;
cursor: pointer;
color: #393939;
font-size: 14px;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.flatpickr-time input.flatpickr-hour {
font-weight: bold;
}
.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
font-weight: 400;
}
.flatpickr-time input:focus {
outline: 0;
border: 0;
}
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
height: inherit;
display: inline-block;
float: left;
line-height: inherit;
color: #393939;
font-weight: bold;
width: 2%;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
}
.flatpickr-time .flatpickr-am-pm {
outline: 0;
width: 18%;
cursor: pointer;
text-align: center;
font-weight: 400;
}
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time .flatpickr-am-pm:focus {
background: #f0f0f0;
}
.flatpickr-input[readonly] {
cursor: pointer;
}
@-webkit-keyframes fpFadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fpFadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes fpSlideLeft {
from {
-webkit-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px);
}
to {
-webkit-transform: translate3d(-100%, 0px, 0px);
transform: translate3d(-100%, 0px, 0px);
}
}
@keyframes fpSlideLeft {
from {
-webkit-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px);
}
to {
-webkit-transform: translate3d(-100%, 0px, 0px);
transform: translate3d(-100%, 0px, 0px);
}
}
@-webkit-keyframes fpSlideLeftNew {
from {
-webkit-transform: translate3d(100%, 0px, 0px);
transform: translate3d(100%, 0px, 0px);
}
to {
-webkit-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px);
}
}
@keyframes fpSlideLeftNew {
from {
-webkit-transform: translate3d(100%, 0px, 0px);
transform: translate3d(100%, 0px, 0px);
}
to {
-webkit-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px);
}
}
@-webkit-keyframes fpSlideRight {
from {
-webkit-transform: translate3d(0, 0, 0px);
transform: translate3d(0, 0, 0px);
}
to {
-webkit-transform: translate3d(100%, 0px, 0px);
transform: translate3d(100%, 0px, 0px);
}
}
@keyframes fpSlideRight {
from {
-webkit-transform: translate3d(0, 0, 0px);
transform: translate3d(0, 0, 0px);
}
to {
-webkit-transform: translate3d(100%, 0px, 0px);
transform: translate3d(100%, 0px, 0px);
}
}
@-webkit-keyframes fpSlideRightNew {
from {
-webkit-transform: translate3d(-100%, 0, 0px);
transform: translate3d(-100%, 0, 0px);
}
to {
-webkit-transform: translate3d(0, 0, 0px);
transform: translate3d(0, 0, 0px);
}
}
@keyframes fpSlideRightNew {
from {
-webkit-transform: translate3d(-100%, 0, 0px);
transform: translate3d(-100%, 0, 0px);
}
to {
-webkit-transform: translate3d(0, 0, 0px);
transform: translate3d(0, 0, 0px);
}
}
@-webkit-keyframes fpFadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fpFadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@-webkit-keyframes fpFadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fpFadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@font-face {
font-family: 'kosmo';
src: url("../../../assets/fonts/kosmo/fonts/kosmo.ttf?gozpnc") format('truetype'),
url("../../../assets/fonts/kosmo/fonts/kosmo.woff?gozpnc") format('woff'),
url("../../../assets/fonts/kosmo/fonts/kosmo.svg?gozpnc#kosmo") format('svg');
font-weight: normal;
font-style: normal;
}
[class^="ks-icon-"],
[class*=" ks-icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'kosmo' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.ks-icon-circled-down-left:before {
content: "\e900";
}
.ks-icon-circled-right:before {
content: "\e901";
}
.ks-icon-circled-up-right:before {
content: "\e902";
}
.ks-icon-combo-chart:before {
content: "\e903";
}
.ks-icon-downpour:before {
content: "\e904";
}
.ks-icon-flash-on:before {
content: "\e905";
}
.ks-icon-heavy-rain:before {
content: "\e906";
}
.ks-icon-light-snow:before {
content: "\e907";
}
.ks-icon-partly-cloudy-day:before {
content: "\e908";
}
.ks-icon-partly-cloudy-rain:before {
content: "\e909";
}
.ks-icon-plus:before {
content: "\e90a";
}
.ks-icon-sleet:before {
content: "\e90b";
}
.ks-icon-snow:before {
content: "\e90c";
}
.ks-icon-storm:before {
content: "\e90d";
}
.ks-icon-user:before {
content: "\e90e";
}
.ngProgressLite {
pointer-events: none;
}
.ngProgressLiteBar {
background: #29d;
position: fixed;
z-index: 99999;
top: 0;
left: 0;
height: 2px;
}
.ngProgressLite .ngProgressLiteBarShadow {
display: block;
position: absolute;
right: 0px;
width: 100px;
height: 100%;
box-shadow: 0 0 10px #29d, 0 0 5px #29d;
opacity: 1;
-webkit-transform: rotate(3deg) translate(0px, -4px);
-ms-transform: rotate(3deg) translate(0px, -4px);
transform: rotate(3deg) translate(0px, -4px);
}
.select2-container {
box-sizing: border-box;
display: inline-block;
margin: 0;
position: relative;
vertical-align: middle;
}
.select2-container .select2-selection--single {
box-sizing: border-box;
cursor: pointer;
display: block;
height: 28px;
user-select: none;
-webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
display: block;
padding-left: 8px;
padding-right: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
position: relative;
}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
padding-right: 8px;
padding-left: 20px;
}
.select2-container .select2-selection--multiple {
box-sizing: border-box;
cursor: pointer;
display: block;
min-height: 32px;
user-select: none;
-webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
display: inline-block;
overflow: hidden;
padding-left: 8px;
text-overflow: ellipsis;
white-space: nowrap;
}
.select2-container .select2-search--inline {
float: left;
}
.select2-container .select2-search--inline .select2-search__field {
box-sizing: border-box;
border: none;
font-size: 100%;
margin-top: 5px;
padding: 0;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none;
}
.select2-dropdown {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
box-sizing: border-box;
display: block;
position: absolute;
left: -100000px;
width: 100%;
z-index: 1051;
}
.select2-results {
display: block;
}
.select2-results__options {
list-style: none;
margin: 0;
padding: 0;
}
.select2-results__option {
padding: 6px;
user-select: none;
-webkit-user-select: none;
}
.select2-results__option[aria-selected] {
cursor: pointer;
}
.select2-container--open .select2-dropdown {
left: 0;
}
.select2-container--open .select2-dropdown--above {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container--open .select2-dropdown--below {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-search--dropdown {
display: block;
padding: 4px;
}
.select2-search--dropdown .select2-search__field {
padding: 4px;
width: 100%;
box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
display: none;
}
.select2-close-mask {
border: 0;
margin: 0;
padding: 0;
display: block;
position: fixed;
left: 0;
top: 0;
min-height: 100%;
min-width: 100%;
height: auto;
width: auto;
opacity: 0;
z-index: 99;
background-color: #fff;
filter: alpha(opacity=0);
}
.select2-hidden-accessible {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
}
.select2-container--default .select2-selection--single {
background-color: #fff;
border: 1px solid #aaa;
border-radius: 4px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 28px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
color: #999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
float: left;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
left: 1px;
right: auto;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
background-color: #eee;
cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888 transparent;
border-width: 0 4px 5px 4px;
}
.select2-container--default .select2-selection--multiple {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
cursor: text;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0 5px;
width: 100%;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
list-style: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
color: #999;
margin-top: 5px;
float: left;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
margin-top: 5px;
margin-right: 10px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
cursor: default;
float: left;
margin-right: 5px;
margin-top: 5px;
padding: 0 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
color: #999;
cursor: pointer;
display: inline-block;
font-weight: bold;
margin-right: 2px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #333;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
float: right;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
margin-left: 5px;
margin-right: auto;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
margin-left: 2px;
margin-right: auto;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
border: solid black 1px;
outline: 0;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
background-color: #eee;
cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
display: none;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa;
}
.select2-container--default .select2-search--inline .select2-search__field {
background: transparent;
border: none;
outline: 0;
box-shadow: none;
-webkit-appearance: textfield;
}
.select2-container--default .select2-results>.select2-results__options {
max-height: 200px;
overflow-y: auto;
}
.select2-container--default .select2-results__option[role=group] {
padding: 0;
}
.select2-container--default .select2-results__option[aria-disabled=true] {
color: #999;
}
.select2-container--default .select2-results__option[aria-selected=true] {
background-color: #ddd;
}
.select2-container--default .select2-results__option .select2-results__option {
padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
margin-left: -1em;
padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -2em;
padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -3em;
padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -4em;
padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -5em;
padding-left: 6em;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #5897fb;
color: white;
}
.select2-container--default .select2-results__group {
cursor: default;
display: block;
padding: 6px;
}
.select2-container--classic .select2-selection--single {
background-color: #f7f7f7;
border: 1px solid #aaa;
border-radius: 4px;
outline: 0;
background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}
.select2-container--classic .select2-selection--single:focus {
border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 28px;
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
margin-right: 10px;
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
color: #999;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
background-color: #ddd;
border: none;
border-left: 1px solid #aaa;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px;
background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0;
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
float: left;
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
border: none;
border-right: 1px solid #aaa;
border-radius: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
left: 1px;
right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--single {
border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
background: transparent;
border: none;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888 transparent;
border-width: 0 4px 5px 4px;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}
.select2-container--classic .select2-selection--multiple {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
cursor: text;
outline: 0;
}
.select2-container--classic .select2-selection--multiple:focus {
border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
list-style: none;
margin: 0;
padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
display: none;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
cursor: default;
float: left;
margin-right: 5px;
margin-top: 5px;
padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
color: #888;
cursor: pointer;
display: inline-block;
font-weight: bold;
margin-right: 2px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #555;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
float: right;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
margin-left: 5px;
margin-right: auto;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
margin-left: 2px;
margin-right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa;
outline: 0;
}
.select2-container--classic .select2-search--inline .select2-search__field {
outline: 0;
box-shadow: none;
}
.select2-container--classic .select2-dropdown {
background-color: #fff;
border: 1px solid transparent;
}
.select2-container--classic .select2-dropdown--above {
border-bottom: none;
}
.select2-container--classic .select2-dropdown--below {
border-top: none;
}
.select2-container--classic .select2-results>.select2-results__options {
max-height: 200px;
overflow-y: auto;
}
.select2-container--classic .select2-results__option[role=group] {
padding: 0;
}
.select2-container--classic .select2-results__option[aria-disabled=true] {
color: grey;
}
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
background-color: #3875d7;
color: #fff;
}
.select2-container--classic .select2-results__group {
cursor: default;
display: block;
padding: 6px;
}
.select2-container--classic.select2-container--open .select2-dropdown {
border-color: #5897fb;
}
.select2-container.select2-container--default {
-webkit-border-radius: 2px;
border-radius: 2px;
}
.select2-container.select2-container--default.select2-container--focus .select2-selection--single {
outline: 0;
}
.select2-container.select2-container--default.select2-container--focus .select2-selection--multiple {
outline: 0;
border: solid 1px #999;
}
.select2-container.select2-container--default .select2-selection--single {
height: 38px;
border: solid 1px rgba(57,81,155,.3);
-webkit-border-radius: 2px;
border-radius: 2px;
}
.select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #333;
line-height: 36px;
padding-left: 15px;
padding-right: 25px;
}
.select2-container.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 36px;
position: absolute;
top: 1px;
right: 1px;
width: 35px;
}
.select2-container.select2-container--default .select2-selection--single .select2-selection__placeholder {
color: rgba(51,51,51,.6);
}
.select2-container.select2-container--default .select2-selection--multiple {
min-height: 38px;
border: solid 1px rgba(57,81,155,.3);
-webkit-border-radius: 2px;
border-radius: 2px;
}
.select2-container.select2-container--default .select2-selection--multiple .select2-selection__rendered {
padding-left: 15px;
margin-top: 3px;
}
.select2-container.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
background-color: rgba(57,80,155,.1);
border: solid 1px rgba(57,81,155,.3);
-webkit-border-radius: 2px;
border-radius: 2px;
}
.select2-container.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
color: #858585;
margin-right: 3px;
font-size: 13px;
}
.select2-container.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #333;
}
.select2-container.select2-container--default .select2-results__option[aria-disabled=true] {
color: #999;
}
.select2-container.select2-container--default .select2-results__option[aria-selected=true] {
background-color: rgba(57,80,155,.1);
}
.select2-container.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: rgba(57,80,155,.05);
color: #333;
}
.select2-container .select2-dropdown {
border: solid 1px rgba(57,81,155,.3);
-webkit-border-radius: 2px;
border-radius: 2px;
}
.select2-container .select2-dropdown .select2-results__options .select2-results__group {
font-weight: 500;
color: #333;
}
.select2-container .select2-dropdown .select2-results__options .select2-results__options--nested .select2-results__option .ks-user>img {
width: 36px;
height: 36px;
display: inline-block;
margin-right: 5px;
}
.select2-container .select2-dropdown .select2-results__options .ks-search-result {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
}
.select2-container .select2-dropdown .select2-results__options .ks-search-result>.ks-avatar {
margin-right: 10px;
}
.select2-container .select2-dropdown .select2-results__options .ks-search-result>.ks-avatar>img {
width: 60px;
height: 60px;
}
.select2-container .select2-dropdown .select2-results__options .ks-search-result>.ks-meta>.ks-title {
font-weight: 500;
}
.select2-container .select2-dropdown .select2-results__options .ks-search-result>.ks-meta>.ks-description {
margin-top: 2px;
color: #858585;
margin-bottom: 2px;
}
.select2-container .select2-dropdown .select2-results__options .ks-search-result>.ks-meta>.ks-statistics {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
}
.select2-container .select2-dropdown .select2-results__options .ks-search-result>.ks-meta>.ks-statistics>div {
font-size: 12px;
color: #858585;
}
.select2-container .select2-dropdown .select2-results__options .ks-search-result>.ks-meta>.ks-statistics>div+div {
margin-left: 5px;
}
.select2-container.select2-container--open .select2-dropdown--above {
border-bottom: none;
-webkit-border-bottom-left-radius: 0;
border-bottom-left-radius: 0;
-webkit-border-bottom-right-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container.select2-container--open .select2-dropdown--below {
border-top: none;
-webkit-border-top-left-radius: 0;
border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
border-top-right-radius: 0;
}
.select2-container .select2-container--disabled .select2-selection--single {
background-color: #eee;
}
.select2-container .select2-container--disabled .select2-selection--multiple {
background-color: #eee;
}
.select2-container .select2-search--inline .select2-search__field {
margin-top: 6px;
}
.select2-container .select2-search--dropdown .select2-search__field {
border: solid 1px rgba(57,81,155,.3);
-webkit-border-radius: 2px;
border-radius: 2px;
outline: 0;
}
.select2-container .select2-search--dropdown .select2-search__field:focus {
outline: 0;
border: solid 1px #999;
}
.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
padding-right: 15px;
padding-left: 25px;
}
.select2-container[dir=rtl] .select2-selection--single .select2-selection__arrow {
right: auto;
}
/* Include this file in your html if you are using the CSP mode. */
body > [uib-typeahead-popup].dropdown-menu {
display: block;
width: 250px;
max-width: 400px;
}
.type-ahead-group > [uib-typeahead-popup].dropdown-menu {
display: block;
width: 100%;
max-width: 100%;
}
.uib-position-measure {
display: block !important;
visibility: hidden !important;
position: absolute !important;
top: -9999px !important;
left: -9999px !important;
}
.uib-position-scrollbar-measure {
position: absolute !important;
top: -9999px !important;
width: 50px !important;
height: 50px !important;
overflow: scroll !important;
}
.uib-position-body-scrollbar-measure {
overflow: scroll !important;
}
.type-ahead-group li.uib-typeahead-match,
body li.uib-typeahead-match {
padding: 4px 8px !important;
}
.type-ahead-group li.uib-typeahead-match:hover,
body li.uib-typeahead-match:hover {
background: #ebedf5 !important;
}
.type-ahead-group li.uib-typeahead-match a,
body li.uib-typeahead-match a {
font-family: "Montserrat", sans-serif !important;
font-size: 13px !important;
color: #333 !important;
}
/* Include this file in your html if you are using the CSP mode. */
[uib-typeahead-popup].dropdown-menu {
display: block;
}
.uib-position-measure {
display: block !important;
visibility: hidden !important;
position: absolute !important;
top: -9999px !important;
left: -9999px !important;
}
.uib-position-scrollbar-measure {
position: absolute !important;
top: -9999px !important;
width: 50px !important;
height: 50px !important;
overflow: scroll !important;
}
.uib-position-body-scrollbar-measure {
overflow: scroll !important;
}
[uib-tooltip-popup].tooltip.top-left > .tooltip-arrow,
[uib-tooltip-popup].tooltip.top-right > .tooltip-arrow,
[uib-tooltip-popup].tooltip.bottom-left > .tooltip-arrow,
[uib-tooltip-popup].tooltip.bottom-right > .tooltip-arrow,
[uib-tooltip-popup].tooltip.left-top > .tooltip-arrow,
[uib-tooltip-popup].tooltip.left-bottom > .tooltip-arrow,
[uib-tooltip-popup].tooltip.right-top > .tooltip-arrow,
[uib-tooltip-popup].tooltip.right-bottom > .tooltip-arrow,
[uib-tooltip-html-popup].tooltip.top-left > .tooltip-arrow,
[uib-tooltip-html-popup].tooltip.top-right > .tooltip-arrow,
[uib-tooltip-html-popup].tooltip.bottom-left > .tooltip-arrow,
[uib-tooltip-html-popup].tooltip.bottom-right > .tooltip-arrow,
[uib-tooltip-html-popup].tooltip.left-top > .tooltip-arrow,
[uib-tooltip-html-popup].tooltip.left-bottom > .tooltip-arrow,
[uib-tooltip-html-popup].tooltip.right-top > .tooltip-arrow,
[uib-tooltip-html-popup].tooltip.right-bottom > .tooltip-arrow,
[uib-tooltip-template-popup].tooltip.top-left > .tooltip-arrow,
[uib-tooltip-template-popup].tooltip.top-right > .tooltip-arrow,
[uib-tooltip-template-popup].tooltip.bottom-left > .tooltip-arrow,
[uib-tooltip-template-popup].tooltip.bottom-right > .tooltip-arrow,
[uib-tooltip-template-popup].tooltip.left-top > .tooltip-arrow,
[uib-tooltip-template-popup].tooltip.left-bottom > .tooltip-arrow,
[uib-tooltip-template-popup].tooltip.right-top > .tooltip-arrow,
[uib-tooltip-template-popup].tooltip.right-bottom > .tooltip-arrow,
[uib-popover-popup].popover.top-left > .arrow,
[uib-popover-popup].popover.top-right > .arrow,
[uib-popover-popup].popover.bottom-left > .arrow,
[uib-popover-popup].popover.bottom-right > .arrow,
[uib-popover-popup].popover.left-top > .arrow,
[uib-popover-popup].popover.left-bottom > .arrow,
[uib-popover-popup].popover.right-top > .arrow,
[uib-popover-popup].popover.right-bottom > .arrow,
[uib-popover-html-popup].popover.top-left > .arrow,
[uib-popover-html-popup].popover.top-right > .arrow,
[uib-popover-html-popup].popover.bottom-left > .arrow,
[uib-popover-html-popup].popover.bottom-right > .arrow,
[uib-popover-html-popup].popover.left-top > .arrow,
[uib-popover-html-popup].popover.left-bottom > .arrow,
[uib-popover-html-popup].popover.right-top > .arrow,
[uib-popover-html-popup].popover.right-bottom > .arrow,
[uib-popover-template-popup].popover.top-left > .arrow,
[uib-popover-template-popup].popover.top-right > .arrow,
[uib-popover-template-popup].popover.bottom-left > .arrow,
[uib-popover-template-popup].popover.bottom-right > .arrow,
[uib-popover-template-popup].popover.left-top > .arrow,
[uib-popover-template-popup].popover.left-bottom > .arrow,
[uib-popover-template-popup].popover.right-top > .arrow,
[uib-popover-template-popup].popover.right-bottom > .arrow {
top: auto;
bottom: auto;
left: auto;
right: auto;
margin: 0;
}
[uib-popover-popup].popover,
[uib-popover-html-popup].popover,
[uib-popover-template-popup].popover {
display: block !important;
}
.uib-datepicker .uib-title {
width: 100%;
}
.uib-day button,
.uib-month button,
.uib-year button {
min-width: 100%;
}
.uib-left,
.uib-right {
width: 100%;
}
.uib-time input {
width: 50px;
}
/*
* Bootstrap TouchSpin - v3.1.1
* A mobile and touch friendly input spinner component for Bootstrap 3.
* http://www.virtuosoft.eu/code/bootstrap-touchspin/
*
* Made by István Ujj-Mészáros
* Under Apache License v2.0 License
*/
.bootstrap-touchspin .input-group-btn-vertical {
position: relative;
white-space: nowrap;
width: 1%;
vertical-align: middle;
display: table-cell;
}
.bootstrap-touchspin .input-group-btn-vertical > .btn {
display: block;
float: none;
width: 100%;
max-width: 100%;
padding: 8px 10px;
margin-left: -1px;
position: relative;
}
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
border-radius: 0;
border-top-right-radius: 4px;
}
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
margin-top: -2px;
border-radius: 0;
border-bottom-right-radius: 4px;
}
.bootstrap-touchspin .input-group-btn-vertical i {
position: absolute;
top: 3px;
left: 5px;
font-size: 9px;
font-weight: normal;
}
.bootstrap-touchspin .btn.btn-default {
background: #ebeef5;
color: #25628F;
border: 1px solid #c4cbe1;
}
.bootstrap-touchspin .bootstrap-touchspin-postfix.btn-default {
border-left: none;
}
.bootstrap-touchspin .input-group-addon {
border-left: none;
border-right: none;
}
.bootstrap-touchspin.input-group input.form-control.touchspin-default {
-webkit-border-top-left-radius: 2px;
border-top-left-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
border-bottom-left-radius: 2px;
}
.bootstrap-touchspin .input-group-btn .bootstrap-touchspin-up,
.bootstrap-touchspin .input-group-btn .bootstrap-touchspin-down {
padding-left: 15px;
padding-right: 15px;
}
.bootstrap-touchspin .input-group-btn-vertical {
width: 20px;
}
.bootstrap-touchspin .input-group-btn-vertical > .btn i {
position: static;
display: block;
}
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
height: 20px;
padding: 0;
padding-left: 5px;
padding-right: 12px;
-webkit-border-top-right-radius: 2px;
border-top-right-radius: 2px;
}
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up > .fa:before {
position: relative;
top: -1px;
}
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
padding: 0;
-webkit-border-bottom-right-radius: 2px;
border-bottom-right-radius: 2px;
height: 20px;
padding-left: 5px;
padding-right: 12px;
}
.Login.to.your.account .navbar.ks-navbar,
.Login.to.your.account .ks-navbar-horizontal.ks-info,
.Login.to.your.account .ks-page-header {
display: none;
}
.ks-crm-contacts-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
}
.ks-crm-contacts-users-list-column {
background: #fff;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
position: relative;
top: 48px;
margin-right: 360px;
}
.ks-crm-contacts-user-view-column {
background: #fff;
min-width: 360px;
border-left: 1px solid #dee0e1;
position: fixed;
top: 170px;
height: -webkit-calc(100% - 120px);
height: calc(100% - 120px);
right: 0;
}
.ks-crm-contacts-users-list-column-header {
padding: 30px 30px 0 30px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.ks-crm-contacts-users-list-column-header h3 {
margin: 0;
}
.ks-crm-contacts-users-list-column-header .btn + .btn {
margin-left: 10px;
}
.ks-crm-contacts-users-list-column-table {
margin-bottom: 0;
}
.ks-crm-contacts-users-list-column-table tr:last-child td {
border-bottom: 1px solid #dee0e1;
}
.ks-crm-contacts-users-list-column-table-header {
font-size: 14px;
font-weight: 500;
padding: 15px 30px;
}
.ks-crm-contacts-user-view-column-user-info-container {
background-color: rgba(0, 0, 0, 0.03);
border-bottom: 1px solid #dee0e1;
}
.ks-crm-contacts-user-view-column-user-info {
padding: 30px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
}
.ks-crm-contacts-user-view-column-user-info > .ks-avatar {
margin-right: 15px;
}
.ks-crm-contacts-user-view-column-user-info-name {
font-size: 14px;
font-weight: 500;
}
.ks-crm-contacts-user-view-column-user-info-description {
font-size: 12px;
margin-bottom: 5px;
}
.ks-crm-contacts-user-view-column-user-info-controls {
margin-top: 15px;
}
.ks-crm-contacts-user-view-column-user-info-controls .btn + .btn {
margin-left: 10px;
}
.ks-crm-contacts-user-view-column-user-contact-container {
padding: 30px;
}
.ks-crm-contacts-user-view-column-user-contact-section + .ks-crm-contacts-user-view-column-user-contact-section {
margin-top: 30px;
}
.ks-column-user-contact-section-header {
font-size: 10px;
font-weight: 500;
color: rgba(51, 51, 51, 0.8);
margin-bottom: 8px;
text-transform: uppercase;
}
.ks-column-user-contact-section-item {
font-size: 12px;
}
.ks-column-user-contact-section-item > .ks-icon {
font-size: 18px;
color: rgba(0, 0, 0, 0.4);
display: inline-block;
margin-right: 10px;
position: relative;
top: 2px;
}
.ks-column-user-contact-section-item + .ks-column-user-contact-section-item {
margin-top: 8px;
}
@media screen and (max-width: 980px) {
.btn.ks-crm-contacts-user-view-column-toggle {
position: static;
}
.ks-crm-contacts-users-list-column {
margin-right: 0;
width: 100%;
}
.ks-crm-contacts-user-view-column {
right: -360px;
z-index: 2;
height: 100%;
visibility: hidden;
}
.ks-crm-contacts-user-view-column.ks-open {
visibility: visible;
right: 0;
-webkit-transition: right .2s ease;
transition: right .2s ease;
}
}
.ks-contact-manage-avatar {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
margin-top: 20px;
margin-bottom: 20px;
}
.ks-contact-manage-avatar .ks-manage-avatar-body .ks-manage-avatar-body-description {
font-size: 12px;
margin-bottom: 15px;
}
.ks-contact-manage-avatar .ks-avatar {
margin-right: 20px;
min-width: 100px;
min-height: 100px;
}
/*!
* ui-select
* http://github.com/angular-ui/ui-select
* Version: 0.19.8 - 2017-04-18T05:43:43.881Z
* License: MIT
*/
/* Style when highlighting a search. */
.ui-select-highlight {
font-weight: bold;
}
.ui-select-offscreen {
clip: rect(0 0 0 0) !important;
width: 1px !important;
height: 1px !important;
border: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
position: absolute !important;
outline: 0 !important;
left: 0px !important;
top: 0px !important;
}
.ui-select-choices-row:hover {
background-color: #f5f5f5;
}
/* Select2 theme */
/* Mark invalid Select2 */
.ng-dirty.ng-invalid > a.select2-choice {
border-color: #D44950;
}
.select2-result-single {
padding-left: 0;
}
.select2-locked > .select2-search-choice-close {
display: none;
}
.select-locked > .ui-select-match-close {
display: none;
}
body > .select2-container.open {
z-index: 9999;
/* The z-index Select2 applies to the select2-drop */
}
/* Handle up direction Select2 */
.ui-select-container[theme="select2"].direction-up .ui-select-match,
.ui-select-container.select2.direction-up .ui-select-match {
border-radius: 4px;
/* FIXME hardcoded value :-/ */
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.ui-select-container[theme="select2"].direction-up .ui-select-dropdown,
.ui-select-container.select2.direction-up .ui-select-dropdown {
border-radius: 4px;
/* FIXME hardcoded value :-/ */
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-top-width: 1px;
/* FIXME hardcoded value :-/ */
border-top-style: solid;
box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25);
margin-top: -4px;
/* FIXME hardcoded value :-/ */
}
.ui-select-container[theme="select2"].direction-up .ui-select-dropdown .select2-search,
.ui-select-container.select2.direction-up .ui-select-dropdown .select2-search {
margin-top: 4px;
/* FIXME hardcoded value :-/ */
}
.ui-select-container[theme="select2"].direction-up.select2-dropdown-open .ui-select-match,
.ui-select-container.select2.direction-up.select2-dropdown-open .ui-select-match {
border-bottom-color: #5897fb;
}
.ui-select-container[theme="select2"] .ui-select-dropdown .ui-select-search-hidden,
.ui-select-container[theme="select2"] .ui-select-dropdown .ui-select-search-hidden input {
opacity: 0;
height: 0;
min-height: 0;
padding: 0;
margin: 0;
border: 0;
}
/* Selectize theme */
/* Helper class to show styles when focus */
.selectize-input.selectize-focus {
border-color: #007FBB !important;
}
/* Fix input width for Selectize theme */
.selectize-control.single > .selectize-input > input {
width: 100%;
}
/* Fix line break when there's at least one item selected with the Selectize theme */
.selectize-control.multi > .selectize-input > input {
margin: 0 !important;
}
/* Fix dropdown width for Selectize theme */
.selectize-control > .selectize-dropdown {
width: 100%;
}
/* Mark invalid Selectize */
.ng-dirty.ng-invalid > div.selectize-input {
border-color: #D44950;
}
/* Handle up direction Selectize */
.ui-select-container[theme="selectize"].direction-up .ui-select-dropdown {
box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25);
margin-top: -2px;
/* FIXME hardcoded value :-/ */
}
.ui-select-container[theme="selectize"] input.ui-select-search-hidden {
opacity: 0;
height: 0;
min-height: 0;
padding: 0;
margin: 0;
border: 0;
width: 0;
}
/* Bootstrap theme */
/* Helper class to show styles when focus */
.btn-default-focus {
color: #333;
background-color: #EBEBEB;
border-color: #ADADAD;
text-decoration: none;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.ui-select-bootstrap .ui-select-toggle {
position: relative;
}
.ui-select-bootstrap .ui-select-toggle > .caret {
position: absolute;
height: 10px;
top: 50%;
right: 10px;
margin-top: -2px;
}
/* Fix Bootstrap dropdown position when inside a input-group */
.input-group > .ui-select-bootstrap.dropdown {
/* Instead of relative */
position: static;
}
.input-group > .ui-select-bootstrap > input.ui-select-search.form-control {
border-radius: 4px;
/* FIXME hardcoded value :-/ */
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group > .ui-select-bootstrap > input.ui-select-search.form-control.direction-up {
border-radius: 4px !important;
/* FIXME hardcoded value :-/ */
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.ui-select-bootstrap .ui-select-search-hidden {
opacity: 0;
height: 0;
min-height: 0;
padding: 0;
margin: 0;
border: 0;
}
.ui-select-bootstrap > .ui-select-match > .btn {
/* Instead of center because of .btn */
text-align: left !important;
}
.ui-select-bootstrap > .ui-select-match > .caret {
position: absolute;
top: 45%;
right: 15px;
}
/* See Scrollable Menu with Bootstrap 3 http://stackoverflow.com/questions/19227496 */
.ui-select-bootstrap > .ui-select-choices,
.ui-select-bootstrap > .ui-select-no-choice {
width: 100%;
height: auto;
max-height: 200px;
overflow-x: hidden;
margin-top: -1px;
}
body > .ui-select-bootstrap.open {
z-index: 1000;
/* Standard Bootstrap dropdown z-index */
}
.ui-select-multiple.ui-select-bootstrap {
height: auto;
padding: 3px 3px 0 3px;
}
.ui-select-multiple.ui-select-bootstrap input.ui-select-search {
background-color: transparent !important;
/* To prevent double background when disabled */
border: none;
outline: none;
height: 1.666666em;
margin-bottom: 3px;
}
.ui-select-multiple.ui-select-bootstrap .ui-select-match .close {
font-size: 1.6em;
line-height: 0.75;
}
.ui-select-multiple.ui-select-bootstrap .ui-select-match-item {
outline: 0;
margin: 0 3px 3px 0;
}
.ui-select-multiple .ui-select-match-item {
position: relative;
}
.ui-select-multiple .ui-select-match-item.dropping .ui-select-match-close {
pointer-events: none;
}
.ui-select-multiple:hover .ui-select-match-item.dropping-before:before {
content: "";
position: absolute;
top: 0;
right: 100%;
height: 100%;
margin-right: 2px;
border-left: 1px solid #428bca;
}
.ui-select-multiple:hover .ui-select-match-item.dropping-after:after {
content: "";
position: absolute;
top: 0;
left: 100%;
height: 100%;
margin-left: 2px;
border-right: 1px solid #428bca;
}
.ui-select-bootstrap .ui-select-choices-row>span {
cursor: pointer;
display: block;
padding: 3px 20px;
clear: both;
font-weight: 400;
line-height: 1.42857143;
color: #333;
white-space: nowrap;
}
.ui-select-bootstrap .ui-select-choices-row>span:hover,
.ui-select-bootstrap .ui-select-choices-row>span:focus {
text-decoration: none;
color: #262626;
background-color: #f5f5f5;
}
.ui-select-bootstrap .ui-select-choices-row.active>span {
color: #fff;
text-decoration: none;
outline: 0;
background-color: #428bca;
}
.ui-select-bootstrap .ui-select-choices-row.disabled>span,
.ui-select-bootstrap .ui-select-choices-row.active.disabled>span {
color: #777;
cursor: not-allowed;
background-color: #fff;
}
/* fix hide/show angular animation */
.ui-select-match.ng-hide-add,
.ui-select-search.ng-hide-add {
display: none !important;
}
/* Mark invalid Bootstrap */
.ui-select-bootstrap.ng-dirty.ng-invalid > button.btn.ui-select-match {
border-color: #D44950;
}
/* Handle up direction Bootstrap */
.ui-select-container[theme="bootstrap"].direction-up .ui-select-dropdown {
box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25);
}
.ui-select-bootstrap .ui-select-match-text {
width: 100%;
padding-right: 1em;
}
.ui-select-bootstrap .ui-select-match-text span {
display: inline-block;
width: 100%;
overflow: hidden;
}
.ui-select-bootstrap .ui-select-toggle > a.btn {
position: absolute;
height: 10px;
right: 10px;
margin-top: -2px;
}
/* Spinner */
.ui-select-refreshing.glyphicon {
position: absolute;
right: 0;
padding: 8px 27px;
}
@-webkit-keyframes ui-select-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes ui-select-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.ui-select-spin {
-webkit-animation: ui-select-spin 2s infinite linear;
animation: ui-select-spin 2s infinite linear;
}
.ui-select-refreshing.ng-animate {
-webkit-animation: none 0s;
}
.ks-crm-contacts-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
}
.ks-crm-contacts-users-list-column {
background: #fff;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
position: relative;
top: 48px;
margin-right: 360px;
}
.ks-crm-contacts-user-view-column {
background: #fff;
min-width: 360px;
border-left: 1px solid #dee0e1;
position: fixed;
top: 170px;
height: -webkit-calc(100% - 120px);
height: calc(100% - 120px);
right: 0;
}
.ks-crm-contacts-users-list-column-header {
padding: 30px 30px 0 30px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.ks-crm-contacts-users-list-column-header h3 {
margin: 0;
}
.ks-crm-contacts-users-list-column-header .btn + .btn {
margin-left: 10px;
}
.ks-crm-contacts-users-list-column-table {
margin-bottom: 0;
}
.ks-crm-contacts-users-list-column-table tr:last-child td {
border-bottom: 1px solid #dee0e1;
}
.ks-crm-contacts-users-list-column-table-header {
font-size: 14px;
font-weight: 500;
padding: 15px 30px;
}
.ks-crm-contacts-user-view-column-user-info-container {
background-color: rgba(0, 0, 0, 0.03);
border-bottom: 1px solid #dee0e1;
}
.ks-crm-contacts-user-view-column-user-info {
padding: 30px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
}
.ks-crm-contacts-user-view-column-user-info > .ks-avatar {
margin-right: 15px;
}
.ks-crm-contacts-user-view-column-user-info-name {
font-size: 14px;
font-weight: 500;
}
.ks-crm-contacts-user-view-column-user-info-description {
font-size: 12px;
margin-bottom: 5px;
}
.ks-crm-contacts-user-view-column-user-info-controls {
margin-top: 15px;
}
.ks-crm-contacts-user-view-column-user-info-controls .btn + .btn {
margin-left: 10px;
}
.ks-crm-contacts-user-view-column-user-contact-container {
padding: 30px;
}
.ks-crm-contacts-user-view-column-user-contact-section + .ks-crm-contacts-user-view-column-user-contact-section {
margin-top: 30px;
}
.ks-column-user-contact-section-header {
font-size: 10px;
font-weight: 500;
color: rgba(51, 51, 51, 0.8);
margin-bottom: 8px;
text-transform: uppercase;
}
.ks-column-user-contact-section-item {
font-size: 12px;
}
.ks-column-user-contact-section-item > .ks-icon {
font-size: 18px;
color: rgba(0, 0, 0, 0.4);
display: inline-block;
margin-right: 10px;
position: relative;
top: 2px;
}
.ks-column-user-contact-section-item + .ks-column-user-contact-section-item {
margin-top: 8px;
}
@media screen and (max-width: 980px) {
.btn.ks-crm-contacts-user-view-column-toggle {
position: static;
}
.ks-crm-contacts-users-list-column {
margin-right: 0;
width: 100%;
}
.ks-crm-contacts-user-view-column {
right: -360px;
z-index: 2;
height: 100%;
visibility: hidden;
}
.ks-crm-contacts-user-view-column.ks-open {
visibility: visible;
right: 0;
-webkit-transition: right .2s ease;
transition: right .2s ease;
}
}
.ks-contact-manage-avatar {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-js-display: flex;
display: flex;
margin-top: 20px;
margin-bottom: 20px;
}
.ks-contact-manage-avatar .ks-manage-avatar-body .ks-manage-avatar-body-description {
font-size: 12px;
margin-bottom: 15px;
}
.ks-contact-manage-avatar .ks-avatar {
margin-right: 20px;
min-width: 100px;
min-height: 100px;
}
/*!
* ui-select
* http://github.com/angular-ui/ui-select
* Version: 0.19.8 - 2017-04-18T05:43:43.881Z
* License: MIT
*/
/* Style when highlighting a search. */
.ui-select-highlight {
font-weight: bold;
}
.ui-select-offscreen {
clip: rect(0 0 0 0) !important;
width: 1px !important;
height: 1px !important;
border: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
position: absolute !important;
outline: 0 !important;
left: 0px !important;
top: 0px !important;
}
.ui-select-choices-row:hover {
background-color: #f5f5f5;
}
/* Select2 theme */
/* Mark invalid Select2 */
.ng-dirty.ng-invalid > a.select2-choice {
border-color: #D44950;
}
.select2-result-single {
padding-left: 0;
}
.select2-locked > .select2-search-choice-close {
display: none;
}
.select-locked > .ui-select-match-close {
display: none;
}
body > .select2-container.open {
z-index: 9999;
/* The z-index Select2 applies to the select2-drop */
}
/* Handle up direction Select2 */
.ui-select-container[theme="select2"].direction-up .ui-select-match,
.ui-select-container.select2.direction-up .ui-select-match {
border-radius: 4px;
/* FIXME hardcoded value :-/ */
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.ui-select-container[theme="select2"].direction-up .ui-select-dropdown,
.ui-select-container.select2.direction-up .ui-select-dropdown {
border-radius: 4px;
/* FIXME hardcoded value :-/ */
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-top-width: 1px;
/* FIXME hardcoded value :-/ */
border-top-style: solid;
box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25);
margin-top: -4px;
/* FIXME hardcoded value :-/ */
}
.ui-select-container[theme="select2"].direction-up .ui-select-dropdown .select2-search,
.ui-select-container.select2.direction-up .ui-select-dropdown .select2-search {
margin-top: 4px;
/* FIXME hardcoded value :-/ */
}
.ui-select-container[theme="select2"].direction-up.select2-dropdown-open .ui-select-match,
.ui-select-container.select2.direction-up.select2-dropdown-open .ui-select-match {
border-bottom-color: #5897fb;
}
.ui-select-container[theme="select2"] .ui-select-dropdown .ui-select-search-hidden,
.ui-select-container[theme="select2"] .ui-select-dropdown .ui-select-search-hidden input {
opacity: 0;
height: 0;
min-height: 0;
padding: 0;
margin: 0;
border: 0;
}
/* Selectize theme */
/* Helper class to show styles when focus */
.selectize-input.selectize-focus {
border-color: #007FBB !important;
}
/* Fix input width for Selectize theme */
.selectize-control.single > .selectize-input > input {
width: 100%;
}
/* Fix line break when there's at least one item selected with the Selectize theme */
.selectize-control.multi > .selectize-input > input {
margin: 0 !important;
}
/* Fix dropdown width for Selectize theme */
.selectize-control > .selectize-dropdown {
width: 100%;
}
/* Mark invalid Selectize */
.ng-dirty.ng-invalid > div.selectize-input {
border-color: #D44950;
}
/* Handle up direction Selectize */
.ui-select-container[theme="selectize"].direction-up .ui-select-dropdown {
box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25);
margin-top: -2px;
/* FIXME hardcoded value :-/ */
}
.ui-select-container[theme="selectize"] input.ui-select-search-hidden {
opacity: 0;
height: 0;
min-height: 0;
padding: 0;
margin: 0;
border: 0;
width: 0;
}
/* Bootstrap theme */
/* Helper class to show styles when focus */
.btn-default-focus {
color: #333;
background-color: #EBEBEB;
border-color: #ADADAD;
text-decoration: none;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.ui-select-bootstrap .ui-select-toggle {
position: relative;
}
.ui-select-bootstrap .ui-select-toggle > .caret {
position: absolute;
height: 10px;
top: 50%;
right: 10px;
margin-top: -2px;
}
/* Fix Bootstrap dropdown position when inside a input-group */
.input-group > .ui-select-bootstrap.dropdown {
/* Instead of relative */
position: static;
}
.input-group > .ui-select-bootstrap > input.ui-select-search.form-control {
border-radius: 4px;
/* FIXME hardcoded value :-/ */
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group > .ui-select-bootstrap > input.ui-select-search.form-control.direction-up {
border-radius: 4px !important;
/* FIXME hardcoded value :-/ */
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.ui-select-bootstrap .ui-select-search-hidden {
opacity: 0;
height: 0;
min-height: 0;
padding: 0;
margin: 0;
border: 0;
}
.ui-select-bootstrap > .ui-select-match > .btn {
/* Instead of center because of .btn */
text-align: left !important;
}
.ui-select-bootstrap > .ui-select-match > .caret {
position: absolute;
top: 45%;
right: 15px;
}
/* See Scrollable Menu with Bootstrap 3 http://stackoverflow.com/questions/19227496 */
.ui-select-bootstrap > .ui-select-choices,
.ui-select-bootstrap > .ui-select-no-choice {
width: 100%;
height: auto;
max-height: 200px;
overflow-x: hidden;
margin-top: -1px;
}
body > .ui-select-bootstrap.open {
z-index: 1000;
/* Standard Bootstrap dropdown z-index */
}
.ui-select-multiple.ui-select-bootstrap {
height: auto;
padding: 3px 3px 0 3px;
}
.ui-select-multiple.ui-select-bootstrap input.ui-select-search {
background-color: transparent !important;
/* To prevent double background when disabled */
border: none;
outline: none;
height: 1.666666em;
margin-bottom: 3px;
}
.ui-select-multiple.ui-select-bootstrap .ui-select-match .close {
font-size: 1.6em;
line-height: 0.75;
}
.ui-select-multiple.ui-select-bootstrap .ui-select-match-item {
outline: 0;
margin: 0 3px 3px 0;
}
.ui-select-multiple .ui-select-match-item {
position: relative;
}
.ui-select-multiple .ui-select-match-item.dropping .ui-select-match-close {
pointer-events: none;
}
.ui-select-multiple:hover .ui-select-match-item.dropping-before:before {
content: "";
position: absolute;
top: 0;
right: 100%;
height: 100%;
margin-right: 2px;
border-left: 1px solid #428bca;
}
.ui-select-multiple:hover .ui-select-match-item.dropping-after:after {
content: "";
position: absolute;
top: 0;
left: 100%;
height: 100%;
margin-left: 2px;
border-right: 1px solid #428bca;
}
.ui-select-bootstrap .ui-select-choices-row>span {
cursor: pointer;
display: block;
padding: 3px 20px;
clear: both;
font-weight: 400;
line-height: 1.42857143;
color: #333;
white-space: nowrap;
}
.ui-select-bootstrap .ui-select-choices-row>span:hover,
.ui-select-bootstrap .ui-select-choices-row>span:focus {
text-decoration: none;
color: #262626;
background-color: #f5f5f5;
}
.ui-select-bootstrap .ui-select-choices-row.active>span {
color: #fff;
text-decoration: none;
outline: 0;
background-color: #428bca;
}
.ui-select-bootstrap .ui-select-choices-row.disabled>span,
.ui-select-bootstrap .ui-select-choices-row.active.disabled>span {
color: #777;
cursor: not-allowed;
background-color: #fff;
}
/* fix hide/show angular animation */
.ui-select-match.ng-hide-add,
.ui-select-search.ng-hide-add {
display: none !important;
}
/* Mark invalid Bootstrap */
.ui-select-bootstrap.ng-dirty.ng-invalid > button.btn.ui-select-match {
border-color: #D44950;
}
/* Handle up direction Bootstrap */
.ui-select-container[theme="bootstrap"].direction-up .ui-select-dropdown {
box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25);
}
.ui-select-bootstrap .ui-select-match-text {
width: 100%;
padding-right: 1em;
}
.ui-select-bootstrap .ui-select-match-text span {
display: inline-block;
width: 100%;
overflow: hidden;
}
.ui-select-bootstrap .ui-select-toggle > a.btn {
position: absolute;
height: 10px;
right: 10px;
margin-top: -2px;
}
/* Spinner */
.ui-select-refreshing.glyphicon {
position: absolute;
right: 0;
padding: 8px 27px;
}
@-webkit-keyframes ui-select-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes ui-select-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.ui-select-spin {
-webkit-animation: ui-select-spin 2s infinite linear;
animation: ui-select-spin 2s infinite linear;
}
.ui-select-refreshing.ng-animate {
-webkit-animation: none 0s;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment