Last active
October 3, 2017 18:18
-
-
Save grosscorporation/377eee555b5ded2154c216137f5e4e16 to your computer and use it in GitHub Desktop.
Gross UI
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!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> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/*! | |
* 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