File: /var/www/html/newjapanetiquetas.com.br/web/docs/styles/app.css
@charset "UTF-8";
/*
*
* Version: 1.0.0
* Template name: Reactor Bootstrap Admin Template
* Author: iamnyasha
* Author URL: htp://nyasha.me
*/
/* Table of Contents
Use (CMD/CTRL + F $[SECTION]) to quickly find what you are looking for
[SECTION]
1. scaffolding
2. webfonts
3. typography
4. avatar
5. captions
6. animation
7. preloader
8. quick-launch
9. sidebar-panel
10. header
11. brand
12. main-panel
13. footer
14. chat-panel
15. hamburger-icon
16. offscreen-menu
17. widget
18. accordion
19. layout-options
20. switch
21. print
22. alerts
23. breadcrumbs
24. buttons
25. code
26. dropdown
27. forms
28. input-groups
29. labels
30. listgroup
31. modal
32. navbar
33. navs
34. pagination
35. panel
36. popover
37. progress-bar
38. tables
39. tooltip
40. colors
41. well
42. bootstrap.ui
43. session
44. lockscreen
45. error-pages
46. calendar
47. gallery
48. invoice
49. messages
50. travel
51. product
52. profile
53. timeline
54. charts
55. jquery.ui
56. bootstrap-tags
57. bootstap-timepicker
58. wizard
59. textAngular
60. bootstrap-wysiwyg
61. c-charts
62. chartjs
63. checkbo
64. chosen
65. clock-picker
66. color-picker
67. datatables
68. datepicker
69. daterangepicker
70. easypie
71. flot-chart
72. google-map
73. input-select
74. ioslist
75. intl-tel-input
76. jvectormap
77. labelauty
78. multiselect
79. nestable
80. noty
81. nvd
82. jquery-validation
83. perfect-scrollbar
84. portlets
85. rickshaw
86. social-button
87. sortable
88. summernote
89. sweet-alert
90. touch-spin
91. utilities
*/
/* $scaffolding
------------------------------------------*/
::-moz-selection {
background: #6164C1;
color: white;
text-shadow: none; }
::selection {
background: #6164C1;
color: white;
text-shadow: none; }
html {
font-size: 16px; }
body,
html {
height: 100%;
width: 100%; }
.app {
background: #f0f0f0;
width: 100%;
min-height: 100%;
position: relative; }
body {
background: #f5f5f5;
color: #59595A;
font-size: 0.8125rem;
line-height: 1.53846;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif, sans-serif; }
a {
color: inherit;
text-decoration: none; }
a:visited, a:active, a:focus, a:hover {
outline: 0;
text-decoration: none;
cursor: pointer; }
.touch li:hover, .touch li:focus, .touch a:hover, .touch a:focus {
background-color: transparent !important; }
hr {
margin-top: 1rem;
margin-bottom: 1rem;
border: 0;
border-top: 0.0625rem solid rgba(0, 0, 0, 0.1); }
img {
-ms-interpolation-mode: bicubic; }
.img-rounded {
border-radius: 0.125rem; }
.img-circle {
border-radius: 50%; }
ol {
list-style-position: outside;
list-style-type: decimal; }
ul {
list-style-position: outside;
list-style-type: disc;
line-height: 1.5; }
ol.list-style-none,
ul.list-style-none {
padding: 0;
list-style: none; }
.nav {
padding: 0; }
[ui-view].ng-enter {
-webkit-animation: fadeIn 0.4s;
animation: fadeIn 0.4s; }
.page-height {
height: calc(100vh - 5.938rem); }
.page-height-o {
height: calc(100vh - 2.5rem); }
@media (max-width: 767px) {
.page-height-xs {
height: calc(100vh - 5.938rem); } }
@media screen and (min-width: 768px) {
.scroll {
overflow-x: hidden;
overflow-y: auto;
height: 100%; }
.fill-container {
position: absolute;
top: 3.438rem;
bottom: 2.5rem;
left: 12.5rem;
right: 0;
min-height: calc(100vh - 3.438rem - 2.5rem); }
.display-columns {
width: 100%;
height: 100%; }
.display-columns .column {
float: left;
height: 100%; }
.display-columns .column:last-child {
float: none;
overflow: hidden; } }
.row-equal {
display: table;
width: 100%;
table-layout: fixed; }
.row-equal .column {
display: table-cell;
vertical-align: top;
float: none; }
.row-equal .full-height {
height: 100%; }
.row-equal.align-middle .column {
vertical-align: middle; }
.ripple {
overflow: hidden; }
.ripple-effect {
position: absolute;
border-radius: 50%;
width: 50px;
height: 50px;
background: white;
animation: ripple-animation 2000ms; }
@keyframes ripple-animation {
from {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-o-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
opacity: 0.4; }
to {
-webkit-transform: scale(100, 100);
-moz-transform: scale(100, 100);
-o-transform: scale(100, 100);
-ms-transform: scale(100, 100);
transform: scale(100, 100);
opacity: 0; } }
@-webkit-keyframes ripple-animation {
from {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-o-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
opacity: 0.4; }
to {
-webkit-transform: scale(100, 100);
-moz-transform: scale(100, 100);
-o-transform: scale(100, 100);
-ms-transform: scale(100, 100);
transform: scale(100, 100);
opacity: 0; } }
/* $webfonts
------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-family: "Montserrat", Arial, "Helvetica Neue", Helvetica, sans-serif; }
dt,
.bold {
font-weight: 700; }
/* $typography
------------------------------------------*/
.climacon {
line-height: 1; }
.light {
font-weight: 300; }
small,
.small {
font-size: 0.6875rem; }
.pullquote {
display: block;
float: left;
width: 55%;
font-style: italic;
font-size: 1.6rem; }
.pullquote::before {
float: left;
color: #E2E4E9;
content: "“";
font-style: normal;
font-size: 2.5rem;
font-family: Georgia, serif; }
/* $avatar
------------------------------------------*/
.avatar {
position: relative;
display: inline-block; }
.img-thumbnail {
border-color: #e4e4e4; }
/* sizes */
.avatar-xlg {
width: 32rem; }
.avatar-xlg {
width: 16rem; }
.avatar-lg {
width: 8rem; }
.avatar-md {
width: 4rem; }
.avatar-sm {
width: 3rem; }
.avatar-xs {
width: 2.125rem; }
.avatar-xxs {
width: 1.375rem; }
/*
* Image $Captions
*
*/
figure {
display: block;
position: relative;
overflow: hidden;
margin-bottom: 1.25rem; }
figure img {
width: 100%; }
figcaption {
position: absolute;
background: #44425B;
background: rgba(68, 66, 91, 0.75);
color: white;
padding: 1.25rem 1.25rem;
opacity: 0;
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease; }
figure:hover figcaption {
opacity: 1; }
figure:before {
content: "?";
position: absolute;
background: white;
background: rgba(255, 255, 255, 0.75);
color: #59595A;
width: 1.5rem;
height: 1.5rem;
border-radius: 50%;
text-align: center;
line-height: 1.5rem;
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
opacity: 0.8; }
figure:hover:before {
opacity: 0; }
.cap-left:before {
bottom: 1.25rem;
left: 1.25rem; }
.cap-left figcaption {
bottom: 0;
left: -30%; }
.cap-left:hover figcaption {
left: 0; }
.cap-right:before {
bottom: 1.25rem;
right: 1.25rem; }
.cap-right figcaption {
bottom: 0;
right: -30%; }
.cap-right:hover figcaption {
right: 0; }
.cap-top:before {
top: 1.25rem;
left: 1.25rem; }
.cap-top figcaption {
left: 0;
top: -30%; }
.cap-top:hover figcaption {
top: 0; }
.cap-bot:before {
bottom: 1.25rem;
left: 1.25rem; }
.cap-bot figcaption {
left: 0;
bottom: -30%; }
.cap-bot:hover figcaption {
bottom: 0; }
/* $animation
------------------------------------------*/
/* Generated with Bounce.js. Edit at http://goo.gl/akZHSq */
@-webkit-keyframes animSlideElasticLeft {
0% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1000, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1000, 0, 0, 1); }
1.3% {
-webkit-transform: matrix3d(1.83, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -790.068, 0, 0, 1);
transform: matrix3d(1.83, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -790.068, 0, 0, 1); }
2.55% {
-webkit-transform: matrix3d(2.015, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -609.326, 0, 0, 1);
transform: matrix3d(2.015, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -609.326, 0, 0, 1); }
4.1% {
-webkit-transform: matrix3d(1.864, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -419.708, 0, 0, 1);
transform: matrix3d(1.864, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -419.708, 0, 0, 1); }
5.71% {
-webkit-transform: matrix3d(1.583, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -265.321, 0, 0, 1);
transform: matrix3d(1.583, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -265.321, 0, 0, 1); }
8.11% {
-webkit-transform: matrix3d(1.234, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -105.491, 0, 0, 1);
transform: matrix3d(1.234, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -105.491, 0, 0, 1); }
8.81% {
-webkit-transform: matrix3d(1.166, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -72.799, 0, 0, 1);
transform: matrix3d(1.166, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -72.799, 0, 0, 1); }
11.96% {
-webkit-transform: matrix3d(1.01, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 16.084, 0, 0, 1);
transform: matrix3d(1.01, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 16.084, 0, 0, 1); }
12.11% {
-webkit-transform: matrix3d(1.007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 18.434, 0, 0, 1);
transform: matrix3d(1.007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 18.434, 0, 0, 1); }
15.07% {
-webkit-transform: matrix3d(0.985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 42.205, 0, 0, 1);
transform: matrix3d(0.985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 42.205, 0, 0, 1); }
16.12% {
-webkit-transform: matrix3d(0.986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 43.356, 0, 0, 1);
transform: matrix3d(0.986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 43.356, 0, 0, 1); }
27.23% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 7.839, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 7.839, 0, 0, 1); }
27.58% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 7.069, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 7.069, 0, 0, 1); }
38.34% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1.037, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1.037, 0, 0, 1); }
40.09% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.97, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.97, 0, 0, 1); }
50% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.159, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.159, 0, 0, 1); }
60.56% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.025, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.025, 0, 0, 1); }
82.78% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.001, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.001, 0, 0, 1); }
100% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } }
@keyframes animSlideElasticLeft {
0% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1000, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1000, 0, 0, 1); }
1.3% {
-webkit-transform: matrix3d(1.83, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -790.068, 0, 0, 1);
transform: matrix3d(1.83, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -790.068, 0, 0, 1); }
2.55% {
-webkit-transform: matrix3d(2.015, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -609.326, 0, 0, 1);
transform: matrix3d(2.015, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -609.326, 0, 0, 1); }
4.1% {
-webkit-transform: matrix3d(1.864, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -419.708, 0, 0, 1);
transform: matrix3d(1.864, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -419.708, 0, 0, 1); }
5.71% {
-webkit-transform: matrix3d(1.583, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -265.321, 0, 0, 1);
transform: matrix3d(1.583, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -265.321, 0, 0, 1); }
8.11% {
-webkit-transform: matrix3d(1.234, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -105.491, 0, 0, 1);
transform: matrix3d(1.234, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -105.491, 0, 0, 1); }
8.81% {
-webkit-transform: matrix3d(1.166, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -72.799, 0, 0, 1);
transform: matrix3d(1.166, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -72.799, 0, 0, 1); }
11.96% {
-webkit-transform: matrix3d(1.01, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 16.084, 0, 0, 1);
transform: matrix3d(1.01, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 16.084, 0, 0, 1); }
12.11% {
-webkit-transform: matrix3d(1.007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 18.434, 0, 0, 1);
transform: matrix3d(1.007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 18.434, 0, 0, 1); }
15.07% {
-webkit-transform: matrix3d(0.985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 42.205, 0, 0, 1);
transform: matrix3d(0.985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 42.205, 0, 0, 1); }
16.12% {
-webkit-transform: matrix3d(0.986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 43.356, 0, 0, 1);
transform: matrix3d(0.986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 43.356, 0, 0, 1); }
27.23% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 7.839, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 7.839, 0, 0, 1); }
27.58% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 7.069, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 7.069, 0, 0, 1); }
38.34% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1.037, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1.037, 0, 0, 1); }
40.09% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.97, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.97, 0, 0, 1); }
50% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.159, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.159, 0, 0, 1); }
60.56% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.025, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.025, 0, 0, 1); }
82.78% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.001, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.001, 0, 0, 1); }
100% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } }
/* Generated with Bounce.js. Edit at http://goo.gl/tf9GOc */
@-webkit-keyframes animSlideElasticRight {
0% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 1000, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 1000, 0, 0, 1); }
1.3% {
-webkit-transform: matrix3d(1.83, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 790.068, 0, 0, 1);
transform: matrix3d(1.83, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 790.068, 0, 0, 1); }
2.55% {
-webkit-transform: matrix3d(2.015, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 609.326, 0, 0, 1);
transform: matrix3d(2.015, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 609.326, 0, 0, 1); }
4.1% {
-webkit-transform: matrix3d(1.864, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 419.708, 0, 0, 1);
transform: matrix3d(1.864, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 419.708, 0, 0, 1); }
5.71% {
-webkit-transform: matrix3d(1.583, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 265.321, 0, 0, 1);
transform: matrix3d(1.583, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 265.321, 0, 0, 1); }
8.11% {
-webkit-transform: matrix3d(1.234, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 105.491, 0, 0, 1);
transform: matrix3d(1.234, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 105.491, 0, 0, 1); }
8.81% {
-webkit-transform: matrix3d(1.166, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 72.799, 0, 0, 1);
transform: matrix3d(1.166, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 72.799, 0, 0, 1); }
11.96% {
-webkit-transform: matrix3d(1.01, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -16.084, 0, 0, 1);
transform: matrix3d(1.01, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -16.084, 0, 0, 1); }
12.11% {
-webkit-transform: matrix3d(1.007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -18.434, 0, 0, 1);
transform: matrix3d(1.007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -18.434, 0, 0, 1); }
15.07% {
-webkit-transform: matrix3d(0.985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -42.205, 0, 0, 1);
transform: matrix3d(0.985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -42.205, 0, 0, 1); }
16.12% {
-webkit-transform: matrix3d(0.986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -43.356, 0, 0, 1);
transform: matrix3d(0.986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -43.356, 0, 0, 1); }
27.23% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -7.839, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -7.839, 0, 0, 1); }
27.58% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -7.069, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -7.069, 0, 0, 1); }
38.34% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 1.037, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 1.037, 0, 0, 1); }
40.09% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.97, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.97, 0, 0, 1); }
50% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.159, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.159, 0, 0, 1); }
60.56% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.025, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.025, 0, 0, 1); }
82.78% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.001, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.001, 0, 0, 1); }
100% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } }
@keyframes animSlideElasticRight {
0% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 1000, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 1000, 0, 0, 1); }
1.3% {
-webkit-transform: matrix3d(1.83, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 790.068, 0, 0, 1);
transform: matrix3d(1.83, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 790.068, 0, 0, 1); }
2.55% {
-webkit-transform: matrix3d(2.015, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 609.326, 0, 0, 1);
transform: matrix3d(2.015, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 609.326, 0, 0, 1); }
4.1% {
-webkit-transform: matrix3d(1.864, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 419.708, 0, 0, 1);
transform: matrix3d(1.864, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 419.708, 0, 0, 1); }
5.71% {
-webkit-transform: matrix3d(1.583, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 265.321, 0, 0, 1);
transform: matrix3d(1.583, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 265.321, 0, 0, 1); }
8.11% {
-webkit-transform: matrix3d(1.234, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 105.491, 0, 0, 1);
transform: matrix3d(1.234, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 105.491, 0, 0, 1); }
8.81% {
-webkit-transform: matrix3d(1.166, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 72.799, 0, 0, 1);
transform: matrix3d(1.166, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 72.799, 0, 0, 1); }
11.96% {
-webkit-transform: matrix3d(1.01, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -16.084, 0, 0, 1);
transform: matrix3d(1.01, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -16.084, 0, 0, 1); }
12.11% {
-webkit-transform: matrix3d(1.007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -18.434, 0, 0, 1);
transform: matrix3d(1.007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -18.434, 0, 0, 1); }
15.07% {
-webkit-transform: matrix3d(0.985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -42.205, 0, 0, 1);
transform: matrix3d(0.985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -42.205, 0, 0, 1); }
16.12% {
-webkit-transform: matrix3d(0.986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -43.356, 0, 0, 1);
transform: matrix3d(0.986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -43.356, 0, 0, 1); }
27.23% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -7.839, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -7.839, 0, 0, 1); }
27.58% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -7.069, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -7.069, 0, 0, 1); }
38.34% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 1.037, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 1.037, 0, 0, 1); }
40.09% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.97, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.97, 0, 0, 1); }
50% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.159, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.159, 0, 0, 1); }
60.56% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.025, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.025, 0, 0, 1); }
82.78% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.001, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.001, 0, 0, 1); }
100% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } }
@-webkit-keyframes animSlideRight {
0% {
-webkit-transform: translate3d(0, 0, 0) translate3d(0, 0, 0); }
100% {
-webkit-transform: translate3d(100%, 0, 0); } }
@keyframes animSlideRight {
0% {
-webkit-transform: translate3d(0, 0, 0) translate3d(0, 0, 0);
transform: translate3d(0, 0, 0) translate3d(0, 0, 0); }
100% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); } }
@-webkit-keyframes animSlideLeft {
0% {
-webkit-transform: translate3d(0, 0, 0) translate3d(0, 0, 0); }
100% {
-webkit-transform: translate3d(-100%, 0, 0); } }
@keyframes animSlideLeft {
0% {
-webkit-transform: translate3d(0, 0, 0) translate3d(0, 0, 0);
transform: translate3d(0, 0, 0) translate3d(0, 0, 0); }
100% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); } }
/* $preloader
------------------------------------------*/
.pageload {
width: 100%;
height: 100%;
position: fixed;
top: 0;
background-color: white;
background-color: rgba(255, 255, 255, 0.99);
z-index: 99999;
display: table; }
.pageload > div {
display: table-cell;
vertical-align: middle; }
.pageload > div > div {
margin: 0 auto; }
.page-loading {
overflow: hidden; }
.preloader-container {
position: absolute;
right: 0;
left: 0; }
.layout-fixed-header .preloader-container {
left: 12.5rem; }
.layout-small-menu .preloader-container {
left: 3.187rem; }
.preloader {
display: table;
margin: 0 auto;
padding-top: 1.5315rem;
padding-bottom: 1.5315rem;
-webkit-animation: 2s bulge infinite ease-out;
animation: 2s bulge infinite ease-out; }
.preloader span {
width: 6px;
height: 6px;
float: left;
margin: 0 2px;
background-color: #cfd0ec;
display: block;
border-radius: 50%;
opacity: 0.4; }
.preloader span:nth-of-type(1) {
-webkit-animation: 1s blink infinite 0.3333s;
animation: 1s blink infinite 0.3333s; }
.preloader span:nth-of-type(2) {
-webkit-animation: 1s blink infinite 0.6666s;
animation: 1s blink infinite 0.6666s; }
.preloader span:nth-of-type(3) {
-webkit-animation: 1s blink infinite 0.9999s;
animation: 1s blink infinite 0.9999s; }
@-webkit-keyframes blink {
50% {
opacity: 1; } }
@keyframes blink {
50% {
opacity: 1; } }
@-webkit-keyframes bulge {
50% {
-webkit-transform: scale(1.05);
transform: scale(1.05); } }
@keyframes bulge {
50% {
-webkit-transform: scale(1.05);
transform: scale(1.05); } }
@media (max-width: 767px) {
.preloader-container {
left: 0; } }
/* $quick-launch
------------------------------------------*/
.quick-launch-panel {
display: none;
visibility: hidden; }
.quick-launch-panel.open {
display: block;
visibility: visible; }
.quick-launch-panel.open + nav {
display: none;
visibility: hidden; }
.quick-launch-apps {
padding: 0;
margin: 0;
text-align: center;
list-style: none; }
.quick-launch-apps li {
display: inline-block; }
.quick-launch-apps a {
display: block;
padding: 0.5rem;
text-align: center; }
.quick-launch-apps a span.app-icon {
border-radius: 0.125rem;
width: 4.5rem;
height: 4.5rem;
display: block;
font-size: 3rem;
font-family: "Montserrat", Arial, "Helvetica Neue", Helvetica, sans-serif; }
.quick-launch-apps a span.app-icon i {
display: block;
font-size: 1.5rem; }
.quick-launch-apps a span.app-title {
display: block;
font-size: 0.6875rem;
padding-top: 0;
margin-top: .5rem; }
/* $sidebar-panel
------------------------------------------*/
.sidebar-panel {
position: fixed;
top: 0;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
box-shadow: 0 0 0 0.0625rem rgba(0, 0, 0, 0.075), 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.25); }
.sidebar-panel .small-menu-visible {
display: none !important;
visibility: hidden; }
.sidebar-panel > nav ul {
padding: 0;
list-style: none; }
.sidebar-panel > nav ul > li > a {
display: block;
text-align: left;
line-height: 1;
-webkit-transition: background 150ms, color 150ms;
transition: background 150ms, color 150ms; }
.sidebar-panel > nav ul > li > a > span {
display: inline-block; }
.sidebar-panel > nav ul > li > a [class^="icon-"],
.sidebar-panel > nav ul > li > a [class*=" icon-"] {
padding-right: 0.9375rem;
width: 1.875rem;
text-align: center; }
.sidebar-panel > nav .heading {
position: relative;
padding: 0.8125rem 1.563rem; }
.sidebar-panel > nav .badge {
border-radius: 0.8125rem;
padding: 0.125rem 0.625rem;
background-color: transparent;
color: inherit;
border: 0.0625rem solid #e4e4e4;
margin-top: -0.125rem; }
.sidebar-panel > nav li ul li a {
padding: 0.625rem 1.563rem 0.625rem 3.588rem; }
.sidebar-panel > nav li.menu-accordion > a::before {
content: '';
position: relative;
display: inline-block;
float: right;
margin-left: 0.3125rem;
margin-top: 0.25rem;
width: 0.375rem;
height: 0.375rem;
border-radius: 50%; }
.sidebar-panel > nav > ul > li {
position: relative;
display: block; }
.sidebar-panel > nav > ul > li > a:focus {
background-color: transparent; }
.sidebar-panel > nav > ul > li a {
position: relative;
padding: 0.8125rem 1.563rem; }
.sidebar-panel > nav > ul > li > ul {
padding: 0;
margin: 0; }
.sidebar-panel > nav > ul > li ul {
max-height: 0;
overflow: hidden;
display: block;
width: auto; }
.sidebar-panel > nav > ul > li ul > li {
opacity: 0;
-webkit-transform: translate(30%, 0);
-moz-transform: translate(30%, 0);
-o-transform: translate(30%, 0);
-ms-transform: translate(30%, 0);
transform: translate(30%, 0);
-webkit-transform: translate3d(30%, 0, 0);
-moz-transform: translate3d(30%, 0, 0);
-o-transform: translate3d(30%, 0, 0);
-ms-transform: translate3d(30%, 0, 0);
transform: translate3d(30%, 0, 0);
-webkit-transition: transform 150ms, opacity 150ms;
transition: transform 150ms, opacity 150ms; }
.sidebar-panel > nav > ul > li > .sub-menu .sub-menu {
padding-left: 1.563rem; }
.sidebar-panel > nav .open > ul {
max-height: 51.25rem; }
.sidebar-panel > nav .open > ul > li {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s; }
.sidebar-panel > nav .open > ul > li:first-child {
-webkit-transition-delay: 0.05s;
transition-delay: 0.05s; }
.sidebar-panel > nav .open > ul > li:nth-child(2) {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s; }
.sidebar-panel > nav .open > ul > li:nth-child(3) {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s; }
.sidebar-panel > nav .open > ul > li:nth-child(4) {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s; }
.sidebar-panel > nav .open > ul > li:nth-child(5) {
-webkit-transition-delay: 0.25s;
transition-delay: 0.25s; }
.sidebar-panel > nav .open > ul > li:nth-child(6) {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s; }
.sidebar-panel > nav .open > ul > li:nth-child(7) {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s; }
.sidebar-panel > nav .open > ul > li:nth-child(8) {
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s; }
.sidebar-panel > nav .open > ul > li:nth-child(9) {
-webkit-transition-delay: 0.45s;
transition-delay: 0.45s; }
@media screen and (min-width: 768px) {
.sidebar-panel {
-webkit-backface-visibility: hidden;
width: 12.5rem;
z-index: 1050; }
.sidebar-panel > nav > ul {
width: 12.5rem; }
/* Collapsed sidebar */
.layout-small-menu {
min-height: 100%; }
.layout-small-menu .sidebar-panel {
width: 4.375rem;
overflow-x: visible !important;
overflow-y: visible !important; }
.layout-small-menu .sidebar-panel .brand-logo,
.layout-small-menu .sidebar-panel .toggle-apps {
display: none;
visibility: hidden;
text-align: center; }
.layout-small-menu .sidebar-panel .small-menu-visible {
display: block !important;
visibility: visible; }
.layout-small-menu .sidebar-panel .toggle-sidebar {
text-align: center;
margin: 0 auto;
display: table;
float: none; }
.layout-small-menu .sidebar-panel > nav {
overflow: visible !important;
right: 0; }
.layout-small-menu .sidebar-panel > nav > ul {
width: 4.375rem; }
.layout-small-menu .sidebar-panel > nav > ul > li {
position: relative;
text-align: center; }
.layout-small-menu .sidebar-panel > nav > ul > li.menu-accordion > a::before {
display: none;
visibility: hidden; }
.layout-small-menu .sidebar-panel > nav > ul > li ul > li {
opacity: 1;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.layout-small-menu .sidebar-panel > nav > ul > li > a {
padding: 0.9375rem 0; }
.layout-small-menu .sidebar-panel > nav > ul > li > a > span {
display: none; }
.layout-small-menu .sidebar-panel > nav > ul > li > a > span.label {
display: block;
position: absolute;
top: 0.3125rem;
right: 0.3125rem; }
.layout-small-menu .sidebar-panel > nav > ul > li > a > [class^="icon-"],
.layout-small-menu .sidebar-panel > nav > ul > li > a > [class*=" icon-"] {
display: block;
padding: 0;
width: 100%; }
.layout-small-menu .sidebar-panel > nav > ul > li:hover > .sub-menu {
max-height: 31.25rem;
box-shadow: 0 0 0 0.0625rem rgba(0, 0, 0, 0.075), 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.25); }
.layout-small-menu .sidebar-panel > nav > ul > li > .sub-menu {
position: absolute;
top: 0;
left: 100%;
max-height: 0; }
.layout-small-menu .sidebar-panel > nav > ul > li > .sub-menu a {
padding-left: 0.9375rem;
white-space: nowrap; }
.layout-small-menu .sidebar-panel > nav .multi-level {
min-width: 11.25rem; }
.layout-small-menu .sidebar-panel > nav .multi-level a span {
margin-right: 1.563rem; }
.layout-small-menu .sidebar-panel > nav .multi-level.menu-accordion > a::before {
display: none;
visibility: hidden; }
.layout-small-menu .sidebar-panel > nav .multi-level .sub-menu {
position: relative;
left: auto; }
.layout-small-menu .sidebar-panel > nav .multi-level .sub-menu > li > a {
padding-left: 2.5rem; }
.layout-small-menu .sidebar-panel > nav .multi-level .sub-menu > li > a .sub-menu {
padding-left: 2.813rem; }
.layout-small-menu .main-panel {
margin-left: 4.375rem; }
.layout-small-menu .fill-container {
left: 4.375rem; } }
/* default sidebar skin */
.sidebar-panel {
background-color: #fff; }
.sidebar-panel > .brand {
background-color: #fff; }
.sidebar-panel > .brand a {
color: #59595A; }
.sidebar-panel > .brand a:active, .sidebar-panel > .brand a:focus, .sidebar-panel > .brand a:hover {
color: #666667; }
.sidebar-panel > .brand .hamburger-icon span {
background-color: #59595A; }
.sidebar-panel > .brand .hamburger-icon:hover span {
background-color: #000; }
.sidebar-panel .quick-launch-apps a {
color: #59595A; }
.sidebar-panel .quick-launch-apps a:visited, .sidebar-panel .quick-launch-apps a:active, .sidebar-panel .quick-launch-apps a:focus, .sidebar-panel .quick-launch-apps a:hover {
color: #000; }
.sidebar-panel > nav li.menu-accordion > a::before {
box-shadow: 0 0 0 0.0625rem rgba(0, 0, 0, 0.2); }
.sidebar-panel > nav li.open.menu-accordion > a::before {
background: #6164C1;
box-shadow: 0 0 0 0.0625rem #6164C1; }
.sidebar-panel > nav > ul > li > ul {
background-color: white; }
.sidebar-panel > nav > ul > li > a:hover,
.sidebar-panel > nav > ul > li.open > a,
.sidebar-panel > nav > ul > li.open > a:hover,
.sidebar-panel > nav > ul > li.open > a:focus {
background-color: white; }
.sidebar-panel > nav li.open > a,
.sidebar-panel > nav li.active > a {
color: #000; }
.sidebar-panel > nav .open > a,
.sidebar-panel > nav .open > a:hover,
.sidebar-panel > nav .open > a:focus {
background-color: transparent; }
.sidebar-panel > nav a {
color: #59595A; }
.sidebar-panel > nav a:active, .sidebar-panel > nav a:focus, .sidebar-panel > nav a:hover {
color: #000 !important; }
.sidebar-panel > nav .heading {
color: #404040; }
@media screen and (min-width: 768px) {
.small-menu .sidebar-panel > nav li.open {
background-color: #fafafa; }
.small-menu .sidebar-panel nav > ul > li > .sub-menu {
background-color: #fafafa; } }
.sidebar-panel .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
background-color: rgba(255, 255, 255, 0.5); }
/* $header
------------------------------------------*/
.main-panel > .header {
width: 100%;
height: 3.438rem;
z-index: 1020;
border: 0;
margin: 0;
border-radius: 0;
/* Element alignments */ }
.main-panel > .header .navbar-text {
margin-top: 1.125rem;
margin-bottom: 1.125rem;
margin-right: 1.25rem;
margin-left: 1.25rem; }
.main-panel > .header .navbar-btn {
margin-top: 0.6565rem;
margin-bottom: 0.6565rem; }
.main-panel > .header .btn-lg.navbar-btn {
margin-top: 0.3125rem;
margin-bottom: 0.3125rem; }
.main-panel > .header .btn-sm.navbar-btn {
margin-top: 0.7815rem;
margin-bottom: 0.7815rem; }
.main-panel > .header .btn-xs.navbar-btn {
margin-top: 1.0315rem;
margin-bottom: 1.0315rem; }
.main-panel > .header .navbar-nav {
margin: 0; }
.main-panel > .header .navbar-nav > li > a {
padding-top: 1.125rem;
padding-bottom: 1.125rem;
max-height: 3.438rem; }
.main-panel > .header .navbar-nav .dropdown-menu {
display: block;
transform-origin: top right;
right: 0;
-webkit-transform: scale(0, 0);
-moz-transform: scale(0, 0);
-o-transform: scale(0, 0);
-ms-transform: scale(0, 0);
transform: scale(0, 0);
margin-top: 0;
border-color: rgba(0, 0, 0, 0.1);
background-color: #f8f8f8;
box-shadow: 0 0.375rem 0.75rem rgba(0, 0, 0, 0.1);
border-radius: 0;
transition: transform 150ms ease-out;
border-top-left-radius: 0;
border-top-right-radius: 0;
min-width: auto; }
.main-panel > .header .navbar-nav .dropdown-menu.notifications {
min-width: 330px; }
.main-panel > .header .navbar-nav .open .dropdown-menu {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-o-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1); }
.main-panel > .header .nav > li > a:hover,
.main-panel > .header .nav > li > a:focus {
background-color: transparent; }
.main-panel > .header .nav .open > a,
.main-panel > .header .nav .open > a:hover,
.main-panel > .header .nav .open > a:focus {
background-color: transparent; }
.main-panel > .header .header-avatar {
width: 1.5rem;
margin-top: -0.1rem; }
.main-panel > .header::before {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: 0;
-webkit-transition: -webkit-transform, 150ms, cubic-bezier(0.4, 0, 0.2, 1);
-moz-transition: -moz-transform, 150ms, cubic-bezier(0.4, 0, 0.2, 1);
transition: transform, 150ms, cubic-bezier(0.4, 0, 0.2, 1); }
.main-panel > .header .search-form {
margin-top: 0.6565rem;
margin-bottom: 0.6565rem;
position: relative;
padding-left: 0;
padding-right: 0; }
.main-panel > .header .search-form .search-input {
border: 0;
background-color: transparent;
padding-left: 0;
padding-right: 0; }
.main-panel > .header .icon-toggle-sidebar:before {
content: "\e07a";
font-family: 'Simple-Line-Icons';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased; }
.layout-small-menu .main-panel > .header .icon-toggle-sidebar:before {
content: "\e079"; }
@media screen and (min-width: 768px) {
.header.search-open {
box-shadow: 0 0 0.0625rem rgba(0, 0, 0, 0.1); }
.header.search-open::before {
width: 100%;
height: 100%;
border-radius: 0;
display: inline-block;
background: #fff; }
.header.search-open a, .header.search-open .navbar-text {
color: #59595A !important; }
.header.search-open a:hover,
.header.search-open a:focus {
background-color: transparent !important; }
.search-predict {
position: absolute;
top: 1.6rem;
margin-top: 1.25rem;
min-width: 20rem;
background-color: #fff;
box-shadow: 0 0.125rem 0.25rem rgba(50, 70, 75, 0.2);
padding: 0.625rem 1.25rem;
z-index: 1;
border-radius: 0.125rem; }
.search-predict::before {
position: absolute;
top: -1rem;
left: 1.25rem;
width: 0;
height: 0;
border-width: 0.5rem;
border-style: solid;
border-color: transparent transparent rgba(50, 70, 75, 0.2) transparent;
content: " ";
pointer-events: none; }
.search-predict::after {
position: absolute;
top: -0.875rem;
left: 1.3125rem;
width: 0;
height: 0;
border-width: 0.4375rem;
border-style: solid;
border-color: transparent transparent white transparent;
content: " ";
pointer-events: none; }
.search-predict .heading {
text-transform: uppercase;
font-size: 0.6875rem;
margin-top: 1rem;
padding: 0.3125rem 1.25rem;
background-color: #e4e4e4;
margin-left: -1.25rem;
margin-right: -1.25rem;
line-height: 1; }
.search-predict .predictive-list {
list-style: none;
padding: 0;
margin: 1rem 0 0; }
.search-predict .predictive-list a {
padding: 0.3125rem 0;
display: block; }
.search-predict .predictive-list img {
width: 2rem;
height: 2rem;
display: inline-block;
vertical-align: middle; }
.search-predict .predictive-list span {
line-height: 2rem;
padding-left: 1rem; } }
@media screen and (min-width: 768px) {
.main-panel > .header {
position: relative;
width: 100%; }
.main-panel > .header .navbar-form {
margin-top: 0.6565rem;
margin-bottom: 0.6565rem; }
.navbar-nav.navbar-right:last-child {
margin-right: 0; }
.main-panel > header .dropdown-menu {
padding: 0; } }
@media (max-width: 767px) {
.main-panel > .header {
width: 100%; }
.main-panel > .header .navbar-nav .open .dropdown-menu {
position: absolute;
left: auto;
right: 0; }
.main-panel > .header > .navbar-nav {
float: left; }
.main-panel > .header > .navbar-right {
float: right; }
.main-panel > .header > .nav > li {
float: left; } }
/* default header skin */
.main-panel > .header {
background-color: #6164C1; }
.main-panel > .header .navbar-text {
color: #FFF; }
.main-panel > .header .nav > li > a {
color: #FFF; }
.main-panel > .header .nav > li > a:hover,
.main-panel > .header .nav > li > a:focus {
background-color: #6164C1;
color: #fff; }
.main-panel > .header .nav .open > a,
.main-panel > .header .nav .open > a:hover,
.main-panel > .header .nav .open > a:focus {
background-color: #6164C1;
color: #fff; }
.main-panel > .header .hamburger-icon span {
background: #FFF; }
.main-panel > .header .hamburger-icon:hover span {
background: #fff; }
@media (max-width: 767px) {
.header .brand .brand-logo {
color: #FFF; } }
/* $brand
------------------------------------------*/
.brand {
position: relative;
height: 3.438rem;
padding-bottom: 60px;}
.brand:before, .brand:after {
content: " ";
display: table; }
.brand:after {
clear: both; }
.brand .brand-logo {
margin-top: 1.269rem;
margin-bottom: 1.269rem;
display: inline-block;
padding: 0 1.563rem;
font-size: 0.875rem;
text-transform: uppercase;
line-height: 1; }
.brand .toggle-sidebar {
padding-top: 0;
padding-bottom: 0;
padding-right: 1.563rem;
padding-left: 1.563rem;
float: right;
padding-top: 1.219rem;
padding-bottom: 1.219rem; }
.brand .toggle-apps {
padding-top: 0;
padding-bottom: 0;
padding-right: 1.563rem;
padding-left: 1.563rem;
float: right;
padding-top: 1.094rem;
padding-bottom: 1.094rem; }
@media (max-width: 767px) {
.brand {
float: left; }
.brand .toggle-apps {
width: 100%;
text-align: center; }
.brand .brand-logo {
display: none;
float: left;
padding-left: 0; }
.brand .toggle-offscreen {
left: 0;
float: left;
margin-top: 0.4065rem;
margin-bottom: 0.4065rem;
margin-right: 0.9375rem;
margin-left: 0.5rem; }
.brand .toggle-chat {
position: absolute;
top: 0;
border: 0.0625rem solid transparent;
margin-top: 0.469rem;
margin-bottom: 0.469rem;
border-radius: 0; }
.header .brand .toggle-chat {
right: 0; } }
/* $main-panel
------------------------------------------*/
.main-panel {
background: #f0f0f0;
min-height: 100%; }
.main-panel:before, .main-panel:after {
content: " ";
display: table; }
.main-panel:after {
clear: both; }
.main-panel:before, .main-panel:after {
content: " ";
display: table; }
.main-panel:after {
clear: both; }
.main-panel::after {
content: '';
height: 2.5rem; }
.main-panel > .main-content {
padding: 0.75rem; }
.main-panel > .main-content:before, .main-panel > .main-content:after {
content: " ";
display: table; }
.main-panel > .main-content:after {
clear: both; }
.main-panel .page-title {
background-color: #f8f8f8;
border-bottom: 0.0625rem solid #e4e4e4;
padding: 0.3125rem 0.75rem;
margin-left: -0.75rem;
margin-right: -0.75rem;
margin-top: -0.75rem;
margin-bottom: 0.75rem; }
.main-panel .page-title .title {
font-size: 1.125rem; }
.main-panel .page-title .breadcrumb {
margin: 0;
padding: 0; }
.main-panel .page-title .btn {
margin-top: 0.5625rem;
margin-bottom: 0.5625rem; }
.center-wrapper {
display: table;
width: 100%;
height: 100%;
position: relative; }
.center-wrapper .center-content {
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100%;
float: none; }
@media screen and (min-width: 768px) {
.main-panel {
margin-left: 12.5rem; } }
.row {
margin-right: -0.375rem;
margin-left: -0.375rem; }
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
min-height: 1px;
padding-left: 0.375rem;
padding-right: 0.375rem; }
/* $footer
------------------------------------------*/
footer.content-footer,
footer.session-footer {
position: absolute;
bottom: 0;
width: 100%;
height: 2.5rem;
padding: 0 0.75rem;
border-top: 0.0625rem solid rgba(0, 0, 0, 0.03);
z-index: 1000; }
footer.content-footer:before, footer.content-footer:after,
footer.session-footer:before,
footer.session-footer:after {
content: " ";
display: table; }
footer.content-footer:after,
footer.session-footer:after {
clear: both; }
footer.content-footer .footer-text,
footer.session-footer .footer-text {
padding-right: 1.25rem;
padding-left: 1.25rem;
margin-top: 0.656rem;
margin-bottom: 0.656rem;
display: inline-block;
float: left; }
footer.content-footer .footer-text.small,
footer.session-footer .footer-text.small {
margin-top: 0.78125rem;
margin-bottom: 0.78125rem; }
footer.content-footer .footer-right,
footer.session-footer .footer-right {
float: right;
margin-right: 0; }
footer.content-footer nav,
footer.session-footer nav {
margin-right: 1.25rem; }
footer.content-footer nav ul,
footer.session-footer nav ul {
list-style: none;
margin: 0;
font-weight: normal;
line-height: 1; }
footer.content-footer nav ul li,
footer.session-footer nav ul li {
display: inline-block;
vertical-align: -webkit-baseline-middle; }
footer.content-footer nav ul li a,
footer.session-footer nav ul li a {
color: #59595A;
padding-top: 0.656rem;
padding-bottom: 0.656rem;
padding-right: 0.625rem;
padding-left: 0.625rem;
line-height: 1.25rem;
max-height: 2.5rem; }
footer.content-footer nav ul li a:hover, footer.content-footer nav ul li a:focus,
footer.session-footer nav ul li a:hover,
footer.session-footer nav ul li a:focus {
background-color: transparent;
color: #4c4c4d; }
footer.content-footer nav ul li:first-child,
footer.session-footer nav ul li:first-child {
margin-left: 0; }
footer.content-footer nav ul li:first-child a,
footer.session-footer nav ul li:first-child a {
padding-left: 0; }
footer.content-footer li:hover,
footer.content-footer li a:hover,
footer.content-footer li a:active,
footer.session-footer li:hover,
footer.session-footer li a:hover,
footer.session-footer li a:active {
background: transparent; }
footer.session-footer {
padding: 0 4rem; }
footer.session-footer .scroll-up {
display: none; }
/* $chat-panel
------------------------------------------*/
.layout-chat-open .chat-panel {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.chat-panel {
position: fixed;
top: 3.438rem;
bottom: 0;
right: 0;
z-index: 1000;
width: 12.5rem;
background-color: rgba(255, 255, 255, 0.99);
overflow-x: hidden;
overflow-y: auto;
-webkit-transition: -webkit-transform 150ms cubic-bezier(0.7, 0, 0.3, 1);
-moz-transition: -moz-transform 150ms cubic-bezier(0.7, 0, 0.3, 1);
-o-transition: -o-transform 150ms cubic-bezier(0.7, 0, 0.3, 1);
transition: transform 150ms cubic-bezier(0.7, 0, 0.3, 1);
border-left: 0.0625rem solid #e4e4e4;
-webkit-transform: translate(100%, 0);
-moz-transform: translate(100%, 0);
-o-transform: translate(100%, 0);
-ms-transform: translate(100%, 0);
transform: translate(100%, 0);
-webkit-transform: translate3d(100%, 0, 0);
-moz-transform: translate3d(100%, 0, 0);
-o-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); }
.chat-panel .chat-inner {
width: 100%;
height: 100%; }
.chat-panel .chat-users,
.chat-panel .chat-conversation {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
-webkit-transition: -webkit-transform 150ms cubic-bezier(0.7, 0, 0.3, 1);
-moz-transition: -moz-transform 150ms cubic-bezier(0.7, 0, 0.3, 1);
-o-transition: -o-transform 150ms cubic-bezier(0.7, 0, 0.3, 1);
transition: transform 150ms cubic-bezier(0.7, 0, 0.3, 1);
background-color: white; }
.chat-panel .chat-header {
position: absolute;
top: 0;
right: 0;
left: 0;
height: 3.438rem; }
.chat-panel .chat-header:before, .chat-panel .chat-header:after {
content: " ";
display: table; }
.chat-panel .chat-header:after {
clear: both; }
.chat-panel .chat-header .chat-header-title {
float: none;
text-align: center;
width: 100%;
padding-top: 1.125rem;
padding-bottom: 1.125rem; }
.chat-panel .chat-header .chat-header-title.text-left {
text-align: left !important; }
.chat-panel .chat-header .chat-right,
.chat-panel .chat-header .chat-back {
padding-right: 1.25rem;
padding-left: 1.25rem;
padding-top: 1rem;
padding-bottom: 1rem;
background-color: transparent;
background-image: none;
border: 0.0625rem solid transparent;
cursor: pointer; }
.chat-panel .chat-header .chat-right {
position: absolute;
right: 0;
top: 0; }
.chat-panel .chat-header .chat-back {
position: absolute;
left: 0;
top: 0;
font-size: 1rem;
line-height: 1;
color: black;
text-shadow: 0 0.0625rem 0 white;
opacity: 0.4; }
.chat-panel .chat-header .chat-back:hover {
opacity: 0.5; }
.chat-panel .chat-users .nav-tabs {
background: #efefef; }
.chat-panel .chat-users .nav-tabs:before, .chat-panel .chat-users .nav-tabs:after {
content: " ";
display: table; }
.chat-panel .chat-users .nav-tabs:after {
clear: both; }
.chat-panel .chat-users .nav-tabs li {
position: relative; }
.chat-panel .chat-users .nav-tabs li::after {
content: '';
height: 1px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: #e4e4e4;
-webkit-transition: background 150ms cubic-bezier(0.7, 0, 0.3, 1);
transition: background 150ms cubic-bezier(0.7, 0, 0.3, 1); }
.chat-panel .chat-users .nav-tabs li > a {
border-radius: 0;
border: 0; }
.chat-panel .chat-users .nav-tabs li.active::after,
.chat-panel .chat-users .nav-tabs li.active:hover::after,
.chat-panel .chat-users .nav-tabs li.active:focus::after,
.chat-panel .chat-users .nav-tabs li:hover::after {
background-color: #6164C1; }
.chat-panel .chat-users .nav-tabs li > a:hover,
.chat-panel .chat-users .nav-tabs li > a:focus {
border: 0;
background: transparent; }
.chat-panel .chat-users .tab-content {
position: absolute;
top: 2.375rem;
bottom: 0;
left: 0;
right: 0;
overflow-x: hidden;
overflow-y: auto; }
.chat-panel .activity-feed {
list-style: none;
padding: 1.25rem; }
.chat-panel .activity-feed .feed-item {
position: relative;
padding-bottom: 1.25rem;
padding-left: 1.875rem;
border-left: 0.0625rem solid #e2e2e2; }
.chat-panel .activity-feed .feed-item:last-child {
border-color: transparent; }
.chat-panel .activity-feed .feed-item::after {
content: "";
display: block;
position: absolute;
top: 0;
left: -0.375rem;
width: 0.625rem;
height: 0.625rem;
border-radius: 0.375rem;
background: #fff;
border: 0.0625rem solid #e2e2e2; }
.chat-panel .activity-feed .feed-item.active::after,
.chat-panel .activity-feed .feed-item.inactive::after {
font-family: 'FontAwesome';
font-weight: normal;
font-style: normal;
color: white;
left: -0.4375rem;
width: 0.875rem;
height: 0.875rem;
border-radius: 0.5rem;
line-height: 0.75rem;
font-size: 0.5rem;
text-align: center; }
.chat-panel .activity-feed .feed-item.active::after {
content: "\f00c";
background: #6FC080;
border: 0.0625rem solid #6FC080; }
.chat-panel .activity-feed .feed-item.inactive::after {
content: "\f00d";
background: #DD6777;
border: 0.0625rem solid #DD6777; }
.chat-panel .activity-feed .feed-item time {
display: block;
position: relative;
top: -0.3125rem;
color: #999999; }
.chat-panel .activity-feed .feed-item span {
position: relative;
top: -0.1875rem; }
.chat-panel .favourite-list a {
position: relative;
display: block;
padding: 0.625rem 1.25rem;
border-bottom: 0.0625rem solid #e4e4e4; }
.chat-panel .chat-conversation {
-webkit-transform: translate(100%, 0);
-moz-transform: translate(100%, 0);
-o-transform: translate(100%, 0);
-ms-transform: translate(100%, 0);
transform: translate(100%, 0);
-webkit-transform: translate3d(100%, 0, 0);
-moz-transform: translate3d(100%, 0, 0);
-o-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); }
.chat-panel.conversation-open .chat-users {
display: none; }
.chat-panel.conversation-open .chat-conversation {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.chat-panel .chat-group {
margin-bottom: 1.25rem; }
.chat-panel .chat-group .chat-group-header, .chat-panel .chat-group a {
display: block;
position: relative;
padding: 0.3125rem 1.25rem; }
.chat-panel .chat-group .chat-group-header:hover, .chat-panel .chat-group a:hover {
color: #404040; }
.chat-panel .chat-group .status-online,
.chat-panel .chat-group .status-away,
.chat-panel .chat-group .status-no-disturb,
.chat-panel .chat-group .status-invisible,
.chat-panel .chat-group .status-offline {
margin-right: 0.3125rem;
display: inline-block;
background-color: #e2e2e2;
width: 0.5rem;
height: 0.5rem;
border: 0.0625rem solid #e2e2e2;
border-radius: 0.5rem; }
.chat-panel .chat-group .status-online {
border-color: #6FC080;
background-color: #6FC080; }
.chat-panel .chat-group .status-away {
border-color: #F2B776;
background-color: #F2B776; }
.chat-panel .chat-group .status-no-disturb {
border-color: #DD6777;
background-color: #DD6777; }
.chat-panel .chat-group .status-invisible,
.chat-panel .chat-group .status-offline {
border-color: #6FC080;
background-color: white; }
.chat-panel .chat-conversation .chat-conversation-content {
position: absolute;
top: 3.438rem;
bottom: 3.438rem;
left: 0;
right: 0;
padding: 1.25rem;
overflow-x: hidden;
overflow-y: auto; }
.chat-panel .chat-conversation .chat-conversation-footer {
position: absolute;
bottom: 0;
width: 100%;
border-top: 0.0625rem solid rgba(0, 0, 0, 0.07); }
.chat-panel .chat-conversation .chat-conversation-user {
margin-bottom: 1.25rem;
float: left;
width: 100%; }
.chat-panel .chat-conversation .chat-conversation-message {
position: relative;
margin-left: 0.375rem;
padding: 0.625rem 1.25rem;
background-color: #e2e2e2;
float: left;
border-radius: 0; }
.chat-panel .chat-conversation .chat-conversation-message::before {
content: "";
width: 0;
height: 0;
position: absolute;
right: 0;
top: 0; }
.chat-panel .chat-conversation .chat-conversation-user.me .chat-conversation-message::before {
right: 0;
margin-right: -0.875rem;
border-top: 0.9375rem solid #6EC7E6;
border-right: 0.9375rem solid transparent; }
.chat-panel .chat-conversation .chat-conversation-user.them .chat-conversation-message::before {
border-top: 0.9375rem solid #e2e2e2;
border-left: 0.9375rem solid transparent;
left: 0;
margin-left: -0.875rem; }
.chat-panel .chat-conversation .chat-conversation-user.me .chat-conversation-message {
position: relative;
margin-left: 0;
margin-right: 0.375rem;
background-color: #6EC7E6;
float: right; }
.chat-panel .chat-conversation .chat-conversation-user.me .chat-conversation-message p {
color: white; }
.chat-panel .chat-conversation .chat-input {
outline: none;
resize: none;
overflow: hidden;
padding: 0.625rem 0;
margin-top: 0rem;
margin-bottom: 0rem;
display: block;
border: 0;
border-radius: 0;
box-shadow: none;
position: absolute;
top: 0;
left: 2.813rem;
right: 2.813rem; }
.chat-panel .chat-conversation .chat-input:empty::before {
content: "Write something..."; }
.chat-panel .chat-conversation .chat-input:focus::before {
content: ""; }
.chat-panel .chat-conversation .chat-input-tool {
outline: none;
background: transparent;
border: none;
padding: 0.625rem 1.25rem;
margin-top: -0.0315rem;
margin-bottom: -0.0315rem;
color: inherit;
float: left; }
.chat-panel .chat-conversation .chat-send {
outline: none;
background: transparent;
border: none;
position: relative;
overflow: hidden;
padding: 0.625rem 1.25rem;
margin-top: -0.0315rem;
margin-bottom: -0.0315rem;
float: right; }
.chat-panel .chat-conversation .chat-input:empty + .chat-send {
color: #2B8EC2; }
.chat-panel .chat-conversation .chat-send > i {
position: relative; }
.chat-panel .chat-conversation p {
margin: 0; }
@media (max-width: 767px) {
.layout-chat-open {
overflow: hidden;
height: 100%; }
.chat-panel {
width: 100%; } }
/* $hamburger-icon
------------------------------------------*/
.hamburger-icon {
tap-highlight-color: transparent;
padding: 0.9375rem;
margin-top: -2px; }
.hamburger-icon span {
display: block;
width: 1.2rem;
height: 0.125rem;
pointer-events: none; }
.hamburger-icon span:nth-child(2) {
margin: 0.1875rem 0; }
.hamburger-icon.v2 span:first-child {
width: 0.875rem; }
.hamburger-icon.v2 span:nth-child(2) {
width: 0.625rem; }
.hamburger-icon.v3 span {
height: 1px; }
.hamburger-icon.v3 span:nth-child(3) {
margin: 0 0 0.1875rem 0; }
.hamburger-icon.v3 span:nth-child(4) {
width: 0.625rem; }
.header li .hamburger-icon {
padding-top: 1.43775rem;
padding-bottom: 1.43775rem; }
/* $offscreen-menu
------------------------------------------*/
@media (max-width: 767px) {
* {
-webkit-overflow-scrolling: touch; }
.main-panel {
position: relative;
min-height: 100%; }
.main-panel,
.sidebar-panel .brand {
width: 100%; }
.sidebar-panel .brand {
float: none; }
.main-panel,
.sidebar-panel {
-webkit-transition: -webkit-transform 150ms cubic-bezier(0.7, 0, 0.3, 1);
-moz-transition: -moz-transform 150ms cubic-bezier(0.7, 0, 0.3, 1);
-o-transition: -o-transform 150ms cubic-bezier(0.7, 0, 0.3, 1);
transition: transform 150ms cubic-bezier(0.7, 0, 0.3, 1); }
.offscreen::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.3);
z-index: 9999; }
.offscreen footer.content-footer {
display: none; }
.sidebar-panel {
z-index: 9999;
-webkit-transform: translate(-100%, 0);
-moz-transform: translate(-100%, 0);
-o-transform: translate(-100%, 0);
-ms-transform: translate(-100%, 0);
transform: translate(-100%, 0);
-webkit-transform: translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
-o-transform: translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); }
.sidebar-panel.offscreen-right {
-webkit-transform: translate(100%, 0);
-moz-transform: translate(100%, 0);
-o-transform: translate(100%, 0);
-ms-transform: translate(100%, 0);
transform: translate(100%, 0);
-webkit-transform: translate3d(100%, 0, 0);
-moz-transform: translate3d(100%, 0, 0);
-o-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); }
.layout-right-sidebar .sidebar-panel {
-webkit-transform: translate(100%, 0);
-moz-transform: translate(100%, 0);
-o-transform: translate(100%, 0);
-ms-transform: translate(100%, 0);
transform: translate(100%, 0);
-webkit-transform: translate3d(100%, 0, 0);
-moz-transform: translate3d(100%, 0, 0);
-o-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); }
.offscreen .sidebar-panel {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.app .offscreen-left,
.app .offscreen-right {
width: 12.5rem; }
.app .offscreen-right,
.app.layout-right-sidebar .sidebar-panel {
right: 0; }
.move-right .sidebar-panel > nav {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.no-csstransforms .move-right .main-panel {
right: 12.5rem; }
.no-csstransforms .move-left .main-panel {
left: 12.5rem; }}
/* $widget
------------------------------------------*/
.card-img-overlay + .card-block {
position: relative;
z-index: 100; }
.card-circle-icon {
display: inline-block;
vertical-align: middle;
width: 2.5rem;
height: 2.5rem;
border-radius: 1.25rem;
text-align: center;
font-size: 1rem;
line-height: 2.5rem; }
.card-circle-icon.pull-left {
margin-right: 1.25rem; }
.card-circle-icon.pull-right {
margin-left: 1.25rem; }
.card-circle-bg-icon {
position: absolute;
right: 0.75rem;
top: 0.75rem;
line-height: 5rem;
font-size: 3.75rem; }
.card-circle-bg-icon i {
opacity: 0.2;
-webkit-transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg); }
.card {
position: relative;
margin-bottom: 0.75rem;
border: 0.0625rem solid #e4e4e4;
border-radius: 0; }
.card-block {
padding: 1.25rem; }
.card-title {
margin-top: 0;
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-radius: .25rem .25rem 0 0; }
.card > .list-group:last-child .list-group-item:last-child {
border-radius: 0 0 .25rem .25rem; }
.card-header {
padding: .75rem 1.25rem;
background-color: #f5f5f5;
border-bottom: 0.0625rem solid #e4e4e4; }
.card-header:before, .card-header:after {
content: " ";
display: table; }
.card-header:after {
clear: both; }
.card-header:first-child {
border-radius: 0 0 0 0; }
.card-footer {
padding: .75rem 1.25rem;
background-color: #f5f5f5;
border-top: 0.0625rem solid #e4e4e4; }
.card-footer:last-child {
border-radius: 0 0 .1875rem .1875rem; }
.card-primary {
background-color: #6164C1;
border-color: #6164C1; }
.card-success {
background-color: #6FC080;
border-color: #6FC080; }
.card-info {
background-color: #6EC7E6;
border-color: #6EC7E6; }
.card-warning {
background-color: #F2B776;
border-color: #F2B776; }
.card-danger {
background-color: #DD6777;
border-color: #DD6777; }
.card-inverse .card-header,
.card-inverse .card-footer {
border-bottom: 0.075rem solid rgba(255, 255, 255, 0.2); }
.card-inverse .card-header,
.card-inverse .card-footer,
.card-inverse .card-title,
.card-inverse .card-blockquote {
color: #fff; }
.card-inverse .card-link,
.card-inverse .card-text,
.card-inverse .card-blockquote > footer {
color: rgba(255, 255, 255, 0.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: 0; }
.card-img-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 1.25rem; }
.card-img-top {
border-radius: 0 0 0 0; }
.card-img-bottom {
border-radius: 0 0 0 0; }
.card-deck {
display: table;
table-layout: fixed;
border-spacing: 1.25rem 0; }
.card-deck .card {
display: table-cell;
width: 1%;
vertical-align: top; }
.card-deck-wrapper {
margin-right: -1.25rem;
margin-left: -1.25rem; }
.card-group {
display: table;
width: 100%;
table-layout: fixed; }
.card-group .card {
display: table-cell;
vertical-align: top; }
.card-group .card + .card {
margin-left: 0;
border-left: 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 .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-top,
.card-group .card:not(:first-child):not(:last-child) .card-img-bottom {
border-radius: 0; }
.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.four {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4; }
.card-columns .card {
display: inline-block;
width: 100%; }
.card-controls {
float: right;
line-height: 1; }
.card-controls a {
margin-left: 0.625rem;
display: inline-block;
font-size: 1rem; }
.card-collapsed > .card-block {
display: none; }
.card-refreshing::before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(255, 255, 255, 0.6);
z-index: 1; }
.card-refreshing::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
margin: -10px 0 0 -10px;
width: 20px;
height: 20px;
background-color: #6164C1;
-webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out;
animation: sk-rotatePlane 1.2s infinite ease-in-out;
z-index: 9; }
.card-todo {
padding: 0; }
.card-todo .todo-title {
margin: 0 1.25rem;
padding: 0.625rem 0;
font-size: 1rem;
border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.05); }
.card-todo .todo-body {
padding: 1.25rem; }
.card-todo .todo-body > ul {
margin-bottom: 0; }
.card-todo .todo-footer {
background-color: rgba(0, 0, 0, 0.05);
padding: 0.625rem 1.25rem;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0; }
.notifications {
min-width: 18.75rem;
padding: 0;
margin: 0;
list-style: none; }
.notifications .notification-icon {
width: 1.875rem; }
.notifications .notification-message {
padding-left: 0.625rem; }
.notifications .notifications-header, .notifications .notifications-footer {
padding: 0 1.25rem; }
.notifications .notifications-header {
padding-top: 0.625rem;
padding-bottom: 0.625rem;
border-bottom: 0.0625rem solid #e4e4e4; }
.notifications .notifications-header p {
margin: 0; }
.notifications .notifications-footer {
padding-top: 50.3125rem;
padding-bottom: 0.3125rem;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0; }
.notifications li a {
font-size: 0.8125rem;
padding: 0;
display: table;
width: 100%;
height: 100%;
border-spacing: 0;
table-layout: fixed;
overflow: hidden;
line-height: 1.563rem; }
.notifications .notification-icon,
.notifications .notification-message,
.notifications .time {
display: table-cell;
vertical-align: middle;
position: relative;
float: none;
height: 100%; }
.notifications .time {
font-size: 0.75rem;
color: #666667;
width: 1.5rem; }
.notifications .avatar {
width: 1.5rem; }
.notifications a:hover,
.notifications a:active {
color: #4c4c4d;
background-color: transparent; }
.notifications .notifications-list {
list-style: none;
padding: 0; }
.notifications .notifications-list li {
border-bottom: 0.0625rem solid #f1f1f1; }
.notifications .notifications-list li a {
position: relative;
padding: 1.25rem; }
.circle-icon {
position: relative;
display: table;
margin: 0;
float: left;
text-align: center;
line-height: 1.875rem;
width: 1.875rem;
height: 1.875rem;
border-radius: 50%; }
.circle-icon > i {
display: table-cell;
float: none;
width: 100%;
height: 100%;
vertical-align: middle;
font-size: .75rem; }
/* $accordion
------------------------------------------*/
.accordion .panel {
border: 0.0625rem solid #f1f1f1;
border-radius: 0; }
.accordion .panel-heading {
background-color: white !important;
border-radius: 0; }
.accordion .panel-heading a {
color: #59595A;
position: relative;
display: block; }
.accordion .panel-body {
border-top: 0 !important; }
/* $layout-options
------------------------------------------*/
/* Fixed header */
.layout-fixed-header .main-panel > .header {
position: fixed;
top: 0; }
.layout-fixed-header .main-content {
padding-top: 4.188rem; }
.layout-fixed-header .main-content.no-padding {
padding-top: 3.438rem;
padding-left: 0;
padding-right: 0;
padding-bottom: 0; }
@media screen and (min-width: 768px) {
/* Right sidebar positioning */
.layout-right-sidebar .sidebar-panel {
right: 0; }
.layout-right-sidebar .main-panel {
margin-left: 0;
margin-right: 12.5rem; }
.layout-right-sidebar.layout-small-menu .sidebar-panel nav > ul > li > .sub-menu {
right: 100% !important;
left: auto !important; }
.layout-right-sidebar.layout-small-menu .main-panel {
margin-left: 0;
margin-right: 4.375rem; }
.layout-right-sidebar .fill-container {
left: 0;
right: 12.5rem; }
.layout-right-sidebar.layout-small-menu .fill-container {
right: 0;
right: 4.375rem; }
/* Static sidebar for static menu, small menu, and boxed menu */
.layout-static-sidebar,
.layout-small-menu,
.layout-boxed {
overflow: hidden; }
.layout-static-sidebar .sidebar-panel,
.layout-small-menu .sidebar-panel,
.layout-boxed .sidebar-panel {
position: absolute; }
.layout-static-sidebar .sidebar-panel > nav,
.layout-small-menu .sidebar-panel > nav,
.layout-boxed .sidebar-panel > nav {
position: static;
top: 0;
right: auto;
bottom: auto;
left: auto;
overflow: visible;
display: block; }
.layout-boxed {
box-shadow: 0 0 0.3125rem rgba(0, 0, 0, 0.2); }
.layout-static-sidebar .full-height-content,
.layout-boxed .full-height-content {
position: static;
height: 100%; }
.layout-static-sidebar .full-height-content .fill-container,
.layout-boxed .full-height-content .fill-container {
width: auto;
height: auto;
top: 3.438rem;
bottom: 2.5rem; }
.layout-static-sidebar.layout-fixed-header .full-height-content,
.layout-boxed.layout-fixed-header .full-height-content {
margin-top: 3.438rem; }
/* Fixed header */
.layout-fixed-header .main-panel > .header {
padding-left: 12.5rem;
margin-left: -12.5rem; }
.layout-fixed-header.layout-small-menu .main-panel > .header {
padding-left: 4.375rem;
margin-left: -4.375rem; }
.layout-fixed-header .full-height-content {
top: 3.438rem; }
.layout-fixed-header.layout-right-sidebar .main-panel > .header {
padding-left: 0;
padding-right: 12.5rem;
margin-left: 0;
margin-right: -12.5rem; }
.layout-fixed-header.layout-right-sidebar.layout-small-menu .main-panel > .header {
padding-left: 0;
padding-right: 4.375rem;
margin-left: 0;
margin-right: -4.375rem; }
/* Footer */
footer.content-footer {
padding-left: 13.25rem; }
.layout-small-menu footer.content-footer {
padding-left: 5.125rem; }
.layout-right-sidebar footer.content-footer {
padding-left: 0;
padding-right: 13.25rem; }
.layout-small-menu.layout-right-sidebar footer.content-footer {
padding-left: 0;
padding-right: 5.125rem; }
.layout-fixed-footer footer.content-footer {
position: fixed;
bottom: 0;
background: #f0f0f0;
padding-left: 13.25rem; }
.layout-fixed-footer.layout-small-menu footer.content-footer {
padding-left: 5.125rem; }
.layout-fixed-footer.layout-right-sidebar footer.content-footer {
padding-left: 0;
padding-right: 13.25rem; }
.layout-fixed-footer.layout-right-sidebar.layout-small-menu footer.content-footer {
padding-left: 0;
padding-right: 5.125rem; } }
/* Right sidebar-panel */
.layout-right-sidebar .chat-panel {
right: auto;
left: 0;
-webkit-transform: translate(-100%, 0);
-moz-transform: translate(-100%, 0);
-o-transform: translate(-100%, 0);
-ms-transform: translate(-100%, 0);
transform: translate(-100%, 0);
-webkit-transform: translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
-o-transform: translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); }
.layout-chat-open .chat-panel {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
@media (max-width: 767px) {
.layout-right-sidebar .brand .toggle-offscreen {
left: auto;
right: 0; }
.layout-right-sidebar .brand .toggle-chat {
left: 0;
right: auto; } }
/* Boxed layout widths */
.layout-boxed {
margin-right: auto;
margin-left: auto; }
.layout-boxed .chat-panel {
position: absolute; }
@media (min-width: 48em) {
.layout-boxed,
.layout-boxed .preloader {
max-width: 46.88rem; }
.layout-boxed.layout-fixed-header .main-panel > .header {
max-width: 46.88rem; }
.layout-boxed.layout-fixed-footer footer.content-footer {
max-width: 46.88rem; } }
@media (min-width: 62rem) {
.layout-boxed,
.layout-boxed .preloader {
max-width: 60.63rem; }
.layout-boxed.layout-fixed-header .main-panel > .header {
max-width: 60.63rem; }
.layout-boxed.layout-fixed-footer footer.content-footer {
max-width: 60.63rem; } }
@media (min-width: 75rem) {
.layout-boxed,
.layout-boxed .preloader {
max-width: 73.13rem; }
.layout-boxed.layout-fixed-header .main-panel > .header {
max-width: 73.13rem; }
.layout-boxed.layout-fixed-footer footer.content-footer {
max-width: 73.13rem; } }
/* $switch
------------------------------------------*/
.switch {
position: relative;
display: block;
padding: 0.3125rem 0;
height: 1.875rem;
/* sizes. */ }
.switch span {
width: 3.125rem;
height: 1.25rem;
-webkit-transition: background-color 150ms;
transition: background-color 150ms;
position: relative;
display: inline-block;
box-sizing: content-box;
background-color: #e4e4e4;
background-clip: content-box;
vertical-align: middle;
cursor: pointer;
border-radius: 1.25rem;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.switch input {
display: none; }
.switch span i {
position: absolute;
top: -0.3125rem;
display: inline-block;
cursor: pointer;
padding-right: 1.25rem;
-webkit-transition: all ease 0.2s;
transition: all ease 0.2s; }
.switch span i::before {
display: block;
content: '';
width: 1.875rem;
height: 1.875rem;
border-radius: 100%;
background: white;
box-shadow: 0 0 0 0.0625rem rgba(0, 0, 0, 0.075), 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.25); }
.switch :disabled + span i::before {
background-color: #efefef; }
.switch :checked + span {
-webkit-transition: background-color 150ms;
transition: background-color 150ms; }
.switch :checked + span i {
padding-right: 0;
padding-left: 1.313rem; }
.switch :checked + span {
background-color: rgba(111, 192, 128, 0.6); }
.switch :checked + span i:before {
background-color: #6FC080; }
.switch.switch-sm {
border-radius: 1.25rem; }
.switch.switch-sm span {
width: 2.063rem;
height: 0.625rem; }
.switch.switch-sm span i::before {
width: 1.25rem;
height: 1.25rem; }
.switch.switch-sm :checked + span i {
padding-left: 0.875rem; }
.switch.switch-lg {
border-radius: 2.5rem; }
.switch.switch-lg span {
width: 4.125rem;
height: 1.875rem; }
.switch.switch-lg span i::before {
width: 2.5rem;
height: 2.5rem; }
.switch.switch-lg :checked + span i {
padding-left: 1.688rem; }
.switch.switch-primary :checked + span {
background-color: rgba(97, 100, 193, 0.6); }
.switch.switch-primary :checked + span i:before {
background-color: #6164C1; }
.switch.switch-warning :checked + span {
background-color: rgba(242, 183, 118, 0.6); }
.switch.switch-warning :checked + span i:before {
background-color: #F2B776; }
.switch.switch-danger :checked + span {
background-color: rgba(221, 103, 119, 0.6); }
.switch.switch-danger :checked + span i:before {
background-color: #DD6777; }
.switch.switch-info :checked + span {
background-color: rgba(110, 199, 230, 0.6); }
.switch.switch-info :checked + span i:before {
background-color: #6EC7E6; }
.switch.switch-dark :checked + span {
background-color: rgba(68, 66, 91, 0.6); }
.switch.switch-dark :checked + span i:before {
background-color: #44425B; }
/* $print
------------------------------------------*/
@media print {
.main-content {
width: 100%; }
.sidebar-panel,
.content-footer,
.chat-panel,
.header,
.no-print {
display: none; } }
/* $alerts
------------------------------------------*/
.alert {
padding: 0.625em 1.25rem;
border-radius: 0; }
.alert-dismissable .close {
right: 0; }
.alert-success {
background-color: #d9efde;
border-color: #cfead4;
color: #3d8c4e; }
.alert-success hr {
border-top-color: #bde2c5; }
.alert-success .alert-link {
color: #2e683a; }
.alert-info {
background-color: #f1f9fd;
border-color: #e3f4fa;
color: #23a0cb; }
.alert-info hr {
border-top-color: #ceecf7; }
.alert-info .alert-link {
color: #1c7da0; }
.alert-warning {
background-color: #fdf4ea;
border-color: #fceddc;
color: #eb9230; }
.alert-warning hr {
border-top-color: #fae1c5; }
.alert-warning .alert-link {
color: #d47914; }
.alert-danger {
background-color: #f9e4e7;
border-color: #f6d8dc;
color: #b5293c; }
.alert-danger hr {
border-top-color: #f2c3c9; }
.alert-danger .alert-link {
color: #8c1f2e; }
/* $breadcrumbs
------------------------------------------*/
.breadcrumb {
background-color: white;
border-radius: 0; }
.breadcrumb > li + li::before {
padding: 0 0.3125em;
content: "";
font-family: FontAwesome; }
/* $buttons
------------------------------------------*/
.btn {
position: relative;
padding-right: 1.25rem;
padding-left: 1.25rem;
outline: 0;
font-size: 0.8125rem;
border-radius: 0;
-webkit-transition: all 150ms linear;
transition: all 150ms linear;
line-height: 1.3rem;
position: relative;
z-index: 1;
-webkit-backface-visibility: hidden; }
.btn:focus, .btn:active, .btn.active, .btn:active:focus, .btn.active:focus {
outline: 0; }
.btn:active,
.btn.active,
.btn-group.open .dropdown-toggle {
box-shadow: none; }
.btn-lg,
.btn-group-lg > .btn {
padding: 0.6875rem 1rem;
font-size: 1.125rem;
line-height: 1.25;
border-radius: 0; }
.btn-sm,
.btn-group-sm > .btn {
padding: 0.3125rem 0.625rem;
font-size: 0.75rem;
line-height: 1.5;
border-radius: 0; }
.btn-xs,
.btn-group-xs > .btn {
padding: 0.0625rem 0.3125rem;
font-size: 0.75rem;
line-height: 1.5; }
/* Rounded button styles */
.btn-round,
.btn-round a,
.btn-round .btn,
.input-round {
border-radius: 2.5rem; }
.btn-round::before,
.btn-round a::before,
.btn-round .btn::before,
.input-round::before {
border-radius: 2.5rem; }
/* Default Button Style */
.btn-default {
color: #59595A;
background-color: #e2e2e2;
border-color: rgba(0, 0, 0, 0.04); }
.btn-default:focus, .btn-default.focus {
color: #59595A;
background-color: #c9c9c9;
border-color: rgba(0, 0, 0, 0.04); }
.btn-default:hover {
color: #59595A;
background-color: #c9c9c9;
border-color: rgba(0, 0, 0, 0.04); }
.btn-default:active, .btn-default.active,
.open > .btn-default.dropdown-toggle {
color: #59595A;
background-color: #c9c9c9;
border-color: rgba(0, 0, 0, 0.04); }
.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus,
.open > .btn-default.dropdown-toggle:hover,
.open > .btn-default.dropdown-toggle:focus,
.open > .btn-default.dropdown-toggle.focus {
color: #59595A;
background-color: #b7b7b7;
border-color: rgba(0, 0, 0, 0.04); }
.btn-default:active, .btn-default.active,
.open > .btn-default.dropdown-toggle {
background-image: none; }
.btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default.focus {
background-color: #e2e2e2;
border-color: rgba(0, 0, 0, 0.04); }
.btn-default .badge {
color: #e2e2e2;
background-color: #59595A; }
.btn-default.btn-outline {
color: #59595A; }
/* Primary Button Style */
.btn-primary {
color: white;
background-color: #6164C1;
border-color: #6164C1; }
.btn-primary:focus, .btn-primary.focus {
color: white;
background-color: #4347ac;
border-color: #2e3075; }
.btn-primary:hover {
color: white;
background-color: #4347ac;
border-color: #4044a4; }
.btn-primary:active, .btn-primary.active,
.open > .btn-primary.dropdown-toggle {
color: white;
background-color: #4347ac;
border-color: #4044a4; }
.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus,
.open > .btn-primary.dropdown-toggle:hover,
.open > .btn-primary.dropdown-toggle:focus,
.open > .btn-primary.dropdown-toggle.focus {
color: white;
background-color: #393c92;
border-color: #2e3075; }
.btn-primary:active, .btn-primary.active,
.open > .btn-primary.dropdown-toggle {
background-image: none; }
.btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary.focus {
background-color: #6164C1;
border-color: #6164C1; }
.btn-primary .badge {
color: #6164C1;
background-color: white; }
/* Warning Button Style */
.btn-warning {
color: white;
background-color: #F2B776;
border-color: #F2B776; }
.btn-warning:focus, .btn-warning.focus {
color: white;
background-color: #ee9f47;
border-color: #d47914; }
.btn-warning:hover {
color: white;
background-color: #ee9f47;
border-color: #ed9a3e; }
.btn-warning:active, .btn-warning.active,
.open > .btn-warning.dropdown-toggle {
color: white;
background-color: #ee9f47;
border-color: #ed9a3e; }
.btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus,
.open > .btn-warning.dropdown-toggle:hover,
.open > .btn-warning.dropdown-toggle:focus,
.open > .btn-warning.dropdown-toggle.focus {
color: white;
background-color: #ea8d27;
border-color: #d47914; }
.btn-warning:active, .btn-warning.active,
.open > .btn-warning.dropdown-toggle {
background-image: none; }
.btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus,
fieldset[disabled] .btn-warning:hover,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning.focus {
background-color: #F2B776;
border-color: #F2B776; }
.btn-warning .badge {
color: #F2B776;
background-color: white; }
/* Success Button Style */
.btn-success {
color: white;
background-color: #6FC080;
border-color: #6FC080; }
.btn-success:focus, .btn-success.focus {
color: white;
background-color: #4daf61;
border-color: #357a44; }
.btn-success:hover {
color: white;
background-color: #4daf61;
border-color: #4aa85d; }
.btn-success:active, .btn-success.active,
.open > .btn-success.dropdown-toggle {
color: white;
background-color: #4daf61;
border-color: #4aa85d; }
.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus,
.open > .btn-success.dropdown-toggle:hover,
.open > .btn-success.dropdown-toggle:focus,
.open > .btn-success.dropdown-toggle.focus {
color: white;
background-color: #429654;
border-color: #357a44; }
.btn-success:active, .btn-success.active,
.open > .btn-success.dropdown-toggle {
background-image: none; }
.btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus,
fieldset[disabled] .btn-success:hover,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success.focus {
background-color: #6FC080;
border-color: #6FC080; }
.btn-success .badge {
color: #6FC080;
background-color: white; }
/* Info Button Style */
.btn-info {
color: white;
background-color: #6EC7E6;
border-color: #6EC7E6; }
.btn-info:focus, .btn-info.focus {
color: white;
background-color: #43b6df;
border-color: #1f8fb5; }
.btn-info:hover {
color: white;
background-color: #43b6df;
border-color: #3ab3dd; }
.btn-info:active, .btn-info.active,
.open > .btn-info.dropdown-toggle {
color: white;
background-color: #43b6df;
border-color: #3ab3dd; }
.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus,
.open > .btn-info.dropdown-toggle:hover,
.open > .btn-info.dropdown-toggle:focus,
.open > .btn-info.dropdown-toggle.focus {
color: white;
background-color: #25aad8;
border-color: #1f8fb5; }
.btn-info:active, .btn-info.active,
.open > .btn-info.dropdown-toggle {
background-image: none; }
.btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus,
fieldset[disabled] .btn-info:hover,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info.focus {
background-color: #6EC7E6;
border-color: #6EC7E6; }
.btn-info .badge {
color: #6EC7E6;
background-color: white; }
/* Danger Button Style */
.btn-danger {
color: white;
background-color: #DD6777;
border-color: #DD6777; }
.btn-danger:focus, .btn-danger.focus {
color: white;
background-color: #d43d52;
border-color: #a12435; }
.btn-danger:hover {
color: white;
background-color: #d43d52;
border-color: #d2354a; }
.btn-danger:active, .btn-danger.active,
.open > .btn-danger.dropdown-toggle {
color: white;
background-color: #d43d52;
border-color: #d2354a; }
.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus,
.open > .btn-danger.dropdown-toggle:hover,
.open > .btn-danger.dropdown-toggle:focus,
.open > .btn-danger.dropdown-toggle.focus {
color: white;
background-color: #c22b40;
border-color: #a12435; }
.btn-danger:active, .btn-danger.active,
.open > .btn-danger.dropdown-toggle {
background-image: none; }
.btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus,
fieldset[disabled] .btn-danger:hover,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger.focus {
background-color: #DD6777;
border-color: #DD6777; }
.btn-danger .badge {
color: #DD6777;
background-color: white; }
/* Dark Button Style */
.btn-dark {
color: white;
background-color: #44425B;
border-color: #44425B; }
.btn-dark:focus, .btn-dark.focus {
color: white;
background-color: #2e2d3d;
border-color: #0d0c11; }
.btn-dark:hover {
color: white;
background-color: #2e2d3d;
border-color: #292838; }
.btn-dark:active, .btn-dark.active,
.open > .btn-dark.dropdown-toggle {
color: white;
background-color: #2e2d3d;
border-color: #292838; }
.btn-dark:active:hover, .btn-dark:active:focus, .btn-dark:active.focus, .btn-dark.active:hover, .btn-dark.active:focus, .btn-dark.active.focus,
.open > .btn-dark.dropdown-toggle:hover,
.open > .btn-dark.dropdown-toggle:focus,
.open > .btn-dark.dropdown-toggle.focus {
color: white;
background-color: #1e1e29;
border-color: #0d0c11; }
.btn-dark:active, .btn-dark.active,
.open > .btn-dark.dropdown-toggle {
background-image: none; }
.btn-dark.disabled:hover, .btn-dark.disabled:focus, .btn-dark.disabled.focus, .btn-dark[disabled]:hover, .btn-dark[disabled]:focus, .btn-dark[disabled].focus,
fieldset[disabled] .btn-dark:hover,
fieldset[disabled] .btn-dark:focus,
fieldset[disabled] .btn-dark.focus {
background-color: #44425B;
border-color: #44425B; }
.btn-dark .badge {
color: #44425B;
background-color: white; }
.btn-shadow {
box-shadow: rgba(0, 0, 0, 0.137255) 0 0.125rem 0.125rem 0, rgba(0, 0, 0, 0.2) 0 0.1875rem 0.0625rem -0.125rem, rgba(0, 0, 0, 0.117647) 0 0.0625rem 0.3125rem 0; }
.close {
font-weight: 400; }
.btn.text-left {
text-align: left; }
.btn.text-right {
text-align: right; }
/* $code
------------------------------------------*/
pre {
-webkit-overflow-scrolling: touch;
padding: 0.625em;
border-color: #e4e4e4;
color: #59595A;
white-space: nowrap;
border-radius: 0; }
/* $dropdown
------------------------------------------*/
.dropdown-menu {
border-color: #e4e4e4;
border-radius: 0;
box-shadow: none;
-webkit-transition: opacity 150ms ease-in-out, visibility 150ms ease-in-out;
transition: opacity 150ms ease-in-out, visibility 150ms ease-in-out; }
.dropdown-menu > li > a {
padding-right: 1.25rem;
padding-left: 1.25rem;
color: #59595A;
font-size: 0.8125rem; }
.open .dropdown-menu {
visibility: visible;
opacity: 1; }
.dropdown-header {
padding-left: 1.25rem;
padding-right: 1.25rem; }
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
background-color: #f8f8f8; }
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
background-color: #f8f8f8;
color: #59595A; }
/* $forms
------------------------------------------*/
label {
font-weight: 500; }
textarea {
resize: vertical; }
.no-resize {
resize: none; }
select.form-control {
display: inline-block;
width: auto;
vertical-align: middle; }
.placeholder {
color: #7f7f80; }
.form-control {
border-color: #e4e4e4;
font-weight: 400;
font-size: 0.8125rem;
border-radius: 0;
-webkit-transition: border 150ms linear;
transition: border 150ms linear;
box-shadow: none; }
.form-control:focus {
border-color: #8d8fd2;
box-shadow: none; }
.cs-radio label {
display: inline-block;
cursor: pointer;
position: relative;
padding-left: 1.875em;
margin-right: 0.9375em; }
.cs-radio label:before {
content: "";
display: block;
width: 16px;
height: 16px;
margin-right: 0.875em;
position: absolute;
top: 0;
left: 0;
border: 0.0625rem solid #e4e4e4;
background-color: #fff;
border-radius: 50%; }
.cs-radio input[type="radio"] {
display: none !important;
*display: inline; }
.cs-radio input[type="radio"]:checked + label:after {
content: '';
display: block;
position: absolute;
top: 3px;
left: 3px;
width: 10px;
height: 10px;
background-color: #6164C1;
border-radius: 50%; }
.cs-radio input[type="radio"]:checked:disabled + label:after {
opacity: 0.6;
cursor: not-allowed; }
/* Custom checkbox */
.cs-checkbox label {
display: inline-block;
cursor: pointer;
position: relative;
padding-left: 1.875em;
margin-right: 0.9375em; }
.cs-checkbox label:before {
content: "";
display: block;
width: 16px;
height: 16px;
margin-right: 0.75rem;
position: absolute;
top: 0;
left: 0;
border: 0.0625rem solid #e4e4e4;
background-color: #fff; }
.cs-checkbox input[type="checkbox"] {
display: none !important;
*display: inline; }
.cs-checkbox input[type="checkbox"]:checked + label:after {
content: '';
display: block;
position: absolute;
top: 3px;
left: 3px;
width: 10px;
height: 10px;
background-color: #6164C1; }
.cs-checkbox input[type="checkbox"]:checked:disabled + label:after {
opacity: 0.6;
cursor: not-allowed; }
/* Validation States */
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
color: #6FC080; }
.has-success .form-control {
border-color: #6FC080;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.has-success .form-control:focus {
border-color: #4daf61;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #b6dfbf; }
.has-success .input-group-addon {
color: #6FC080;
border-color: #6FC080;
background-color: #6FC080; }
.has-success .form-control-feedback {
color: #6FC080; }
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
color: #F2B776; }
.has-warning .form-control {
border-color: #F2B776;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.has-warning .form-control:focus {
border-color: #ee9f47;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fbe8d3; }
.has-warning .input-group-addon {
color: #F2B776;
border-color: #F2B776;
background-color: #F2B776; }
.has-warning .form-control-feedback {
color: #F2B776; }
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
color: #DD6777; }
.has-error .form-control {
border-color: #DD6777;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.has-error .form-control:focus {
border-color: #d43d52;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f0bac2; }
.has-error .input-group-addon {
color: #DD6777;
border-color: #DD6777;
background-color: #DD6777; }
.has-error .form-control-feedback {
color: #DD6777; }
.spinner .form-control {
text-align: center; }
/* $input-groups
------------------------------------------*/
.input-group-btn > .btn {
z-index: 2; }
.btn-group-vertical > .btn:first-child:not(:last-child) {
border-top-right-radius: 0; }
.btn-group-vertical > .btn:last-child:not(:first-child) {
border-bottom-left-radius: 0; }
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
margin-right: -0.125rem; }
.input-group-addon {
font-size: 0.8125rem;
color: #59595A;
border-radius: 0;
border-color: #e4e4e4;
background-color: #e7e7e7; }
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
border-radius: 0; }
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
border-radius: 0; }
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
font-size: inherit; }
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
border-radius: 0; }
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
/* $labels
------------------------------------------*/
.label {
border-radius: 0.0625rem; }
.label-default {
background-color: #e2e2e2;
color: #59595A; }
.label-default[href]:hover, .label-default[href]:focus {
background-color: #c9c9c9; }
.label-primary {
background-color: #6164C1; }
.label-primary[href]:hover, .label-primary[href]:focus {
background-color: #4347ac; }
.label-success {
background-color: #6FC080; }
.label-success[href]:hover, .label-success[href]:focus {
background-color: #4daf61; }
.label-info {
background-color: #6EC7E6; }
.label-info[href]:hover, .label-info[href]:focus {
background-color: #43b6df; }
.label-warning {
background-color: #F2B776; }
.label-warning[href]:hover, .label-warning[href]:focus {
background-color: #ee9f47; }
.label-danger {
background-color: #DD6777; }
.label-danger[href]:hover, .label-danger[href]:focus {
background-color: #d43d52; }
/* $listgroup
------------------------------------------*/
.list-group {
margin-bottom: 1.25rem; }
.list-group-item {
border-color: #e4e4e4; }
.list-group-item:first-child {
border-top-right-radius: 0;
border-top-left-radius: 0; }
.list-group-item:last-child {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0; }
a.list-group-item:hover,
a.list-group-item:focus {
background-color: #efefef; }
.list-group-item-success {
color: #3d8c4e;
background-color: #d9efde; }
a.list-group-item-success,
button.list-group-item-success {
color: #3d8c4e; }
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:hover, a.list-group-item-success:focus,
button.list-group-item-success:hover,
button.list-group-item-success:focus {
color: #3d8c4e;
background-color: #c8e7ce; }
a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus,
button.list-group-item-success.active,
button.list-group-item-success.active:hover,
button.list-group-item-success.active:focus {
color: #fff;
background-color: #3d8c4e;
border-color: #3d8c4e; }
.list-group-item-info {
color: #23a0cb;
background-color: #f1f9fd; }
a.list-group-item-info,
button.list-group-item-info {
color: #23a0cb; }
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:hover, a.list-group-item-info:focus,
button.list-group-item-info:hover,
button.list-group-item-info:focus {
color: #23a0cb;
background-color: #dbf1f9; }
a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus,
button.list-group-item-info.active,
button.list-group-item-info.active:hover,
button.list-group-item-info.active:focus {
color: #fff;
background-color: #23a0cb;
border-color: #23a0cb; }
.list-group-item-warning {
color: #e98619;
background-color: white; }
a.list-group-item-warning,
button.list-group-item-warning {
color: #e98619; }
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:hover, a.list-group-item-warning:focus,
button.list-group-item-warning:hover,
button.list-group-item-warning:focus {
color: #e98619;
background-color: #f2f2f2; }
a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus,
button.list-group-item-warning.active,
button.list-group-item-warning.active:hover,
button.list-group-item-warning.active:focus {
color: #fff;
background-color: #e98619;
border-color: #e98619; }
.list-group-item-danger {
color: #b5293c;
background-color: #f9e4e7; }
a.list-group-item-danger,
button.list-group-item-danger {
color: #b5293c; }
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:hover, a.list-group-item-danger:focus,
button.list-group-item-danger:hover,
button.list-group-item-danger:focus {
color: #b5293c;
background-color: #f4cfd4; }
a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus,
button.list-group-item-danger.active,
button.list-group-item-danger.active:hover,
button.list-group-item-danger.active:focus {
color: #fff;
background-color: #b5293c;
border-color: #b5293c; }
/* $modal
------------------------------------------*/
.modal {
z-index: 2020;
background: black;
background: rgba(0, 0, 0, 0.4); }
.modal-content {
box-shadow: none;
border-radius: 0; }
.modal .modal-dialog,
.modal.in .modal-dialog {
-webkit-animation-duration: 800ms;
animation-duration: 800ms;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards; }
.modal .modal-dialog {
-webkit-animation-name: animation-close;
animation-name: animation-close;
-webkit-animation-duration: 150ms;
animation-duration: 150ms;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0); }
.modal.in .modal-dialog {
-webkit-animation-name: animation-open;
animation-name: animation-open; }
/* $navbar
------------------------------------------*/
.navbar {
min-height: 0; }
/* Navbar inverse */
.navbar-inverse {
border-color: #44425B;
background-color: #44425B; }
.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a {
color: white; }
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
color: white;
background-color: #3d3c52; }
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
border-color: #44425B; }
.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
background-color: #39374c; }
.navbar-inverse .dropdown-menu {
border-color: #44425B; }
/* $navs
------------------------------------------*/
/* Navs */
.nav > li > a:hover,
.nav > li > a:focus {
background-color: #6164C1;
color: #fff; }
/* Pills */
.nav-pills > li > a {
border-radius: 0; }
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
background-color: #6164C1;
color: white; }
/* Tabs */
.nav-tabs {
background: transparent;
padding: 0;
margin: 0;
border-bottom: 0.0625rem solid #e4e4e4; }
.nav-tabs > li {
margin: 0;
border: none;
padding: 0 1.25rem;
float: left;
position: relative;
display: block;
text-decoration: none;
text-align: center;
overflow: hidden; }
.nav-tabs > li > a {
margin: 0;
border: 0;
padding: 0.625rem 1.25rem; }
.nav-tabs > li > a:hover, .nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
border-color: transparent;
background-color: transparent;
color: #383839; }
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
border: 0;
background-color: transparent; }
.nav-tabs > li.active::before {
height: 0.125rem;
width: 100%;
display: block;
content: " ";
bottom: 0;
left: 0;
position: absolute;
background: #6164C1;
-webkit-animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
-webkit-transition: all 1s cubic-bezier(0.4, 0, 1, 1);
transition: all 1s cubic-bezier(0.4, 0, 1, 1); }
@media (max-width: 767px) {
.nav-justified-xs .nav > li {
display: table-cell;
width: 1%; }
.nav-justified-xs .nav > li > a {
margin-bottom: 0; } }
/* Custom tab */
.box-tab {
position: relative;
margin-bottom: 1.25rem; }
.box-tab.vertical {
display: table; }
.box-tab.vertical .nav-tabs {
display: table-cell;
border-bottom: 0;
border-right: 0.0625rem solid #e4e4e4; }
.box-tab.vertical .nav-tabs li {
float: none;
text-align: left; }
.box-tab.vertical .nav-tabs li.active::before {
height: 100%;
width: 0.125rem;
bottom: 0;
left: auto;
right: 0; }
.box-tab.vertical .tab-content {
display: table-cell; }
.box-tab .nav-tabs {
position: relative;
margin: 0 auto;
padding: 0; }
.box-tab .nav-tabs li {
position: relative;
display: block;
margin: 0;
text-align: center;
z-index: 1; }
.box-tab .nav-tabs li:not(:last-child) {
border-right: none; }
.box-tab .nav-tabs li a {
position: relative;
display: block;
text-overflow: ellipsis;
white-space: nowrap;
border-radius: 0;
overflow: hidden; }
.box-tab .nav-tabs li a:hover {
color: #454545; }
.box-tab .nav-tabs li.active a,
.box-tab .nav-tabs li.active a:hover {
color: #59595A; }
.box-tab .nav-tabs li.active a::before {
background-color: white;
-webkit-transform: perspective(56.25rem) rotate3d(1, 0, 0, 0deg);
transform: perspective(56.25rem) rotate3d(1, 0, 0, 0deg);
border-top-left-radius: 0;
border-top-right-radius: 0; }
.box-tab .nav-tabs.nav-justified > li > a,
.box-tab .nav-tabs.nav-justified > .active > a,
.box-tab .nav-tabs.nav-justified > .active > a:focus,
.box-tab .nav-tabs.nav-justified > .active > a:hover {
border: 0; }
.box-tab .tab-content {
padding: 0.9375rem;
background-color: #fff; }
.box-tab.justified .nav-tabs li {
display: table-cell;
float: none;
width: 1%;
vertical-align: top;
text-align: center; }
.box-tab .wizard-tabs {
background-color: #f0f0f0;
list-style: none;
padding: 0;
margin: 0;
border-bottom: 0.0625rem solid #e4e4e4; }
.box-tab .wizard-tabs li {
display: table-cell;
float: none;
width: 1%;
vertical-align: middle;
text-align: center; }
.box-tab .wizard-tabs li.active a {
background-color: #fafafa; }
.box-tab .wizard-tabs li.active a:after {
border-left-color: #fafafa; }
.box-tab .wizard-tabs li:last-child a:before,
.box-tab .wizard-tabs li:last-child a:after {
display: none; }
.box-tab .wizard-tabs a {
position: relative;
display: block;
text-align: center;
cursor: pointer;
padding: 0.625rem 1.25rem;
text-overflow: ellipsis;
white-space: nowrap; }
.box-tab .wizard-tabs a:hover {
background: #eee; }
@media screen and (min-width: 768px) {
.box-tab .wizard-tabs a::before, .box-tab .wizard-tabs a::after {
content: '';
position: absolute;
top: 0;
left: 100%;
z-index: 1;
display: block;
width: 0;
height: 0;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
border-left: 10px solid transparent; }
.box-tab .wizard-tabs a::before {
margin-left: 1px;
border-left-color: #d5d5d5; }
.box-tab .wizard-tabs a::after {
border-left-color: #f0f0f0; } }
@media (max-width: 767px) {
.box-tab .wizard-tabs li {
display: block;
width: 100%; }
.box-tab .wizard-tabs li a {
border-bottom: 0.0625rem solid #e4e4e4; } }
/* $pagination
------------------------------------------*/
.pagination > li > a, .pagination > li > span {
border-color: #e4e4e4; }
.pagination > li:first-child > a, .pagination > li:first-child > span {
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
.pagination > li:last-child > a, .pagination > li:last-child > span {
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
border-color: #d7d7d7;
background-color: #f1f1f1; }
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
border-color: #6164C1;
background-color: #6164C1;
color: white; }
.pager.pager-square li > a,
.pager.pager-square li > span {
border-radius: 0; }
.ng-table-pagination {
margin: 0; }
/* $panel
------------------------------------------*/
.panel {
border-radius: 0;
position: relative;
margin-bottom: 0.75rem; }
.panel.panel-bordered {
border-width: 1px; }
.panel.panel-bordered .panel-heading {
border-radius: 0; }
.panel-heading {
position: relative;
border-color: transparent;
border-top-right-radius: 0;
border-top-left-radius: 0;
text-transform: uppercase; }
.panel-heading:before, .panel-heading:after {
content: " ";
display: table; }
.panel-heading:after {
clear: both; }
.panel-group .panel-heading + .panel-collapse > .panel-body {
border-color: #ececec; }
.panel-footer {
border-color: #ececec;
background-color: #fcfcfc; }
.panel-default {
border-color: #e2e2e2; }
.panel-default > .panel-heading {
color: #59595A;
background-color: #e2e2e2;
border-color: #e2e2e2; }
.panel-default > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #e2e2e2; }
.panel-default > .panel-heading .badge {
color: #e2e2e2;
background-color: #59595A; }
.panel-default > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #e2e2e2; }
.panel-primary {
border-color: #6164C1; }
.panel-primary > .panel-heading {
color: white;
background-color: #6164C1;
border-color: #6164C1; }
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #6164C1; }
.panel-primary > .panel-heading .badge {
color: #6164C1;
background-color: white; }
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #6164C1; }
.panel-success {
border-color: #6FC080; }
.panel-success > .panel-heading {
color: white;
background-color: #6FC080;
border-color: #6FC080; }
.panel-success > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #6FC080; }
.panel-success > .panel-heading .badge {
color: #6FC080;
background-color: white; }
.panel-success > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #6FC080; }
.panel-warning {
border-color: #F2B776; }
.panel-warning > .panel-heading {
color: white;
background-color: #F2B776;
border-color: #F2B776; }
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #F2B776; }
.panel-warning > .panel-heading .badge {
color: #F2B776;
background-color: white; }
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #F2B776; }
.panel-danger {
border-color: #DD6777; }
.panel-danger > .panel-heading {
color: white;
background-color: #DD6777;
border-color: #DD6777; }
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #DD6777; }
.panel-danger > .panel-heading .badge {
color: #DD6777;
background-color: white; }
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #DD6777; }
.panel-info {
border-color: #6EC7E6; }
.panel-info > .panel-heading {
color: white;
background-color: #6EC7E6;
border-color: #6EC7E6; }
.panel-info > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #6EC7E6; }
.panel-info > .panel-heading .badge {
color: #6EC7E6;
background-color: white; }
.panel-info > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #6EC7E6; }
.accordion-toggle {
font-size: 0.8125rem; }
/* $popover
------------------------------------------*/
.popover {
box-shadow: 0 0.0625rem 0.0625rem rgba(0, 0, 0, 0.05);
font-family: inherit;
font-size: inherit;
border-radius: 0;
border-color: #e4e4e4;
padding: 0; }
.popover .popover-title {
border-bottom-color: #e4e4e4;
background-color: #FAFBFD;
border-top-left-radius: 0;
border-top-right-radius: 0; }
.popover .popover-content:last-child {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0; }
/* $progress-bar
------------------------------------------*/
.progress {
margin-bottom: 1.25rem;
height: 0.1875rem;
background-color: #D0DBEC;
box-shadow: none;
border-radius: 0; }
.progress-bar {
background-color: #6164C1;
box-shadow: none; }
.progress-bar-success {
background-color: #6FC080; }
.progress-striped .progress-bar-success {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }
.progress-bar-info {
background-color: #6EC7E6; }
.progress-striped .progress-bar-info {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }
.progress-bar-warning {
background-color: #F2B776; }
.progress-striped .progress-bar-warning {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }
.progress-bar-danger {
background-color: #DD6777; }
.progress-striped .progress-bar-danger {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }
/* $tables
------------------------------------------*/
.table {
background-color: white; }
.table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td {
padding: 0.625rem 1.25rem;
border-color: #e4e4e4; }
.table.table-condensed > thead > tr > th, .table.table-condensed > thead > tr > td, .table.table-condensed > tbody > tr > th, .table.table-condensed > tbody > tr > td, .table.table-condensed > tfoot > tr > th, .table.table-condensed > tfoot > tr > td {
padding: 0.35rem 1.25rem; }
.table > thead > tr > th {
border-bottom-width: 0; }
.table > thead > tr > th,
.table > tfoot > tr > th {
border-color: #e4e4e4;
font-weight: 400;
text-transform: uppercase; }
.table-hover > tbody > tr:hover {
background-color: #f3f3f3; }
.table-striped > tbody > tr:nth-child(even) {
background-color: #f3f3f3; }
.table-bordered {
border-color: #e4e4e4; }
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > tfoot > tr > td {
border-color: #e4e4e4;
border-top: 0;
border-left: 0; }
.table-bordered > thead > tr > th:first-child, .table-bordered > thead > tr > td:first-child, .table-bordered > tbody > tr > th:first-child, .table-bordered > tbody > tr > td:first-child, .table-bordered > tfoot > tr > th:first-child, .table-bordered > tfoot > tr > td:first-child {
border-left: 0; }
.table-bordered > thead > tr > th:last-child, .table-bordered > thead > tr > td:last-child, .table-bordered > tbody > tr > th:last-child, .table-bordered > tbody > tr > td:last-child, .table-bordered > tfoot > tr > th:last-child, .table-bordered > tfoot > tr > td:last-child {
border-right: 0; }
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
border-bottom-width: 1px; }
.table-striped > tbody > tr:nth-child(odd) {
background-color: transparent; }
.table-responsive {
overflow-x: visible; }
@media (max-width: 767px) {
.table-responsive {
overflow-x: auto;
border-color: #e4e4e4;
border-radius: 0;
margin-bottom: 0; } }
/* No More tables */
@media (max-width: 767px) {
/* Source:: http://elvery.net/demo/responsive-tables/#no-more-tables */
/* Force table to not be like tables anymore */
.no-more-tables table,
.no-more-tables thead,
.no-more-tables tbody,
.no-more-tables th,
.no-more-tables td,
.no-more-tables tr {
display: block; }
/* Hide table headers (but not display: none;, for accessibility) */
.no-more-tables thead tr {
position: absolute;
top: -9999px;
left: -9999px; }
.no-more-tables tr {
border: 0.0625rem solid #e4e4e4; }
.no-more-tables td {
position: relative;
padding-left: 50% !important;
/* Behave like a "row" */
border-top: 0 !important;
border-bottom: 0.0625rem solid #e4e4e4;
text-align: left;
white-space: normal; }
.no-more-tables td:before {
/* Now like a table header */
position: absolute;
/* Top/left values mimic padding */
top: 0.375rem;
left: 0.375rem;
padding-right: 0.625rem;
width: 45%;
text-align: left;
white-space: nowrap;
font-weight: 700; }
/* Label the data */
.no-more-tables td:before {
content: attr(data-title); } }
@media (max-width: 767px) {
.flip-scroll .cf:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0; }
.flip-scroll * html .cf {
zoom: 1; }
.flip-scroll *:first-child + html .cf {
zoom: 1; }
.flip-scroll table {
width: 100%;
border-collapse: collapse;
border-spacing: 0; }
.flip-scroll th,
.flip-scroll td {
margin: 0;
vertical-align: top; }
.flip-scroll th {
text-align: left; }
.flip-scroll table {
display: block;
position: relative;
width: 100%; }
.flip-scroll thead {
display: block;
float: left; }
.flip-scroll tbody {
display: block;
width: auto;
position: relative;
overflow-x: auto;
white-space: nowrap; }
.flip-scroll thead tr {
display: block; }
.flip-scroll th {
display: block;
text-align: right; }
.flip-scroll tbody tr {
display: inline-block;
vertical-align: top; }
.flip-scroll td {
display: block;
min-height: 1.25em;
text-align: left; }
/* sort out borders */
.flip-scroll th {
border-bottom: 0;
border-left: 0; }
.flip-scroll td {
border-left: 0;
border-right: 0;
border-bottom: 0; }
.flip-scroll tbody tr {
border-left: 0.0625rem solid #babcbf; }
.flip-scroll th:last-child,
.flip-scroll td:last-child {
border-bottom: 0.0625rem solid #babcbf; } }
/* $tooltip
------------------------------------------*/
.tooltip-inner {
border-radius: 0;
background-color: 0;
background: rgba(0, 0, 0, 0.6);
padding: 0.125rem 1.25rem; }
.tooltip.top .tooltip-arrow {
border-top-color: rgba(0, 0, 0, 0.6); }
.tooltip.top-left .tooltip-arrow {
border-top-color: rgba(0, 0, 0, 0.6); }
.tooltip.top-right .tooltip-arrow {
border-top-color: rgba(0, 0, 0, 0.6); }
.tooltip.right .tooltip-arrow {
border-right-color: rgba(0, 0, 0, 0.6); }
.tooltip.left .tooltip-arrow {
border-left-color: rgba(0, 0, 0, 0.6); }
.tooltip.bottom .tooltip-arrow {
border-bottom-color: rgba(0, 0, 0, 0.6); }
.tooltip.bottom-left .tooltip-arrow {
border-bottom-color: rgba(0, 0, 0, 0.6); }
.tooltip.bottom-right .tooltip-arrow {
border-bottom-color: rgba(0, 0, 0, 0.6); }
.tooltip.in {
opacity: 1; }
/* $colors
------------------------------------------*/
/* Color Variant: Primary */
.bg-primary {
background-color: #6164C1; }
a.bg-primary:hover,
a.bg-primary:focus {
background-color: #4347ac; }
.bg-primary-dark {
background-color: #4f52ba; }
a.bg-primary-dark:hover,
a.bg-primary-dark:focus {
background-color: #3c3f99; }
.bg-primary-darker {
background-color: #4347ac; }
a.bg-primary-darker:hover,
a.bg-primary-darker:focus {
background-color: #353887; }
.bg-primary-light {
background-color: #7376c8; }
a.bg-primary-light:hover,
a.bg-primary-light:focus {
background-color: #4f52ba; }
.bg-primary-lighter {
background-color: #8688cf; }
a.bg-primary-lighter:hover,
a.bg-primary-lighter:focus {
background-color: #6164c1; }
/* Color Variant: Default */
.bg-default {
background-color: #e2e2e2; }
a.bg-default:hover,
a.bg-default:focus {
background-color: #c9c9c9; }
.bg-default-dark {
background-color: #d5d5d5; }
a.bg-default-dark:hover,
a.bg-default-dark:focus {
background-color: #bcbcbc; }
.bg-default-darker {
background-color: #c9c9c9; }
a.bg-default-darker:hover,
a.bg-default-darker:focus {
background-color: #afafaf; }
.bg-default-light {
background-color: #efefef; }
a.bg-default-light:hover,
a.bg-default-light:focus {
background-color: #d5d5d5; }
.bg-default-lighter {
background-color: #fcfcfc; }
a.bg-default-lighter:hover,
a.bg-default-lighter:focus {
background-color: #e2e2e2; }
/* Color Variant: Warning */
.bg-warning {
background-color: #F2B776; }
a.bg-warning:hover,
a.bg-warning:focus {
background-color: #ee9f47; }
.bg-warning-dark {
background-color: #f0ab5f; }
a.bg-warning-dark:hover,
a.bg-warning-dark:focus {
background-color: #eb9230; }
.bg-warning-darker {
background-color: #ee9f47; }
a.bg-warning-darker:hover,
a.bg-warning-darker:focus {
background-color: #e98619; }
.bg-warning-light {
background-color: #f4c38d; }
a.bg-warning-light:hover,
a.bg-warning-light:focus {
background-color: #f0ab5f; }
.bg-warning-lighter {
background-color: #f6cfa5; }
a.bg-warning-lighter:hover,
a.bg-warning-lighter:focus {
background-color: #f2b776; }
/* Color Variant: Success */
.bg-success {
background-color: #6FC080; }
a.bg-success:hover,
a.bg-success:focus {
background-color: #4daf61; }
.bg-success-dark {
background-color: #5db870; }
a.bg-success-dark:hover,
a.bg-success-dark:focus {
background-color: #459e58; }
.bg-success-darker {
background-color: #4daf61; }
a.bg-success-darker:hover,
a.bg-success-darker:focus {
background-color: #3d8c4e; }
.bg-success-light {
background-color: #81c890; }
a.bg-success-light:hover,
a.bg-success-light:focus {
background-color: #5db870; }
.bg-success-lighter {
background-color: #92d09f; }
a.bg-success-lighter:hover,
a.bg-success-lighter:focus {
background-color: #6fc080; }
/* Color Variant: Info */
.bg-info {
background-color: #6EC7E6; }
a.bg-info:hover,
a.bg-info:focus {
background-color: #43b6df; }
.bg-info-dark {
background-color: #58bfe2; }
a.bg-info-dark:hover,
a.bg-info-dark:focus {
background-color: #2daedb; }
.bg-info-darker {
background-color: #43b6df; }
a.bg-info-darker:hover,
a.bg-info-darker:focus {
background-color: #23a0cb; }
.bg-info-light {
background-color: #84cfea; }
a.bg-info-light:hover,
a.bg-info-light:focus {
background-color: #58bfe2; }
.bg-info-lighter {
background-color: #9ad8ee; }
a.bg-info-lighter:hover,
a.bg-info-lighter:focus {
background-color: #6ec7e6; }
/* Color Variant: Danger */
.bg-danger {
background-color: #DD6777; }
a.bg-danger:hover,
a.bg-danger:focus {
background-color: #d43d52; }
.bg-danger-dark {
background-color: #d85264; }
a.bg-danger-dark:hover,
a.bg-danger-dark:focus {
background-color: #ca2d43; }
.bg-danger-darker {
background-color: #d43d52; }
a.bg-danger-darker:hover,
a.bg-danger-darker:focus {
background-color: #b5293c; }
.bg-danger-light {
background-color: #e27c8a; }
a.bg-danger-light:hover,
a.bg-danger-light:focus {
background-color: #d85264; }
.bg-danger-lighter {
background-color: #e6919c; }
a.bg-danger-lighter:hover,
a.bg-danger-lighter:focus {
background-color: #dd6777; }
/* Color Variant: White */
.bg-white {
background-color: white; }
a.bg-white:hover,
a.bg-white:focus {
background-color: #e6e6e6; }
.bg-white-dark {
background-color: #f2f2f2; }
a.bg-white-dark:hover,
a.bg-white-dark:focus {
background-color: #d9d9d9; }
.bg-white-darker {
background-color: #e6e6e6; }
a.bg-white-darker:hover,
a.bg-white-darker:focus {
background-color: #cccccc; }
.bg-white-light {
background-color: white; }
a.bg-white-light:hover,
a.bg-white-light:focus {
background-color: #e6e6e6; }
.bg-white-lighter {
background-color: white; }
a.bg-white-lighter:hover,
a.bg-white-lighter:focus {
background-color: #e6e6e6; }
/* Color Variant: Dark */
.bg-dark {
background-color: #44425B; }
a.bg-dark:hover,
a.bg-dark:focus {
background-color: #2e2d3d; }
.bg-dark-dark {
background-color: #39374c; }
a.bg-dark-dark:hover,
a.bg-dark-dark:focus {
background-color: #23222f; }
.bg-dark-darker {
background-color: #2e2d3d; }
a.bg-dark-darker:hover,
a.bg-dark-darker:focus {
background-color: #181720; }
.bg-dark-light {
background-color: #4f4d6a; }
a.bg-dark-light:hover,
a.bg-dark-light:focus {
background-color: #39374c; }
.bg-dark-lighter {
background-color: #5a5779; }
a.bg-dark-lighter:hover,
a.bg-dark-lighter:focus {
background-color: #44425b; }
/* Extra palette colors */
.bg-red {
background-color: #F44336; }
a.bg-red:hover,
a.bg-red:focus {
background-color: #ea1c0d; }
.bg-red-dark {
background-color: #f32c1e; }
a.bg-red-dark:hover,
a.bg-red-dark:focus {
background-color: #d2190b; }
.bg-red-darker {
background-color: #ea1c0d; }
a.bg-red-darker:hover,
a.bg-red-darker:focus {
background-color: #ba160a; }
.bg-red-light {
background-color: #f55a4e; }
a.bg-red-light:hover,
a.bg-red-light:focus {
background-color: #f32c1e; }
.bg-red-lighter {
background-color: #f77066; }
a.bg-red-lighter:hover,
a.bg-red-lighter:focus {
background-color: #f44336; }
.bg-pink {
background-color: #E91E63; }
a.bg-pink:hover,
a.bg-pink:focus {
background-color: #c1134e; }
.bg-pink-dark {
background-color: #d81558; }
a.bg-pink-dark:hover,
a.bg-pink-dark:focus {
background-color: #aa1145; }
.bg-pink-darker {
background-color: #c1134e; }
a.bg-pink-darker:hover,
a.bg-pink-darker:focus {
background-color: #930e3b; }
.bg-pink-light {
background-color: #eb3573; }
a.bg-pink-light:hover,
a.bg-pink-light:focus {
background-color: #d81558; }
.bg-pink-lighter {
background-color: #ee4c83; }
a.bg-pink-lighter:hover,
a.bg-pink-lighter:focus {
background-color: #e91e63; }
.bg-purple {
background-color: #9C27B0; }
a.bg-purple:hover,
a.bg-purple:focus {
background-color: #771e86; }
.bg-purple-dark {
background-color: #89229b; }
a.bg-purple-dark:hover,
a.bg-purple-dark:focus {
background-color: #641971; }
.bg-purple-darker {
background-color: #771e86; }
a.bg-purple-darker:hover,
a.bg-purple-darker:focus {
background-color: #52145d; }
.bg-purple-light {
background-color: #af2cc5; }
a.bg-purple-light:hover,
a.bg-purple-light:focus {
background-color: #89229b; }
.bg-purple-lighter {
background-color: #bc37d3; }
a.bg-purple-lighter:hover,
a.bg-purple-lighter:focus {
background-color: #9c27b0; }
.bg-deeppurple {
background-color: #673AB7; }
a.bg-deeppurple:hover,
a.bg-deeppurple:focus {
background-color: #512e90; }
.bg-deeppurple-dark {
background-color: #5c34a4; }
a.bg-deeppurple-dark:hover,
a.bg-deeppurple-dark:focus {
background-color: #46287d; }
.bg-deeppurple-darker {
background-color: #512e90; }
a.bg-deeppurple-darker:hover,
a.bg-deeppurple-darker:focus {
background-color: #3b216a; }
.bg-deeppurple-light {
background-color: #7446c4; }
a.bg-deeppurple-light:hover,
a.bg-deeppurple-light:focus {
background-color: #5c34a4; }
.bg-deeppurple-lighter {
background-color: #8259cb; }
a.bg-deeppurple-lighter:hover,
a.bg-deeppurple-lighter:focus {
background-color: #673ab7; }
.bg-indigo {
background-color: #3F51B5; }
a.bg-indigo:hover,
a.bg-indigo:focus {
background-color: #32408f; }
.bg-indigo-dark {
background-color: #3849a2; }
a.bg-indigo-dark:hover,
a.bg-indigo-dark:focus {
background-color: #2b387c; }
.bg-indigo-darker {
background-color: #32408f; }
a.bg-indigo-darker:hover,
a.bg-indigo-darker:focus {
background-color: #252f69; }
.bg-indigo-light {
background-color: #4d5ec1; }
a.bg-indigo-light:hover,
a.bg-indigo-light:focus {
background-color: #3849a2; }
.bg-indigo-lighter {
background-color: #606fc7; }
a.bg-indigo-lighter:hover,
a.bg-indigo-lighter:focus {
background-color: #3f51b5; }
.bg-blue {
background-color: #2196F3; }
a.bg-blue:hover,
a.bg-blue:focus {
background-color: #0c7cd5; }
.bg-blue-dark {
background-color: #0d8aee; }
a.bg-blue-dark:hover,
a.bg-blue-dark:focus {
background-color: #0a6ebd; }
.bg-blue-darker {
background-color: #0c7cd5; }
a.bg-blue-darker:hover,
a.bg-blue-darker:focus {
background-color: #0960a5; }
.bg-blue-light {
background-color: #39a1f4; }
a.bg-blue-light:hover,
a.bg-blue-light:focus {
background-color: #0d8aee; }
.bg-blue-lighter {
background-color: #51adf6; }
a.bg-blue-lighter:hover,
a.bg-blue-lighter:focus {
background-color: #2196f3; }
.bg-lightblue {
background-color: #03A9F4; }
a.bg-lightblue:hover,
a.bg-lightblue:focus {
background-color: #0286c2; }
.bg-lightblue-dark {
background-color: #0398db; }
a.bg-lightblue-dark:hover,
a.bg-lightblue-dark:focus {
background-color: #0275a8; }
.bg-lightblue-darker {
background-color: #0286c2; }
a.bg-lightblue-darker:hover,
a.bg-lightblue-darker:focus {
background-color: #02638f; }
.bg-lightblue-light {
background-color: #14b4fc; }
a.bg-lightblue-light:hover,
a.bg-lightblue-light:focus {
background-color: #0398db; }
.bg-lightblue-lighter {
background-color: #2ebcfc; }
a.bg-lightblue-lighter:hover,
a.bg-lightblue-lighter:focus {
background-color: #03a9f4; }
.bg-cyan {
background-color: #00BCD4; }
a.bg-cyan:hover,
a.bg-cyan:focus {
background-color: #008fa1; }
.bg-cyan-dark {
background-color: #00a5bb; }
a.bg-cyan-dark:hover,
a.bg-cyan-dark:focus {
background-color: #007888; }
.bg-cyan-darker {
background-color: #008fa1; }
a.bg-cyan-darker:hover,
a.bg-cyan-darker:focus {
background-color: #00626e; }
.bg-cyan-light {
background-color: #00d3ee; }
a.bg-cyan-light:hover,
a.bg-cyan-light:focus {
background-color: #00a5bb; }
.bg-cyan-lighter {
background-color: #08e3ff; }
a.bg-cyan-lighter:hover,
a.bg-cyan-lighter:focus {
background-color: #00bcd4; }
.bg-teal {
background-color: #009688; }
a.bg-teal:hover,
a.bg-teal:focus {
background-color: #00635a; }
.bg-teal-dark {
background-color: #007d71; }
a.bg-teal-dark:hover,
a.bg-teal-dark:focus {
background-color: #004a43; }
.bg-teal-darker {
background-color: #00635a; }
a.bg-teal-darker:hover,
a.bg-teal-darker:focus {
background-color: #00302c; }
.bg-teal-light {
background-color: #00b09f; }
a.bg-teal-light:hover,
a.bg-teal-light:focus {
background-color: #007d71; }
.bg-teal-lighter {
background-color: #00c9b6; }
a.bg-teal-lighter:hover,
a.bg-teal-lighter:focus {
background-color: #009688; }
.bg-green {
background-color: #4CAF50; }
a.bg-green:hover,
a.bg-green:focus {
background-color: #3d8b40; }
.bg-green-dark {
background-color: #449d48; }
a.bg-green-dark:hover,
a.bg-green-dark:focus {
background-color: #357a38; }
.bg-green-darker {
background-color: #3d8b40; }
a.bg-green-darker:hover,
a.bg-green-darker:focus {
background-color: #2d682f; }
.bg-green-light {
background-color: #5cb860; }
a.bg-green-light:hover,
a.bg-green-light:focus {
background-color: #449d48; }
.bg-green-lighter {
background-color: #6ec071; }
a.bg-green-lighter:hover,
a.bg-green-lighter:focus {
background-color: #4caf50; }
.bg-lightgreen {
background-color: #74D108; }
a.bg-lightgreen:hover,
a.bg-lightgreen:focus {
background-color: #59a006; }
.bg-lightgreen-dark {
background-color: #66b807; }
a.bg-lightgreen-dark:hover,
a.bg-lightgreen-dark:focus {
background-color: #4b8705; }
.bg-lightgreen-darker {
background-color: #59a006; }
a.bg-lightgreen-darker:hover,
a.bg-lightgreen-darker:focus {
background-color: #3d6f04; }
.bg-lightgreen-light {
background-color: #82ea09; }
a.bg-lightgreen-light:hover,
a.bg-lightgreen-light:focus {
background-color: #66b807; }
.bg-lightgreen-lighter {
background-color: #8ef616; }
a.bg-lightgreen-lighter:hover,
a.bg-lightgreen-lighter:focus {
background-color: #74d108; }
.bg-lime {
background-color: #CDDC39; }
a.bg-lime:hover,
a.bg-lime:focus {
background-color: #b2c022; }
.bg-lime-dark {
background-color: #c6d626; }
a.bg-lime-dark:hover,
a.bg-lime-dark:focus {
background-color: #9daa1e; }
.bg-lime-darker {
background-color: #b2c022; }
a.bg-lime-darker:hover,
a.bg-lime-darker:focus {
background-color: #89951a; }
.bg-lime-light {
background-color: #d2e04f; }
a.bg-lime-light:hover,
a.bg-lime-light:focus {
background-color: #c6d626; }
.bg-lime-lighter {
background-color: #d8e464; }
a.bg-lime-lighter:hover,
a.bg-lime-lighter:focus {
background-color: #cddc39; }
.bg-yellow {
background-color: #FFEB3B; }
a.bg-yellow:hover,
a.bg-yellow:focus {
background-color: #ffe608; }
.bg-yellow-dark {
background-color: #ffe822; }
a.bg-yellow-dark:hover,
a.bg-yellow-dark:focus {
background-color: #eed500; }
.bg-yellow-darker {
background-color: #ffe608; }
a.bg-yellow-darker:hover,
a.bg-yellow-darker:focus {
background-color: #d4be00; }
.bg-yellow-light {
background-color: #ffee55; }
a.bg-yellow-light:hover,
a.bg-yellow-light:focus {
background-color: #ffe822; }
.bg-yellow-lighter {
background-color: #fff06e; }
a.bg-yellow-lighter:hover,
a.bg-yellow-lighter:focus {
background-color: #ffeb3b; }
.bg-amber {
background-color: #FFC107; }
a.bg-amber:hover,
a.bg-amber:focus {
background-color: #d39e00; }
.bg-amber-dark {
background-color: #edb100; }
a.bg-amber-dark:hover,
a.bg-amber-dark:focus {
background-color: #ba8b00; }
.bg-amber-darker {
background-color: #d39e00; }
a.bg-amber-darker:hover,
a.bg-amber-darker:focus {
background-color: #a07800; }
.bg-amber-light {
background-color: #ffc721; }
a.bg-amber-light:hover,
a.bg-amber-light:focus {
background-color: #edb100; }
.bg-amber-lighter {
background-color: #ffce3a; }
a.bg-amber-lighter:hover,
a.bg-amber-lighter:focus {
background-color: #ffc107; }
.bg-orange {
background-color: #FF9800; }
a.bg-orange:hover,
a.bg-orange:focus {
background-color: #cc7a00; }
.bg-orange-dark {
background-color: #e68900; }
a.bg-orange-dark:hover,
a.bg-orange-dark:focus {
background-color: #b36a00; }
.bg-orange-darker {
background-color: #cc7a00; }
a.bg-orange-darker:hover,
a.bg-orange-darker:focus {
background-color: #995b00; }
.bg-orange-light {
background-color: #ffa21a; }
a.bg-orange-light:hover,
a.bg-orange-light:focus {
background-color: #e68900; }
.bg-orange-lighter {
background-color: #ffad33; }
a.bg-orange-lighter:hover,
a.bg-orange-lighter:focus {
background-color: #ff9800; }
.bg-deeporange {
background-color: #FF5722; }
a.bg-deeporange:hover,
a.bg-deeporange:focus {
background-color: #ee3900; }
.bg-deeporange-dark {
background-color: #ff4409; }
a.bg-deeporange-dark:hover,
a.bg-deeporange-dark:focus {
background-color: #d53300; }
.bg-deeporange-darker {
background-color: #ee3900; }
a.bg-deeporange-darker:hover,
a.bg-deeporange-darker:focus {
background-color: #bb2d00; }
.bg-deeporange-light {
background-color: #ff6a3c; }
a.bg-deeporange-light:hover,
a.bg-deeporange-light:focus {
background-color: #ff4409; }
.bg-deeporange-lighter {
background-color: #ff7e55; }
a.bg-deeporange-lighter:hover,
a.bg-deeporange-lighter:focus {
background-color: #ff5722; }
.bg-brown {
background-color: #795548; }
a.bg-brown:hover,
a.bg-brown:focus {
background-color: #593f35; }
.bg-brown-dark {
background-color: #694a3e; }
a.bg-brown-dark:hover,
a.bg-brown-dark:focus {
background-color: #49332b; }
.bg-brown-darker {
background-color: #593f35; }
a.bg-brown-darker:hover,
a.bg-brown-darker:focus {
background-color: #392822; }
.bg-brown-light {
background-color: #896052; }
a.bg-brown-light:hover,
a.bg-brown-light:focus {
background-color: #694a3e; }
.bg-brown-lighter {
background-color: #996b5b; }
a.bg-brown-lighter:hover,
a.bg-brown-lighter:focus {
background-color: #795548; }
.bg-grey {
background-color: #9E9E9E; }
a.bg-grey:hover,
a.bg-grey:focus {
background-color: #858585; }
.bg-grey-dark {
background-color: #919191; }
a.bg-grey-dark:hover,
a.bg-grey-dark:focus {
background-color: #787878; }
.bg-grey-darker {
background-color: #858585; }
a.bg-grey-darker:hover,
a.bg-grey-darker:focus {
background-color: #6b6b6b; }
.bg-grey-light {
background-color: #ababab; }
a.bg-grey-light:hover,
a.bg-grey-light:focus {
background-color: #919191; }
.bg-grey-lighter {
background-color: #b8b8b8; }
a.bg-grey-lighter:hover,
a.bg-grey-lighter:focus {
background-color: #9e9e9e; }
.bg-bluegrey {
background-color: #607D8B; }
a.bg-bluegrey:hover,
a.bg-bluegrey:focus {
background-color: #4b626d; }
.bg-bluegrey-dark {
background-color: #566f7c; }
a.bg-bluegrey-dark:hover,
a.bg-bluegrey-dark:focus {
background-color: #41545e; }
.bg-bluegrey-darker {
background-color: #4b626d; }
a.bg-bluegrey-darker:hover,
a.bg-bluegrey-darker:focus {
background-color: #36474f; }
.bg-bluegrey-light {
background-color: #6b8a99; }
a.bg-bluegrey-light:hover,
a.bg-bluegrey-light:focus {
background-color: #566f7c; }
.bg-bluegrey-lighter {
background-color: #7b96a3; }
a.bg-bluegrey-lighter:hover,
a.bg-bluegrey-lighter:focus {
background-color: #607d8b; }
/* $TextColor */
.text-primary {
color: #6164C1; }
a.text-primary:hover,
a.text-primary:focus {
color: #4347ac; }
.text-default {
color: #e2e2e2; }
a.text-default:hover,
a.text-default:focus {
color: #c9c9c9; }
.text-warning {
color: #F2B776; }
a.text-warning:hover,
a.text-warning:focus {
color: #ee9f47; }
.text-success {
color: #6FC080; }
a.text-success:hover,
a.text-success:focus {
color: #4daf61; }
.text-info {
color: #6EC7E6; }
a.text-info:hover,
a.text-info:focus {
color: #43b6df; }
.text-white {
color: white; }
a.text-white:hover,
a.text-white:focus {
color: #e6e6e6; }
.text-danger {
color: #DD6777; }
a.text-danger:hover,
a.text-danger:focus {
color: #d43d52; }
.text-muted {
color: #b3b3b3; }
a.text-muted:hover,
a.text-muted:focus {
color: #999999; }
.text-color {
color: #59595A; }
a.text-color:hover,
a.text-color:focus {
color: #404040; }
/* Extra text colors */
.text-red {
color: #F44336; }
a.text-red:hover,
a.text-red:focus {
color: #ea1c0d; }
.text-pink {
color: #E91E63; }
a.text-pink:hover,
a.text-pink:focus {
color: #c1134e; }
.text-purple {
color: #9C27B0; }
a.text-purple:hover,
a.text-purple:focus {
color: #771e86; }
.text-deeppurple {
color: #673AB7; }
a.text-deeppurple:hover,
a.text-deeppurple:focus {
color: #512e90; }
.text-indigo {
color: #3F51B5; }
a.text-indigo:hover,
a.text-indigo:focus {
color: #32408f; }
.text-blue {
color: #2196F3; }
a.text-blue:hover,
a.text-blue:focus {
color: #0c7cd5; }
.text-lightblue {
color: #03A9F4; }
a.text-lightblue:hover,
a.text-lightblue:focus {
color: #0286c2; }
.text-cyan {
color: #00BCD4; }
a.text-cyan:hover,
a.text-cyan:focus {
color: #008fa1; }
.text-teal {
color: #009688; }
a.text-teal:hover,
a.text-teal:focus {
color: #00635a; }
.text-green {
color: #4CAF50; }
a.text-green:hover,
a.text-green:focus {
color: #3d8b40; }
.text-lightgreen {
color: #74D108; }
a.text-lightgreen:hover,
a.text-lightgreen:focus {
color: #59a006; }
.text-lime {
color: #CDDC39; }
a.text-lime:hover,
a.text-lime:focus {
color: #b2c022; }
.text-yellow {
color: #FFEB3B; }
a.text-yellow:hover,
a.text-yellow:focus {
color: #ffe608; }
.text-amber {
color: #FFC107; }
a.text-amber:hover,
a.text-amber:focus {
color: #d39e00; }
.text-orange {
color: #FF9800; }
a.text-orange:hover,
a.text-orange:focus {
color: #cc7a00; }
.text-deeporange {
color: #FF5722; }
a.text-deeporange:hover,
a.text-deeporange:focus {
color: #ee3900; }
.text-brown {
color: #795548; }
a.text-brown:hover,
a.text-brown:focus {
color: #593f35; }
.text-grey {
color: #9E9E9E; }
a.text-grey:hover,
a.text-grey:focus {
color: #858585; }
.text-bluegrey {
color: #607D8B; }
a.text-bluegrey:hover,
a.text-bluegrey:focus {
color: #4b626d; }
/* $well
------------------------------------------*/
.well {
border-color: #dddddd;
background-color: #E9E9ED;
box-shadow: none;
border-radius: 0; }
.well-lg {
border-radius: 0; }
.well-sm {
border-radius: 0; }
/* $bootstrap.ui
------------------------------------------*/
.carousel-inner {
width: 100%;
height: 100%; }
.ui-datepicker table {
background-color: white;
padding: 1.25rem;
border: 0.0625em solid #e4e4e4;
outline: none; }
.ui-datepicker table .btn {
border-color: transparent; }
.ui-datepicker table .btn.active {
box-shadow: none; }
.ui-datepicker .dropdown-menu table {
border: 0; }
/* $session
------------------------------------------*/
.session-wrapper {
min-height: 100%;
margin: 0 auto-2.5rem; }
.session-wrapper:before, .session-wrapper:after {
content: " ";
display: table; }
.session-wrapper:after {
clear: both; }
.session-wrapper::after {
height: 2.5rem; }
.push {
height: 2.5rem; }
.app.signin .card,
.app.signup .card,
.app.forgot-password .card,
.app.error-page .card,
.app.lockscreen .card {
box-shadow: 0 0.125rem 0.25rem rgba(50, 70, 75, 0.2);
display: block;
margin: 100px auto;
width: 100%; }
.app.error-page .card {
box-shadow: none; }
.app.lockscreen .card {
max-width: 400px; }
.app.forgot-password .card,
.app.signin .card {
max-width: 500px; }
.app.forgot-password .card .bottom-link,
.app.signin .card .bottom-link {
position: absolute;
bottom: -30px;
left: 5px; }
.app.signup .card {
max-width: 600px; }
.app.signin.v2 .session-wrapper::after,
.app.signup.v2 .session-wrapper::after {
height: 0; }
@media screen and (min-width: 768px) {
.app.signin.v2 .session-carousel,
.app.signup.v2 .session-carousel {
position: absolute;
top: 0;
left: 0;
bottom: 0;
margin: 0;
width: 100%;
width: -webkit-calc(100% - 500px);
width: calc(100% - 500px); }
.app.signin.v2 .session-carousel .carousel-inner,
.app.signup.v2 .session-carousel .carousel-inner {
width: 100%;
height: 100%; }
.app.signin.v2 .carousel-inner > .item,
.app.signup.v2 .carousel-inner > .item {
width: 100%;
height: 100%; }
.app.signin.v2 .card,
.app.signup.v2 .card {
margin: 0;
float: right;
min-height: 100vh;
box-shadow: none; }
.app.signin.v2 .card .card-block,
.app.signup.v2 .card .card-block {
padding-top: 150px; } }
@media (max-width: 767px) {
.app.signin.v2 .card,
.app.signup.v2 .card {
max-width: 100%;
min-height: 100vh;
margin: 0; }
.app.signin.v2 .card .card-block,
.app.signup.v2 .card .card-block {
padding-top: 150px; }
.app.signin.v2 .push,
.app.signup.v2 .push {
display: none; } }
.divider {
border-top: 0.0625rem solid #e4e4e4;
text-align: center;
margin-top: 20px;
margin-bottom: 20px;
height: 0; }
.divider span {
display: inline-block;
position: relative;
padding: 0 0.75rem;
background: #fff;
top: -10px; }
.form-layout {
margin: 0 auto;
padding: 1.25rem; }
.form-layout input {
margin-bottom: 0.75rem; }
.form-layout label {
width: 100%;
display: block; }
.form-layout .name input {
float: left;
display: block;
width: 100%;
width: -webkit-calc(50% - 0.75rem/2);
width: calc(50% - 0.75rem/2); }
.form-layout .name input.first {
margin-right: 0.75rem; }
.form-layout .btn-lg {
border-radius: 0; }
/* $lockscreen
------------------------------------------*/
.lockcode {
display: block;
margin: 0 auto;
max-width: 280px; }
.lockscreen-avatar {
position: relative;
max-width: 128px;
margin: 0 auto; }
/* $error-pages
------------------------------------------*/
.error-number {
font-size: 150px;
line-height: 1; }
.error-icon {
font-size: 100px;
line-height: 160px;
border: 3px solid #DD6777;
color: #DD6777;
width: 160px;
height: 160px;
border-radius: 50%;
margin: 0 auto 20px; }
/* $calendar
------------------------------------------*/
.fc-header-btn {
display: block;
width: 100%;
line-height: 26px; }
.fc-t-events {
outline: none; }
.fc-widget-header {
border-width: 0 !important; }
.calendar-viewer {
background: white; }
.fullcalendar th.fc-widget-header {
border-width: 0;
font-size: 0.8125rem;
font-weight: 400; }
.fullcalendar .fc td {
font-weight: 700; }
.fullcalendar .fc td,
.fullcalendar .fc th {
border-right: 0;
border-left: 0; }
.fullcalendar .fc-body {
border: 0.0625rem solid #e4e4e4; }
.fullcalendar .fc-day-grid-event .fc-time {
font-weight: inherit; }
.fullcalendar .fc-day-grid-event .fc-time::after {
display: inline-block;
content: ':'; }
.fullcalendar .fc-widget-content {
border-color: #e4e4e4; }
.fullcalendar .fc-unthemed th,
.fullcalendar .fc-unthemed td,
.fullcalendar .fc-unthemed hr,
.fullcalendar .fc-unthemed thead,
.fullcalendar .fc-unthemed tbody,
.fullcalendar .fc-unthemed .fc-row,
.fullcalendar .fc-unthemed .fc-popover {
border-color: #e4e4e4; }
.fullcalendar .fc-unthemed hr,
.fullcalendar .fc-unthemed .fc-popover .fc-header {
background-color: #e4e4e4; }
.fullcalendar .fc button {
padding: 0 1.25rem;
font-size: inherit; }
.fullcalendar .fc-prev-button,
.fullcalendar .fc-next-button {
padding: 0 5px; }
.fullcalendar .fc-state-default.fc-corner-left {
/* non-theme */
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
.fullcalendar .fc-state-default.fc-corner-right {
/* non-theme */
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
.fullcalendar .fc-state-default {
background: transparent;
border-color: #D8D8D8;
border-top: 0;
border-bottom: 0;
border-left: 0;
color: #59595A;
text-shadow: none;
box-shadow: none; }
.fullcalendar .fc-state-hover,
.fullcalendar .fc-state-down,
.fullcalendar .fc-state-active,
.fullcalendar .fc-state-disabled {
color: #4c4c4d;
background-color: #e4e4e4;
outline: none; }
.fullcalendar .fc-state-hover {
color: #4c4c4d; }
.fullcalendar .fc-state-down,
.fullcalendar .fc-state-active {
background-color: #e4e4e4;
background-image: none;
box-shadow: none; }
.fullcalendar .fc-toolbar {
background-color: #e2e2e2;
margin-bottom: 0; }
.fullcalendar .fc-button {
line-height: 1;
padding: 0 0.75rem;
height: 2.5rem;
text-transform: capitalize; }
.fullcalendar .fc-toolbar h2 {
font-size: 1rem;
line-height: 2.5rem;
padding: 0 0.75rem;
height: 2.5rem; }
.fullcalendar .fc-left > .fc-button,
.fullcalendar .fc-left h2,
.fullcalendar .fc-right > .fc-button,
.fullcalendar .fc-right h2,
.fullcalendar .fc-center > .fc-button,
.fullcalendar .fc-center h2 {
border-right: 0.0625rem solid #c9c9c9; }
.fc-view-container {
padding: 0.75rem; }
.fc .fc-toolbar > * > * {
margin-left: 0; }
.fc-event {
background-color: #44425B;
color: white;
border-radius: 0;
padding: 2px 5px;
border-color: transparent;
font-size: 12px; }
.external-event {
padding: 4px;
border-color: transparent;
font-size: 0.8125rem;
display: block;
margin: 0 0 0.0625rem 0; }
.external-event .remove {
cursor: pointer; }
.external-events {
list-style: none;
padding: 0; }
.external-events .form-control {
padding-left: 0; }
.external-events .event-primary .form-control,
.fc-event-container .event-primary .form-control {
color: #353887; }
.external-events .event-primary.fc-event,
.fc-event-container .event-primary.fc-event {
background-color: #6164C1;
color: #353887; }
.external-events .event-success .form-control,
.fc-event-container .event-success .form-control {
color: #3d8c4e; }
.external-events .event-success.fc-event,
.fc-event-container .event-success.fc-event {
background-color: #b6dfbf;
color: #3d8c4e; }
.external-events .event-info .form-control,
.fc-event-container .event-info .form-control {
color: #23a0cb; }
.external-events .event-info.fc-event,
.fc-event-container .event-info.fc-event {
background-color: #c5e9f5;
color: #23a0cb; }
.external-events .event-warning .form-control,
.fc-event-container .event-warning .form-control {
color: #e98619; }
.external-events .event-warning.fc-event,
.fc-event-container .event-warning.fc-event {
background-color: #fbe8d3;
color: #e98619; }
.external-events .event-danger .form-control,
.fc-event-container .event-danger .form-control {
color: #b5293c; }
.external-events .event-danger.fc-event,
.fc-event-container .event-danger.fc-event {
background-color: #f0bac2;
color: #b5293c; }
.external-events .event-default .form-control,
.fc-event-container .event-default .form-control {
color: #afafaf; }
.external-events .event-default.fc-event,
.fc-event-container .event-default.fc-event {
background-color: #e7e7e7;
color: #59595A; }
.event-type {
margin-top: 5px;
padding: 0;
list-style: none; }
.event-type li {
display: inline-block; }
.event-type li a::before {
display: block;
width: 100%;
height: 100%;
background-color: #6164C1;
content: ''; }
.event-type li a:hover,
.event-type li a:focus,
.event-type li a.active {
border-color: #6164C1; }
.event-type li a {
position: relative;
display: block;
padding: 1px;
width: 15px;
height: 15px;
border: 0.0625rem solid transparent; }
.event-type li a.event-primary::before {
background-color: #6164C1; }
.event-type li a.event-success::before {
background-color: #6FC080; }
.event-type li a.event-info::before {
background-color: #6EC7E6; }
.event-type li a.event-warning::before {
background-color: #F2B776; }
.event-type li a.event-danger::before {
background-color: #DD6777; }
.event-type li a.event-default::before {
background-color: #e2e2e2; }
/* $gallery
------------------------------------------*/
.gallery a {
display: block;
overflow: hidden;
margin-bottom: 0.75rem;
border-radius: 0; }
.gallery a img {
-webkit-transition: transform 150ms linear;
transition: transform 150ms linear;
max-width: 100%;
height: auto; }
.gallery a:hover img {
-webkit-transform: scale(1.2, 1.2);
-moz-transform: scale(1.2, 1.2);
-o-transform: scale(1.2, 1.2);
-ms-transform: scale(1.2, 1.2);
transform: scale(1.2, 1.2); }
/* $invoice
------------------------------------------*/
.invoice-logo {
height: 50px; }
.invoice-totals {
margin-bottom: 15px;
text-align: right; }
.invoice-totals:before, .invoice-totals:after {
content: " ";
display: table; }
.invoice-totals:after {
clear: both; }
.invoice-totals .invoice-totals-row {
margin-bottom: 5px; }
.invoice-totals .invoice-totals-title {
margin-right: 15px; }
.invoice-totals .invoice-totals-value {
display: inline-block;
min-width: 90px;
text-align: left; }
/* $messages
------------------------------------------*/
.message-list {
list-style-type: none;
padding: 0;
margin: 0; }
.message-list .message-list-item a {
padding: 1.25rem;
display: block;
cursor: pointer; }
.message-list .message-list-item a:hover, .message-list .message-list-item a:focus, .message-list .message-list-item a:active {
background-color: #f6f6f6;
color: #59595A; }
.message-list .message-list-item a p {
margin-bottom: 0; }
.message-list .message-list-item a .message-list-item-header {
display: block;
margin-bottom: 2px; }
.message-list .message-list-item a .message-list-item-header span {
color: #333333; }
.message-list .message-list-item a .time {
color: #b3b3b3;
float: right;
font-size: 10px;
font-weight: 700;
margin-top: 3px; }
.message-view,
.contact-view {
background-color: white; }
.message-header:before, .message-header:after,
.contact-header:before,
.contact-header:after {
content: " ";
display: table; }
.message-header:after,
.contact-header:after {
clear: both; }
.message-header .lead,
.contact-header .lead {
margin-bottom: 5px; }
.message-header .date,
.contact-header .date {
padding-top: 8px;
color: #b3b3b3;
float: right;
font-size: 11px; }
.message-header .message-toolbar,
.message-header .contact-toolbar,
.contact-header .message-toolbar,
.contact-header .contact-toolbar {
display: block;
background: rgba(0, 0, 0, 0.05);
padding: 0 0.75rem;
background: #efefef;
position: relative; }
.message-header .message-toolbar:before, .message-header .message-toolbar:after,
.message-header .contact-toolbar:before,
.message-header .contact-toolbar:after,
.contact-header .message-toolbar:before,
.contact-header .message-toolbar:after,
.contact-header .contact-toolbar:before,
.contact-header .contact-toolbar:after {
content: " ";
display: table; }
.message-header .message-toolbar:after,
.message-header .contact-toolbar:after,
.contact-header .message-toolbar:after,
.contact-header .contact-toolbar:after {
clear: both; }
.message-header .message-toolbar::after,
.message-header .contact-toolbar::after,
.contact-header .message-toolbar::after,
.contact-header .contact-toolbar::after {
content: '';
height: 1px;
position: absolute;
bottom: 0;
width: 100%;
margin-left: -15px;
margin-right: -15px;
background-color: #e4e4e4; }
.message-header .message-toolbar p,
.message-header .contact-toolbar p,
.contact-header .message-toolbar p,
.contact-header .contact-toolbar p {
padding: 8px 0; }
.message-header .message-toolbar a,
.message-header .contact-toolbar a,
.contact-header .message-toolbar a,
.contact-header .contact-toolbar a {
color: #727274;
padding: 10px 0;
display: inline-block; }
.message-header .message-toolbar a:hover,
.message-header .contact-toolbar a:hover,
.contact-header .message-toolbar a:hover,
.contact-header .contact-toolbar a:hover {
color: #59595A; }
.message-files {
border-top: 0.0625rem solid rgba(0, 0, 0, 0.05);
border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.05);
padding: 1.25rem 0;
margin-top: 1.25rem; }
.message-files .btn {
min-height: 37px; }
.no-messages,
.no-contacts {
display: table;
width: 100%;
height: 100%;
text-align: center; }
.no-messages .no-title,
.no-contacts .no-title {
display: table-cell;
vertical-align: middle; }
.no-messages .no-title h1,
.no-contacts .no-title h1 {
font-family: helvetica neue;
font-weight: 300; }
.contacts-list {
position: relative; }
@media screen and (min-width: 768px) {
.messages-sidebar,
.contacts-sidebar {
width: 250px; }
.messages-list,
.contacts-list {
width: 300px; } }
@media (max-width: 767px) {
.message-view,
.contact-view {
position: fixed;
top: 3.438rem;
bottom: 0;
right: 0;
left: 0;
z-index: 1000;
background-color: rgba(255, 255, 255, 0.99);
overflow: hidden;
-webkit-transition: -webkit-transform 150ms cubic-bezier(0.7, 0, 0.3, 1);
-moz-transition: -moz-transform 150ms cubic-bezier(0.7, 0, 0.3, 1);
-o-transition: -o-transform 150ms cubic-bezier(0.7, 0, 0.3, 1);
transition: transform 150ms cubic-bezier(0.7, 0, 0.3, 1);
-webkit-transform: translate(100%, 0);
-moz-transform: translate(100%, 0);
-o-transform: translate(100%, 0);
-ms-transform: translate(100%, 0);
transform: translate(100%, 0);
-webkit-transform: translate3d(100%, 0, 0);
-moz-transform: translate3d(100%, 0, 0);
-o-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); }
.message-view .scroll,
.contact-view .scroll {
overflow-x: hidden;
overflow-y: auto;
height: 100%; }
.message-open .message-view,
.contact-open .contact-view {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.contacts-list {
min-height: calc(100vh - 5.938rem); }
.contacts-list #list1 {
position: absolute; } }
/* $travel
------------------------------------------*/
.travel-map.column,
.travel-content.column {
width: 50%; }
@media (max-width: 767px) {
.travel-map.column,
.travel-content.column {
width: 100%;
display: block;
height: 100%; }
.travel-map.column .world-map,
.travel-content.column .world-map {
display: block; } }
.tile-container {
position: relative;
width: 100%;
margin-left: -0.375rem;
margin-right: -0.375rem; }
.tile-small,
.tile-big {
padding-left: 0.375rem;
padding-right: 0.375rem;
float: left; }
.tile-small:hover .card,
.tile-big:hover .card {
background-color: #eee; }
.tile-small {
padding-right: 2px;
padding-left: 2px;
padding-bottom: 4px; }
.tile-big {
padding-right: 2px;
padding-left: 2px;
padding-bottom: 4px; }
@media (max-width: 767px) {
.tile-small {
width: 100%; }
.tile-big {
width: 100%; } }
@media (min-width: 768px) {
.tile-small {
width: 50%; }
.tile-big {
width: 50%; } }
@media (min-width: 992px) {
.tile-small {
width: 25%; }
.tile-big {
width: 50%; } }
@media (min-width: 1200px) {
.tile-small {
width: 25%; }
.tile-big {
width: 50%; } }
.travel-reviews {
padding: 0;
margin-left: -0.9375rem;
margin-right: -0.9375rem;
margin-top: -0.9375rem;
margin-bottom: -0.9375rem;
list-style: none; }
.travel-reviews .travel-reviews-icon {
width: 60px; }
.travel-reviews .travel-reviews-icon img {
width: 100%; }
.travel-reviews .travel-reviews-content {
padding-left: 10px; }
.travel-reviews .travel-reviews-header, .travel-reviews .travel-reviews-footer {
padding: 0 1.25rem; }
.travel-reviews .travel-reviews-header {
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 0.0625rem solid #e4e4e4; }
.travel-reviews .travel-reviews-header p {
margin: 0; }
.travel-reviews .travel-reviews-footer {
padding-top: 5px;
padding-bottom: 5px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0; }
.travel-reviews li a {
font-size: 0.8125rem;
padding: 0;
display: table;
width: 100%;
height: 100%;
border-spacing: 0;
table-layout: fixed;
overflow: hidden;
line-height: 25px; }
.travel-reviews .travel-reviews-icon,
.travel-reviews .travel-reviews-content,
.travel-reviews .travel-reviews-place {
display: table-cell;
vertical-align: middle;
position: relative;
float: none;
height: 100%; }
.travel-reviews .travel-reviews-place {
color: #666667;
width: 100px; }
.travel-reviews a:hover,
.travel-reviews a:active {
color: #4c4c4d;
background-color: transparent; }
.travel-reviews .travel-reviews-list {
list-style: none;
padding: 0; }
.travel-reviews .travel-reviews-list li {
border-bottom: 0.0625rem solid #f1f1f1; }
.travel-reviews .travel-reviews-list li a {
position: relative;
padding: 1.25rem; }
/* $products
------------------------------------------*/
.product-tile .product-image {
border-radius: 0;
background: white;
padding: 3em;
box-shadow: 0 0.125rem 0.25rem rgba(50, 70, 75, 0.2); }
.product-tile .product-meta {
position: relative;
margin: 0.75rem 0 0;
padding: 0 60px 0 0;
text-align: left; }
.product-tile .product-brand {
display: block; }
.product-tile .product-title {
margin: 0;
padding: .4em 0 .1em; }
.product-tile .product-price {
font-size: .95em;
position: absolute;
top: .45em;
right: .25em;
color: #595b64; }
.product-tile.tile-small, .product-tile.tile-big {
padding-right: 0.375rem;
padding-left: 0.375rem;
padding-bottom: 0.75rem; }
.product-actions {
padding: 0.75rem;
text-align: right; }
.product-actions .cart-button {
position: absolute;
bottom: 6.25rem;
right: 0.75rem;
-webkit-transition: opacity 0.3s, transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
-webkit-transform: translate3d(-5px, 0, 0);
-moz-transform: translate3d(-5px, 0, 0);
-o-transform: translate3d(-5px, 0, 0);
-ms-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0); }
.product-actions .mark,
.product-actions mark {
position: absolute;
top: 0;
right: 0.375rem;
background: transparent; }
.product-actions .mark a,
.product-actions mark a {
position: relative;
color: #fff;
padding: 4px; }
.product-actions .mark:before,
.product-actions mark:before {
display: block;
position: absolute;
width: 40px;
height: 40px;
top: 0;
right: 0;
content: ""; }
.product-actions .mark:before,
.product-actions mark:before {
border-top: solid 20px #6164C1;
border-right: solid 20px #6164C1;
border-left: solid 20px transparent;
border-bottom: solid 20px transparent; }
.no-touch .product-actions .cart-button {
opacity: 0; }
.no-touch .product-tile:hover .product-actions .cart-button {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.cart-summary {
position: fixed;
top: 100px;
right: 0.75rem;
background: #6164C1;
color: white;
border-radius: 0;
z-index: 1;
padding: 0.75rem;
width: 150px; }
.cart-quantity {
min-width: 20px;
display: inline-block;
text-align: center; }
.math-actions {
line-height: 1;
position: relative;
cursor: pointer;
min-width: 10px;
display: inline-block;
margin: 0 5px; }
.math-actions::before {
content: '';
position: absolute;
right: 50%;
top: 50%;
margin-top: -5px;
background: #59595A;
width: 2px;
height: 10px;
margin-right: -1px; }
.math-actions::after {
content: '';
position: absolute;
top: 50%;
right: 50%;
background: #59595A;
height: 2px;
width: 10px;
margin-right: -5px;
margin-top: -1px; }
.math-actions.minus:before {
display: none; }
@media (max-width: 767px) {
.product-tile.tile-small {
width: 100%; }
.product-tile.tile-big {
width: 100%; } }
@media (min-width: 768px) {
.product-tile.tile-small {
width: 50%; }
.product-tile.tile-big {
width: 50%; } }
@media (min-width: 992px) {
.product-tile.tile-small {
width: 25%; }
.product-tile.tile-big {
width: 50%; } }
@media (min-width: 1200px) {
.product-tile.tile-small {
width: 20%; }
.product-tile.tile-big {
width: 40%; } }
.post-header {
display: table;
width: 100%;
border-collapse: collapse;
border-spacing: 0;
table-layout: fixed;
margin-top: -146px; }
.post-header > * {
display: table-cell;
vertical-align: bottom;
float: none;
height: 100%; }
/* $profile
------------------------------------------*/
.profile-header {
display: table;
width: 100%;
border-collapse: collapse;
border-spacing: 0;
table-layout: fixed;
margin-top: -23%; }
.profile-header > * {
display: table-cell;
vertical-align: bottom;
float: none;
height: 100%; }
.profile-avatar {
z-index: 1;
width: 100%;
display: block;
padding: 5px;
background-color: #fff;
box-shadow: 0 0.125rem 0.25rem rgba(50, 70, 75, 0.2); }
.profile-stats {
width: 40%;
float: right; }
.profile-user {
width: 60%; }
.profile-sidebar-item {
margin: 0 0 0.75rem 0; }
.profile-sidebar-item:before, .profile-sidebar-item:after {
content: " ";
display: table; }
.profile-sidebar-item:after {
clear: both; }
.profile-sidebar-item p {
margin: 0; }
.profile-sidebar-item.profile-info {
text-align: center; }
.profile-reccomendations .user-meta {
padding: 0;
list-style: none; }
.profile-reccomendations .user-meta li {
padding: 5px 0; }
.profile-numbers-count {
list-style: none;
padding: 0;
margin: 0;
display: table;
width: 100%; }
.profile-numbers-count li {
display: table-cell;
vertical-align: middle;
text-align: center;
float: none;
border-right: 0.0625rem solid #e4e4e4;
font-size: 12px; }
.profile-numbers-count li:Last-child {
border-right: 0; }
.profile-numbers-count li span {
font-size: 25px;
display: block;
color: #4d4d4d; }
.profile-timeline-header {
margin-bottom: 5px; }
.profile-timeline-header:before, .profile-timeline-header:after {
content: " ";
display: table; }
.profile-timeline-header:after {
clear: both; }
.profile-timeline-header .profile-timeline-user {
position: relative;
float: left;
margin-right: 0.9rem;
display: block; }
.profile-timeline-header .profile-timeline-user img {
max-width: 48px; }
.profile-timeline-header .profile-timeline-user-details {
margin-top: 5px;
margin-left: 63px; }
.profile-timeline-content {
margin-left: 63px; }
.profile-timeline-controls a {
display: inline-block; }
.profile-timeline-images {
margin-left: -2px;
margin-right: -2px;
margin-bottom: 10px; }
.profile-timeline-images .image-link {
display: block;
width: 50%;
float: left;
padding-right: 2px;
padding-left: 2px; }
.profile-timeline-images .image-link-smaller {
display: block;
width: 25%;
float: left;
padding-right: 2px;
padding-left: 2px;
padding-bottom: 4px; }
.profile-timeline-audio {
padding: 1.25rem 0;
margin-bottom: 10px; }
.profile-timeline-audio .audio {
display: table;
width: 100%; }
.profile-timeline-audio .audio .play_pause, .profile-timeline-audio .audio .audio-timeline, .profile-timeline-audio .audio .time {
display: table-cell;
vertical-align: middle;
text-align: center;
float: none; }
.profile-timeline-audio .audio .play_pause {
width: 40px; }
.profile-timeline-audio .audio .progress {
height: 5px;
width: 100%;
float: left;
margin: 0;
border-radius: 0; }
.profile-timeline-audio .audio .progress .done {
float: left;
width: 34%;
height: 5px;
text-align: center;
background-color: #6164C1;
-webkit-transition: width 0.6s ease;
transition: width 0.6s ease; }
.profile-timeline-audio .audio .time {
width: 80px; }
.post-comments {
margin: 20px 0 0 0; }
.post-comments .media {
margin: 0; }
.post-comments .comment {
overflow: hidden; }
.post-comments .comment-author a {
color: #333333; }
.post-comments .comment-author .time {
font-weight: 700;
font-size: 11px;
color: #99999a; }
.post-comments .avatar {
max-width: 48px; }
.post-comments .comment {
overflow: hidden; }
.post-comments .comment-meta {
float: right;
margin-bottom: 5px; }
.composer .card-block {
padding-bottom: 0; }
.composer textarea {
border-radius: 2px; }
.composer .composer-options {
padding: 5px; }
.composer .composer-options:before, .composer .composer-options:after {
content: " ";
display: table; }
.composer .composer-options:after {
clear: both; }
.composer .composer-options .btn {
border-color: transparent;
background-color: transparent; }
/* $timeline
------------------------------------------*/
.timeline {
position: relative;
margin-bottom: 3.25rem; }
.timeline::before {
position: absolute;
top: 6px;
left: 15px;
width: 2px;
height: 100%;
background: #e2e2e2;
content: ''; }
.timeline .timeline-icon {
position: absolute;
top: 6px;
left: 0;
text-align: center;
width: 1.875rem;
height: 1.875rem;
border-radius: 50%;
box-shadow: 0 0 0 2px #fff; }
.timeline .timeline-icon > i {
line-height: 1.875rem;
font-size: 13px; }
.timeline .timeline-card {
position: relative;
margin: 1.875rem 0; }
.timeline .timeline-card:before, .timeline .timeline-card:after {
content: " ";
display: table; }
.timeline .timeline-card:after {
clear: both; }
.timeline .timeline-card:first-child {
margin-top: 0; }
.timeline .timeline-heading {
position: relative;
border-color: transparent;
margin-bottom: 1.25rem; }
.timeline .timeline-heading:before, .timeline .timeline-heading:after {
content: " ";
display: table; }
.timeline .timeline-heading:after {
clear: both; }
.timeline .timeline-heading.border:after {
content: '';
display: block;
position: absolute;
height: 1px;
left: 0;
right: 0;
bottom: 0;
border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.06); }
.timeline .timeline-content {
position: relative;
margin-left: 60px;
padding: 1.25rem;
border: 0.0625rem solid #e2e2e2;
background: white;
border-radius: 0; }
.timeline .timeline-content:before, .timeline .timeline-content:after {
content: " ";
display: table; }
.timeline .timeline-content:after {
clear: both; }
.timeline .timeline-content .timeline-date {
display: inline-block;
padding: 5px 0 10px; }
.timeline .timeline-content::before {
position: absolute;
top: 13px;
right: 100%;
width: 0;
height: 0;
border-width: 7px;
border-style: solid;
border-color: transparent #e2e2e2 transparent transparent;
content: " ";
pointer-events: none; }
.timeline .timeline-content::after {
position: absolute;
top: 14px;
right: 100%;
width: 0;
height: 0;
border-width: 6px;
border-style: solid;
border-color: transparent white transparent transparent;
content: " ";
pointer-events: none; }
@media screen and (min-width: 768px) {
.timeline:not(.stacked)::before {
left: 50%;
margin-left: -1px; }
.timeline:not(.stacked) .timeline-card:nth-child(even) .timeline-content {
float: right; }
.timeline:not(.stacked) .timeline-card:nth-child(odd) .timeline-content::before {
position: absolute;
right: auto;
left: 100%;
border-color: transparent transparent transparent #e2e2e2; }
.timeline:not(.stacked) .timeline-card:nth-child(odd) .timeline-content::after {
position: absolute;
right: auto;
left: 100%;
border-color: transparent transparent transparent white; }
.timeline:not(.stacked) .timeline-card:nth-child(even) .timeline-content .timeline-date {
right: 122%;
left: auto;
text-align: right; }
.timeline:not(.stacked) .timeline-card:first-child {
margin-top: 0; }
.timeline:not(.stacked) .timeline-icon {
left: 50%;
margin-left: -15px; }
.timeline:not(.stacked) .timeline-content {
margin-left: 0;
padding: 20px;
width: 45%; }
.timeline:not(.stacked) .timeline-content .timeline-date {
position: absolute;
top: 6px;
left: 122%;
width: 100%; } }
/* $charts
------------------------------------------*/
.labels-white .flot-tick-label {
color: white; }
.flot-x-axis > :first-child {
display: none; }
.dashboard-rickshaw svg, .dashboard-rickshaw .rickshaw_graph {
border-radius: 0;
display: block; }
.dashboard-rickshaw > .rickshaw_graph {
height: 100%; }
.chart_container {
position: relative; }
.rickshaw-chart {
position: relative; }
.y_axis {
position: absolute;
top: 0;
bottom: 0;
width: 40px; }
.chart {
width: 100%;
border: 0; }
.chart-sm {
width: 100%;
height: 150px;
border: 0; }
.morrischart {
width: 100%;
height: 200px;
border: 0; }
.chart-legend.first {
padding-top: 80px; }
svg.nvd3-svg {
width: 100%;
display: block; }
.c3chart {
display: block;
position: relative;
width: 100%; }
.chocolat-wrapper {
z-index: 10000; }
.chocolat-loader {
width: 24px;
height: 24px;
background-image: none;
background-color: #6164C1;
margin-top: -12px;
margin-left: -12px;
-webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out;
animation: sk-rotatePlane 1.2s infinite ease-in-out; }
/* $jquery.ui
------------------------------------------*/
.ui-slider {
position: relative;
text-align: left;
background: #D0DBEC;
margin-bottom: 1.25rem; }
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1rem;
height: 1rem;
border-radius: 0.5rem;
cursor: default;
-ms-touch-action: none;
touch-action: none;
background: white;
box-shadow: #6388c0 0 0 0 1px;
cursor: pointer;
outline: none;
-webkit-transition: -webkit-transform 200ms cubic-bezier(0.7, 0, 0.3, 1);
-moz-transition: -moz-transform 200ms cubic-bezier(0.7, 0, 0.3, 1);
-o-transition: -o-transform 200ms cubic-bezier(0.7, 0, 0.3, 1);
transition: transform 200ms cubic-bezier(0.7, 0, 0.3, 1); }
.ui-slider .ui-slider-handle.ui-state-active {
-webkit-transform: scale(2, 2);
-moz-transform: scale(2, 2);
-o-transform: scale(2, 2);
-ms-transform: scale(2, 2);
transform: scale(2, 2); }
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0; }
/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
filter: inherit; }
.ui-slider-horizontal {
height: .1875rem; }
.ui-slider-horizontal .ui-slider-handle {
top: -0.4375rem;
margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%; }
.ui-slider-horizontal .ui-slider-range-min {
left: 0; }
.ui-slider-horizontal .ui-slider-range-max {
right: 0; }
.ui-slider-vertical {
width: 0.1875rem;
height: 9.375rem; }
.ui-slider-vertical .ui-slider-handle {
left: -0.4375rem;
margin-left: 0;
margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%; }
.ui-slider-vertical .ui-slider-range-min {
bottom: 0; }
.ui-slider-vertical .ui-slider-range-max {
top: 0; }
.ui-slider-range-min,
.ui-slider-range {
background-color: #6164C1; }
.slider-info .ui-slider-range-min, .slider-info .ui-slider-range {
background-color: #6EC7E6; }
.slider-info .ui-slider-handle {
box-shadow: #6EC7E6 0 0 0 1px; }
.slider-info .slider-handle.triangle {
border-bottom-color: #6EC7E6; }
.slider-primary .ui-slider-range-min, .slider-primary .ui-slider-range {
background-color: #6164C1; }
.slider-primary .ui-slider-handle {
box-shadow: #6164C1 0 0 0 1px; }
.slider-primary .slider-handle.triangle {
border-bottom-color: #6164C1; }
.slider-success .ui-slider-range-min, .slider-success .ui-slider-range {
background-color: #6FC080; }
.slider-success .ui-slider-handle {
box-shadow: #6FC080 0 0 0 1px; }
.slider-success .slider-handle.triangle {
border-bottom-color: #6FC080; }
.slider-warning .ui-slider-range-min, .slider-warning .ui-slider-range {
background-color: #F2B776; }
.slider-warning .ui-slider-handle {
box-shadow: #F2B776 0 0 0 1px; }
.slider-warning .slider-handle.triangle {
border-bottom-color: #F2B776; }
.slider-danger .ui-slider-range-min, .slider-danger .ui-slider-range {
background-color: #DD6777; }
.slider-danger .ui-slider-handle {
box-shadow: #DD6777 0 0 0 1px; }
.slider-danger .slider-handle.triangle {
border-bottom-color: #DD6777; }
.rounded-handler .ui-slider-handle {
border-radius: 50%; }
/* $bootstrap-tags
------------------------------------------*/
div.tagsinput {
border-color: #e4e4e4;
background: white;
padding: 0.3125rem 0.3125rem 0;
width: 100% !important;
height: auto !important;
min-height: auto !important; }
div.tagsinput span.tag {
border-color: #6164C1;
border-radius: 0;
background: #6164C1;
color: white;
font-family: inherit;
padding: 0.125rem 0.3125rem; }
div.tagsinput span.tag a {
color: white;
font-size: 0.8125rem; }
div.tagsinput input {
font-family: inherit;
color: white; }
.not_valid {
background: #f9e4e7 !important;
color: #b5293c !important; }
/* $bootstrap-timepicker
------------------------------------------*/
.bootstrap-timepicker {
position: relative; }
.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu {
right: 0;
left: auto; }
.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:before {
right: 12px;
left: auto; }
.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:after {
right: 13px;
left: auto; }
.bootstrap-timepicker .input-group-addon {
cursor: pointer; }
.bootstrap-timepicker .input-group-addon i {
display: inline-block;
width: 16px;
height: 16px; }
.bootstrap-timepicker-widget.dropdown-menu {
padding: 4px; }
.bootstrap-timepicker-widget.dropdown-menu.open {
display: inline-block; }
.bootstrap-timepicker-widget.dropdown-menu:before {
position: absolute;
display: inline-block;
content: '';
border-right: 7px solid transparent;
border-bottom: 7px solid rgba(0, 0, 0, 0.2);
border-left: 7px solid transparent; }
.bootstrap-timepicker-widget.dropdown-menu:after {
position: absolute;
display: inline-block;
content: '';
border-right: 6px solid transparent;
border-bottom: 6px solid #fff;
border-left: 6px solid transparent; }
.bootstrap-timepicker-widget.timepicker-orient-left:before {
left: 6px; }
.bootstrap-timepicker-widget.timepicker-orient-left:after {
left: 7px; }
.bootstrap-timepicker-widget.timepicker-orient-right:before {
right: 6px; }
.bootstrap-timepicker-widget.timepicker-orient-right:after {
right: 7px; }
.bootstrap-timepicker-widget.timepicker-orient-top:before {
top: -7px; }
.bootstrap-timepicker-widget.timepicker-orient-top:after {
top: -6px; }
.bootstrap-timepicker-widget.timepicker-orient-bottom:before {
bottom: -7px;
border-top: 7px solid #999;
border-bottom: 0; }
.bootstrap-timepicker-widget.timepicker-orient-bottom:after {
bottom: -6px;
border-top: 6px solid #fff;
border-bottom: 0; }
.bootstrap-timepicker-widget .glyphicon-chevron-up,
.bootstrap-timepicker-widget .glyphicon-chevron-down {
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
display: inline-block;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.bootstrap-timepicker-widget .glyphicon-chevron-up::before {
content: '\f106'; }
.bootstrap-timepicker-widget .glyphicon-chevron-down::before {
content: '\f107'; }
.bootstrap-timepicker-widget a.btn,
.bootstrap-timepicker-widget input {
border-radius: 4px; }
.bootstrap-timepicker-widget table {
width: 100%;
margin: 0; }
.bootstrap-timepicker-widget table td {
height: 30px;
margin: 0;
padding: 2px;
text-align: center; }
.bootstrap-timepicker-widget table td:not(.separator) {
min-width: 30px; }
.bootstrap-timepicker-widget table td span {
width: 100%; }
.bootstrap-timepicker-widget table td a {
display: inline-block;
width: 100%;
margin: 0;
padding: 8px 0;
color: #333;
border: 1px transparent solid;
outline: 0; }
.bootstrap-timepicker-widget table td a:hover {
text-decoration: none;
border-color: #ddd;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-color: #eee; }
.bootstrap-timepicker-widget table td a i {
font-size: 18px;
margin-top: 2px; }
.bootstrap-timepicker-widget table td input {
width: 25px;
margin: 0;
text-align: center; }
.bootstrap-timepicker-widget .modal-content {
padding: 4px; }
@media (min-width: 767px) {
.bootstrap-timepicker-widget.modal {
width: 200px;
margin-left: -100px; } }
@media (max-width: 767px) {
.bootstrap-timepicker {
width: 100%; }
.bootstrap-timepicker .dropdown-menu {
width: 100%; } }
.bootstrap-timepicker {
position: relative; }
.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu {
right: 0;
left: auto; }
.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:before {
right: .75rem;
left: auto; }
.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:after {
right: .8125rem;
left: auto; }
.bootstrap-timepicker-widget.dropdown-menu {
padding: 1px; }
.bootstrap-timepicker-widget.dropdown-menu:before {
position: absolute;
display: inline-block;
content: '';
border-right: .4375rem solid transparent;
border-bottom: 0.4375rem solid rgba(0, 0, 0, 0.2);
border-left: .4375rem solid transparent; }
.bootstrap-timepicker-widget.dropdown-menu:after {
position: absolute;
display: inline-block;
content: '';
border-right: .375rem solid transparent;
border-bottom: .375rem solid #fff;
border-left: .375rem solid transparent; }
.bootstrap-timepicker-widget.timepicker-orient-left:before {
left: .375rem; }
.bootstrap-timepicker-widget.timepicker-orient-left:after {
left: .4375rem; }
.bootstrap-timepicker-widget.timepicker-orient-right:before {
right: .375rem; }
.bootstrap-timepicker-widget.timepicker-orient-right:after {
right: .4375rem; }
.bootstrap-timepicker-widget.timepicker-orient-top:before {
top: -.4375rem; }
.bootstrap-timepicker-widget.timepicker-orient-top:after {
top: -.375rem; }
.bootstrap-timepicker-widget.timepicker-orient-bottom:before {
top: auto;
bottom: -.4375rem;
border-top: .4375rem solid #999;
border-bottom: 0; }
.bootstrap-timepicker-widget.timepicker-orient-bottom:after {
top: auto;
bottom: -.375rem;
border-top: .375rem solid #fff;
border-bottom: 0; }
.bootstrap-timepicker-widget a.btn,
.bootstrap-timepicker-widget input {
border-radius: 0; }
.bootstrap-timepicker-widget table td.separator {
width: .125rem;
padding: 0; }
.bootstrap-timepicker-widget table td a {
padding: 0;
color: #59595A; }
.bootstrap-timepicker-widget table td a:hover {
color: #404040;
border-color: transparent;
background-color: transparent;
border-radius: 0; }
.bootstrap-timepicker-widget table td a i {
font-size: 0.8125rem;
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
speak: none;
font-style: normal;
font-weight: normal;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0); }
.bootstrap-timepicker-widget table td a i::after {
display: inline-block;
width: .875rem;
height: .875rem;
vertical-align: middle; }
.bootstrap-timepicker-widget table td a .icon-chevron-down::after {
line-height: .5625rem;
content: '\f0dd'; }
.bootstrap-timepicker-widget table td a .icon-chevron-up::after {
line-height: 1.25rem;
content: '\f0de'; }
.bootstrap-timepicker-widget table td input {
border: 0; }
.bootstrap-timepicker-widget .modal-content {
padding: .25rem; }
/* $wizard
------------------------------------------*/
.wizard-pager {
margin-top: 1.25rem; }
.wizard-pager:before, .wizard-pager:after {
content: " ";
display: table; }
.wizard-pager:after {
clear: both; }
.wizard-pager .btn {
min-width: 6.25rem; }
/* $bootstrap-wysiwyg
------------------------------------------*/
.bootstrap-wysiwyg .btn-toolbar {
margin: 0;
padding: 0 0 0.3125rem 0.3125rem;
border: 0.0625rem solid #e4e4e4;
border-bottom: 0; }
.bootstrap-wysiwyg .btn-toolbar .btn-group {
margin-top: 0.3125rem;
margin-right: 0.3125rem; }
ul.wysihtml5-toolbar {
background: #f5f5f5;
border: 0.0625rem solid #e4e4e4;
border-bottom: 0;
border-top-left-radius: 0;
border-top-right-radius: 0; }
ul.wysihtml5-toolbar > li {
margin: 0; }
ul.wysihtml5-toolbar .btn {
height: 2.5rem;
line-height: 2.5rem;
min-width: 2.5rem;
padding: 0 0.625rem;
background-color: #f5f5f5;
border-top: 0;
border-bottom-color: #e4e4e4;
border-left: 0;
border-right-color: #e4e4e4;
color: #59595A;
border-radius: 0;
box-shadow: none; }
ul.wysihtml5-toolbar .btn:hover {
background-color: #ececec; }
ul.wysihtml5-toolbar .btn-group .btn + .btn {
margin-left: 0; }
ul.wysihtml5-toolbar a.btn.wysihtml5-command-active {
box-shadow: none;
background-color: #ececec; }
ul.wysihtml5-toolbar .open > .dropdown-toggle.btn {
color: #59595A;
background-color: #f5f5f5;
border-top-color: transparent;
border-bottom-color: transparent;
border-left-color: transparent;
border-right-color: #e4e4e4; }
ul.wysihtml5-toolbar .dropdown-menu {
margin: 0;
border-top-right-radius: 0;
border-top-left-radius: 0; }
.wysihtml5-sandbox {
padding: 1.25rem !important;
width: 100% !important;
border-color: #e4e4e4 !important;
border-top: 0 !important;
background-color: white;
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
outline: none !important; }
/* $textAngular
------------------------------------------*/
.ta-root {
border: 0.0625rem solid #e4e4e4; }
.ta-toolbar.btn-toolbar {
background-color: #f5f5f5;
margin-left: 0;
padding-bottom: 0.3125rem; }
.ta-toolbar.btn-toolbar > .btn, .ta-toolbar.btn-toolbar > .btn-group, .ta-toolbar.btn-toolbar > .input-group {
margin-top: 0.3125rem; }
.ta-editor.ta-html, .ta-scroll-window.form-control {
width: 100%;
outline: 0; }
.ta-scroll-window > .ta-bind {
background-color: white;
outline: 0; }
/* $c3-charts
------------------------------------------*/
.c3 svg text,
.c3 svg {
color: #59595A;
font: 0.625rem Arial, "Helvetica Neue", Helvetica, sans-serif; }
.c3 path,
.c3 line {
stroke: #e4e4e4; }
.c3 .c3-tooltip {
box-shadow: none; }
.c3 .c3-tooltip tr {
border-color: #6164C1; }
.c3 .c3-tooltip th {
background-color: #6164C1;
font-size: 0.8125rem; }
.c3 .c3-tooltip td {
border-left-color: #6164C1; }
/* $chartjs
------------------------------------------*/
.canvas-holder {
padding: 0;
margin: 0;
position: relative; }
.doughnut-legend {
list-style: none;
position: absolute;
right: 0.5rem;
top: 0; }
.doughnut-legend li {
display: block;
padding-left: 1.875rem;
position: relative;
margin-bottom: 0.25rem;
padding: 0.125rem 0.5rem 0.125rem 1.75rem;
cursor: default;
-webkit-transition: background-color 200ms ease-in-out;
transition: background-color 200ms ease-in-out; }
.doughnut-legend li:hover {
background-color: #e2e2e2; }
.doughnut-legend li span {
display: block;
position: absolute;
left: 0;
top: 0;
width: 1.25rem;
height: 100%; }
/* $checkbo
------------------------------------------*/
.cb-radio.checked i {
background-color: #6164C1; }
.cb-radio:hover .cb-inner {
border-color: #6164C1; }
.cb-checkbox .cb-inner,
.cb-radio .cb-inner {
border-color: #e4e4e4;
background: white; }
.cb-checkbox.no-border .cb-inner,
.cb-radio.no-border .cb-inner {
border-color: transparent; }
.cb-checkbox.checked .cb-inner {
border-color: #6164C1;
background-color: #6164C1; }
.cb-checkbox:hover .cb-inner {
border-color: #6164C1; }
.cb-checkbox .cb-inner,
.cb-checkbox i {
border-radius: 0; }
.cb-checkbox i::after,
.cb-checkbox i::before {
width: 1px; }
.cb-checkbox.cb-sm i,
.cb-checkbox.cb-sm .cb-inner {
border-radius: 0; }
.cb-checkbox.cb-md i,
.cb-checkbox.cb-md .cb-inner {
border-radius: 0; }
.cb-checkbox.cb-lg i,
.cb-checkbox.cb-lg .cb-inner {
border-radius: 0; }
/* $chosen
------------------------------------------*/
.chosen-container .chosen-single, .chosen-container .chosen-choices {
border-color: #e4e4e4;
border-radius: 0;
box-shadow: none;
-webkit-transition: border 150ms linear;
transition: border 150ms linear;
-webkit-appearance: none;
font-weight: 400;
font-size: 0.8125rem;
min-height: 2.125rem;
padding: 0.375rem 0.75rem;
line-height: 1.42857143;
color: #59595A;
background-color: white;
background-image: none; }
.chosen-container.chosen-container-active.chosen-with-drop .chosen-single {
border-color: #e4e4e4;
background-image: none; }
.chosen-container .chosen-drop {
border-color: #e4e4e4;
border-top: 0;
box-shadow: none;
border-radius: 0 0 0 0; }
.chosen-container.chosen-container-multi.chosen-with-drop .chosen-choices {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-bottom: 0; }
.chosen-container.chosen-container-single .chosen-search input[type=text] {
background: none;
border-color: #e4e4e4; }
.chosen-container.chosen-container-single .chosen-search::before {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
speak: none;
font-style: normal;
font-weight: normal;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
line-height: 1.5rem;
content: "\f002";
position: absolute;
top: 50%;
right: 0.3125rem;
width: 1.5rem;
height: 1.5rem;
text-align: center;
font-size: 0.75rem;
color: #6d6d6f;
margin-top: -0.75rem; }
.chosen-container.chosen-container-single .chosen-single div b {
background: none; }
.chosen-container.chosen-container-single .chosen-single div b::before {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
speak: none;
font-style: normal;
font-weight: normal;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
line-height: 1.5rem;
content: "\f107";
position: absolute;
top: 50%;
right: 0.3125rem;
width: 1.5rem;
height: 1.5rem;
text-align: center;
font-size: 0.75rem;
color: #6d6d6f;
margin-top: -0.75rem;
-webkit-transition: transform 150ms ease;
transition: transform 150ms ease; }
.chosen-container.chosen-container-single .chosen-single abbr {
background: none;
position: absolute;
top: 50%;
right: 1.875rem;
width: 1.5rem;
height: 1.5rem;
margin-top: -0.75rem;
text-align: center;
line-height: 1.5rem; }
.chosen-container.chosen-container-single .chosen-single abbr::before {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
speak: none;
font-style: normal;
font-weight: normal;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
content: "\f00d";
font-size: 0.75rem;
color: #e4e4e4; }
.chosen-container.chosen-container-active.chosen-with-drop .chosen-single div b:before {
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg); }
.chosen-container .chosen-results li.highlighted,
.chosen-container .chosen-results li.result-selected {
background-color: #e4e4e4;
background-image: none;
color: #59595A;
border-radius: 0; }
.chosen-container.chosen-container-multi .chosen-choices li.search-choice {
margin: 0.1875rem 0.3125rem 0.1875rem 0; }
.chosen-container.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
background: none;
top: 0.125rem;
width: 1rem;
height: 1rem; }
.chosen-container.chosen-container-multi .chosen-choices li.search-choice .search-choice-close::before {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
speak: none;
font-style: normal;
font-weight: normal;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
line-height: 1rem;
content: "\f00d";
position: absolute;
top: 50%;
right: 0;
width: 1rem;
height: 1rem;
text-align: center;
font-size: 0.75rem;
color: #59595A;
margin-top: -0.5rem; }
.chosen-container.chosen-container-multi .chosen-choices li.search-choice {
background-image: none;
background-color: #e2e2e2;
border-color: #dddddd;
box-shadow: none;
border-radius: 0; }
.chosen-container.chosen-container-multi .chosen-choices li.search-field input[type=text] {
-webkit-font-smoothing: antialiased; }
.chosen-container.chosen-container-multi .chosen-drop .result-selected {
color: #59595A; }
.chosen-drop-up + .chosen-container .chosen-choices {
border-bottom: 0.0625rem solid #e4e4e4;
border-top: 0; }
.chosen-drop-up + .chosen-container .chosen-drop {
top: auto;
bottom: 100%;
border-top: 0.0625rem solid #e4e4e4;
border-bottom: 0; }
/* $clock-picker
------------------------------------------*/
.clockpicker-popover .popover-title {
color: #59595A;
font-weight: 700;
font-size: 1rem;
line-height: 1; }
.clockpicker-popover .popover-title span {
cursor: pointer; }
.clockpicker-popover .popover-content {
background-color: white; }
.clockpicker-popover .popover-content:last-child {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0; }
.clockpicker-popover .clockpicker-plate {
border: 0.0625rem solid #e4e4e4; }
.clockpicker-popover .clockpicker-button {
margin: 0;
padding: 0.625rem 0;
border-width: 0.0625rem 0 0;
border-top-left-radius: 0;
border-top-right-radius: 0; }
/* $color-picker
------------------------------------------*/
.colorpicker {
padding: 0.3125rem;
display: none;
opacity: 1;
visibility: visible;
box-shadow: 0 0.0625rem 1px rgba(228, 228, 228, 0.3);
min-width: initial !important; }
/* $datatables
------------------------------------------*/
table.dataTable {
margin-bottom: 1.25rem;
width: 100% !important; }
table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
background-color: transparent; }
table.dataTable thead .sorting::after,
table.dataTable thead .sorting_asc::after,
table.dataTable thead .sorting_desc::after,
table.dataTable thead .sorting_asc_disabled::after,
table.dataTable thead .sorting_desc_disabled::after {
float: right;
color: #ddd;
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
speak: none;
font-style: normal;
font-weight: normal;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0); }
table.dataTable thead .sorting::after {
content: "\f0dc"; }
table.dataTable thead .sorting_asc::after,
table.dataTable thead .sorting_asc_disabled::after {
color: #59595A;
content: "\f0de"; }
table.dataTable thead .sorting_desc::after,
table.dataTable thead .sorting_desc_disabled::after {
color: #59595A;
content: "\f0dd"; }
table.dataTable .form-control {
width: 100% !important; }
table.dataTable.no-footer {
border-bottom: 0; }
.dataTables_length label {
font-weight: 400; }
.datatable-top {
margin-bottom: 1.25rem; }
.datatable-top,
.datatable-bottom {
display: table;
width: 100%; }
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
background: none; }
@media (max-width: 767px) {
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .toolbar {
display: inline-block; }
.dataTables_wrapper .btn {
vertical-align: baseline; }
.dataTables_wrapper .dataTables_filter label {
display: block; }
.dataTables_wrapper .dataTables_filter label input {
margin-left: 0; } }
/* $datepicker
------------------------------------------*/
.center-block > .datepicker {
margin: 0 auto; }
.datepicker.dropdown-menu {
display: none;
opacity: 1;
visibility: visible;
border-radius: 0;
font-size: 0.8125rem;
border-color: #e4e4e4;
box-shadow: 0 0.0625rem 1px rgba(228, 228, 228, 0.3);
padding: 1.25rem; }
.datepicker-inline {
border: 0.0625rem solid #e4e4e4; }
.datepicker {
border-radius: 0; }
.datepicker-dropdown {
display: none;
opacity: 1;
visibility: visible;
border-radius: 0;
font-size: 0.8125rem;
border-color: #e4e4e4;
box-shadow: 0 0.0625rem 1px rgba(228, 228, 228, 0.3);
padding: 1.25rem; }
.datepicker-dropdown:before {
border-bottom-color: #e4e4e4;
border-bottom-color: rgba(0, 0, 0, 0.2); }
.datepicker-dropdown.datepicker-orient-bottom:before {
border-top-color: #e4e4e4; }
.datepicker table tr td, .datepicker table tr th {
border-radius: 0; }
.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover {
position: relative;
color: white;
background-color: #6164C1;
border-color: #6164C1;
text-shadow: 0 -0.0625rem 0 rgba(0, 0, 0, 0.25); }
.datepicker table tr td.active:focus, .datepicker table tr td.active.focus, .datepicker table tr td.active:hover:focus, .datepicker table tr td.active:hover.focus, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled.focus, .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active.disabled:hover.focus {
color: white;
background-color: #4347ac;
border-color: #2e3075; }
.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover {
color: white;
background-color: #4347ac;
border-color: #4044a4; }
.datepicker table tr td.active:active, .datepicker table tr td.active.active,
.open > .datepicker table tr td.active.dropdown-toggle, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover.active,
.open > .datepicker table tr td.active:hover.dropdown-toggle, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled.active,
.open > .datepicker table tr td.active.disabled.dropdown-toggle, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover.active,
.open > .datepicker table tr td.active.disabled:hover.dropdown-toggle {
color: white;
background-color: #4347ac;
border-color: #4044a4; }
.datepicker table tr td.active:active:hover, .datepicker table tr td.active:active:focus, .datepicker table tr td.active:active.focus, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.active:focus, .datepicker table tr td.active.active.focus,
.open > .datepicker table tr td.active.dropdown-toggle:hover,
.open > .datepicker table tr td.active.dropdown-toggle:focus,
.open > .datepicker table tr td.active.dropdown-toggle.focus, .datepicker table tr td.active:hover:active:hover, .datepicker table tr td.active:hover:active:focus, .datepicker table tr td.active:hover:active.focus, .datepicker table tr td.active:hover.active:hover, .datepicker table tr td.active:hover.active:focus, .datepicker table tr td.active:hover.active.focus,
.open > .datepicker table tr td.active:hover.dropdown-toggle:hover,
.open > .datepicker table tr td.active:hover.dropdown-toggle:focus,
.open > .datepicker table tr td.active:hover.dropdown-toggle.focus, .datepicker table tr td.active.disabled:active:hover, .datepicker table tr td.active.disabled:active:focus, .datepicker table tr td.active.disabled:active.focus, .datepicker table tr td.active.disabled.active:hover, .datepicker table tr td.active.disabled.active:focus, .datepicker table tr td.active.disabled.active.focus,
.open > .datepicker table tr td.active.disabled.dropdown-toggle:hover,
.open > .datepicker table tr td.active.disabled.dropdown-toggle:focus,
.open > .datepicker table tr td.active.disabled.dropdown-toggle.focus, .datepicker table tr td.active.disabled:hover:active:hover, .datepicker table tr td.active.disabled:hover:active:focus, .datepicker table tr td.active.disabled:hover:active.focus, .datepicker table tr td.active.disabled:hover.active:hover, .datepicker table tr td.active.disabled:hover.active:focus, .datepicker table tr td.active.disabled:hover.active.focus,
.open > .datepicker table tr td.active.disabled:hover.dropdown-toggle:hover,
.open > .datepicker table tr td.active.disabled:hover.dropdown-toggle:focus,
.open > .datepicker table tr td.active.disabled:hover.dropdown-toggle.focus {
color: white;
background-color: #393c92;
border-color: #2e3075; }
.datepicker table tr td.active:active, .datepicker table tr td.active.active,
.open > .datepicker table tr td.active.dropdown-toggle, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover.active,
.open > .datepicker table tr td.active:hover.dropdown-toggle, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled.active,
.open > .datepicker table tr td.active.disabled.dropdown-toggle, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover.active,
.open > .datepicker table tr td.active.disabled:hover.dropdown-toggle {
background-image: none; }
.datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled.focus, .datepicker table tr td.active[disabled]:hover, .datepicker table tr td.active[disabled]:focus, .datepicker table tr td.active[disabled].focus,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active:focus,
fieldset[disabled] .datepicker table tr td.active.focus, .datepicker table tr td.active:hover.disabled:hover, .datepicker table tr td.active:hover.disabled:focus, .datepicker table tr td.active:hover.disabled.focus, .datepicker table tr td.active:hover[disabled]:hover, .datepicker table tr td.active:hover[disabled]:focus, .datepicker table tr td.active:hover[disabled].focus,
fieldset[disabled] .datepicker table tr td.active:hover:hover,
fieldset[disabled] .datepicker table tr td.active:hover:focus,
fieldset[disabled] .datepicker table tr td.active:hover.focus, .datepicker table tr td.active.disabled.disabled:hover, .datepicker table tr td.active.disabled.disabled:focus, .datepicker table tr td.active.disabled.disabled.focus, .datepicker table tr td.active.disabled[disabled]:hover, .datepicker table tr td.active.disabled[disabled]:focus, .datepicker table tr td.active.disabled[disabled].focus,
fieldset[disabled] .datepicker table tr td.active.disabled:hover,
fieldset[disabled] .datepicker table tr td.active.disabled:focus,
fieldset[disabled] .datepicker table tr td.active.disabled.focus, .datepicker table tr td.active.disabled:hover.disabled:hover, .datepicker table tr td.active.disabled:hover.disabled:focus, .datepicker table tr td.active.disabled:hover.disabled.focus, .datepicker table tr td.active.disabled:hover[disabled]:hover, .datepicker table tr td.active.disabled:hover[disabled]:focus, .datepicker table tr td.active.disabled:hover[disabled].focus,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:hover,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:focus,
fieldset[disabled] .datepicker table tr td.active.disabled:hover.focus {
background-color: #6164C1;
border-color: #6164C1; }
.datepicker table tr td.active .badge, .datepicker table tr td.active:hover .badge, .datepicker table tr td.active.disabled .badge, .datepicker table tr td.active.disabled:hover .badge {
color: #6164C1;
background-color: white; }
.datepicker table tr td span {
border-radius: 0; }
.datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover {
position: relative;
color: white;
background-color: #6164C1;
border-color: #6164C1;
text-shadow: 0 -0.0625rem 0 rgba(0, 0, 0, 0.25); }
.datepicker table tr td span.active:focus, .datepicker table tr td span.active.focus, .datepicker table tr td span.active:hover:focus, .datepicker table tr td span.active:hover.focus, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled.focus, .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active.disabled:hover.focus {
color: white;
background-color: #4347ac;
border-color: #2e3075; }
.datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover {
color: white;
background-color: #4347ac;
border-color: #4044a4; }
.datepicker table tr td span.active:active, .datepicker table tr td span.active.active,
.open > .datepicker table tr td span.active.dropdown-toggle, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover.active,
.open > .datepicker table tr td span.active:hover.dropdown-toggle, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled.active,
.open > .datepicker table tr td span.active.disabled.dropdown-toggle, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover.active,
.open > .datepicker table tr td span.active.disabled:hover.dropdown-toggle {
color: white;
background-color: #4347ac;
border-color: #4044a4; }
.datepicker table tr td span.active:active:hover, .datepicker table tr td span.active:active:focus, .datepicker table tr td span.active:active.focus, .datepicker table tr td span.active.active:hover, .datepicker table tr td span.active.active:focus, .datepicker table tr td span.active.active.focus,
.open > .datepicker table tr td span.active.dropdown-toggle:hover,
.open > .datepicker table tr td span.active.dropdown-toggle:focus,
.open > .datepicker table tr td span.active.dropdown-toggle.focus, .datepicker table tr td span.active:hover:active:hover, .datepicker table tr td span.active:hover:active:focus, .datepicker table tr td span.active:hover:active.focus, .datepicker table tr td span.active:hover.active:hover, .datepicker table tr td span.active:hover.active:focus, .datepicker table tr td span.active:hover.active.focus,
.open > .datepicker table tr td span.active:hover.dropdown-toggle:hover,
.open > .datepicker table tr td span.active:hover.dropdown-toggle:focus,
.open > .datepicker table tr td span.active:hover.dropdown-toggle.focus, .datepicker table tr td span.active.disabled:active:hover, .datepicker table tr td span.active.disabled:active:focus, .datepicker table tr td span.active.disabled:active.focus, .datepicker table tr td span.active.disabled.active:hover, .datepicker table tr td span.active.disabled.active:focus, .datepicker table tr td span.active.disabled.active.focus,
.open > .datepicker table tr td span.active.disabled.dropdown-toggle:hover,
.open > .datepicker table tr td span.active.disabled.dropdown-toggle:focus,
.open > .datepicker table tr td span.active.disabled.dropdown-toggle.focus, .datepicker table tr td span.active.disabled:hover:active:hover, .datepicker table tr td span.active.disabled:hover:active:focus, .datepicker table tr td span.active.disabled:hover:active.focus, .datepicker table tr td span.active.disabled:hover.active:hover, .datepicker table tr td span.active.disabled:hover.active:focus, .datepicker table tr td span.active.disabled:hover.active.focus,
.open > .datepicker table tr td span.active.disabled:hover.dropdown-toggle:hover,
.open > .datepicker table tr td span.active.disabled:hover.dropdown-toggle:focus,
.open > .datepicker table tr td span.active.disabled:hover.dropdown-toggle.focus {
color: white;
background-color: #393c92;
border-color: #2e3075; }
.datepicker table tr td span.active:active, .datepicker table tr td span.active.active,
.open > .datepicker table tr td span.active.dropdown-toggle, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover.active,
.open > .datepicker table tr td span.active:hover.dropdown-toggle, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled.active,
.open > .datepicker table tr td span.active.disabled.dropdown-toggle, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover.active,
.open > .datepicker table tr td span.active.disabled:hover.dropdown-toggle {
background-image: none; }
.datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled.focus, .datepicker table tr td span.active[disabled]:hover, .datepicker table tr td span.active[disabled]:focus, .datepicker table tr td span.active[disabled].focus,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active:focus,
fieldset[disabled] .datepicker table tr td span.active.focus, .datepicker table tr td span.active:hover.disabled:hover, .datepicker table tr td span.active:hover.disabled:focus, .datepicker table tr td span.active:hover.disabled.focus, .datepicker table tr td span.active:hover[disabled]:hover, .datepicker table tr td span.active:hover[disabled]:focus, .datepicker table tr td span.active:hover[disabled].focus,
fieldset[disabled] .datepicker table tr td span.active:hover:hover,
fieldset[disabled] .datepicker table tr td span.active:hover:focus,
fieldset[disabled] .datepicker table tr td span.active:hover.focus, .datepicker table tr td span.active.disabled.disabled:hover, .datepicker table tr td span.active.disabled.disabled:focus, .datepicker table tr td span.active.disabled.disabled.focus, .datepicker table tr td span.active.disabled[disabled]:hover, .datepicker table tr td span.active.disabled[disabled]:focus, .datepicker table tr td span.active.disabled[disabled].focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled.focus, .datepicker table tr td span.active.disabled:hover.disabled:hover, .datepicker table tr td span.active.disabled:hover.disabled:focus, .datepicker table tr td span.active.disabled:hover.disabled.focus, .datepicker table tr td span.active.disabled:hover[disabled]:hover, .datepicker table tr td span.active.disabled:hover[disabled]:focus, .datepicker table tr td span.active.disabled:hover[disabled].focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus {
background-color: #6164C1;
border-color: #6164C1; }
.datepicker table tr td span.active .badge, .datepicker table tr td span.active:hover .badge, .datepicker table tr td span.active.disabled .badge, .datepicker table tr td span.active.disabled:hover .badge {
color: #6164C1;
background-color: white; }
.input-daterange input:first-child {
border-radius: 0 0 0 0; }
.input-daterange input:last-child {
border-radius: 0 0 0 0; }
.input-daterange .input-group-addon {
background-color: #e7e7e7;
border: solid #e4e4e4; }
/* $daterangepicker
------------------------------------------*/
.daterangepicker {
display: none;
opacity: 1;
visibility: visible;
border-radius: 0;
font-size: 0.8125rem;
box-shadow: 0 0.0625rem 1px rgba(228, 228, 228, 0.3);
margin-top: -0.0625rem; }
.daterangepicker .ranges .input-mini {
background-color: transparent;
border-color: #e4e4e4;
border-radius: 0;
color: #59595A; }
.daterangepicker .calendar-date {
border-radius: 0;
border-color: #e4e4e4; }
.daterangepicker td.available + td.start-date {
border-radius: 0 0 0 0; }
.daterangepicker td.in-range + td.end-date {
border-radius: 0 0 0 0; }
.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
background: #e2e2e2; }
.daterangepicker td.active,
.daterangepicker td.active:hover {
background-color: #6164C1;
border-color: #6164C1;
color: #fff; }
.daterangepicker td,
.daterangepicker th {
border-radius: 0; }
.daterangepicker .calendar th,
.daterangepicker .calendar td {
font-family: inherit; }
.daterangepicker td.start-date.end-date {
border-radius: 0; }
.daterangepicker .ranges li {
background: #e4e4e4;
border-color: #e4e4e4;
color: #59595A;
border-radius: 0; }
.daterangepicker .ranges li.active,
.daterangepicker .ranges li:hover {
background: #6164C1;
border-color: #6164C1; }
.drop-box {
background: white;
border: 0.0625rem dashed #e4e4e4;
width: 100%;
text-align: center;
padding: 1.563rem 0.75rem;
margin-bottom: 0.75rem; }
.dragover {
border-color: #6164C1; }
.dropzone {
background: white;
border-width: 1px;
border-color: #44425B;
border-style: dashed;
border-radius: 0;
display: table;
width: 100%;
padding: 0; }
.dropzone .dz-message {
display: table-cell;
vertical-align: middle; }
.dropzone .dz-preview.dz-file-preview .dz-image {
border-radius: 0;
background: #e2e2e2; }
.dropzone .dz-preview .dz-error-message {
background: #DD6777;
border-radius: 0; }
.dropzone .dz-preview .dz-error-message:after {
border-bottom-color: #DD6777; }
.dropzone .dz-preview .dz-progress {
border-color: #e4e4e4; }
.dropzone .dz-preview .dz-progress .dz-upload {
background: #6164C1; }
.dropzone .dz-preview .dz-details .dz-filename:hover span {
border-color: #e4e4e4; }
.dropzone .dz-preview .dz-details .dz-filename span,
.dropzone .dz-preview .dz-details .dz-size span {
border-radius: 0; }
.my-drop-zone {
border: dashed 0.0625rem #59595A;
border-radius: 0;
min-height: 1.25rem;
padding: 1.188rem;
margin-bottom: 1.25rem;
background-color: white; }
.nv-file-over {
border-color: #DD6777; }
.another-file-over-class {
border-color: #6FC080; }
/* $easypie
------------------------------------------*/
.piechart {
position: relative;
display: inline-block;
text-align: center; }
.piechart canvas {
position: absolute;
top: 0;
left: 0; }
.piechart > div {
display: table;
width: 100%;
height: 100%; }
.piechart > div > div {
display: table-cell;
vertical-align: middle; }
.piechart .percent {
position: relative;
display: block;
margin: 0; }
.piechart .percent:after {
position: absolute;
top: 0;
content: '%';
font-size: .5em;
font-family: Helvetica, Georgia, serif; }
/* $flot-chart
------------------------------------------*/
#tooltip {
position: absolute;
display: none;
padding: 0.3125rem 0.625rem;
border: 0;
background-color: #6164C1;
color: white;
line-height: 1; }
#tooltip:before {
position: absolute;
top: 0.25rem;
right: 100%;
display: block;
width: 0;
height: 0;
border-width: 0.375rem;
border-style: solid;
border-color: transparent #6164C1 transparent transparent;
content: ''; }
td.legendColorBox > div {
border: 0 !important;
padding: 0 !important; }
td.legendColorBox > div > div {
border-radius: 0.25rem; }
td.legendLabel {
padding-left: 0.3125rem; }
/* $google-map
------------------------------------------*/
.world-map {
width: 100%;
height: 100%;
display: inline-block; }
@media (max-width: 767px) {
.world-map {
display: table; } }
.full-map-wrapper {
position: absolute;
top: 3.438rem;
bottom: 2.5rem;
left: 12.5rem;
right: 0; }
#cd-google-map {
position: relative; }
#google-container {
position: relative;
width: 100%;
height: 100% !important;
min-height: 25rem; }
.google-map {
width: 100%;
background: transparent;
padding: 0 !important; }
.google-map img {
max-width: none !important; }
.gm-style-cc {
display: none !important; }
.layout-static-sidebar .full-map-wrapper {
position: static;
height: 100% !important; }
.layout-static-sidebar .full-map-wrapper .world-map {
top: 3.438rem;
height: auto;
left: auto;
right: auto;
bottom: 2.5rem; }
/* $inout-select
------------------------------------------*/
.input {
display: block;
vertical-align: top;
position: relative;
overflow: hidden; }
.input__field {
position: relative;
display: block;
float: right;
border: none;
border-radius: 0;
-webkit-appearance: none;
background: transparent;
width: 100%;
height: 40px;
padding: 6px 12px 6px 0;
font-weight: 400;
font-size: 0.8125rem;
line-height: 1.42857143; }
.input__field:focus {
outline: none; }
.input__field[disabled] {
z-index: 1; }
.input__label {
display: inline-block;
font-weight: 400;
-moz-osx-font-smoothing: grayscale;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
position: absolute;
width: 100%;
text-align: left;
color: #59595A;
padding: 0 12px 0 0;
height: 100%;
pointer-events: none; }
.input__label::before {
content: '';
position: absolute;
width: 100%;
height: 1px;
background: #e4e4e4;
bottom: 0;
left: 0; }
.input__label::after {
content: '';
position: absolute;
width: 100%;
height: 2px;
background: #8d8fd2;
bottom: 0;
left: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s; }
.input__label-content {
position: relative;
display: block;
width: 100%;
padding: 0;
font-size: 0.8125rem;
display: inline-block;
vertical-align: bottom;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: translate3d(0, 15px, 0);
transform: translate3d(0, 15px, 0);
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s; }
.input__field:focus + .input__label .input__label-content,
.input--filled .input__label-content,
.input--focused .input__label-content {
color: #8d8fd2;
-webkit-transform: translate3d(0, 0, 0) scale3d(0.7, 0.7, 1);
transform: translate3d(0, 0, 0) scale3d(0.7, 0.7, 1); }
.input__field:focus + .input__label::after,
.input--filled .input__label::after,
.input--focused .input__label::after {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.input__field[disabled] + .input__label,
.input__field[readonly] + .input__label {
background-color: #eee; }
.input__field[disabled] + .input__label .input__label-content,
.input__field[readonly] + .input__label .input__label-content {
color: #59595A; }
.input__field[disabled] + .input__label:after, .input__field[disabled] + .input__label:before,
.input__field[readonly] + .input__label:after,
.input__field[readonly] + .input__label:before {
background: #e4e4e4; }
.input__field[disabled] + .input__label .input__label-content,
.input__field[readonly] + .input__label .input__label-content {
-webkit-transform: translate3d(0, 0, 0) scale3d(0.7, 0.7, 1);
transform: translate3d(0, 0, 0) scale3d(0.7, 0.7, 1); }
.input--success .input__label::before {
background: #6FC080; }
.input--success .input__label::after {
background: #6FC080; }
.input--success .input__field:focus + .input__label .input__label-content,
.input--success .input--filled .input__label-content,
.input--success .input--focused .input__label-content {
color: #6FC080; }
.input--warning .input__label::before {
background: #F2B776; }
.input--warning .input__label::after {
background: #F2B776; }
.input--warning .input__field:focus + .input__label .input__label-content,
.input--warning .input--filled .input__label-content,
.input--warning .input--focused .input__label-content {
color: #F2B776; }
.input--error .input__label::before {
background: #DD6777; }
.input--error .input__label::after {
background: #DD6777; }
.input--error .input__field:focus + .input__label .input__label-content,
.input--error .input--filled .input__label-content,
.input--error .input--focused .input__label-content {
color: #DD6777; }
/* Default custom select styles */
div.cs-select {
display: inline-block;
vertical-align: middle;
position: relative;
text-align: left;
background: #fff;
z-index: 100;
min-width: 150px;
max-width: 500px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
div.cs-select > span::after,
div.cs-select.cs-active > span::after {
content: '';
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 5px dashed;
border-right: 5px solid transparent;
border-left: 5px solid transparent; }
div.cs-select.cs-active > span::after {
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0); }
div.cs-select:focus {
outline: none;
/* For better accessibility add a style for this in your skin */ }
.cs-select select {
display: none; }
.cs-select span {
display: block;
position: relative;
cursor: pointer;
padding: 0.4375rem 0.6875rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.cs-select > span {
background-color: white;
border: 0.0625rem solid #e4e4e4;
-webkit-transition: text-indent 0.3s, opacity 0.3s;
transition: text-indent 0.3s, opacity 0.3s;
z-index: 10;
padding-right: 3em; }
.cs-select > span::after,
.cs-select .cs-selected span::after {
speak: none;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.cs-select > span::after {
content: '\25BE';
right: 1em; }
.cs-select .cs-selected span::after {
content: '\e080';
font-family: 'Simple-Line-Icons';
margin-left: 1em; }
.cs-select.cs-active > span::after {
-webkit-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg); }
div.cs-active {
z-index: 9999; }
/* Options */
.cs-select .cs-options {
position: absolute;
visibility: hidden;
background: #fff;
width: 100%;
height: 34px;
padding: 0;
top: 50%;
left: 50%;
margin-left: -50%;
margin-top: -50%;
overflow-x: hidden;
overflow-y: scroll;
z-index: 100;
border: 0.0625rem solid #e4e4e4;
-webkit-transition: height 150ms;
transition: height 150ms; }
.cs-select .cs-options li {
opacity: 0;
-webkit-transform: translate3d(30%, 0, 0);
transform: translate3d(30%, 0, 0);
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s; }
.cs-select .cs-options li span {
padding: 0.5em 1em;
display: inline-block;
width: 100%; }
.cs-select .cs-options li span:hover,
.cs-select .cs-options li.cs-focus span,
.cs-select .cs-options li.cs-selected span {
color: #6164C1;
background: transparent; }
.cs-select ul {
list-style: none;
margin: 0;
padding: 0;
width: 100%;
/* Optgroup and optgroup label */ }
.cs-select ul span {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
padding: 1em; }
.cs-select ul li.cs-focus span {
background-color: #ddd; }
.cs-select ul li.cs-optgroup ul {
padding-left: 1em; }
.cs-select ul li.cs-optgroup > span {
cursor: default; }
.cs-select.cs-active .cs-options {
visibility: visible;
height: 400%; }
.cs-select.cs-active .cs-options li {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1; }
.cs-select.cs-active .cs-options li:first-child {
-webkit-transition-delay: 0.05s;
transition-delay: 0.05s; }
.cs-select.cs-active .cs-options li:nth-child(2) {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s; }
.cs-select.cs-active .cs-options li:nth-child(3) {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s; }
.cs-select.cs-active .cs-options li:nth-child(4) {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s; }
.cs-select.cs-active .cs-options li:nth-child(5) {
-webkit-transition-delay: 0.25s;
transition-delay: 0.25s; }
.cs-select.cs-active .cs-options span[class^="icon-"]::before,
.cs-select.cs-active .cs-options span[class*=" icon-"]::before {
margin-right: 1rem;
font-family: 'Simple-Line-Icons'; }
div.cs-select-disabled span {
cursor: not-allowed; }
div.cs-select-disabled > span,
div.cs-select-disabled.cs-active .cs-options {
background: #e4e4e4; }
/* $ioslist
------------------------------------------*/
.ioslist-group-header {
width: 100%; }
.ioslist-group-header, .ioslist-fake-header {
text-shadow: none;
-moz-text-shadow: none;
-webkit-text-shadow: none;
padding: 0.25rem 0.75rem;
background-color: #efefef;
font: inherit;
color: #59595A;
width: 100%;
border-top: 0;
border-bottom-color: #e4e4e4;
text-transform: capitalize; }
.ioslist li {
font: inherit;
display: table;
width: 100%;
padding: 0.5rem 0.75rem;
cursor: pointer;
white-space: nowrap;
position: relative; }
.ioslist li:before, .ioslist li:after {
content: " ";
display: table; }
.ioslist li:after {
clear: both; }
.ioslist li.active {
background-color: #6164C1;
color: white; }
.ioslist-group-container:before, .ioslist-group-container:after {
content: " ";
display: table; }
.ioslist-group-container:after {
clear: both; }
.ioslist li + li {
border-top-color: #e4e4e4; }
/* $intl-tel-input
------------------------------------------*/
.iti-flag {
width: 1rem;
height: 0.6875rem;
box-shadow: none; }
.intl-tel-input {
width: 100%; }
.intl-tel-input .flag-dropdown:hover .selected-flag {
background-color: rgba(226, 226, 226, 0.5); }
.intl-tel-input .selected-flag .arrow {
border-top-color: #e4e4e4; }
.intl-tel-input .selected-flag .arrow.up {
border-bottom-color: #e4e4e4; }
.intl-tel-input .country-list {
box-shadow: none;
border-color: #e4e4e4;
z-index: 1000; }
.intl-tel-input .country-list .divider {
border-bottom-color: #e4e4e4; }
.intl-tel-input .country-list .country .dial-code {
color: #59595A; }
.intl-tel-input .country-list .country.highlight {
background-color: rgba(226, 226, 226, 0.5); }
/* $jvectormap
------------------------------------------*/
.jvectormap-tip {
border-radius: 0;
border: solid 0.0625rem #6164C1;
background: white;
color: #59595A;
font-family: inherit; }
.jvectormap-label {
position: absolute;
padding: 0.1875rem;
color: white;
font-size: smaller;
font-size: inherit;
font-family: inherit;
border-radius: 0;
border-color: #6164C1;
background-color: #6164C1; }
.jvectormap-zoomin,
.jvectormap-zoomout {
position: absolute;
top: 0;
left: 0;
margin-left: 1.25rem;
width: 2rem;
height: 2rem;
background-color: white;
background-repeat: no-repeat;
text-indent: -9999px;
cursor: pointer;
border-radius: 0.125rem; }
.jvectormap-zoomin::before,
.jvectormap-zoomout::before {
content: '';
position: absolute;
right: 50%;
top: 50%;
margin-top: -0.25rem;
background: #59595A;
width: 0.125rem;
height: 0.625rem;
margin-right: -0.0625rem; }
.jvectormap-zoomin::after,
.jvectormap-zoomout::after {
content: '';
position: absolute;
top: 50%;
right: 50%;
background: #59595A;
height: 0.125rem;
width: 0.625rem;
margin-right: -0.3125rem; }
.jvectormap-zoomin {
top: 1.25rem;
margin-top: 0;
margin-bottom: 1px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0; }
.jvectormap-zoomout {
top: 3.313rem;
border-top-left-radius: 0;
border-top-right-radius: 0; }
.jvectormap-zoomout::before {
display: none; }
/* $labelauty
------------------------------------------*/
input.labelauty + label {
padding: 0.5625rem 0.625rem;
background-color: #e2e2e2;
color: #59595A;
border-radius: 0; }
input.labelauty:not(:checked):not([disabled]) + label:hover {
background-color: #dddddd; }
input.labelauty:checked + label {
background-color: #6164C1;
color: white; }
input.labelauty:checked:not([disabled]) + label:hover {
background-color: #4f52ba; }
input.btn-block + label {
display: block;
width: 100%; }
input.to-labelauty-icon + label {
display: inline-block;
margin-right: 0.3125rem; }
/* $multiselect
------------------------------------------*/
select.center-block + .ms-container {
margin: 0 auto 0.75rem; }
.ms-container .ms-selectable, .ms-container .ms-selection {
color: #59595A; }
.ms-container .ms-list {
box-shadow: none;
border-color: #e4e4e4;
border-radius: 0; }
.ms-container .ms-list.ms-focus {
border-color: #6164C1;
box-shadow: none; }
.ms-container .ms-selectable li.ms-elem-selectable,
.ms-container .ms-selection li.ms-elem-selection {
border-bottom-color: #e4e4e4;
color: #59595A;
font-size: 0.8125rem; }
.ms-container .ms-selectable li.ms-hover,
.ms-container .ms-selection li.ms-hover {
background-color: #6164C1;
color: white; }
.ms-container .ms-selectable li.disabled,
.ms-container .ms-selection li.disabled {
background-color: #e2e2e2; }
/* $nestable
------------------------------------------*/
.dd {
position: relative;
display: block;
margin: 0;
padding: 0;
list-style: none; }
.dd-list {
display: block;
position: relative;
margin: 0;
padding: 0;
list-style: none; }
.dd-list .dd-list {
padding-left: 1.875rem; }
.dd-collapsed .dd-list {
display: none; }
.dd-item,
.dd-empty,
.dd-placeholder {
display: block;
position: relative;
margin: 0;
padding: 0;
min-height: 1.25rem;
line-height: 1.25rem; }
.dd-handle {
display: block;
margin: 0.3125rem 0;
padding: 0.625rem;
text-decoration: none;
border: 0.0625rem solid #e4e4e4;
background: white;
border-radius: 0; }
.dd-handle:hover {
color: #404040;
background: #fff; }
.dd-item > button {
display: block;
position: relative;
cursor: pointer;
float: left;
width: 2.188rem;
padding: 0;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
border: 0;
background: transparent;
line-height: 2.625rem;
text-align: center; }
.dd-item > button::before {
content: '';
position: absolute;
right: 50%;
top: 50%;
margin-top: -0.3125rem;
background: #59595A;
width: 0.125rem;
height: 0.625rem;
margin-right: -0.0625rem; }
.dd-item > button::after {
content: '';
position: absolute;
top: 50%;
right: 50%;
background: #59595A;
height: 0.125rem;
width: 0.625rem;
margin-right: -0.3125rem;
margin-top: -0.0625rem; }
.dd-item > button[data-action="collapse"]:before {
display: none; }
.dd-placeholder,
.dd-empty {
margin: 0.3125rem 0;
padding: 0;
min-height: 1.875rem;
background: transparent;
border: 0.0625rem dashed #ddd; }
.dd-empty {
border: 0.0625rem dashed #bbb;
min-height: 100px;
background-color: #e5e5e5;
background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
background-image: -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
background-image: linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
background-size: 60px 60px;
background-position: 0 0, 30px 30px; }
.dd-dragel {
position: absolute;
pointer-events: none; }
.dd-dragel > .dd-item .dd-handle {
margin-top: 0; }
.dd-dragel .dd-handle {
box-shadow: 0.125rem 0.25rem 0.375rem 0 rgba(0, 0, 0, 0.1); }
/**
* Nestable Draggable Handles
*/
.dd3-content {
display: block;
margin: 0.3125rem 0;
padding: 0.625rem 0.625rem 0.625rem 3.125rem;
text-decoration: none;
border: 0.0625rem solid #e4e4e4;
background: #ffffff;
border-radius: 0; }
.dd3-content:hover {
background: #fff; }
.dd-dragel > .dd3-item > .dd3-content {
margin: 0; }
.dd3-item > button {
margin-left: 2.5rem; }
.dd3-handle {
position: absolute;
margin: 0;
left: 0;
top: 0;
cursor: pointer;
width: 2.375rem;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
border: 0.0625rem solid #e4e4e4;
background: #ffffff;
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
.dd3-handle:before {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
speak: none;
font-style: normal;
font-weight: normal;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
content: "\f0c9";
display: block;
position: absolute;
left: 0;
width: 100%;
text-align: center;
text-indent: 0;
font-size: 0.875rem; }
.dd3-handle:hover {
background: #e2e2e2; }
/* $noty
------------------------------------------*/
li.app-noty {
position: relative;
margin-bottom: 0.75rem;
display: block; }
li.app-noty:last-child {
margin-bottom: 0; }
.noty_message[style] {
font-size: 0.8125rem !important; }
.app-noty .noty_bar {
padding: 0.5rem 1.25rem;
border-radius: 0;
border: 0.0625rem solid transparent; }
.app-noty-top-left .app-noty .noty_bar,
.app-noty-top-right .app-noty .noty_bar,
.app-noty-bottom-left .app-noty .noty_bar,
.app-noty-bottom-right .app-noty .noty_bar {
-webkit-animation-duration: 800ms;
animation-duration: 800ms;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-name: animSlideRight;
animation-name: animSlideRight;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0); }
.app-noty-top-left .app-noty.i-am-closing-now .noty_bar,
.app-noty-top-right .app-noty.i-am-closing-now .noty_bar,
.app-noty-bottom-left .app-noty.i-am-closing-now .noty_bar,
.app-noty-bottom-right .app-noty.i-am-closing-now .noty_bar {
-webkit-animation-duration: 150ms;
animation-duration: 150ms; }
.app-noty-bottom-right .app-noty .noty_bar,
.app-noty-top-right .app-noty .noty_bar {
-webkit-animation-name: animSlideElasticRight;
animation-name: animSlideElasticRight; }
.app-noty-bottom-right .app-noty.i-am-closing-now .noty_bar,
.app-noty-top-right .app-noty.i-am-closing-now .noty_bar {
-webkit-animation-name: animSlideRight;
animation-name: animSlideRight; }
.app-noty-bottom-left .app-noty .noty_bar,
.app-noty-top-left .app-noty .noty_bar {
-webkit-animation-name: animSlideElasticLeft;
animation-name: animSlideElasticLeft; }
.app-noty-bottom-left .app-noty.i-am-closing-now .noty_bar,
.app-noty-top-left .app-noty.i-am-closing-now .noty_bar {
-webkit-animation-name: animSlideLeft;
animation-name: animSlideLeft; }
.app-noty-bottom .app-noty .noty_bar,
.app-noty-top .app-noty .noty_bar {
-webkit-animation: fadeIn 150ms;
animation: fadeIn 150ms; }
.app-noty-bottom .app-noty.i-am-closing-now .noty_bar,
.app-noty-top .app-noty.i-am-closing-now .noty_bar {
-webkit-animation: fadeOut 150ms;
animation: fadeOut 150ms; }
.app-noty-bottom,
.app-noty-bottom-right,
.app-noty-bottom-left,
.app-noty-top,
.app-noty-top-right,
.app-noty-top-left {
list-style: none;
padding: 0;
margin: 0;
position: fixed;
z-index: 99999;
-webkit-transition: opacity 150ms cubic-bezier(0.7, 0, 0.3, 1);
transition: opacity 150ms cubic-bezier(0.7, 0, 0.3, 1);
opacity: 1; }
.offscreen ~ .app-noty-bottom, .offscreen ~
.app-noty-bottom-right, .offscreen ~
.app-noty-bottom-left, .offscreen ~
.app-noty-top, .offscreen ~
.app-noty-top-right, .offscreen ~
.app-noty-top-left {
opacity: 0; }
/* Bottom notification */
.app-noty-bottom {
bottom: 0;
right: 0;
width: 100%; }
.app-noty-bottom li.app-noty {
margin-bottom: 0;
margin-top: -0.0625rem; }
.app-noty-bottom .noty_bar {
border-radius: 0; }
@media screen and (min-width: 768px) {
.app-noty-bottom {
padding-left: 12.5rem; }
.layout-small-menu ~ .app-noty-bottom {
padding-left: 4.375rem; }
.layout-right-sidebar ~ .app-noty-bottom {
padding-left: 0;
padding-right: 12.5rem; }
.layout-right-sidebar.layout-small-menu ~ .app-noty-bottom {
padding-left: 0;
padding-right: 4.375rem; }
.layout-boxed ~ .app-noty-bottom,
.layout-boxed.layout-right-sidebar.layout-small-menu ~ .app-noty-bottom {
padding-left: 0;
padding-right: 0; } }
/* Bottom right notification */
.app-noty-bottom-right {
bottom: 3.25rem;
right: 0.75rem; }
@media screen and (min-width: 768px) {
.layout-right-sidebar ~ .app-noty-bottom-right {
right: 13.25rem; }
.layout-right-sidebar.layout-small-menu ~ .app-noty-bottom-right {
right: 5.125rem; }
.layout-boxed ~ .app-noty-bottom-right,
.layout-boxed.layout-right-sidebar.layout-small-menu ~ .app-noty-bottom-right {
right: 0.75rem; } }
/* Bottom left notification */
.app-noty-bottom-left {
bottom: 3.25rem;
left: 0.75rem; }
@media screen and (min-width: 768px) {
.app-noty-bottom-left {
left: 13.25rem; }
.layout-small-menu ~ .app-noty-bottom-left {
left: 5.125rem; }
.layout-right-sidebar ~ .app-noty-bottom-left {
left: 0.75rem; }
.layout-right-sidebar.layout-small-menu ~ .app-noty-bottom-left {
left: 0.75rem; }
.layout-boxed ~ .app-noty-bottom-left,
.layout-boxed.layout-small-menu ~ .app-noty-bottom-left {
left: 0.75rem; } }
/* Top notification */
.app-noty-top {
top: 4.188rem;
right: 0.75rem; }
.app-noty-top {
top: 3.438rem;
right: 0;
width: 100%; }
.app-noty-top li.app-noty {
margin-bottom: 0;
margin-top: -0.0625rem; }
.app-noty-top .noty_bar {
border-radius: 0; }
@media screen and (min-width: 768px) {
.app-noty-top {
padding-left: 12.5rem; }
.layout-small-menu ~ .app-noty-top {
position: absolute;
padding-left: 4.375rem; }
.layout-right-sidebar ~ .app-noty-top {
padding-left: 0;
padding-right: 12.5rem; }
.layout-right-sidebar.layout-small-menu ~ .app-noty-top {
padding-left: 0;
padding-right: 4.375rem; }
.layout-boxed ~ .app-noty-top,
.layout-boxed.layout-right-sidebar.layout-small-menu ~ .app-noty-top {
padding-left: 0;
padding-right: 0; } }
/* Top right notification */
.app-noty-top-right {
top: 4.188rem;
right: 0.75rem; }
@media screen and (min-width: 768px) {
.layout-right-sidebar ~ .app-noty-top-right {
right: 13.25rem; }
.layout-right-sidebar.layout-small-menu ~ .app-noty-top-right {
right: 5.125rem; }
.layout-boxed ~ .app-noty-top-right,
.layout-boxed.layout-small-menu ~ .app-noty-top-right {
right: 0.75rem; } }
/* Top left notification */
.app-noty-top-left {
top: 4.188rem;
left: 0.75rem; }
@media screen and (min-width: 768px) {
.app-noty-top-left {
left: 13.25rem; }
.layout-small-menu ~ .app-noty-top-left {
left: 5.125rem; }
.layout-right-sidebar ~ .app-noty-top-left {
left: 0.75rem; }
.layout-right-sidebar.layout-small-menu ~ .app-noty-top-left {
left: 0.75rem; }
.layout-boxed ~ .app-noty-top-left,
.layout-boxed.layout-small-menu ~ .app-noty-top-left {
left: 0.75rem; } }
/* Notification colors */
.noty_container_type_success .noty_bar {
background-color: #6FC080;
color: white; }
.noty_container_type_information .noty_bar {
background-color: #6EC7E6;
color: white; }
.noty_container_type_warning .noty_bar {
background-color: #F2B776;
color: white; }
.noty_container_type_error .noty_bar {
background-color: #DD6777;
color: white; }
.noty_container_type_confirm .noty_bar {
background-color: #6164C1;
color: white; }
/* $nvd3
------------------------------------------*/
.nvd3 text {
font-family: inherit; }
/*!
* ui-select
* http://github.com/angular-ui/ui-select
* Version: 0.13.1 - 2015-09-30T05:39:26.659Z
* License: MIT
*/
.ui-select-choices-row:hover {
background-color: #e2e2e2; }
/* Select2 theme */
.select2-container .select2-selection {
line-height: 34px;
display: block;
height: 34px;
padding: 0 0 0 8px;
color: #59595A;
border-color: #e4e4e4;
outline: 0;
background-color: #fff;
background-image: none;
border-radius: 0; }
.select2-container .select2-selection::after {
position: absolute;
top: 50%;
right: 15px;
display: block;
width: 0;
height: 0;
margin-top: -3px;
content: ' ';
border-width: 5px 5px 0 5px;
border-style: solid;
border-color: #808080 transparent transparent transparent; }
.select2-container--open .select2-selection::after {
margin-top: -4px;
border-width: 0 5px 5px 5px;
border-color: transparent transparent #808080 transparent; }
.select2-container.select2-drop-above .select2-selection {
border-bottom-color: #e4e4e4;
border-radius: 0 0 0 0;
background-image: none; }
.select2-dropdown {
color: #59595A;
border-color: #e4e4e4;
border-radius: 0 0 0 0;
box-shadow: none; }
.select2-dropdown.select2-dropdown--above {
border-color: #e4e4e4;
border-radius: 0 0 0 0;
box-shadow: none; }
.select2-container--open,
.select2-dropdown.select2-dropdown--above.select2-container--open {
border-color: #6164C1; }
.select2-drop-auto-width {
border-color: #e4e4e4; }
.select2-container .select2-selection .select2-selection__arrow {
display: none;
visibility: hidden;
border-color: #e4e4e4;
border-radius: 0 0 0 0;
background: white;
background-image: none; }
.select2-container-active .select2-selection,
.select2-container-active .select2-choices {
border-color: #6164C1;
box-shadow: none; }
.select2-dropdown-open .select2-selection {
background-color: white;
background-image: none;
box-shadow: none; }
.select2-dropdown-open.select2-drop-above .select2-selection,
.select2-dropdown-open.select2-drop-above .select2-choices {
border-color: #6164C1;
background-image: none; }
.select2-container-multi .select2-choices {
border-color: #e4e4e4;
background-image: none; }
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container-multi.select2-container-active .select2-choices {
border-color: #6164C1;
box-shadow: none; }
.select2-container--default .select2-selection--multiple .select2-selection__choice,
.select2-container-multi .select2-choices .select2-search-choice {
border-color: #e2e2e2;
border-radius: 0;
background-image: none;
box-shadow: none; }
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-results .select2-highlighted {
background: #6164C1; }
.select2-search-choice-close {
top: 2px; }
.select2-search input {
border-color: #e4e4e4 !important;
outline: 0; }
/* Mark invalid Select2 */
.ng-dirty.ng-invalid > a.select2-selection {
border-color: #DD6777; }
/* Handle up direction Select2 */
.select2-container-multi .select2-choices .select2-search-field input {
padding: 0.6rem 0.3125rem;
margin: 0; }
.ui-select-container[theme='select2'].direction-up .ui-select-match {
border-radius: 0;
border-top-left-radius: 0;
border-top-right-radius: 0; }
.ui-select-container[theme='select2'].direction-up .ui-select-dropdown {
border-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
box-shadow: none; }
.select2-container .select2-choice,
.ui-select-container[theme='select2'] .select2-choice {
line-height: 38px;
height: 38px;
padding: 0 1.25rem;
color: #59595A;
border-color: #e4e4e4;
border-radius: 0;
background: #fff;
background-image: none; }
.select2-drop-active,
.select2-container-active .select2-choice, .select2-container-active .select2-choices {
border-color: #6164C1;
box-shadow: none; }
.select2-container .select2-choice .select2-arrow,
.ui-select-container[theme='select2'] .select2-choice .select2-arrow {
width: 38px;
margin-top: -1px;
text-align: center;
border-left: 0;
border-radius: 0 0 0 0;
background: #fff;
background-image: none; }
.select2-container .select2-choice .select2-arrow::after,
.ui-select-container[theme='select2'] .select2-choice .select2-arrow::after {
display: inline-block;
width: 0;
height: 0;
content: '';
border-width: 5px 5px 0 5px;
border-style: solid;
border-color: #808080 transparent transparent transparent; }
.select2-container .select2-choice .select2-arrow b,
.ui-select-container[theme='select2'] .select2-choice .select2-arrow b {
display: none;
visibility: hidden;
background-image: none; }
.ui-select-container[theme='select2'].select2-container-active .select2-choice,
.ui-select-container[theme='select2'].select2-container-active .select2-choices {
border-color: #6164C1;
box-shadow: none; }
.ui-select-container[theme='select2'].select2-dropdown-open .select2-choice {
background-color: white; }
.ui-select-container[theme='select2'] .select2-drop-active {
border-color: #6164C1; }
.ui-select-container[theme='select2'].direction-up.select2-dropdown-open .ui-select-match {
border-bottom-color: #6164C1; }
.ui-select-container[theme='select2'] .select2-search input {
font-family: inherit;
font-size: 0.8125rem;
min-height: 38px;
border-color: #e4e4e4;
background: white; }
.ui-select-container[theme='select2'] .select2-results .select2-highlighted {
color: #fff;
background: #6164C1; }
/* Selectize theme */
.selectize-control.multi .selectize-input.has-items {
padding: 7px 8px 4px; }
.selectize-input {
padding: 9px 8px;
border-color: #e4e4e4;
box-shadow: none;
border-radius: 0; }
.selectize-dropdown-header {
border-bottom-color: #e4e4e4;
-webkit-border-radius: 0 0 0 0;
-moz-border-radius: 0 0 0 0;
border-radius: 0 0 0 0;
background: #e2e2e2; }
.selectize-input.focus {
box-shadow: none; }
.selectize-input.dropdown-active {
-webkit-border-radius: 0 0 0 0;
-moz-border-radius: 0 0 0 0;
border-radius: 0 0 0 0; }
.selectize-dropdown {
-webkit-border-radius: 0 0 0 0;
-moz-border-radius: 0 0 0 0;
border-radius: 0 0 0 0;
box-shadow: none; }
.selectize-dropdown .create {
color: white !important; }
/* Helper class to show styles when focus */
.selectize-input.selectize-focus {
border-color: #6164C1 !important; }
/* Mark invalid Selectize */
.ng-dirty.ng-invalid > div.selectize-input {
border-color: #DD6777; }
/* Handle up direction Selectize */
.ui-select-container[theme='selectize'].direction-up .ui-select-dropdown {
box-shadow: none; }
.ui-select-container[theme='selectize'] .selectize-input {
line-height: 36px;
padding: 0.4375rem 1.25rem;
padding-top: 0;
padding-bottom: 0;
border-color: #e4e4e4;
box-shadow: none;
border-radius: 0; }
.ui-select-container[theme='selectize'] .selectize-dropdown {
border-color: #e4e4e4;
border-radius: 0 0 0 0;
box-shadow: none; }
.selectize-dropdown .active {
color: #fff;
background-color: #6164C1; }
/* Bootstrap theme */
/* Helper class to show styles when focus */
.btn-default-focus {
border-color: #6164C1;
outline: 0;
box-shadow: none; }
.input-group > .ui-select-bootstrap > input.ui-select-search.form-control {
border-radius: 0;
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: 0 !important;
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important; }
.ui-select-multiple .ui-select-match-item.dropping-before:before {
border-color: #6164C1; }
.ui-select-multiple .ui-select-match-item.dropping-after:after {
border-color: #6164C1; }
.ui-select-bootstrap .ui-select-choices-row.active > a {
background-color: #6164C1; }
.ui-select-bootstrap .ui-select-choices {
font-size: inherit; }
/* Mark invalid Bootstrap */
.ui-select-bootstrap.ng-dirty.ng-invalid > button.btn.ui-select-match {
border-color: #DD6777; }
/* Handle up direction Bootstrap */
.ui-select-container[theme='bootstrap'].direction-up .ui-select-dropdown {
box-shadow: none; }
/*
* Usage:
*
<div class="sk-rotating-plane"></div>
*
*/
.sk-rotating-plane {
width: 24px;
height: 24px;
background-color: #6164C1;
-webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out;
animation: sk-rotatePlane 1.2s infinite ease-in-out; }
@-webkit-keyframes sk-rotatePlane {
0% {
-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
transform: perspective(120px) rotateX(0deg) rotateY(0deg); }
50% {
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }
100% {
-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }
@keyframes sk-rotatePlane {
0% {
-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
transform: perspective(120px) rotateX(0deg) rotateY(0deg); }
50% {
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }
100% {
-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }
/*
* Usage:
*
<div class="sk-double-bounce">
<div class="sk-child sk-double-bounce1"></div>
<div class="sk-child sk-double-bounce2"></div>
</div>
*
*/
.sk-double-bounce {
width: 24px;
height: 24px;
position: relative; }
.sk-double-bounce .sk-child {
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #6164C1;
opacity: 0.6;
position: absolute;
top: 0;
left: 0;
-webkit-animation: sk-doubleBounce 2s infinite ease-in-out;
animation: sk-doubleBounce 2s infinite ease-in-out; }
.sk-double-bounce .sk-double-bounce2 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s; }
@-webkit-keyframes sk-doubleBounce {
0%, 100% {
-webkit-transform: scale(0);
transform: scale(0); }
50% {
-webkit-transform: scale(1);
transform: scale(1); } }
@keyframes sk-doubleBounce {
0%, 100% {
-webkit-transform: scale(0);
transform: scale(0); }
50% {
-webkit-transform: scale(1);
transform: scale(1); } }
/*
* Usage:
*
<div class="sk-wave">
<div class="sk-rect sk-rect1"></div>
<div class="sk-rect sk-rect2"></div>
<div class="sk-rect sk-rect3"></div>
<div class="sk-rect sk-rect4"></div>
<div class="sk-rect sk-rect5"></div>
</div>
*
*/
.sk-wave {
width: 50px;
height: 24px;
text-align: center;
font-size: 10px; }
.sk-wave .sk-rect {
background-color: #6164C1;
height: 100%;
width: 6px;
display: inline-block;
-webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
animation: sk-waveStretchDelay 1.2s infinite ease-in-out; }
.sk-wave .sk-rect1 {
-webkit-animation-delay: -1.2s;
animation-delay: -1.2s; }
.sk-wave .sk-rect2 {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s; }
.sk-wave .sk-rect3 {
-webkit-animation-delay: -1s;
animation-delay: -1s; }
.sk-wave .sk-rect4 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s; }
.sk-wave .sk-rect5 {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s; }
@-webkit-keyframes sk-waveStretchDelay {
0%, 40%, 100% {
-webkit-transform: scaleY(0.4);
transform: scaleY(0.4); }
20% {
-webkit-transform: scaleY(1);
transform: scaleY(1); } }
@keyframes sk-waveStretchDelay {
0%, 40%, 100% {
-webkit-transform: scaleY(0.4);
transform: scaleY(0.4); }
20% {
-webkit-transform: scaleY(1);
transform: scaleY(1); } }
/*
* Usage:
*
<div class="sk-wandering-cubes">
<div class="sk-cube sk-cube1"></div>
<div class="sk-cube sk-cube2"></div>
</div>
*
*/
.sk-wandering-cubes {
width: 24px;
height: 24px;
position: relative; }
.sk-wandering-cubes .sk-cube {
background-color: #6164C1;
width: 10px;
height: 10px;
position: absolute;
top: 0;
left: 0;
-webkit-animation: sk-wanderingCube 1.8s ease-in-out -1.8s infinite both;
animation: sk-wanderingCube 1.8s ease-in-out -1.8s infinite both; }
.sk-wandering-cubes .sk-cube2 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s; }
@-webkit-keyframes sk-wanderingCube {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
25% {
-webkit-transform: translateX(30px) rotate(-90deg) scale(0.5);
transform: translateX(30px) rotate(-90deg) scale(0.5); }
50% {
/* Hack to make FF rotate in the right direction */
-webkit-transform: translateX(30px) translateY(30px) rotate(-179deg);
transform: translateX(30px) translateY(30px) rotate(-179deg); }
50.1% {
-webkit-transform: translateX(30px) translateY(30px) rotate(-180deg);
transform: translateX(30px) translateY(30px) rotate(-180deg); }
75% {
-webkit-transform: translateX(0) translateY(30px) rotate(-270deg) scale(0.5);
transform: translateX(0) translateY(30px) rotate(-270deg) scale(0.5); }
100% {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg); } }
@keyframes sk-wanderingCube {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
25% {
-webkit-transform: translateX(30px) rotate(-90deg) scale(0.5);
transform: translateX(30px) rotate(-90deg) scale(0.5); }
50% {
/* Hack to make FF rotate in the right direction */
-webkit-transform: translateX(30px) translateY(30px) rotate(-179deg);
transform: translateX(30px) translateY(30px) rotate(-179deg); }
50.1% {
-webkit-transform: translateX(30px) translateY(30px) rotate(-180deg);
transform: translateX(30px) translateY(30px) rotate(-180deg); }
75% {
-webkit-transform: translateX(0) translateY(30px) rotate(-270deg) scale(0.5);
transform: translateX(0) translateY(30px) rotate(-270deg) scale(0.5); }
100% {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg); } }
/*
* Usage:
*
<div class="sk-spinner sk-spinner-pulse"></div>
*
*/
.sk-spinner-pulse {
width: 24px;
height: 24px;
background-color: #6164C1;
border-radius: 100%;
-webkit-animation: sk-pulseScaleOut 1s infinite ease-in-out;
animation: sk-pulseScaleOut 1s infinite ease-in-out; }
@-webkit-keyframes sk-pulseScaleOut {
0% {
-webkit-transform: scale(0);
transform: scale(0); }
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0; } }
@keyframes sk-pulseScaleOut {
0% {
-webkit-transform: scale(0);
transform: scale(0); }
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0; } }
/*
* Usage:
*
<div class="sk-chasing-dots">
<div class="sk-child sk-dot1"></div>
<div class="sk-child sk-dot2"></div>
</div>
*
*/
.sk-chasing-dots {
width: 24px;
height: 24px;
position: relative;
text-align: center;
-webkit-animation: sk-chasingDotsRotate 2s infinite linear;
animation: sk-chasingDotsRotate 2s infinite linear; }
.sk-chasing-dots .sk-child {
width: 60%;
height: 60%;
display: inline-block;
position: absolute;
top: 0;
background-color: #6164C1;
border-radius: 100%;
-webkit-animation: sk-chasingDotsBounce 2s infinite ease-in-out;
animation: sk-chasingDotsBounce 2s infinite ease-in-out; }
.sk-chasing-dots .sk-dot2 {
top: auto;
bottom: 0;
-webkit-animation-delay: -1s;
animation-delay: -1s; }
@-webkit-keyframes sk-chasingDotsRotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes sk-chasingDotsRotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@-webkit-keyframes sk-chasingDotsBounce {
0%, 100% {
-webkit-transform: scale(0);
transform: scale(0); }
50% {
-webkit-transform: scale(1);
transform: scale(1); } }
@keyframes sk-chasingDotsBounce {
0%, 100% {
-webkit-transform: scale(0);
transform: scale(0); }
50% {
-webkit-transform: scale(1);
transform: scale(1); } }
/*
* Usage:
*
<div class="sk-three-bounce">
<div class="sk-child sk-bounce1"></div>
<div class="sk-child sk-bounce2"></div>
<div class="sk-child sk-bounce3"></div>
</div>
*
*/
.sk-three-bounce {
width: 80px;
text-align: center; }
.sk-three-bounce .sk-child {
width: 20px;
height: 20px;
background-color: #6164C1;
border-radius: 100%;
display: inline-block;
-webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
animation: sk-three-bounce 1.4s ease-in-out 0s infinite both; }
.sk-three-bounce .sk-bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s; }
.sk-three-bounce .sk-bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s; }
@-webkit-keyframes sk-three-bounce {
0%, 80%, 100% {
-webkit-transform: scale(0);
transform: scale(0); }
40% {
-webkit-transform: scale(1);
transform: scale(1); } }
@keyframes sk-three-bounce {
0%, 80%, 100% {
-webkit-transform: scale(0);
transform: scale(0); }
40% {
-webkit-transform: scale(1);
transform: scale(1); } }
/*
* Usage:
*
<div class="sk-circle">
<div class="sk-circle1 sk-child"></div>
<div class="sk-circle2 sk-child"></div>
<div class="sk-circle3 sk-child"></div>
<div class="sk-circle4 sk-child"></div>
<div class="sk-circle5 sk-child"></div>
<div class="sk-circle6 sk-child"></div>
<div class="sk-circle7 sk-child"></div>
<div class="sk-circle8 sk-child"></div>
<div class="sk-circle9 sk-child"></div>
<div class="sk-circle10 sk-child"></div>
<div class="sk-circle11 sk-child"></div>
<div class="sk-circle12 sk-child"></div>
</div>
*
*/
.sk-circle {
width: 24px;
height: 24px;
position: relative; }
.sk-circle .sk-child {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0; }
.sk-circle .sk-child:before {
content: '';
display: block;
margin: 0 auto;
width: 15%;
height: 15%;
background-color: #6164C1;
border-radius: 100%;
-webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
animation: sk-circleBounceDelay 1.2s infinite ease-in-out both; }
.sk-circle .sk-circle2 {
-webkit-transform: rotate(30deg);
-ms-transform: rotate(30deg);
transform: rotate(30deg); }
.sk-circle .sk-circle3 {
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg); }
.sk-circle .sk-circle4 {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg); }
.sk-circle .sk-circle5 {
-webkit-transform: rotate(120deg);
-ms-transform: rotate(120deg);
transform: rotate(120deg); }
.sk-circle .sk-circle6 {
-webkit-transform: rotate(150deg);
-ms-transform: rotate(150deg);
transform: rotate(150deg); }
.sk-circle .sk-circle7 {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg); }
.sk-circle .sk-circle8 {
-webkit-transform: rotate(210deg);
-ms-transform: rotate(210deg);
transform: rotate(210deg); }
.sk-circle .sk-circle9 {
-webkit-transform: rotate(240deg);
-ms-transform: rotate(240deg);
transform: rotate(240deg); }
.sk-circle .sk-circle10 {
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg); }
.sk-circle .sk-circle11 {
-webkit-transform: rotate(300deg);
-ms-transform: rotate(300deg);
transform: rotate(300deg); }
.sk-circle .sk-circle12 {
-webkit-transform: rotate(330deg);
-ms-transform: rotate(330deg);
transform: rotate(330deg); }
.sk-circle .sk-circle2:before {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s; }
.sk-circle .sk-circle3:before {
-webkit-animation-delay: -1s;
animation-delay: -1s; }
.sk-circle .sk-circle4:before {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s; }
.sk-circle .sk-circle5:before {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s; }
.sk-circle .sk-circle6:before {
-webkit-animation-delay: -0.7s;
animation-delay: -0.7s; }
.sk-circle .sk-circle7:before {
-webkit-animation-delay: -0.6s;
animation-delay: -0.6s; }
.sk-circle .sk-circle8:before {
-webkit-animation-delay: -0.5s;
animation-delay: -0.5s; }
.sk-circle .sk-circle9:before {
-webkit-animation-delay: -0.4s;
animation-delay: -0.4s; }
.sk-circle .sk-circle10:before {
-webkit-animation-delay: -0.3s;
animation-delay: -0.3s; }
.sk-circle .sk-circle11:before {
-webkit-animation-delay: -0.2s;
animation-delay: -0.2s; }
.sk-circle .sk-circle12:before {
-webkit-animation-delay: -0.1s;
animation-delay: -0.1s; }
@-webkit-keyframes sk-circleBounceDelay {
0%, 80%, 100% {
-webkit-transform: scale(0);
transform: scale(0); }
40% {
-webkit-transform: scale(1);
transform: scale(1); } }
@keyframes sk-circleBounceDelay {
0%, 80%, 100% {
-webkit-transform: scale(0);
transform: scale(0); }
40% {
-webkit-transform: scale(1);
transform: scale(1); } }
/*
* Usage:
*
<div class="sk-cube-grid">
<div class="sk-cube sk-cube1"></div>
<div class="sk-cube sk-cube2"></div>
<div class="sk-cube sk-cube3"></div>
<div class="sk-cube sk-cube4"></div>
<div class="sk-cube sk-cube5"></div>
<div class="sk-cube sk-cube6"></div>
<div class="sk-cube sk-cube7"></div>
<div class="sk-cube sk-cube8"></div>
<div class="sk-cube sk-cube9"></div>
</div>
*
*/
.sk-cube-grid {
width: 24px;
height: 24px;
/*
* Spinner positions
* 1 2 3
* 4 5 6
* 7 8 9
*/ }
.sk-cube-grid .sk-cube {
width: 33%;
height: 33%;
background-color: #6164C1;
float: left;
-webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; }
.sk-cube-grid .sk-cube1 {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s; }
.sk-cube-grid .sk-cube2 {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s; }
.sk-cube-grid .sk-cube3 {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s; }
.sk-cube-grid .sk-cube4 {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s; }
.sk-cube-grid .sk-cube5 {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s; }
.sk-cube-grid .sk-cube6 {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s; }
.sk-cube-grid .sk-cube7 {
-webkit-animation-delay: 0.0s;
animation-delay: 0.0s; }
.sk-cube-grid .sk-cube8 {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s; }
.sk-cube-grid .sk-cube9 {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s; }
@-webkit-keyframes sk-cubeGridScaleDelay {
0%, 70%, 100% {
-webkit-transform: scale3D(1, 1, 1);
transform: scale3D(1, 1, 1); }
35% {
-webkit-transform: scale3D(0, 0, 1);
transform: scale3D(0, 0, 1); } }
@keyframes sk-cubeGridScaleDelay {
0%, 70%, 100% {
-webkit-transform: scale3D(1, 1, 1);
transform: scale3D(1, 1, 1); }
35% {
-webkit-transform: scale3D(0, 0, 1);
transform: scale3D(0, 0, 1); } }
/*
* Usage:
*
<div class="sk-fading-circle">
<div class="sk-circle1 sk-circle"></div>
<div class="sk-circle2 sk-circle"></div>
<div class="sk-circle3 sk-circle"></div>
<div class="sk-circle4 sk-circle"></div>
<div class="sk-circle5 sk-circle"></div>
<div class="sk-circle6 sk-circle"></div>
<div class="sk-circle7 sk-circle"></div>
<div class="sk-circle8 sk-circle"></div>
<div class="sk-circle9 sk-circle"></div>
<div class="sk-circle10 sk-circle"></div>
<div class="sk-circle11 sk-circle"></div>
<div class="sk-circle12 sk-circle"></div>
</div>
*
*/
.sk-fading-circle {
width: 24px;
height: 24px;
position: relative; }
.sk-fading-circle .sk-circle {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0; }
.sk-fading-circle .sk-circle:before {
content: '';
display: block;
margin: 0 auto;
width: 15%;
height: 15%;
background-color: #6164C1;
border-radius: 100%;
-webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
animation: sk-circleFadeDelay 1.2s infinite ease-in-out both; }
.sk-fading-circle .sk-circle2 {
-webkit-transform: rotate(30deg);
-ms-transform: rotate(30deg);
transform: rotate(30deg); }
.sk-fading-circle .sk-circle3 {
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg); }
.sk-fading-circle .sk-circle4 {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg); }
.sk-fading-circle .sk-circle5 {
-webkit-transform: rotate(120deg);
-ms-transform: rotate(120deg);
transform: rotate(120deg); }
.sk-fading-circle .sk-circle6 {
-webkit-transform: rotate(150deg);
-ms-transform: rotate(150deg);
transform: rotate(150deg); }
.sk-fading-circle .sk-circle7 {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg); }
.sk-fading-circle .sk-circle8 {
-webkit-transform: rotate(210deg);
-ms-transform: rotate(210deg);
transform: rotate(210deg); }
.sk-fading-circle .sk-circle9 {
-webkit-transform: rotate(240deg);
-ms-transform: rotate(240deg);
transform: rotate(240deg); }
.sk-fading-circle .sk-circle10 {
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg); }
.sk-fading-circle .sk-circle11 {
-webkit-transform: rotate(300deg);
-ms-transform: rotate(300deg);
transform: rotate(300deg); }
.sk-fading-circle .sk-circle12 {
-webkit-transform: rotate(330deg);
-ms-transform: rotate(330deg);
transform: rotate(330deg); }
.sk-fading-circle .sk-circle2:before {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s; }
.sk-fading-circle .sk-circle3:before {
-webkit-animation-delay: -1s;
animation-delay: -1s; }
.sk-fading-circle .sk-circle4:before {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s; }
.sk-fading-circle .sk-circle5:before {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s; }
.sk-fading-circle .sk-circle6:before {
-webkit-animation-delay: -0.7s;
animation-delay: -0.7s; }
.sk-fading-circle .sk-circle7:before {
-webkit-animation-delay: -0.6s;
animation-delay: -0.6s; }
.sk-fading-circle .sk-circle8:before {
-webkit-animation-delay: -0.5s;
animation-delay: -0.5s; }
.sk-fading-circle .sk-circle9:before {
-webkit-animation-delay: -0.4s;
animation-delay: -0.4s; }
.sk-fading-circle .sk-circle10:before {
-webkit-animation-delay: -0.3s;
animation-delay: -0.3s; }
.sk-fading-circle .sk-circle11:before {
-webkit-animation-delay: -0.2s;
animation-delay: -0.2s; }
.sk-fading-circle .sk-circle12:before {
-webkit-animation-delay: -0.1s;
animation-delay: -0.1s; }
@-webkit-keyframes sk-circleFadeDelay {
0%, 39%, 100% {
opacity: 0; }
40% {
opacity: 1; } }
@keyframes sk-circleFadeDelay {
0%, 39%, 100% {
opacity: 0; }
40% {
opacity: 1; } }
.sk-folding-cube {
width: 24px;
height: 24px;
position: relative;
-webkit-transform: rotateZ(45deg);
transform: rotateZ(45deg); }
.sk-folding-cube .sk-cube {
float: left;
width: 50%;
height: 50%;
position: relative;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1); }
.sk-folding-cube .sk-cube:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #6164C1;
-webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
animation: sk-foldCubeAngle 2.4s infinite linear both;
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%; }
.sk-folding-cube .sk-cube2 {
-webkit-transform: scale(1.1) rotateZ(90deg);
transform: scale(1.1) rotateZ(90deg); }
.sk-folding-cube .sk-cube3 {
-webkit-transform: scale(1.1) rotateZ(180deg);
transform: scale(1.1) rotateZ(180deg); }
.sk-folding-cube .sk-cube4 {
-webkit-transform: scale(1.1) rotateZ(270deg);
transform: scale(1.1) rotateZ(270deg); }
.sk-folding-cube .sk-cube2:before {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s; }
.sk-folding-cube .sk-cube3:before {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s; }
.sk-folding-cube .sk-cube4:before {
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s; }
@-webkit-keyframes sk-foldCubeAngle {
0%, 10% {
-webkit-transform: perspective(140px) rotateX(-180deg);
transform: perspective(140px) rotateX(-180deg);
opacity: 0; }
25%, 75% {
-webkit-transform: perspective(140px) rotateX(0deg);
transform: perspective(140px) rotateX(0deg);
opacity: 1; }
90%, 100% {
-webkit-transform: perspective(140px) rotateY(180deg);
transform: perspective(140px) rotateY(180deg);
opacity: 0; } }
@keyframes sk-foldCubeAngle {
0%, 10% {
-webkit-transform: perspective(140px) rotateX(-180deg);
transform: perspective(140px) rotateX(-180deg);
opacity: 0; }
25%, 75% {
-webkit-transform: perspective(140px) rotateX(0deg);
transform: perspective(140px) rotateX(0deg);
opacity: 1; }
90%, 100% {
-webkit-transform: perspective(140px) rotateY(180deg);
transform: perspective(140px) rotateY(180deg);
opacity: 0; } }
/* $jquery-validation
------------------------------------------*/
input.valid {
border-color: #6FC080;
box-shadow: none; }
input.valid:focus {
border-color: #4daf61;
box-shadow: none; }
input.error {
border-color: #DD6777;
box-shadow: none; }
input.error:focus {
border-color: #d43d52;
box-shadow: none; }
label.error {
color: #DD6777;
font-weight: 400; }
/* $perfect-scrollbar
------------------------------------------*/
.ps-container {
-ms-touch-action: none;
overflow: hidden !important; }
.ps-container.ps-active-x > .ps-scrollbar-x-rail,
.ps-container.ps-active-y > .ps-scrollbar-y-rail {
display: block; }
.ps-container.ps-in-scrolling {
pointer-events: none; }
.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
background-color: #eee;
opacity: 0.9; }
.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
background-color: #999; }
.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
background-color: #eee;
opacity: 0.9; }
.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
background-color: #999; }
.ps-container > .ps-scrollbar-x-rail {
display: none;
position: absolute;
/* please don't change 'position' */
border-radius: 0;
opacity: 0;
-webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
transition: background-color 0.2s linear, opacity 0.2s linear;
bottom: 3px;
/* there must be 'bottom' for ps-scrollbar-x-rail */
height: 8px; }
.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
position: absolute;
/* please don't change 'position' */
background-color: #ccc;
border-radius: 0;
-webkit-transition: background-color 0.2s linear;
transition: background-color 0.2s linear;
bottom: 0;
/* there must be 'bottom' for ps-scrollbar-x */
height: 8px; }
.ps-container > .ps-scrollbar-y-rail {
display: none;
position: absolute;
/* please don't change 'position' */
border-radius: 0;
opacity: 0;
-webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
transition: background-color 0.2s linear, opacity 0.2s linear;
right: 0 !important;
/* there must be 'right' for ps-scrollbar-y-rail */
width: 6px; }
.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
position: absolute;
/* please don't change 'position' */
background-color: #ccc;
border-radius: 0;
-webkit-transition: background-color 0.2s linear;
transition: background-color 0.2s linear;
right: 0;
/* there must be 'right' for ps-scrollbar-y */
width: 6px; }
.ps-container:hover.ps-in-scrolling {
pointer-events: none; }
.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
background-color: #eee;
opacity: 0.9; }
.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
background-color: #999; }
.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
background-color: #eee;
opacity: 0.9; }
.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
background-color: #999; }
.ps-container:hover > .ps-scrollbar-x-rail,
.ps-container:hover > .ps-scrollbar-y-rail {
opacity: 0.6; }
.ps-container:hover > .ps-scrollbar-x-rail:hover {
background-color: #eee;
opacity: 0.9; }
.ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
background-color: #999; }
.ps-container:hover > .ps-scrollbar-y-rail:hover {
background-color: #eee;
opacity: 0.9; }
.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
background-color: #999; }
/* $portlets
------------------------------------------*/
.draggable-portlets-wrapper .draggable-portlets {
min-height: 3.125rem; }
.draggable-portlets-wrapper .draggable-portlets .portlet {
border-radius: 0;
-webkit-transition: opacity 150ms linear;
transition: opacity 150ms linear; }
.draggable-portlets-wrapper .draggable-portlets .portlet .portlet-heading {
cursor: pointer;
border-radius: 0; }
.draggable-portlets-wrapper .draggable-portlets .ui-sortable-placeholder {
visibility: visible !important;
border: 0.0625rem dashed #e4e4e4;
background: rgba(0, 0, 0, 0.01); }
.draggable-portlets-wrapper.dragging .portlet {
opacity: 0.8; }
/* $rickshaw
------------------------------------------*/
.rickshaw_graph {
display: block; }
.rickshaw_graph .detail .x_label {
font-family: inherit;
border-radius: 0; }
.rickshaw_graph .detail .item {
border-radius: 0;
font-family: inherit; }
.rickshaw_graph .x_tick {
border-left: 0.0625rem dashed rgba(0, 0, 0, 0.2); }
.rickshaw_graph .x_tick .title {
font-family: inherit;
color: black; }
.rickshaw_annotation_timeline .annotation .content {
border-radius: 0; }
.rickshaw_legend {
font-family: inherit; }
.rickshaw_legend li:hover {
border-radius: 0; }
.rickshaw_legend li:active {
border-radius: 0; }
/* $social-button
------------------------------------------*/
.btn-icon {
position: relative;
overflow: hidden;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 3.375rem;
border-width: 0;
text-overflow: ellipsis; }
.btn-icon :first-child {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 2.125rem;
text-align: center;
line-height: 2.125rem;
background: rgba(0, 0, 0, 0.1);
border-right: 0.0625rem solid rgba(0, 0, 0, 0.03); }
.btn-icon.btn-lg :first-child {
width: 2.875rem;
line-height: 2.875rem; }
.btn-icon.btn-sm :first-child {
width: 1.75rem;
line-height: 1.75rem; }
.btn-icon.btn-xs :first-child {
width: 1.375rem;
line-height: 1.375rem; }
.btn-lg.btn-icon,
.btn-group-lg > .btn.btn-icon {
padding-top: 0.875rem;
padding-bottom: 0.875rem;
padding-left: 3.875rem; }
.btn-sm.btn-icon,
.btn-group-sm > .btn.btn-icon {
padding-top: 0.3125rem;
padding-bottom: 0.3125rem;
padding-left: 2.375rem; }
.btn-xs.btn-icon,
.btn-group-xs > .btn.btn-icon {
padding-top: 0.1875rem;
padding-bottom: 0.1875rem;
padding-left: 2rem; }
.btn-icon-icon {
padding: 0;
width: 2.125rem;
height: 2.125rem;
border-width: 1px;
position: relative;
overflow: hidden;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 3.375rem;
border-width: 0;
text-overflow: ellipsis;
padding-left: 0; }
.btn-icon-icon :first-child {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 2.125rem;
text-align: center;
line-height: 2.125rem;
background: rgba(0, 0, 0, 0.1);
border-right: 0.0625rem solid rgba(0, 0, 0, 0.03); }
.btn-icon-icon.btn-lg :first-child {
width: 2.875rem;
line-height: 2.875rem; }
.btn-icon-icon.btn-sm :first-child {
width: 1.75rem;
line-height: 1.75rem; }
.btn-icon-icon.btn-xs :first-child {
width: 1.375rem;
line-height: 1.375rem; }
.btn-icon-icon :first-child {
width: 100% !important;
border: none;
background-color: transparent;
text-align: center; }
.btn-icon-icon.btn-lg {
padding-right: 0;
padding-left: 0;
width: 2.875rem;
height: 2.875rem; }
.btn-icon-icon.btn-sm {
padding-right: 0;
padding-left: 0;
width: 1.75rem;
height: 1.75rem; }
.btn-icon-icon.btn-xs {
padding-right: 0;
padding-left: 0;
width: 1.375rem;
height: 1.375rem; }
.btn-adn {
background-color: #d87a68;
color: #fff;
background-color: #d87a68;
border-color: #d87a68; }
.btn-adn:focus, .btn-adn.focus {
color: #fff;
background-color: #ce563f;
border-color: #993a28; }
.btn-adn:hover {
color: #fff;
background-color: #ce563f;
border-color: #cb4f37; }
.btn-adn:active, .btn-adn.active,
.open > .btn-adn.dropdown-toggle {
color: #fff;
background-color: #ce563f;
border-color: #cb4f37; }
.btn-adn:active:hover, .btn-adn:active:focus, .btn-adn:active.focus, .btn-adn.active:hover, .btn-adn.active:focus, .btn-adn.active.focus,
.open > .btn-adn.dropdown-toggle:hover,
.open > .btn-adn.dropdown-toggle:focus,
.open > .btn-adn.dropdown-toggle.focus {
color: #fff;
background-color: #b94630;
border-color: #993a28; }
.btn-adn:active, .btn-adn.active,
.open > .btn-adn.dropdown-toggle {
background-image: none; }
.btn-adn.disabled:hover, .btn-adn.disabled:focus, .btn-adn.disabled.focus, .btn-adn[disabled]:hover, .btn-adn[disabled]:focus, .btn-adn[disabled].focus,
fieldset[disabled] .btn-adn:hover,
fieldset[disabled] .btn-adn:focus,
fieldset[disabled] .btn-adn.focus {
background-color: #d87a68;
border-color: #d87a68; }
.btn-adn .badge {
color: #d87a68;
background-color: #fff; }
.btn-bitbucket {
background-color: #205081;
color: #fff;
background-color: #205081;
border-color: #205081; }
.btn-bitbucket:focus, .btn-bitbucket.focus {
color: #fff;
background-color: #163758;
border-color: #07111b; }
.btn-bitbucket:hover {
color: #fff;
background-color: #163758;
border-color: #143250; }
.btn-bitbucket:active, .btn-bitbucket.active,
.open > .btn-bitbucket.dropdown-toggle {
color: #fff;
background-color: #163758;
border-color: #143250; }
.btn-bitbucket:active:hover, .btn-bitbucket:active:focus, .btn-bitbucket:active.focus, .btn-bitbucket.active:hover, .btn-bitbucket.active:focus, .btn-bitbucket.active.focus,
.open > .btn-bitbucket.dropdown-toggle:hover,
.open > .btn-bitbucket.dropdown-toggle:focus,
.open > .btn-bitbucket.dropdown-toggle.focus {
color: #fff;
background-color: #0f253c;
border-color: #07111b; }
.btn-bitbucket:active, .btn-bitbucket.active,
.open > .btn-bitbucket.dropdown-toggle {
background-image: none; }
.btn-bitbucket.disabled:hover, .btn-bitbucket.disabled:focus, .btn-bitbucket.disabled.focus, .btn-bitbucket[disabled]:hover, .btn-bitbucket[disabled]:focus, .btn-bitbucket[disabled].focus,
fieldset[disabled] .btn-bitbucket:hover,
fieldset[disabled] .btn-bitbucket:focus,
fieldset[disabled] .btn-bitbucket.focus {
background-color: #205081;
border-color: #205081; }
.btn-bitbucket .badge {
color: #205081;
background-color: #fff; }
.btn-dropbox {
background-color: #1087dd;
color: #fff;
background-color: #1087dd;
border-color: #1087dd; }
.btn-dropbox:focus, .btn-dropbox.focus {
color: #fff;
background-color: #0d6aad;
border-color: #073e66; }
.btn-dropbox:hover {
color: #fff;
background-color: #0d6aad;
border-color: #0c64a4; }
.btn-dropbox:active, .btn-dropbox.active,
.open > .btn-dropbox.dropdown-toggle {
color: #fff;
background-color: #0d6aad;
border-color: #0c64a4; }
.btn-dropbox:active:hover, .btn-dropbox:active:focus, .btn-dropbox:active.focus, .btn-dropbox.active:hover, .btn-dropbox.active:focus, .btn-dropbox.active.focus,
.open > .btn-dropbox.dropdown-toggle:hover,
.open > .btn-dropbox.dropdown-toggle:focus,
.open > .btn-dropbox.dropdown-toggle.focus {
color: #fff;
background-color: #0a568c;
border-color: #073e66; }
.btn-dropbox:active, .btn-dropbox.active,
.open > .btn-dropbox.dropdown-toggle {
background-image: none; }
.btn-dropbox.disabled:hover, .btn-dropbox.disabled:focus, .btn-dropbox.disabled.focus, .btn-dropbox[disabled]:hover, .btn-dropbox[disabled]:focus, .btn-dropbox[disabled].focus,
fieldset[disabled] .btn-dropbox:hover,
fieldset[disabled] .btn-dropbox:focus,
fieldset[disabled] .btn-dropbox.focus {
background-color: #1087dd;
border-color: #1087dd; }
.btn-dropbox .badge {
color: #1087dd;
background-color: #fff; }
.btn-facebook {
background-color: #3b5998;
color: #fff;
background-color: #3b5998;
border-color: #3b5998; }
.btn-facebook:focus, .btn-facebook.focus {
color: #fff;
background-color: #2d4373;
border-color: #17233c; }
.btn-facebook:hover {
color: #fff;
background-color: #2d4373;
border-color: #2a3f6c; }
.btn-facebook:active, .btn-facebook.active,
.open > .btn-facebook.dropdown-toggle {
color: #fff;
background-color: #2d4373;
border-color: #2a3f6c; }
.btn-facebook:active:hover, .btn-facebook:active:focus, .btn-facebook:active.focus, .btn-facebook.active:hover, .btn-facebook.active:focus, .btn-facebook.active.focus,
.open > .btn-facebook.dropdown-toggle:hover,
.open > .btn-facebook.dropdown-toggle:focus,
.open > .btn-facebook.dropdown-toggle.focus {
color: #fff;
background-color: #23345a;
border-color: #17233c; }
.btn-facebook:active, .btn-facebook.active,
.open > .btn-facebook.dropdown-toggle {
background-image: none; }
.btn-facebook.disabled:hover, .btn-facebook.disabled:focus, .btn-facebook.disabled.focus, .btn-facebook[disabled]:hover, .btn-facebook[disabled]:focus, .btn-facebook[disabled].focus,
fieldset[disabled] .btn-facebook:hover,
fieldset[disabled] .btn-facebook:focus,
fieldset[disabled] .btn-facebook.focus {
background-color: #3b5998;
border-color: #3b5998; }
.btn-facebook .badge {
color: #3b5998;
background-color: #fff; }
.btn-flickr {
background-color: #ff0084;
color: #fff;
background-color: #ff0084;
border-color: #ff0084; }
.btn-flickr:focus, .btn-flickr.focus {
color: #fff;
background-color: #cc006a;
border-color: #800042; }
.btn-flickr:hover {
color: #fff;
background-color: #cc006a;
border-color: #c20064; }
.btn-flickr:active, .btn-flickr.active,
.open > .btn-flickr.dropdown-toggle {
color: #fff;
background-color: #cc006a;
border-color: #c20064; }
.btn-flickr:active:hover, .btn-flickr:active:focus, .btn-flickr:active.focus, .btn-flickr.active:hover, .btn-flickr.active:focus, .btn-flickr.active.focus,
.open > .btn-flickr.dropdown-toggle:hover,
.open > .btn-flickr.dropdown-toggle:focus,
.open > .btn-flickr.dropdown-toggle.focus {
color: #fff;
background-color: #a80057;
border-color: #800042; }
.btn-flickr:active, .btn-flickr.active,
.open > .btn-flickr.dropdown-toggle {
background-image: none; }
.btn-flickr.disabled:hover, .btn-flickr.disabled:focus, .btn-flickr.disabled.focus, .btn-flickr[disabled]:hover, .btn-flickr[disabled]:focus, .btn-flickr[disabled].focus,
fieldset[disabled] .btn-flickr:hover,
fieldset[disabled] .btn-flickr:focus,
fieldset[disabled] .btn-flickr.focus {
background-color: #ff0084;
border-color: #ff0084; }
.btn-flickr .badge {
color: #ff0084;
background-color: #fff; }
.btn-foursquare {
background-color: #f94877;
color: #fff;
background-color: #f94877;
border-color: #f94877; }
.btn-foursquare:focus, .btn-foursquare.focus {
color: #fff;
background-color: #f71752;
border-color: #bb0636; }
.btn-foursquare:hover {
color: #fff;
background-color: #f71752;
border-color: #f70d4b; }
.btn-foursquare:active, .btn-foursquare.active,
.open > .btn-foursquare.dropdown-toggle {
color: #fff;
background-color: #f71752;
border-color: #f70d4b; }
.btn-foursquare:active:hover, .btn-foursquare:active:focus, .btn-foursquare:active.focus, .btn-foursquare.active:hover, .btn-foursquare.active:focus, .btn-foursquare.active.focus,
.open > .btn-foursquare.dropdown-toggle:hover,
.open > .btn-foursquare.dropdown-toggle:focus,
.open > .btn-foursquare.dropdown-toggle.focus {
color: #fff;
background-color: #e30742;
border-color: #bb0636; }
.btn-foursquare:active, .btn-foursquare.active,
.open > .btn-foursquare.dropdown-toggle {
background-image: none; }
.btn-foursquare.disabled:hover, .btn-foursquare.disabled:focus, .btn-foursquare.disabled.focus, .btn-foursquare[disabled]:hover, .btn-foursquare[disabled]:focus, .btn-foursquare[disabled].focus,
fieldset[disabled] .btn-foursquare:hover,
fieldset[disabled] .btn-foursquare:focus,
fieldset[disabled] .btn-foursquare.focus {
background-color: #f94877;
border-color: #f94877; }
.btn-foursquare .badge {
color: #f94877;
background-color: #fff; }
.btn-github {
background-color: #444444;
color: #fff;
background-color: #444444;
border-color: #444444; }
.btn-github:focus, .btn-github.focus {
color: #fff;
background-color: #2b2b2b;
border-color: #040404; }
.btn-github:hover {
color: #fff;
background-color: #2b2b2b;
border-color: #252525; }
.btn-github:active, .btn-github.active,
.open > .btn-github.dropdown-toggle {
color: #fff;
background-color: #2b2b2b;
border-color: #252525; }
.btn-github:active:hover, .btn-github:active:focus, .btn-github:active.focus, .btn-github.active:hover, .btn-github.active:focus, .btn-github.active.focus,
.open > .btn-github.dropdown-toggle:hover,
.open > .btn-github.dropdown-toggle:focus,
.open > .btn-github.dropdown-toggle.focus {
color: #fff;
background-color: #191919;
border-color: #040404; }
.btn-github:active, .btn-github.active,
.open > .btn-github.dropdown-toggle {
background-image: none; }
.btn-github.disabled:hover, .btn-github.disabled:focus, .btn-github.disabled.focus, .btn-github[disabled]:hover, .btn-github[disabled]:focus, .btn-github[disabled].focus,
fieldset[disabled] .btn-github:hover,
fieldset[disabled] .btn-github:focus,
fieldset[disabled] .btn-github.focus {
background-color: #444444;
border-color: #444444; }
.btn-github .badge {
color: #444444;
background-color: #fff; }
.btn-google {
background-color: #dd4b39;
color: #fff;
background-color: #dd4b39;
border-color: #dd4b39; }
.btn-google:focus, .btn-google.focus {
color: #fff;
background-color: #c23321;
border-color: #802216; }
.btn-google:hover {
color: #fff;
background-color: #c23321;
border-color: #b93120; }
.btn-google:active, .btn-google.active,
.open > .btn-google.dropdown-toggle {
color: #fff;
background-color: #c23321;
border-color: #b93120; }
.btn-google:active:hover, .btn-google:active:focus, .btn-google:active.focus, .btn-google.active:hover, .btn-google.active:focus, .btn-google.active.focus,
.open > .btn-google.dropdown-toggle:hover,
.open > .btn-google.dropdown-toggle:focus,
.open > .btn-google.dropdown-toggle.focus {
color: #fff;
background-color: #a32b1c;
border-color: #802216; }
.btn-google:active, .btn-google.active,
.open > .btn-google.dropdown-toggle {
background-image: none; }
.btn-google.disabled:hover, .btn-google.disabled:focus, .btn-google.disabled.focus, .btn-google[disabled]:hover, .btn-google[disabled]:focus, .btn-google[disabled].focus,
fieldset[disabled] .btn-google:hover,
fieldset[disabled] .btn-google:focus,
fieldset[disabled] .btn-google.focus {
background-color: #dd4b39;
border-color: #dd4b39; }
.btn-google .badge {
color: #dd4b39;
background-color: #fff; }
.btn-instagram {
background-color: #3f729b;
color: #fff;
background-color: #3f729b;
border-color: #3f729b; }
.btn-instagram:focus, .btn-instagram.focus {
color: #fff;
background-color: #305777;
border-color: #1a2f40; }
.btn-instagram:hover {
color: #fff;
background-color: #305777;
border-color: #2d526f; }
.btn-instagram:active, .btn-instagram.active,
.open > .btn-instagram.dropdown-toggle {
color: #fff;
background-color: #305777;
border-color: #2d526f; }
.btn-instagram:active:hover, .btn-instagram:active:focus, .btn-instagram:active.focus, .btn-instagram.active:hover, .btn-instagram.active:focus, .btn-instagram.active.focus,
.open > .btn-instagram.dropdown-toggle:hover,
.open > .btn-instagram.dropdown-toggle:focus,
.open > .btn-instagram.dropdown-toggle.focus {
color: #fff;
background-color: #26455d;
border-color: #1a2f40; }
.btn-instagram:active, .btn-instagram.active,
.open > .btn-instagram.dropdown-toggle {
background-image: none; }
.btn-instagram.disabled:hover, .btn-instagram.disabled:focus, .btn-instagram.disabled.focus, .btn-instagram[disabled]:hover, .btn-instagram[disabled]:focus, .btn-instagram[disabled].focus,
fieldset[disabled] .btn-instagram:hover,
fieldset[disabled] .btn-instagram:focus,
fieldset[disabled] .btn-instagram.focus {
background-color: #3f729b;
border-color: #3f729b; }
.btn-instagram .badge {
color: #3f729b;
background-color: #fff; }
.btn-linkedin {
background-color: #007bb6;
color: #fff;
background-color: #007bb6;
border-color: #007bb6; }
.btn-linkedin:focus, .btn-linkedin.focus {
color: #fff;
background-color: #005983;
border-color: #002537; }
.btn-linkedin:hover {
color: #fff;
background-color: #005983;
border-color: #005279; }
.btn-linkedin:active, .btn-linkedin.active,
.open > .btn-linkedin.dropdown-toggle {
color: #fff;
background-color: #005983;
border-color: #005279; }
.btn-linkedin:active:hover, .btn-linkedin:active:focus, .btn-linkedin:active.focus, .btn-linkedin.active:hover, .btn-linkedin.active:focus, .btn-linkedin.active.focus,
.open > .btn-linkedin.dropdown-toggle:hover,
.open > .btn-linkedin.dropdown-toggle:focus,
.open > .btn-linkedin.dropdown-toggle.focus {
color: #fff;
background-color: #00405f;
border-color: #002537; }
.btn-linkedin:active, .btn-linkedin.active,
.open > .btn-linkedin.dropdown-toggle {
background-image: none; }
.btn-linkedin.disabled:hover, .btn-linkedin.disabled:focus, .btn-linkedin.disabled.focus, .btn-linkedin[disabled]:hover, .btn-linkedin[disabled]:focus, .btn-linkedin[disabled].focus,
fieldset[disabled] .btn-linkedin:hover,
fieldset[disabled] .btn-linkedin:focus,
fieldset[disabled] .btn-linkedin.focus {
background-color: #007bb6;
border-color: #007bb6; }
.btn-linkedin .badge {
color: #007bb6;
background-color: #fff; }
.btn-microsoft {
background-color: #2672ec;
color: #fff;
background-color: #2672ec;
border-color: #2672ec; }
.btn-microsoft:focus, .btn-microsoft.focus {
color: #fff;
background-color: #125acd;
border-color: #0c3b87; }
.btn-microsoft:hover {
color: #fff;
background-color: #125acd;
border-color: #1156c4; }
.btn-microsoft:active, .btn-microsoft.active,
.open > .btn-microsoft.dropdown-toggle {
color: #fff;
background-color: #125acd;
border-color: #1156c4; }
.btn-microsoft:active:hover, .btn-microsoft:active:focus, .btn-microsoft:active.focus, .btn-microsoft.active:hover, .btn-microsoft.active:focus, .btn-microsoft.active.focus,
.open > .btn-microsoft.dropdown-toggle:hover,
.open > .btn-microsoft.dropdown-toggle:focus,
.open > .btn-microsoft.dropdown-toggle.focus {
color: #fff;
background-color: #0f4bac;
border-color: #0c3b87; }
.btn-microsoft:active, .btn-microsoft.active,
.open > .btn-microsoft.dropdown-toggle {
background-image: none; }
.btn-microsoft.disabled:hover, .btn-microsoft.disabled:focus, .btn-microsoft.disabled.focus, .btn-microsoft[disabled]:hover, .btn-microsoft[disabled]:focus, .btn-microsoft[disabled].focus,
fieldset[disabled] .btn-microsoft:hover,
fieldset[disabled] .btn-microsoft:focus,
fieldset[disabled] .btn-microsoft.focus {
background-color: #2672ec;
border-color: #2672ec; }
.btn-microsoft .badge {
color: #2672ec;
background-color: #fff; }
.btn-odnoklassniki {
background-color: #f4731c;
color: #fff;
background-color: #f4731c;
border-color: #f4731c; }
.btn-odnoklassniki:focus, .btn-odnoklassniki.focus {
color: #fff;
background-color: #d35b0a;
border-color: #8a3c07; }
.btn-odnoklassniki:hover {
color: #fff;
background-color: #d35b0a;
border-color: #c9570a; }
.btn-odnoklassniki:active, .btn-odnoklassniki.active,
.open > .btn-odnoklassniki.dropdown-toggle {
color: #fff;
background-color: #d35b0a;
border-color: #c9570a; }
.btn-odnoklassniki:active:hover, .btn-odnoklassniki:active:focus, .btn-odnoklassniki:active.focus, .btn-odnoklassniki.active:hover, .btn-odnoklassniki.active:focus, .btn-odnoklassniki.active.focus,
.open > .btn-odnoklassniki.dropdown-toggle:hover,
.open > .btn-odnoklassniki.dropdown-toggle:focus,
.open > .btn-odnoklassniki.dropdown-toggle.focus {
color: #fff;
background-color: #b14c09;
border-color: #8a3c07; }
.btn-odnoklassniki:active, .btn-odnoklassniki.active,
.open > .btn-odnoklassniki.dropdown-toggle {
background-image: none; }
.btn-odnoklassniki.disabled:hover, .btn-odnoklassniki.disabled:focus, .btn-odnoklassniki.disabled.focus, .btn-odnoklassniki[disabled]:hover, .btn-odnoklassniki[disabled]:focus, .btn-odnoklassniki[disabled].focus,
fieldset[disabled] .btn-odnoklassniki:hover,
fieldset[disabled] .btn-odnoklassniki:focus,
fieldset[disabled] .btn-odnoklassniki.focus {
background-color: #f4731c;
border-color: #f4731c; }
.btn-odnoklassniki .badge {
color: #f4731c;
background-color: #fff; }
.btn-openid {
background-color: #f7931e;
color: #fff;
background-color: #f7931e;
border-color: #f7931e; }
.btn-openid:focus, .btn-openid.focus {
color: #fff;
background-color: #da7908;
border-color: #905005; }
.btn-openid:hover {
color: #fff;
background-color: #da7908;
border-color: #d07407; }
.btn-openid:active, .btn-openid.active,
.open > .btn-openid.dropdown-toggle {
color: #fff;
background-color: #da7908;
border-color: #d07407; }
.btn-openid:active:hover, .btn-openid:active:focus, .btn-openid:active.focus, .btn-openid.active:hover, .btn-openid.active:focus, .btn-openid.active.focus,
.open > .btn-openid.dropdown-toggle:hover,
.open > .btn-openid.dropdown-toggle:focus,
.open > .btn-openid.dropdown-toggle.focus {
color: #fff;
background-color: #b86607;
border-color: #905005; }
.btn-openid:active, .btn-openid.active,
.open > .btn-openid.dropdown-toggle {
background-image: none; }
.btn-openid.disabled:hover, .btn-openid.disabled:focus, .btn-openid.disabled.focus, .btn-openid[disabled]:hover, .btn-openid[disabled]:focus, .btn-openid[disabled].focus,
fieldset[disabled] .btn-openid:hover,
fieldset[disabled] .btn-openid:focus,
fieldset[disabled] .btn-openid.focus {
background-color: #f7931e;
border-color: #f7931e; }
.btn-openid .badge {
color: #f7931e;
background-color: #fff; }
.btn-pinterest {
background-color: #cb2027;
color: #fff;
background-color: #cb2027;
border-color: #cb2027; }
.btn-pinterest:focus, .btn-pinterest.focus {
color: #fff;
background-color: #9f191f;
border-color: #5d0f12; }
.btn-pinterest:hover {
color: #fff;
background-color: #9f191f;
border-color: #96181d; }
.btn-pinterest:active, .btn-pinterest.active,
.open > .btn-pinterest.dropdown-toggle {
color: #fff;
background-color: #9f191f;
border-color: #96181d; }
.btn-pinterest:active:hover, .btn-pinterest:active:focus, .btn-pinterest:active.focus, .btn-pinterest.active:hover, .btn-pinterest.active:focus, .btn-pinterest.active.focus,
.open > .btn-pinterest.dropdown-toggle:hover,
.open > .btn-pinterest.dropdown-toggle:focus,
.open > .btn-pinterest.dropdown-toggle.focus {
color: #fff;
background-color: #801419;
border-color: #5d0f12; }
.btn-pinterest:active, .btn-pinterest.active,
.open > .btn-pinterest.dropdown-toggle {
background-image: none; }
.btn-pinterest.disabled:hover, .btn-pinterest.disabled:focus, .btn-pinterest.disabled.focus, .btn-pinterest[disabled]:hover, .btn-pinterest[disabled]:focus, .btn-pinterest[disabled].focus,
fieldset[disabled] .btn-pinterest:hover,
fieldset[disabled] .btn-pinterest:focus,
fieldset[disabled] .btn-pinterest.focus {
background-color: #cb2027;
border-color: #cb2027; }
.btn-pinterest .badge {
color: #cb2027;
background-color: #fff; }
.btn-reddit {
background-color: #eff7ff;
color: #000;
background-color: #eff7ff;
border-color: #eff7ff; }
.btn-reddit:focus, .btn-reddit.focus {
color: #000;
background-color: #bcdeff;
border-color: #70b7ff; }
.btn-reddit:hover {
color: #000;
background-color: #bcdeff;
border-color: #b2d8ff; }
.btn-reddit:active, .btn-reddit.active,
.open > .btn-reddit.dropdown-toggle {
color: #000;
background-color: #bcdeff;
border-color: #b2d8ff; }
.btn-reddit:active:hover, .btn-reddit:active:focus, .btn-reddit:active.focus, .btn-reddit.active:hover, .btn-reddit.active:focus, .btn-reddit.active.focus,
.open > .btn-reddit.dropdown-toggle:hover,
.open > .btn-reddit.dropdown-toggle:focus,
.open > .btn-reddit.dropdown-toggle.focus {
color: #000;
background-color: #98ccff;
border-color: #70b7ff; }
.btn-reddit:active, .btn-reddit.active,
.open > .btn-reddit.dropdown-toggle {
background-image: none; }
.btn-reddit.disabled:hover, .btn-reddit.disabled:focus, .btn-reddit.disabled.focus, .btn-reddit[disabled]:hover, .btn-reddit[disabled]:focus, .btn-reddit[disabled].focus,
fieldset[disabled] .btn-reddit:hover,
fieldset[disabled] .btn-reddit:focus,
fieldset[disabled] .btn-reddit.focus {
background-color: #eff7ff;
border-color: #eff7ff; }
.btn-reddit .badge {
color: #eff7ff;
background-color: #000; }
.btn-soundcloud {
background-color: #ff5500;
color: #fff;
background-color: #ff5500;
border-color: #ff5500; }
.btn-soundcloud:focus, .btn-soundcloud.focus {
color: #fff;
background-color: #cc4400;
border-color: #802b00; }
.btn-soundcloud:hover {
color: #fff;
background-color: #cc4400;
border-color: #c24100; }
.btn-soundcloud:active, .btn-soundcloud.active,
.open > .btn-soundcloud.dropdown-toggle {
color: #fff;
background-color: #cc4400;
border-color: #c24100; }
.btn-soundcloud:active:hover, .btn-soundcloud:active:focus, .btn-soundcloud:active.focus, .btn-soundcloud.active:hover, .btn-soundcloud.active:focus, .btn-soundcloud.active.focus,
.open > .btn-soundcloud.dropdown-toggle:hover,
.open > .btn-soundcloud.dropdown-toggle:focus,
.open > .btn-soundcloud.dropdown-toggle.focus {
color: #fff;
background-color: #a83800;
border-color: #802b00; }
.btn-soundcloud:active, .btn-soundcloud.active,
.open > .btn-soundcloud.dropdown-toggle {
background-image: none; }
.btn-soundcloud.disabled:hover, .btn-soundcloud.disabled:focus, .btn-soundcloud.disabled.focus, .btn-soundcloud[disabled]:hover, .btn-soundcloud[disabled]:focus, .btn-soundcloud[disabled].focus,
fieldset[disabled] .btn-soundcloud:hover,
fieldset[disabled] .btn-soundcloud:focus,
fieldset[disabled] .btn-soundcloud.focus {
background-color: #ff5500;
border-color: #ff5500; }
.btn-soundcloud .badge {
color: #ff5500;
background-color: #fff; }
.btn-tumblr {
background-color: #2c4762;
color: #fff;
background-color: #2c4762;
border-color: #2c4762; }
.btn-tumblr:focus, .btn-tumblr.focus {
color: #fff;
background-color: #1c2e3f;
border-color: #04070a; }
.btn-tumblr:hover {
color: #fff;
background-color: #1c2e3f;
border-color: #192838; }
.btn-tumblr:active, .btn-tumblr.active,
.open > .btn-tumblr.dropdown-toggle {
color: #fff;
background-color: #1c2e3f;
border-color: #192838; }
.btn-tumblr:active:hover, .btn-tumblr:active:focus, .btn-tumblr:active.focus, .btn-tumblr.active:hover, .btn-tumblr.active:focus, .btn-tumblr.active.focus,
.open > .btn-tumblr.dropdown-toggle:hover,
.open > .btn-tumblr.dropdown-toggle:focus,
.open > .btn-tumblr.dropdown-toggle.focus {
color: #fff;
background-color: #111c26;
border-color: #04070a; }
.btn-tumblr:active, .btn-tumblr.active,
.open > .btn-tumblr.dropdown-toggle {
background-image: none; }
.btn-tumblr.disabled:hover, .btn-tumblr.disabled:focus, .btn-tumblr.disabled.focus, .btn-tumblr[disabled]:hover, .btn-tumblr[disabled]:focus, .btn-tumblr[disabled].focus,
fieldset[disabled] .btn-tumblr:hover,
fieldset[disabled] .btn-tumblr:focus,
fieldset[disabled] .btn-tumblr.focus {
background-color: #2c4762;
border-color: #2c4762; }
.btn-tumblr .badge {
color: #2c4762;
background-color: #fff; }
.btn-twitter {
background-color: #55acee;
color: #fff;
background-color: #55acee;
border-color: #55acee; }
.btn-twitter:focus, .btn-twitter.focus {
color: #fff;
background-color: #2795e9;
border-color: #126db2; }
.btn-twitter:hover {
color: #fff;
background-color: #2795e9;
border-color: #1d91e8; }
.btn-twitter:active, .btn-twitter.active,
.open > .btn-twitter.dropdown-toggle {
color: #fff;
background-color: #2795e9;
border-color: #1d91e8; }
.btn-twitter:active:hover, .btn-twitter:active:focus, .btn-twitter:active.focus, .btn-twitter.active:hover, .btn-twitter.active:focus, .btn-twitter.active.focus,
.open > .btn-twitter.dropdown-toggle:hover,
.open > .btn-twitter.dropdown-toggle:focus,
.open > .btn-twitter.dropdown-toggle.focus {
color: #fff;
background-color: #1583d7;
border-color: #126db2; }
.btn-twitter:active, .btn-twitter.active,
.open > .btn-twitter.dropdown-toggle {
background-image: none; }
.btn-twitter.disabled:hover, .btn-twitter.disabled:focus, .btn-twitter.disabled.focus, .btn-twitter[disabled]:hover, .btn-twitter[disabled]:focus, .btn-twitter[disabled].focus,
fieldset[disabled] .btn-twitter:hover,
fieldset[disabled] .btn-twitter:focus,
fieldset[disabled] .btn-twitter.focus {
background-color: #55acee;
border-color: #55acee; }
.btn-twitter .badge {
color: #55acee;
background-color: #fff; }
.btn-vimeo {
background-color: #1ab7ea;
color: #fff;
background-color: #1ab7ea;
border-color: #1ab7ea; }
.btn-vimeo:focus, .btn-vimeo.focus {
color: #fff;
background-color: #1295bf;
border-color: #0b5e79; }
.btn-vimeo:hover {
color: #fff;
background-color: #1295bf;
border-color: #118eb6; }
.btn-vimeo:active, .btn-vimeo.active,
.open > .btn-vimeo.dropdown-toggle {
color: #fff;
background-color: #1295bf;
border-color: #118eb6; }
.btn-vimeo:active:hover, .btn-vimeo:active:focus, .btn-vimeo:active.focus, .btn-vimeo.active:hover, .btn-vimeo.active:focus, .btn-vimeo.active.focus,
.open > .btn-vimeo.dropdown-toggle:hover,
.open > .btn-vimeo.dropdown-toggle:focus,
.open > .btn-vimeo.dropdown-toggle.focus {
color: #fff;
background-color: #0f7b9f;
border-color: #0b5e79; }
.btn-vimeo:active, .btn-vimeo.active,
.open > .btn-vimeo.dropdown-toggle {
background-image: none; }
.btn-vimeo.disabled:hover, .btn-vimeo.disabled:focus, .btn-vimeo.disabled.focus, .btn-vimeo[disabled]:hover, .btn-vimeo[disabled]:focus, .btn-vimeo[disabled].focus,
fieldset[disabled] .btn-vimeo:hover,
fieldset[disabled] .btn-vimeo:focus,
fieldset[disabled] .btn-vimeo.focus {
background-color: #1ab7ea;
border-color: #1ab7ea; }
.btn-vimeo .badge {
color: #1ab7ea;
background-color: #fff; }
.btn-vk {
background-color: #587ea3;
color: #fff;
background-color: #587ea3;
border-color: #587ea3; }
.btn-vk:focus, .btn-vk.focus {
color: #fff;
background-color: #466482;
border-color: #2b3e50; }
.btn-vk:hover {
color: #fff;
background-color: #466482;
border-color: #435f7b; }
.btn-vk:active, .btn-vk.active,
.open > .btn-vk.dropdown-toggle {
color: #fff;
background-color: #466482;
border-color: #435f7b; }
.btn-vk:active:hover, .btn-vk:active:focus, .btn-vk:active.focus, .btn-vk.active:hover, .btn-vk.active:focus, .btn-vk.active.focus,
.open > .btn-vk.dropdown-toggle:hover,
.open > .btn-vk.dropdown-toggle:focus,
.open > .btn-vk.dropdown-toggle.focus {
color: #fff;
background-color: #3a526b;
border-color: #2b3e50; }
.btn-vk:active, .btn-vk.active,
.open > .btn-vk.dropdown-toggle {
background-image: none; }
.btn-vk.disabled:hover, .btn-vk.disabled:focus, .btn-vk.disabled.focus, .btn-vk[disabled]:hover, .btn-vk[disabled]:focus, .btn-vk[disabled].focus,
fieldset[disabled] .btn-vk:hover,
fieldset[disabled] .btn-vk:focus,
fieldset[disabled] .btn-vk.focus {
background-color: #587ea3;
border-color: #587ea3; }
.btn-vk .badge {
color: #587ea3;
background-color: #fff; }
.btn-yahoo {
background-color: #720e9e;
color: #fff;
background-color: #720e9e;
border-color: #720e9e; }
.btn-yahoo:focus, .btn-yahoo.focus {
color: #fff;
background-color: #500a6f;
border-color: #1d0429; }
.btn-yahoo:hover {
color: #fff;
background-color: #500a6f;
border-color: #490966; }
.btn-yahoo:active, .btn-yahoo.active,
.open > .btn-yahoo.dropdown-toggle {
color: #fff;
background-color: #500a6f;
border-color: #490966; }
.btn-yahoo:active:hover, .btn-yahoo:active:focus, .btn-yahoo:active.focus, .btn-yahoo.active:hover, .btn-yahoo.active:focus, .btn-yahoo.active.focus,
.open > .btn-yahoo.dropdown-toggle:hover,
.open > .btn-yahoo.dropdown-toggle:focus,
.open > .btn-yahoo.dropdown-toggle.focus {
color: #fff;
background-color: #39074e;
border-color: #1d0429; }
.btn-yahoo:active, .btn-yahoo.active,
.open > .btn-yahoo.dropdown-toggle {
background-image: none; }
.btn-yahoo.disabled:hover, .btn-yahoo.disabled:focus, .btn-yahoo.disabled.focus, .btn-yahoo[disabled]:hover, .btn-yahoo[disabled]:focus, .btn-yahoo[disabled].focus,
fieldset[disabled] .btn-yahoo:hover,
fieldset[disabled] .btn-yahoo:focus,
fieldset[disabled] .btn-yahoo.focus {
background-color: #720e9e;
border-color: #720e9e; }
.btn-yahoo .badge {
color: #720e9e;
background-color: #fff; }
/* $sortable
------------------------------------------*/
.sortable-list {
padding: 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.sortable-list li {
position: relative;
display: block;
margin-bottom: -0.0625rem;
padding: 0.9375rem;
border: 0.0625rem solid #e4e4e4;
background-color: #fff;
cursor: move; }
.sortable-list li:first-child {
border-top-left-radius: 0;
border-top-right-radius: 0; }
.sortable-list li:last-child {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0; }
.sortable-list li.ui-state-highlight {
min-height: 3.125rem;
width: 100%;
background: rgba(0, 0, 0, 0.01);
list-style: none; }
/* $summernote
------------------------------------------*/
.note-editor {
border-color: #e4e4e4;
border-radius: 0;
overflow: visible; }
.note-editor .note-toolbar {
margin-left: 0;
padding: 0; }
.note-editor .note-toolbar .btn-group {
margin: 0; }
.note-editor .btn-group .btn {
border-radius: 0;
box-shadow: none;
height: 2.5rem;
line-height: 2.5rem;
min-width: 2.5rem;
padding: 0 0.625rem;
background-color: #f5f5f5;
border-top: 0;
border-bottom-color: #e4e4e4;
border-left: 0;
border-right-color: #e4e4e4;
color: #59595A; }
.note-editor .btn-group .btn.active, .note-editor .btn-group .btn:hover {
background-color: #ececec; }
.note-editor .btn-group .btn.active::before, .note-editor .btn-group .btn:hover::before {
box-shadow: none; }
.note-editor .btn-group .btn + .btn,
.note-editor .btn-group .btn + .btn-group,
.note-editor .btn-group .btn-group + .btn,
.note-editor .btn-group .btn-group + .btn-group {
margin-left: 0; }
.note-editor .note-toolbar {
border-color: #e4e4e4;
border-bottom: 0;
padding: 0; }
.note-editor .dropdown-menu {
margin: 0;
border-top-right-radius: 0;
border-top-left-radius: 0; }
.note-editor .note-editable {
background-color: white;
min-height: 9.375rem; }
/* $sweet-alert
------------------------------------------*/
.sweet-alert {
font-family: inherit;
border-radius: 0;
/*Fix animation api conflict*/
visibility: visible !important; }
.sweet-alert h2 {
color: #4c4c4d; }
.sweet-alert p {
color: #59595A;
font-weight: inherit;
font-size: 0.8125rem; }
.sweet-alert button {
border-radius: 0;
font-size: inherit; }
.sweet-alert .icon.error {
border-color: #DD6777; }
.sweet-alert .sa-input-error::before,
.sweet-alert .sa-input-error::after,
.sweet-alert .sa-error-container .icon,
.sweet-alert .icon.error .line {
background-color: #DD6777; }
.sweet-alert .icon.warning {
border-color: #F2B776; }
.sweet-alert .icon.warning .body {
background-color: #F2B776; }
.sweet-alert .icon.warning .dot {
background-color: #F2B776; }
.sweet-alert .icon.info {
border-color: #6EC7E6; }
.sweet-alert .icon.info::before {
background-color: #6EC7E6; }
.sweet-alert .icon.info::after {
background-color: #6EC7E6; }
.sweet-alert .icon.success {
border-color: #6FC080; }
.sweet-alert .icon.success .placeholder {
border-color: rgba(111, 192, 128, 0.2); }
.sweet-alert .icon.success .line {
background-color: #6FC080; }
.sweet-alert .sa-input-error {
top: 1.438rem; }
/* $touch-spin
------------------------------------------*/
.bootstrap-touchspin input {
text-align: center; }
.btn.bootstrap-touchspin-down,
.btn.bootstrap-touchspin-up {
font-size: initial !important; }
/*
* twitter typeahead
*
*/
.twitter-typeahead {
display: block;
width: 100%; }
.tt-query {
box-shadow: inset 0 0.0625rem 1px rgba(0, 0, 0, 0.075); }
.tt-menu {
width: 100%;
margin: -0.0625rem 0 0.75rem;
padding: 0.75rem 0;
background-color: #fff;
border: 0.0625rem solid #6164C1;
box-shadow: none;
border-radius: 0; }
.tt-suggestion {
padding: 0.1875rem 0.75rem;
line-height: 1.5rem; }
.tt-suggestion:hover {
cursor: pointer;
color: #fff;
background-color: #6164C1; }
.tt-suggestion.tt-cursor {
color: #fff;
background-color: #6164C1; }
.tt-suggestion p {
margin: 0; }
/* $Utilities Classes */
.inline {
display: inline-block; }
/* Margins */
.m-x-n {
margin-right: -1.25rem !important;
margin-left: -1.25rem !important; }
.m-r-n {
margin-right: -1.25rem !important; }
.m-l-n {
margin-left: -1.25rem !important; }
.m-t-n {
margin-top: -1.25rem !important; }
.m-b-n {
margin-bottom: -1.25rem !important; }
.m-x-n-g {
margin-right: -0.75rem !important;
margin-left: -0.75rem !important; }
.m-r-n-g {
margin-right: -0.75rem !important; }
.m-l-n-g {
margin-left: -0.75rem !important; }
.m-t-n-g {
margin-top: -0.75rem !important; }
.m-b-n-g {
margin-bottom: -0.75rem !important; }
/* no background color*/
.no-bg {
background-color: transparent !important; }
.shadow {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }
.no-shadow {
box-shadow: none; }
.text-shadow {
text-shadow: 0 0.0625rem 0.0625rem rgba(255, 255, 255, 0.9); }
.align-middle td,
td.align-middle {
vertical-align: middle !important; }
/* Position */
.relative {
position: relative; }
.absolute {
position: absolute; }
.lt {
left: 0; }
.rt {
right: 0; }
.bt {
bottom: 0; }
.tp {
top: 0; }
/* Radius */
.no-radius {
border-radius: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0; }
.round {
border-radius: 0; }
.circle {
border-radius: 50%; }
.brtl {
border-top-left-radius: 0; }
.brtr {
border-top-right-radius: 0; }
.brbl {
border-bottom-left-radius: 0; }
.brbr {
border-bottom-right-radius: 0; }
/* Overflow */
.overflow-hidden {
overflow: hidden; }
.overflow-visible {
overflow: visible; }
.overflow-auto {
overflow: auto; }
.block {
display: block; }
.open .hover-inactive:hover, .open .hover-inactive:focus,
.hover-inactive:hover,
.hover-inactive:focus {
background-color: transparent !important; }
/* Widths */
.w100 {
width: 100px; }
.w150 {
width: 150px; }
.w200 {
width: 200px; }
.w250 {
width: 250px; }
.w300 {
width: 300px; }
.w350 {
width: 350px; }
.w400 {
width: 400px; }
.w450 {
width: 400px; }
.w500 {
width: 500px; }
/* Toggle */
.toggle-active {
cursor: pointer; }
.toggle-active.active {
color: #F2B776; }
/* Borders */
.no-border,
.b-a-0 {
border: 0; }
.b-a {
border: 0.0625rem solid #e4e4e4; }
.b-b {
border-bottom: 0.0625rem solid #e4e4e4; }
.b-t {
border-top: 0.0625rem solid #e4e4e4; }
.b-l {
border-left: 0.0625rem solid #e4e4e4; }
.b-r {
border-right: 0.0625rem solid #e4e4e4; }
.b-t-0 {
border-top: 0; }
.b-r-0 {
border-right: 0; }
.b-b-0 {
border-bottom: 0; }
.b-l-0 {
border-left: 0; }
.avatar.bordered {
border: 3px solid fade(#fff, 50%); }
/* $border color */
.border-primary {
border-color: #6164C1; }
.border-default {
border-color: #e2e2e2; }
.border-warning {
border-color: #F2B776; }
.border-success {
border-color: #6FC080; }
.border-info {
border-color: #6EC7E6; }
.border-white {
border-color: white; }
.border-danger {
border-color: #DD6777; }
.full-height {
height: 100%; }
[data-animation] {
visibility: hidden; }
.animated {
visibility: visible !important; }
.visible {
visibility: visible; }
.scrollable {
overflow: hidden;
position: relative; }
.scroll {
overflow-x: hidden;
overflow-y: auto; }
.text-left {
text-align: left; }
.text-right {
text-align: right; }
.text-center {
text-align: center; }
.text-justify {
text-align: justify; }
.text-nowrap {
white-space: nowrap; }
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.text-xs-left {
text-align: left; }
.text-xs-right {
text-align: right; }
.text-xs-center {
text-align: center; }
@media (min-width: 34em) {
.text-sm-left {
text-align: left; }
.text-sm-right {
text-align: right; }
.text-sm-center {
text-align: center; } }
@media (min-width: 48em) {
.text-md-left {
text-align: left; }
.text-md-right {
text-align: right; }
.text-md-center {
text-align: center; } }
@media (min-width: 62em) {
.text-lg-left {
text-align: left; }
.text-lg-right {
text-align: right; }
.text-lg-center {
text-align: center; } }
@media (min-width: 75em) {
.text-xl-left {
text-align: left; }
.text-xl-right {
text-align: right; }
.text-xl-center {
text-align: center; } }
.m-a-0 {
margin: 0 !important; }
.m-t-0 {
margin-top: 0 !important; }
.m-r-0 {
margin-right: 0 !important; }
.m-b-0 {
margin-bottom: 0 !important; }
.m-l-0 {
margin-left: 0 !important; }
.m-x-0 {
margin-right: 0 !important;
margin-left: 0 !important; }
.m-y-0 {
margin-top: 0 !important;
margin-bottom: 0 !important; }
.m-a {
margin: 1rem !important; }
.m-t {
margin-top: 1rem !important; }
.m-r {
margin-right: 1rem !important; }
.m-b {
margin-bottom: 1rem !important; }
.m-l {
margin-left: 1rem !important; }
.m-x {
margin-right: 1rem !important;
margin-left: 1rem !important; }
.m-y {
margin-top: 1rem !important;
margin-bottom: 1rem !important; }
.m-x-auto {
margin-right: auto !important;
margin-left: auto !important; }
.m-a-md {
margin: 1.5rem !important; }
.m-t-md {
margin-top: 1.5rem !important; }
.m-r-md {
margin-right: 1.5rem !important; }
.m-b-md {
margin-bottom: 1.5rem !important; }
.m-l-md {
margin-left: 1.5rem !important; }
.m-x-md {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important; }
.m-y-md {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important; }
.m-a-lg {
margin: 3rem !important; }
.m-t-lg {
margin-top: 3rem !important; }
.m-r-lg {
margin-right: 3rem !important; }
.m-b-lg {
margin-bottom: 3rem !important; }
.m-l-lg {
margin-left: 3rem !important; }
.m-x-lg {
margin-right: 3rem !important;
margin-left: 3rem !important; }
.m-y-lg {
margin-top: 3rem !important;
margin-bottom: 3rem !important; }
.p-a-0 {
padding: 0 !important; }
.p-t-0 {
padding-top: 0 !important; }
.p-r-0 {
padding-right: 0 !important; }
.p-b-0 {
padding-bottom: 0 !important; }
.p-l-0 {
padding-left: 0 !important; }
.p-x-0 {
padding-right: 0 !important;
padding-left: 0 !important; }
.p-y-0 {
padding-top: 0 !important;
padding-bottom: 0 !important; }
.p-a {
padding: 1rem !important; }
.p-t {
padding-top: 1rem !important; }
.p-r {
padding-right: 1rem !important; }
.p-b {
padding-bottom: 1rem !important; }
.p-l {
padding-left: 1rem !important; }
.p-x {
padding-right: 1rem !important;
padding-left: 1rem !important; }
.p-y {
padding-top: 1rem !important;
padding-bottom: 1rem !important; }
.p-a-md {
padding: 1.5rem !important; }
.p-t-md {
padding-top: 1.5rem !important; }
.p-r-md {
padding-right: 1.5rem !important; }
.p-b-md {
padding-bottom: 1.5rem !important; }
.p-l-md {
padding-left: 1.5rem !important; }
.p-x-md {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important; }
.p-y-md {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important; }
.p-a-lg {
padding: 3rem !important; }
.p-t-lg {
padding-top: 3rem !important; }
.p-r-lg {
padding-right: 3rem !important; }
.p-b-lg {
padding-bottom: 3rem !important; }
.p-l-lg {
padding-left: 3rem !important; }
.p-x-lg {
padding-right: 3rem !important;
padding-left: 3rem !important; }
.p-y-lg {
padding-top: 3rem !important;
padding-bottom: 3rem !important; }
.pos-f-t {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030; }
.hidden-xs-up {
display: none !important; }
@media (max-width: 33.9em) {
.hidden-xs-down {
display: none !important; } }
@media (min-width: 34em) {
.hidden-sm-up {
display: none !important; } }
@media (max-width: 47.9em) {
.hidden-sm-down {
display: none !important; } }
@media (min-width: 48em) {
.hidden-md-up {
display: none !important; } }
@media (max-width: 61.9em) {
.hidden-md-down {
display: none !important; } }
@media (min-width: 62em) {
.hidden-lg-up {
display: none !important; } }
@media (max-width: 74.9em) {
.hidden-lg-down {
display: none !important; } }
@media (min-width: 75em) {
.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 .hidden-print {
display: none !important; } }
/*
* Demo specific styles.
* These can be removed
*/
.color-brands {
display: block; }
.color-brands:before, .color-brands:after {
content: " ";
display: table; }
.color-brands:after {
clear: both; }
.color-brands.header-brands > div {
width: 100% !important;
cursor: pointer; }
.color-brands > div {
display: inline-block;
margin-right: 0.75rem;
margin-bottom: 0.75rem;
position: relative;
width: 10%; }
.color-brands .color-brand {
display: inline-block;
line-height: 150px;
width: 100%;
border-radius: 2px;
overflow: hidden;
text-align: center;
position: relative; }
.color-brands .color-brand.header-brand {
width: 100%;
height: 30px; }
.color-brands .color-brand div {
width: 100%;
height: 50px;
line-height: 50px; }
.color-brands > .color-brand {
width: 10%;
height: 100px; }
@media (max-width: 767px) {
.color-brands > div {
width: 25%; }
.color-brands > .color-brand {
width: 25%; } }
#focusedInput {
border-color: #8d8fd2;
box-shadow: none; }
.climacon-list .climacon {
display: inline-block;
font: normal normal normal 14px/1 Climacons-Font;
font-size: 16px;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
@media (min-width: 768px) {
.form-horizontal .control-label-left {
padding-top: 7px;
margin-bottom: 0;
text-align: left; } }
.demo .slider.slider-vertical {
height: 175px; }
.bs-demo .btn {
margin-bottom: 5px; }
.tool-button .btn {
margin-right: 5px;
margin-bottom: 5px; }
.demo-button .btn {
min-width: 115px;
margin-bottom: 5px;
margin-right: 5px; }
.demo > .dropdown {
float: left; }
.demo > .dropdown > .dropdown-menu {
position: static;
display: block;
margin-bottom: 5px;
visibility: visible;
opacity: 1; }
.demo-button2 button {
margin: 0 5px 10px 0; }
.demo-button3 .btn {
margin-bottom: 10px; }
.fontawesome-list a,
.climacon-list a,
.feather-list a {
display: block;
padding-left: 40px;
height: 32px;
color: #59595A;
line-height: 32px;
background: #fff;
margin-bottom: 5px; }
.fontawesome-list .fa,
.climacon-list .climacon,
.feather-list [class^="icon-"] {
position: absolute;
top: 8px;
left: 20px;
-webkit-transition: all 150ms linear;
transition: all 150ms linear;
min-width: 30px;
text-align: center; }
.fontawesome-list a:hover .fa,
.climacon-list a:hover .climacon,
.feather-list a:hover [class^="icon-"] {
top: 5px;
color: #6164C1;
font-size: 1.5em; }
.bordered-group .form-group {
border-bottom: 0.0625rem solid fade(black, 6%);
padding-bottom: 15px; }
.bordered-group .form-group:last-child {
border-bottom: 0.0625rem solid transparent;
padding: 0; }
.switcha > div {
float: left; }
.fontawesome-icon-list {
margin-bottom: 35px; }
.option {
display: table;
width: 100%; }
.option > div {
display: table-cell;
vertical-align: middle; }
.option > div:first-child {
width: 200px; }
.demo-skin {
display: table;
width: 100%;
margin-bottom: 30px; }
.demo-skin span {
display: table-cell;
height: 25px;
border-top: 0.0625rem solid fade(black, 7%);
border-bottom: 0.0625rem solid fade(black, 7%); }
.demo-skin span:first-child {
border-left: 0.0625rem solid fade(black, 7%); }
.demo-skin span:last-child {
border-right: 0.0625rem solid fade(black, 7%); }
.sidebar-skins > div .fa,
.header-skins > div .fa {
display: none;
visibility: hidden; }
.sidebar-skins > div:hover,
.header-skins > div:hover {
cursor: pointer; }
.sidebar-skins > div:hover .fa,
.header-skins > div:hover .fa {
display: inline-block;
visibility: visible; }
.sidebar-skins > div.active .fa,
.header-skins > div.active .fa {
display: inline-block;
visibility: visible;
color: #6FC080; }
.dashboard-rickshaw {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0; }
.configuration {
width: 240px;
background: #fff;
position: fixed;
right: 0;
top: 250px;
margin-left: 0;
z-index: 99999;
box-shadow: 0 0 10px rgba(107, 107, 107, 0.2);
-webkit-transition: -webkit-transform 150ms cubic-bezier(0.7, 0, 0.3, 1);
-moz-transition: -moz-transform 150ms cubic-bezier(0.7, 0, 0.3, 1);
-o-transition: -o-transform 150ms cubic-bezier(0.7, 0, 0.3, 1);
transition: transform 150ms cubic-bezier(0.7, 0, 0.3, 1);
-webkit-transform: translate(100%, 0);
-moz-transform: translate(100%, 0);
-o-transform: translate(100%, 0);
-ms-transform: translate(100%, 0);
transform: translate(100%, 0);
-webkit-transform: translate3d(100%, 0, 0);
-moz-transform: translate3d(100%, 0, 0);
-o-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); }
.configuration.active {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.configuration-cog {
width: 40px;
height: 40px;
position: absolute;
left: -40px;
line-height: 40px;
font-size: 20px;
text-align: center;
background: #fff;
box-shadow: 0 0 10px rgba(107, 107, 107, 0.2);
z-index: 8;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
cursor: pointer; }
.configuration-options {
position: relative;
z-index: 9; }
.configuration .title {
background: #fff;
padding: 10px 15px;
text-transform: uppercase; }
.configuration .option {
padding: 5px 15px; }
.configuration .option.styles label {
display: inline-block;
padding: 0;
margin: 0 5px 0 0;
width: 30px;
height: 30px;
position: relative; }
.configuration .option.styles input {
opacity: 0;
visibility: hidden;
position: absolute;
top: -100%; }
.configuration .option.styles div {
display: block; }
.configuration .option.styles div:nth-child(3) {
height: 9px; }
.configuration .option.styles div:nth-child(4) {
height: 1px; }
.configuration .option.styles div:last-child {
height: 20px; }
.configuration .option.styles .fa {
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
text-align: center;
line-height: 32px;
background: fade(white, 30%); }
.configuration .option.styles input[type=radio]:checked + .fa {
opacity: 1; }
.swatches {
border-radius: 2px;
overflow: hidden;
margin-bottom: 25px; }
.swatches > div {
display: table;
table-layout: fixed;
width: 100%;
min-height: 40px;
padding: 0 15px; }
.swatches > div:first-child {
border-top-left-radius: 2px;
border-top-right-radius: 2px; }
.swatches > div:last-child {
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px; }
.swatches > div > span {
display: table-cell;
vertical-align: middle; }
.location-selector {
position: relative;
list-style: none;
padding: 0;
border: 0.0625rem solid #e4e4e4; }
.location-selector:before, .location-selector:after {
content: " ";
display: table; }
.location-selector:after {
clear: both; }
.location-selector li {
width: 33.33333333%;
float: left;
position: relative; }
.location-selector li > div {
width: 100%;
height: 100px;
background-color: #e2e2e2;
cursor: pointer;
text-align: center;
position: relative;
border: 0.0625rem solid fade(black, 5%);
border-top: 0;
border-left: 0; }
.location-selector li > div span {
position: absolute;
top: 50%;
width: 100%;
display: block;
margin-top: -9.5px; }
.location-selector li.active > div {
box-shadow: inset 0px 0px 0px 0.0625rem rgba(0, 0, 0, 0.05), 0px 0px 0.0625rem 0px rgba(0, 0, 0, 0.1);
background-color: #efefef; }
.location-selector li:hover div {
background-color: #efefef; }
.location-selector [data-position=topLeft] div {
cursor: nw-resize; }
.location-selector [data-position=top] div {
cursor: n-resize; }
.location-selector [data-position=topRight] div {
cursor: ne-resize; }
.location-selector [data-position=bottomLeft] div {
cursor: sw-resize; }
.location-selector [data-position=bottom] div {
cursor: s-resize; }
.location-selector [data-position=bottomRight] div {
cursor: se-resize; }