@charset "UTF-8";
/*
*
*   Version: 1.2.0
*   Template name: Urban Admin UI Kit
*   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.  preloader
6.  quick-launch
7.  sidebar-panel
8.  header
9.  brand
10. main-panel
11. footer
12. chat-panel
13. hamburger-icon
14. offscreen-menu
15. widget
16. accordion
17. layout-options
18. switch
19. print
20. alerts
21. badge
22. breadcrumbs
23. buttons
24. code
25. dropdown
26. forms
27. input-groups
28. jumbotron
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. profile
51. search
52. timeline
53. charts
54. blueimp
55. jquery.ui
56. bootstrap-tags
57. bootstap-timepicker
58. wizard
59. bootstrap-wysiwyg
60. c3-charts
61. chartjs
62. checkbo
63. chosen
64. clock-picker
65. color-picker
66. datatables
67. datepicker
68. daterangepicker
69. easypie
70. flot-chart
71. google-map
72. intl-tel-input
73. jvectormap
74. nestable
75. noty
76. nvd3
77. jquery-validation
78. perfect-scrollbar
79. portlets
80. rickshaw
81. social-button
82. sortable
83. summernote
84. sweet-alert
85. touch-spin
*/
/* $scaffolding
 ------------------------------------------*/
::-moz-selection {
  background: #0084b0;
  color: white;
  text-shadow: none;
}
::selection {
  background: #0084b0;
  color: white;
  text-shadow: none;
}
body,
html {
  height: 100%;
  width: 100%;
}
.app {
  background: #f0f0f0;
  width: 100%;
  min-height: 100%;
  position: relative;
  height: 100%;
}
body {
  overflow: visible;
  background: #e0e8f2;
  color: #444;
  font-size: 13px;
  line-height: 1.53846154;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  font-family: "Helvetica Neue", Helvetica, Arial, "Roboto", sans-serif, sans-serif;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
body.stop-scrolling {
  height: 100%;
  overflow: hidden;
}
a {
  color: inherit;
  text-decoration: none;
}
a:visited,
a:active,
a:focus,
a:hover {
  color: inherit;
  outline: 0;
  text-decoration: none;
  cursor: pointer;
}
.touch li:hover,
.touch li:focus,
.touch a:hover,
.touch a:focus {
  background-color: transparent!important;
}
hr {
  display: block;
  margin: 1em 0;
  padding: 0;
  height: 1px;
  border: 0;
  border-top: 1px solid #e4e4e4;
}
img {
  -ms-interpolation-mode: bicubic;
}
.img-rounded {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.img-circle {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  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-leave {
  -webkit-animation: fadeOut 0.4s;
  animation: fadeOut 0.4s;
}
[ui-view].ng-enter {
  -webkit-animation: slideInUp 0.4s;
  animation: slideInUp 0.4s;
}
@media screen and (min-width: 768px) {
  .scroll {
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
  }
  .eq-col {
    position: absolute;
    top: 55px;
    bottom: 55px;
    left: 250px;
    right: 0;
  }
  .display-row {
    width: 100%;
    height: 100%;
  }
  .display-row .col {
    float: left;
    height: 100%;
  }
  .display-row .col:last-child {
    float: none;
    overflow: hidden;
  }
  .css-table {
    display: table;
    width: 100%;
    height: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
  }
  .css-table .col {
    display: table-cell;
    vertical-align: top;
    float: none;
    height: 100%;
  }
}
.css-table-xs {
  display: table;
  width: 100%;
  height: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  overflow: hidden;
}
.css-table-xs .col {
  display: table-cell;
  vertical-align: top;
  position: relative;
  float: none;
  height: 100%;
}
/* $webfonts
 ------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-weight: 400;
}
dt,
.bold {
  font-weight: 700;
}
/* $typography
 ------------------------------------------*/
.climacon {
  line-height: 1;
}
small,
.small {
  font-size: 11px;
}
p {
  color: #5e5e5e;
}
blockquote {
  display: block;
  float: left;
  margin: 15px 0;
  padding: 15px;
  border: 0;
  font-size: 13px;
}
blockquote::before {
  float: left;
  margin-right: 10px;
  color: #E2E4E9;
  content: "“";
  font-size: 40px;
  font-family: Georgia, serif;
  line-height: 1;
}
blockquote p {
  display: inline;
}
.pullquote {
  display: block;
  float: left;
  width: 55%;
  font-style: italic;
  font-size: 1.6em;
}
.pullquote::before {
  float: left;
  color: #E2E4E9;
  content: "“";
  font-style: normal;
  font-size: 40px;
  font-family: Georgia, serif;
}
/* $avatar
 ------------------------------------------*/
.avatar {
  position: relative;
  display: inline-block;
}
.img-thumbnail {
  border: 1px solid #e4e4e4;
}
/* sizes */
.avatar-xlg {
  width: 512px;
}
.avatar-xlg {
  width: 256px;
}
.avatar-lg {
  width: 128px;
}
.avatar-md {
  width: 64px;
}
.avatar-sm {
  width: 46px;
}
.avatar-xs {
  width: 34px;
}
.avatar-xxs {
  width: 22px;
}
/* status indicator */
.status {
  position: absolute;
  top: 0;
  right: 0;
  padding: 2px;
  text-align: center;
  overflow: hidden;
  width: 10px;
  height: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  line-height: 0.245;
  border-width: 2px;
  border-style: solid;
}
.header .status {
  top: 15px;
  right: 13px;
}
/* $preloader
 ------------------------------------------*/
@-webkit-keyframes loading-bar {
  0% {
    width: 0;
  }
  33% {
    width: 100%;
  }
  66% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    width: 100%;
    -webkit-transform-origin: right;
    -moz-transform-origin: right;
    -o-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
  }
  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transform-origin: right;
    -moz-transform-origin: right;
    -o-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
  }
}
@keyframes loading-bar {
  0% {
    width: 0;
  }
  33% {
    width: 100%;
  }
  66% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    width: 100%;
    -webkit-transform-origin: right;
    -moz-transform-origin: right;
    -o-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
  }
  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transform-origin: right;
    -moz-transform-origin: right;
    -o-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
  }
}
.preloader {
  position: fixed;
  width: 100%;
  overflow: hidden;
  top: 0;
  z-index: 9999;
  height: 3px;
  background: rgba(24, 191, 95, 0.2);
}
.preloader::before {
  content: '';
  background-color: #18bf5f;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-animation: loading-bar 1.5s infinite;
  animation: loading-bar 1.5s infinite;
  -webkit-transition-delay: 400ms;
  -moz-transition-delay: 400ms;
  -o-transition-delay: 400ms;
  transition-delay: 400ms;
}
.loader {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  position: relative;
  animation: rotate 1s linear infinite;
}
.loader::before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  inset: 0px;
  border-radius: 50%;
  border: 3px solid white;
  animation: prixClipFix 2s linear infinite ;
}
.loader-text::before {
  border-color: #444;
}
@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes prixClipFix {
  0% {
    clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);
  }
  25% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);
  }
  50% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);
  }
  75% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);
  }
  100% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);
  }
}
/* $quick-launch
  ------------------------------------------*/
.quick-launch-panel {
  display: table;
  position: absolute;
  z-index: 9999;
  width: 100%;
  height: 80px;
  -webkit-transform: translate(0, -100%);
  -moz-transform: translate(0, -100%);
  -o-transform: translate(0, -100%);
  -ms-transform: translate(0, -100%);
  transform: translate(0, -100%);
  -webkit-transform: translate3d(0, -100%, 0);
  -moz-transform: translate3d(0, -100%, 0);
  -o-transform: translate3d(0, -100%, 0);
  -ms-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}
.quick-launch-panel::before,
.quick-launch-panel::after {
  content: " ";
  display: table;
}
.quick-launch-panel::after {
  clear: both;
}
.quick-launch-panel .container {
  position: relative;
}
.quick-launch-panel .quick-launcher-inner {
  display: block;
  padding: 17px 0;
}
.quick-launch-panel .close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 5px 10px;
  text-shadow: none;
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  -webkit-opacity: 0.6;
  opacity: 0.6;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
  filter: alpha(opacity=60);
  z-index: 9999;
}
.quick-launch-panel a {
  display: block;
  text-align: center;
  font-size: 20px;
}
.quick-launch-panel a span {
  display: block;
  text-transform: uppercase;
  font-size: 11px;
  padding-top: 0;
}
.layout-quick-launch-panel {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate(0, 80px);
  -moz-transform: translate(0, 80px);
  -o-transform: translate(0, 80px);
  -ms-transform: translate(0, 80px);
  transform: translate(0, 80px);
  -webkit-transform: translate3d(0, 80px, 0);
  -moz-transform: translate3d(0, 80px, 0);
  -o-transform: translate3d(0, 80px, 0);
  -ms-transform: translate3d(0, 80px, 0);
  transform: translate3d(0, 80px, 0);
}
.layout-quick-launch-panel::before {
  content: '';
  background-color: rgba(0, 0, 0, 0.15);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 10000;
}
.stop-scrolling .layout-fixed-header .main-panel > .header,
.stop-scrolling .brand,
.stop-scrolling .sidebar-panel,
.stop-scrolling .side-panel {
  position: absolute!important;
}
/* $sidebar-panel
 ------------------------------------------*/
.sidebar-panel {
  position: fixed;
  height: 100%;
  overflow: hidden;
  z-index: 100;
}
.sidebar-panel > nav {
  /*position: absolute;*/
  top: 55px;
  bottom: 0;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.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 300ms, color 300ms;
  -moz-transition: background 300ms, color 300ms;
  -o-transition: background 300ms, color 300ms;
  transition: background 300ms, color 300ms;
}
.sidebar-panel > nav ul > li > a > span {
  display: initial;
}
.sidebar-panel > nav ul > li > a > span.label {
  position: initial;
  top: auto;
  right: auto;
}
.sidebar-panel > nav ul > li > a .fa {
  padding-right: 15px;
  width: 30px;
  font-size: 12px;
  text-align: center;
}
.sidebar-panel > nav ul > li > a > span,
.sidebar-panel > nav ul > li > a .fa {
  -webkit-transition: text-indent 100ms;
  -moz-transition: text-indent 100ms;
  -o-transition: text-indent 100ms;
  transition: text-indent 100ms;
}
.sidebar-panel > nav li:hover > a > .fa,
.sidebar-panel > nav li:hover > a > span {
  text-indent: 3px;
}
.sidebar-panel > nav li ul li a {
  padding: 10px 25px 10px 58px;
}
.sidebar-panel > nav li.menu-accordion > a::before {
  min-width: 15px;
  text-align: center;
  font-size: 12px;
  -webkit-transition: transform 300ms ease;
  -moz-transition: transform 300ms ease;
  -o-transition: transform 300ms ease;
  transition: transform 300ms ease;
  content: "\f105";
  font: normal normal normal 14px/1 FontAwesome;
  speak: none;
  font-style: normal;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  position: relative;
  display: inline-block;
  float: right;
  margin-left: 5px;
}
.sidebar-panel > nav li.open.menu-accordion > a::before {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.sidebar-panel > nav li.open > a .fa,
.sidebar-panel > nav li.open > a > span {
  text-indent: 3px;
}
.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: 13px 25px;
}
.sidebar-panel > nav > ul > li > ul {
  position: relative;
  padding: 0;
  margin: 0;
}
.sidebar-panel > nav > ul > li > ul::before,
.sidebar-panel > nav > ul > li > ul::after {
  content: " ";
  display: table;
}
.sidebar-panel > nav > ul > li > ul::after {
  clear: both;
}
.sidebar-panel > nav > ul > li ul {
  max-height: 0;
  overflow: hidden;
  display: block;
}
.sidebar-panel > nav > ul > li > .sub-menu .sub-menu {
  padding-left: 20px;
}
.sidebar-panel > nav .open > ul {
  max-height: 500px;
}
.sidebar-panel .fa > img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}
@media screen and (min-width: 768px) {
  .sidebar-panel {
    overflow: hidden;
    width: 250px;
    z-index: 1050;
  }
  .sidebar-panel > nav > ul {
    width: 250px;
  }
  /* Collapsed sidebar */
  .layout-small-menu {
    min-height: 100%;
  }
  .layout-small-menu .sidebar-panel {
    width: 70px;
    overflow: visible;
  }
  .layout-small-menu .sidebar-panel .brand-logo {
    display: none;
    visibility: hidden;
  }
  .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: 70px;
  }
  .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 {
    content: '';
  }
  .layout-small-menu .sidebar-panel > nav > ul > li > a {
    padding: 15px 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: 5px;
    right: 5px;
  }
  .layout-small-menu .sidebar-panel > nav > ul > li > a > .fa {
    display: block;
    padding: 0;
    width: 100%;
  }
  .layout-small-menu .sidebar-panel > nav > ul > li:hover > .sub-menu {
    max-height: 500px;
  }
  .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: 15px;
    white-space: nowrap;
  }
  .layout-small-menu .sidebar-panel > nav > ul > li > .sub-menu > li > a + .sub-menu > li > a {
    padding-left: 35px;
  }
  .layout-small-menu .sidebar-panel > nav > ul > li > .sub-menu > li > a + .sub-menu > li > a + .sub-menu > li > a {
    padding-left: 45px;
  }
  .layout-small-menu .sidebar-panel > nav > ul > li > .sub-menu > li > a + .sub-menu > li > a + .sub-menu > li > a + .sub-menu > li > a {
    padding-left: 55px;
  }
  .layout-small-menu .sidebar-panel > nav .multi-level {
    min-width: 180px;
  }
  .layout-small-menu .sidebar-panel > nav .multi-level a span {
    margin-right: 25px;
  }
  .layout-small-menu .sidebar-panel > nav .multi-level.menu-accordion > a::before {
    content: '';
  }
  .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: 40px;
  }
  .layout-small-menu .sidebar-panel > nav .multi-level .sub-menu > li > a + .sub-menu > li > a {
    padding-left: 45px;
  }
  .layout-small-menu .sidebar-panel > nav .multi-level .sub-menu > li > a + .sub-menu > li > a + .sub-menu > li > a {
    padding-left: 50px;
  }
  .layout-small-menu .sidebar-panel > nav .multi-level .sub-menu > li > a + .sub-menu > li > a + .sub-menu > li > a + .sub-menu > li > a {
    padding-left: 55px;
  }
  .layout-small-menu .main-panel {
    margin-left: 70px;
  }
  .layout-small-menu .eq-col {
    left: 70px;
  }
}
@media screen and (min-width: 768px) {
  .sidebar-panel {
    -webkit-backface-visibility: hidden;
  }
  .sidebar-panel > nav {
    position: absolute;
  }
}
@media screen and (max-width: 768px) {
  .app:not(.move-left) .sidebar-panel {
    visibility: hidden;
  }
  .sidebar-panel > nav {
    position: absolute;
  }
}
/* default sidebar skin */
.sidebar-panel {
  background-color: #222222;
}
.sidebar-panel > .brand {
  background-color: #333;
}
.sidebar-panel > .brand a {
  color: #B2B6BE;
}
.sidebar-panel > .brand a:active,
.sidebar-panel > .brand a:focus,
.sidebar-panel > .brand a:hover {
  color: #c0c3ca;
}
.sidebar-panel > .brand .hamburger-icon span {
  background-color: #B2B6BE;
}
.sidebar-panel > .brand .hamburger-icon:hover span {
  background-color: white;
}
.sidebar-panel > nav > ul > li > ul {
  background-color: #1a1a1a;
}
.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: #151515;
}
.sidebar-panel > nav li.open > a,
.sidebar-panel > nav li.active > a {
  color: white;
}
.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: #B2B6BE;
}
.sidebar-panel > nav a:active,
.sidebar-panel > nav a:focus,
.sidebar-panel > nav a:hover {
  color: white;
}
.quick-launch-panel {
  background: #222222;
}
.quick-launch-panel .close {
  background: #080808;
  color: #B2B6BE;
}
.quick-launch-panel a {
  color: #B2B6BE;
}
.quick-launch-panel a:hover {
  color: white;
}
@media screen and (min-width: 768px) {
  .small-menu .sidebar-panel > nav li.open {
    background-color: #1d1d1d;
  }
  .small-menu .sidebar-panel nav > ul > li > .sub-menu {
    background-color: #1d1d1d;
  }
}
.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: 55px;
  z-index: 1020;
  border: 0;
  margin: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
  /* Element alignments */
}
.main-panel > .header .navbar-text {
  margin-top: 18px;
  margin-bottom: 18px;
  margin-right: 15px;
  margin-left: 15px;
}
.main-panel > .header .navbar-btn {
  margin-top: 10.5px;
  margin-bottom: 10.5px;
}
.main-panel > .header .btn-lg.navbar-btn {
  margin-top: 5px;
  margin-bottom: 5px;
}
.main-panel > .header .btn-sm.navbar-btn {
  margin-top: 12.5px;
  margin-bottom: 12.5px;
}
.main-panel > .header .btn-xs.navbar-btn {
  margin-top: 16.5px;
  margin-bottom: 16.5px;
}
.main-panel > .header .navbar-nav.form-group {
  width: 30%;
  height: 55px;
}
.main-panel > .header .navbar-nav.form-group input {
  margin: 5px;
  height: 45px;
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom: 2px solid transparent;
}
.main-panel > .header .navbar-nav.form-group input:focus {
  border-bottom: 2px solid #e4e4e4;
}
.main-panel > .header .navbar-nav.form-group input {
  font-family: FontAwesome, "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif, sans-serif;
}
.main-panel > .header .navbar-nav {
  margin: 0;
}
.main-panel > .header .navbar-nav > li > a {
  padding-top: 18px;
  padding-bottom: 18px;
  max-height: 55px;
  overflow: hidden;
}
.main-panel > .header .navbar-nav > li > div {
  padding-top: 18px;
  padding-bottom: 18px;
  max-height: 55px;
  overflow: hidden;
  margin-right: 2rem;
}
.main-panel > .header .navbar-nav .wf-header-project-dropdown {
  max-width: 18rem;
  min-width: 12rem;
}
.main-panel > .header .navbar-nav .wf-header-project-dropdown .dropdown-toggle {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
  height: 55px;
}
.main-panel > .header .navbar-nav .dropdown-menu {
  /*margin-top: 1px;
      padding: 0;
      border-color: fade(black, 10%);
      border-top: 0;
      background-color: white;
      .box-shadow(0 6px 12px fade(black, 10%));
      .rounded(0);*/
}
.main-panel > .header .navbar-nav #wf-projects-dropdown {
  width: 100%;
  min-width: 300px;
  flex-direction: column;
  justify-content: center;
}
.main-panel > .header .navbar-nav #wf-projects-dropdown > li {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  padding: 5px 15px;
  border-bottom: 1px solid #eee;
}
.main-panel > .header .navbar-nav #wf-projects-dropdown > li:last-of-type {
  border: none;
}
.main-panel > .header .navbar-nav #wf-projects-dropdown li:hover {
  background: #f8f8f8;
}
.main-panel > .header .navbar-nav #wf-projects-dropdown .dropdown-menu-description {
  display: inline-flex;
  justify-content: center;
  overflow: hidden;
  flex-grow: 1;
  flex-direction: column;
  width: 80%;
}
.main-panel > .header .navbar-nav #wf-projects-dropdown .dropdown-menu-description label {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.main-panel > .header .navbar-nav #wf-projects-dropdown .dropdown-menu-description .dropdown-project-name {
  font-size: 1rem;
  color: #a0a0a0;
}
.main-panel > .header .navbar-nav #wf-projects-dropdown .dropdown-menu-actions {
  flex-grow: 2;
  display: inline-flex;
}
.main-panel > .header .navbar-nav #wf-projects-dropdown .dropdown-menu-actions > a {
  display: inline-flex;
  flex-direction: row;
  flex-grow: 1;
  justify-content: space-around;
  padding: 3px 3px;
}
.main-panel > .header .navbar-nav #wf-projects-dropdown .dropdown-menu-actions > a > i {
  display: flex;
  align-self: center;
}
.main-panel > .header .navbar-nav #wf-projects-dropdown .dropdown-menu-list-item {
  display: block;
}
.main-panel > .header .navbar-nav #wf-projects-dropdown .dropdown-create-project {
  background: #6ed400;
  color: #ffffff;
  font-weight: 600;
}
.main-panel > .header .navbar-nav #wf-projects-dropdown .dropdown-create-project:hover {
  background: #1c1c1c;
}
.main-panel > .header .navbar-nav #wf-projects-dropdown #view-more {
  font-weight: 600;
}
.main-panel > .header .navbar-nav .wf-header-templates-dropdown .toggle-templates-dropdown a {
  padding: 4px;
}
.main-panel > .header .navbar-nav .wf-header-templates-dropdown li:hover {
  background: #f8f8f8;
}
.main-panel > .header .navbar-nav .wf-header-templates-dropdown li {
  border-bottom: 1px solid #eee;
}
.main-panel > .header .navbar-nav .wf-header-templates-dropdown li:last-of-type {
  border: none;
}
.main-panel > .header .navbar-nav .wf-header-templates-dropdown li span {
  padding: 10px 10px;
}
.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 .notifications {
  min-width: 300px;
}
.main-panel > .header .notifications .notifications-header,
.main-panel > .header .notifications .notifications-footer {
  padding: 0 15px;
}
.main-panel > .header .notifications .notifications-header {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e4e4e4;
}
.main-panel > .header .notifications .notifications-header p {
  margin: 0;
}
.main-panel > .header .notifications .notifications-footer {
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.main-panel > .header .notifications li a {
  font-size: 13px;
  padding: 0;
}
.main-panel > .header .notifications .time {
  display: block;
  font-size: 12px;
}
.main-panel > .header .notifications a:hover,
.main-panel > .header .notifications a:active {
  color: #373737;
  background-color: transparent;
}
.main-panel > .header .notifications .notifications-list {
  list-style: none;
  padding: 0;
}
.main-panel > .header .notifications .notifications-list li {
  border-bottom: 1px solid #e4e4e4;
}
.main-panel > .header .notifications .notifications-list li a {
  position: relative;
  display: block;
  padding: 15px;
}
.main-panel > .header .circle-icon {
  position: relative;
  display: table;
  margin: 0;
  text-align: center;
  font-size: 20px;
  width: 32px;
  height: 32px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
.main-panel > .header .circle-icon > i {
  display: table-cell;
  float: none;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  font-size: 12px;
}
.main-panel > .header a > i.fa {
  font-size: 14px;
}
.main-panel > .header .header-avatar {
  width: 32px;
  margin-top: -6px;
}
@media screen and (min-width: 768px) {
  .header {
    position: relative;
    width: 100%;
  }
  .header .navbar-form {
    margin-top: 10.5px;
    margin-bottom: 10.5px;
  }
  .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 .dropdown-menu-right {
    top: 55px;
  }
  .main-panel > .header .navbar-nav .open .dropdown-menu {
    position: absolute;
    top: 0;
    right: 5rem;
  }
  .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: white;
}
.main-panel > .header .navbar-text {
  color: #616161;
}
.main-panel > .header .nav > li > a {
  color: #616161;
}
.main-panel > .header .nav > li > a:hover,
.main-panel > .header .nav > li > a:focus {
  background-color: #f8f8f8;
  color: #474747;
}
.main-panel > .header .nav .open > a,
.main-panel > .header .nav .open > a:hover,
.main-panel > .header .nav .open > a:focus {
  background-color: #f8f8f8;
  color: #474747;
}
.main-panel > .header .hamburger-icon span {
  background: #616161;
}
.main-panel > .header .hamburger-icon:hover span {
  background: #474747;
}
/* $brand
 ------------------------------------------*/
.brand {
  width: 100%;
  height: 55px;
  display: block;
  clear: both;
}
.brand .brand-logo {
  margin-top: 10px;
  margin-bottom: 10px;
  float: left;
  padding: 0 25px;
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
  -webkit-opacity: 0.9;
  opacity: 0.9;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
  filter: alpha(opacity=90);
}
.brand .toggle-sidebar {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 25px;
  padding-left: 25px;
  float: right;
  padding-top: 21px;
  padding-bottom: 21px;
}
@media (max-width: 767px) {
  .header .brand {
    text-align: center;
  }
  .header .brand .brand-logo {
    display: inline-block;
    float: none;
  }
  .header .brand .toggle-offscreen,
  .header .brand .circle-icon {
    position: absolute;
    top: 0;
    border: 1px solid transparent;
    margin-top: 7.5px;
    margin-bottom: 7.5px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  .header .brand .toggle-offscreen {
    left: 0;
  }
  .header .brand {
    right: 0;
  }
  #wf-user-menu {
    float: right;
    padding-top: 21px;
    padding-bottom: 21px;
  }
  #wf-user-menu a {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 25px;
    padding-left: 25px;
  }
}
/* $main-panel
 ------------------------------------------*/
.main-panel {
  min-height: 100%;
  background: #f0f0f0;
}
.main-panel::before,
.main-panel::after {
  content: " ";
  display: table;
}
.main-panel::after {
  clear: both;
}
.main-panel > .main-content {
  height: 100%;
}
.main-panel > .main-content::before,
.main-panel > .main-content::after {
  content: " ";
  display: table;
}
.main-panel > .main-content::after {
  clear: both;
}
.main-panel > .main-content.no-padding {
  padding: 0;
}
.main-panel .row {
  margin-right: 0;
  margin-left: 0;
}
.main-panel [class^='col-']:first-child,
.main-panel [class*=' col-']:first-child {
  padding-left: 0;
}
.main-panel [class^='col-']:last-child,
.main-panel [class*=' col-']:last-child {
  padding-right: 0;
}
.main-panel .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 {
  padding-left: 10px;
  padding-right: 10px;
}
.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: 250px;
  }
}
@media (min-width: 991px) {
  .main-panel > .main-content {
    padding: 10px;
  }
}
@media (min-width: 1199px) {
  .main-panel > .main-content {
    padding: 20px;
  }
}
/* $footer
 ------------------------------------------*/
footer.content-footer {
  bottom: 0;
  width: 100%;
  height: 55px;
  padding: 0 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.07);
  font-size: 12px;
  z-index: 1000;
  background-color: #f0f0f0;
  opacity: 0.5;
  overflow: hidden;
}
footer.content-footer::before,
footer.content-footer::after {
  content: " ";
  display: table;
}
footer.content-footer::after {
  clear: both;
}
footer.content-footer .footer-text {
  padding-right: 15px;
  padding-left: 15px;
  margin-top: 18px;
  margin-bottom: 18px;
  display: inline-block;
  float: left;
}
footer.content-footer .footer-text.small {
  margin-top: 20px;
  margin-bottom: 20px;
}
footer.content-footer .footer-right {
  float: right;
  margin-right: 0;
}
footer.content-footer nav {
  margin-right: 15px;
}
footer.content-footer nav ul {
  list-style: none;
  margin: 0;
  font-weight: normal;
  line-height: 1;
}
footer.content-footer nav ul li {
  display: inline-block;
  vertical-align: -webkit-baseline-middle;
}
footer.content-footer nav ul li a {
  color: #444;
  padding-top: 18px;
  padding-bottom: 18px;
  padding-right: 10px;
  padding-left: 10px;
  line-height: 20px;
  max-height: 55px;
}
footer.content-footer nav ul li a:hover,
footer.content-footer nav ul li a:focus {
  background-color: transparent;
  color: #373737;
}
footer.content-footer nav ul li:first-child {
  margin-left: 0;
}
footer.content-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 {
  background: transparent;
}
@media (max-width: 767px) {
  footer.content-footer .footer-left {
    display: none;
  }
}
.layout-side-panel-open .side-panel .side-panel-content-open {
  -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);
}
.sidebar-panel > nav {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.side-panel {
  position: fixed;
  top: 55px;
  bottom: 0;
  right: 0;
  z-index: 1000;
  width: 250px;
  background-color: rgba(255, 255, 255, 0.99);
  overflow: hidden;
  overflow-y: auto;
  -webkit-transition: -webkit-transform 300ms cubic-bezier(0.7, 0, 0.3, 1);
  -moz-transition: -moz-transform 300ms cubic-bezier(0.7, 0, 0.3, 1);
  -o-transition: -o-transform 300ms cubic-bezier(0.7, 0, 0.3, 1);
  transition: transform 300ms cubic-bezier(0.7, 0, 0.3, 1);
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 0 2px 0 rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 0 2px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 0 2px 0 rgba(0, 0, 0, 0.05);
  -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);
}
.side-panel-content {
  position: absolute;
  top: 18rem;
  right: 0;
  bottom: 55px;
  left: 0;
  height: 100%;
  z-index: 2;
  -webkit-transition: -webkit-transform 300ms cubic-bezier(0.7, 0, 0.3, 1);
  -moz-transition: -moz-transform 300ms cubic-bezier(0.7, 0, 0.3, 1);
  -o-transition: -o-transform 300ms cubic-bezier(0.7, 0, 0.3, 1);
  transition: transform 300ms cubic-bezier(0.7, 0, 0.3, 1);
  background-color: white;
  -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);
}
.side-panel-page-one .side-panel-page-two,
side-panel-page-three {
  position: absolute;
  top: 55px;
  right: 0;
  bottom: 55px;
  left: 0;
  height: 100%;
  -webkit-transition: -webkit-transform 300ms cubic-bezier(0.7, 0, 0.3, 1);
  -moz-transition: -moz-transform 300ms cubic-bezier(0.7, 0, 0.3, 1);
  -o-transition: -o-transform 300ms cubic-bezier(0.7, 0, 0.3, 1);
  transition: transform 300ms cubic-bezier(0.7, 0, 0.3, 1);
  background-color: white;
  -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);
}
.edit-node-header {
  height: 55px;
}
.side-panel-contente-open {
  position: absolute;
  top: 55px;
  width: 250px;
  bottom: 55px;
  background-color: rgba(255, 255, 255, 0.99);
  /*left: 0;*/
  right: 0;
  /*padding: @padding-base;*/
  overflow-x: hidden;
  overflow-y: auto;
}
.side-panel-page-one-open .side-panel-page-two-open .side-panel-page-three-open {
  position: absolute;
  top: 55px;
  bottom: 55px;
  background-color: rgba(255, 255, 255, 0.99);
  /*left: 0;*/
  right: 0;
  /*padding: @padding-base;*/
  overflow-x: hidden;
  overflow-y: auto;
}
@media (max-width: 767px) {
  .layout-side-panel-open {
    overflow: hidden;
    height: 100%;
  }
  .side-panel {
    width: 100%;
    overflow: auto;
  }
}
.side-panel-footer {
  width: 100%;
}
.side-panel-footer img {
  display: block;
  margin: auto;
}
/* $hamburger-icon
 ------------------------------------------*/
.hamburger-icon {
  tap-highlight-color: transparent;
  padding: 15px;
}
.hamburger-icon span {
  display: block;
  width: 16px;
  height: 1px;
  pointer-events: none;
}
.hamburger-icon span:nth-child(2) {
  margin: 3px 0;
}
.hamburger-icon.v2 span:first-child {
  width: 14px;
}
.hamburger-icon.v2 span:nth-child(2) {
  width: 10px;
}
.hamburger-icon.v3 span {
  height: 1px;
}
.hamburger-icon.v3 span:nth-child(3) {
  margin: 0 0 3px 0;
}
.hamburger-icon.v3 span:nth-child(4) {
  width: 10px;
}
.header li .hamburger-icon {
  padding-top: 23px !important;
  padding-bottom: 23px !important;
}
/* $widget
 ------------------------------------------*/
.widget {
  position: relative;
  margin-bottom: 20px;
  width: 100%;
  padding: 15px;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}
.widget .widget-header,
.widget .widget-body,
.widget .widget-footer {
  position: relative;
}
.widget .widget-header::before,
.widget .widget-body::before,
.widget .widget-footer::before,
.widget .widget-header::after,
.widget .widget-body::after,
.widget .widget-footer::after {
  content: " ";
  display: table;
}
.widget .widget-header::after,
.widget .widget-body::after,
.widget .widget-footer::after {
  clear: both;
}
.widget .widget-header {
  border-top-left-radius: 1px;
  border-top-right-radius: 1px;
}
.widget .widget-footer {
  border-bottom-right-radius: 1px;
  border-bottom-left-radius: 1px;
}
.widget p {
  margin: 0;
}
.widget .widget-icon {
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  text-align: center;
  font-size: 16px;
  line-height: 40px;
}
.widget .widget-icon.pull-left {
  margin-right: 15px;
}
.widget .widget-icon.pull-right {
  margin-left: 15px;
}
.widget .widget-bg-icon {
  position: absolute;
  right: 15px;
  top: 0;
  line-height: 80px;
  font-size: 60px;
}
.widget .widget-bg-icon i {
  -moz-opacity: 0.2;
  -khtml-opacity: 0.2;
  -webkit-opacity: 0.2;
  opacity: 0.2;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
  filter: alpha(opacity=20);
  -webkit-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  transform: rotate(-5deg);
}
.widget .widget-details {
  display: table-cell;
  vertical-align: middle;
}
.widget .widget-title {
  display: block;
  font-size: 20px;
  line-height: 1;
  color: #2b2b2b;
}
.widget .widget-subtitle {
  font-size: 12px;
  color: #5e5e5e;
}
.widget .widget-stats {
  position: relative;
}
.widget .widget-row {
  display: table-row;
}
.widget .stats-value {
  margin: 0;
  line-height: 1;
}
.widget .stats-caption {
  font-size: 80%;
  text-transform: uppercase;
}
.widget .stats-change {
  position: absolute;
  top: 0;
  right: 0;
  text-align: right;
}
.widget.widget-weather {
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}
.widget.widget-weather .climacon {
  display: block;
  font-size: 20px;
  margin-top: 5px;
}
.widget.widget-weather .widget-weather-icon {
  font-size: 70px;
}
.widget.widget-weather .degree-value {
  margin-top: 5px;
  margin-bottom: 5px;
}
.widget.widget-weather .widget-weather-footer {
  display: table;
  width: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  padding-top: 25px;
}
.widget.widget-weather .widget-weather-footer > div {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.widget .percent {
  position: relative;
}
.widget .percent:after {
  position: absolute;
  top: 0;
  content: '%';
  font-size: .5em;
  font-family: Georgia, serif;
}
.widget .widget-list {
  vertical-align: top;
}
.widget .widget-list .widget-list-item {
  position: relative;
  display: block;
  padding: 10px 0;
  color: #444;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.widget > .list-group {
  margin-bottom: 0;
}
.widget > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.widget > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-left-radius: 1px;
  border-top-right-radius: 1px;
}
.widget > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 1px;
  border-bottom-left-radius: 1px;
}
.widget .widget-progress.progress {
  margin: 10px 0;
  background-color: rgba(0, 0, 0, 0.2);
  height: 2px;
}
.widget .widget-progress .progress-bar {
  background-color: white;
}
.widget.todo {
  padding: 0;
}
.widget .todo-title {
  margin: 0 15px;
  padding: 10px 0;
  font-size: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.widget .todo-body {
  padding: 15px;
}
.widget .todo-body > ul {
  margin-bottom: 0;
}
.widget .todo-footer {
  background-color: rgba(0, 0, 0, 0.05);
  padding: 10px 15px;
  border-bottom-right-radius: 1px;
  border-bottom-left-radius: 1px;
}
.widget-chart {
  position: relative;
  margin-bottom: 15px;
  display: block;
  width: 100%;
  padding: 15px;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}
.widget-chart::before,
.widget-chart::after {
  content: " ";
  display: table;
}
.widget-chart::after {
  clear: both;
}
/* $accordion
 ------------------------------------------*/
.accordion .panel {
  border: 1px solid #f1f1f1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.accordion .panel-heading {
  background-color: white!important;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.accordion .panel-heading a {
  color: #444;
  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-panel > .header .publish-container {
  padding: 10px;
}
.layout-fixed-header .main-content {
  min-height: 93vh;
  /*position: absolute;*/
  right: 0;
  left: 250px;
  padding-top: 75px;
}
.layout-fixed-header .main-content.no-padding {
  padding-top: 55px;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.layout-small-menu .main-content {
  left: 70px;
}
@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: 250px;
  }
  .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: 70px;
  }
  .layout-right-sidebar .eq-col {
    left: 0;
    right: 250px;
  }
  .layout-right-sidebar.layout-small-menu .eq-col {
    right: 0;
    right: 70px;
  }
  /* 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-static-sidebar .full-height-content,
  .layout-boxed .full-height-content {
    position: static;
    height: 100%;
  }
  .layout-static-sidebar .full-height-content .eq-col,
  .layout-boxed .full-height-content .eq-col {
    width: auto;
    height: auto;
    top: 55px;
    bottom: 55px;
  }
  .layout-static-sidebar.layout-fixed-header .full-height-content,
  .layout-boxed.layout-fixed-header .full-height-content {
    margin-top: 55px;
  }
  .layout-static-sidebar .main-panel,
  .layout-boxed .main-panel {
    min-height: 1020px;
  }
  /* Fixed header */
  .layout-fixed-header .main-panel > .header {
    padding-left: 250px;
    margin-left: -250px;
  }
  .layout-fixed-header.layout-small-menu .main-panel > .header {
    padding-left: 70px;
    margin-left: -70px;
  }
  .layout-fixed-header .full-height-content {
    top: 55px;
  }
  .layout-fixed-header.layout-right-sidebar .main-panel > .header {
    padding-left: 0;
    padding-right: 250px;
    margin-left: 0;
    margin-right: -250px;
  }
  .layout-fixed-header.layout-right-sidebar.layout-small-menu .main-panel > .header {
    padding-left: 0;
    padding-right: 70px;
    margin-left: 0;
    margin-right: -70px;
  }
  .layout-fixed-header.layout-small-menu .sidebar-panel > .brand,
  .layout-fixed-header.layout-boxed .sidebar-panel > .brand,
  .layout-fixed-header.layout-static-sidebar .sidebar-panel > .brand {
    position: fixed;
    top: 0;
    width: 250px;
    z-index: 9;
  }
  .layout-fixed-header.layout-small-menu .sidebar-panel > .brand {
    width: 70px;
  }
  .layout-fixed-header.layout-small-menu .sidebar-panel > nav,
  .layout-fixed-header.layout-boxed .sidebar-panel > nav,
  .layout-fixed-header.layout-static-sidebar .sidebar-panel > nav {
    margin-top: 55px;
  }
  /* Footer */
  /*footer.content-footer {
    padding-left: (@sidebar-width + @gutter);
    .layout-small-menu & {
      padding-left: (@sidebar-small-menu-width + @gutter);
    }
    .layout-right-sidebar & {
      padding-left: 0;
      padding-right: (@sidebar-width + @gutter);
    }
    .layout-small-menu.layout-right-sidebar & {
      padding-left: 0;
      padding-right: (@sidebar-small-menu-width + @gutter);
    }
  }*/
  .layout-fixed-footer footer.content-footer {
    position: fixed;
    bottom: 0;
    background: #f0f0f0;
    padding-left: 250px;
  }
  .layout-fixed-footer.layout-small-menu footer.content-footer {
    padding-left: 90px;
  }
  .layout-fixed-footer.layout-right-sidebar footer.content-footer {
    padding-left: 0;
    padding-right: 270px;
  }
  .layout-fixed-footer.layout-right-sidebar.layout-small-menu footer.content-footer {
    padding-left: 0;
    padding-right: 90px;
  }
}
/* Right sidebar-panel */
/*.layout-right-sidebar .chat-panel {
  right: auto;
  left: 0;
  .translate(-100%, 0);
  .translate3d(-100%, 0, 0);
}

.layout-chat-open .chat-panel {
  .translate(0, 0);
  .translate3d(0, 0, 0);
}*/
.layout-right-sidebar .side-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-side-panel-open .side-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;
  }
  .main-panel {
    padding: 0;
  }
}
/* Boxed layout widths */
.layout-boxed {
  margin-right: auto;
  margin-left: auto;
  /*.chat-panel {
    position: absolute;
  }*/
}
.layout-boxed .side-panel {
  position: absolute;
}
@media (min-width: 768px) {
  .layout-boxed,
  .layout-boxed .preloader {
    max-width: 750px;
  }
  .layout-boxed.layout-fixed-header .main-panel > .header {
    max-width: 750px;
  }
  .layout-boxed.layout-fixed-footer footer.content-footer {
    max-width: 750px;
  }
}
@media (min-width: 992px) {
  .layout-boxed,
  .layout-boxed .preloader {
    max-width: 970px;
  }
  .layout-boxed.layout-fixed-header .main-panel > .header {
    max-width: 970px;
  }
  .layout-boxed.layout-fixed-footer footer.content-footer {
    max-width: 970px;
  }
}
@media (min-width: 1200px) {
  .layout-boxed,
  .layout-boxed .preloader {
    max-width: 1170px;
  }
  .layout-boxed.layout-fixed-header .main-panel > .header {
    max-width: 1170px;
  }
  .layout-boxed.layout-fixed-footer footer.content-footer {
    max-width: 1170px;
  }
}
/* $switch
 ------------------------------------------*/
.switch {
  position: relative;
  width: 50px;
  height: 30px;
  /* sizes. */
}
.switch span {
  -webkit-box-shadow: #e4e4e4 0px 0px 0px 0px inset;
  -moz-box-shadow: #e4e4e4 0px 0px 0px 0px inset;
  box-shadow: #e4e4e4 0px 0px 0px 0px inset;
  -webkit-transition: border 300ms, box-shadow 300ms;
  -moz-transition: border 300ms, box-shadow 300ms;
  -o-transition: border 300ms, box-shadow 300ms;
  transition: border 300ms, box-shadow 300ms;
  width: 100%;
  height: 100%;
  position: absolute;
  display: inline-block;
  box-sizing: content-box;
  border: 1px solid #e4e4e4;
  background-color: #e4e4e4;
  background-clip: content-box;
  vertical-align: middle;
  cursor: pointer;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -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;
  display: inline-block;
  cursor: pointer;
  padding-right: 20px;
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  transition: all ease 0.2s;
}
.switch span i::before {
  display: block;
  content: '';
  width: 30px;
  height: 30px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  background: white;
}
.switch :disabled + span i::before {
  background-color: #efefef;
}
.switch :checked + span {
  border-color: #18bf5f;
  -webkit-box-shadow: #18bf5f 0px 0px 0px 21px inset;
  -moz-box-shadow: #18bf5f 0px 0px 0px 21px inset;
  box-shadow: #18bf5f 0px 0px 0px 21px inset;
  -webkit-transition: border 300ms, box-shadow 300ms, background-color 1.2s;
  -moz-transition: border 300ms, box-shadow 300ms, background-color 1.2s;
  -o-transition: border 300ms, box-shadow 300ms, background-color 1.2s;
  transition: border 300ms, box-shadow 300ms, background-color 1.2s;
  background-color: #18bf5f;
}
.switch :checked + span i {
  padding-right: 0;
  padding-left: 20px;
}
.switch.switch-sm {
  width: 33px;
  height: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.switch.switch-sm span i::before {
  width: 20px;
  height: 20px;
}
.switch.switch-sm :checked + span i {
  padding-left: 13px;
}
.switch.switch-lg {
  width: 66px;
  height: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
}
.switch.switch-lg span i::before {
  width: 40px;
  height: 40px;
}
.switch.switch-lg :checked + span i {
  padding-left: 26px;
}
.switch.square span i::before,
.switch.square span {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.switch.switch-primary :checked + span {
  border-color: #0084b0;
  -webkit-box-shadow: #0084b0 0px 0px 0px 21px inset;
  -moz-box-shadow: #0084b0 0px 0px 0px 21px inset;
  box-shadow: #0084b0 0px 0px 0px 21px inset;
  background-color: #0084b0;
}
.switch.switch-warning :checked + span {
  border-color: #ffc65d;
  -webkit-box-shadow: #ffc65d 0px 0px 0px 21px inset;
  -moz-box-shadow: #ffc65d 0px 0px 0px 21px inset;
  box-shadow: #ffc65d 0px 0px 0px 21px inset;
  background-color: #ffc65d;
}
.switch.switch-danger :checked + span {
  border-color: #cf5648;
  -webkit-box-shadow: #cf5648 0px 0px 0px 21px inset;
  -moz-box-shadow: #cf5648 0px 0px 0px 21px inset;
  box-shadow: #cf5648 0px 0px 0px 21px inset;
  background-color: #cf5648;
}
.switch.switch-info :checked + span {
  border-color: #35bdd5;
  -webkit-box-shadow: #35bdd5 0px 0px 0px 21px inset;
  -moz-box-shadow: #35bdd5 0px 0px 0px 21px inset;
  box-shadow: #35bdd5 0px 0px 0px 21px inset;
  background-color: #35bdd5;
}
.switch.switch-dark :checked + span {
  border-color: #4C5064;
  -webkit-box-shadow: #4C5064 0px 0px 0px 21px inset;
  -moz-box-shadow: #4C5064 0px 0px 0px 21px inset;
  box-shadow: #4C5064 0px 0px 0px 21px inset;
  background-color: #4C5064;
}
/* $print
 ------------------------------------------*/
@media print {
  .main-content {
    width: 100%;
  }
  .sidebar-panel,
  .content-footer,
  .header,
  .no-print {
    display: none;
  }
}
/*drop-box {
	background: #F8F8F8;
	border: 5px dashed #DDDFFF;
	text-align: center;
	padding: 10px 10px;
}*/
.ngdialog.ngdialog-theme-plain {
  padding-bottom: 60px;
  padding-top: 60px;
}
.ngdialog.ngdialog-theme-plain.image-gallery-dialog .ngdialog-content {
  width: 70%;
}
.modal-body.image-selection {
  margin: 0;
  margin-bottom: 1rem;
}
.dragover {
  border-color: #616161;
}
.image-selection li {
  margin: 2px;
  list-style: none;
  width: 150px;
  height: 150px;
  float: left;
  max-width: 100%;
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  overflow: hidden;
  position: relative;
}
.top-right {
  position: absolute;
  top: 0;
  right: 0;
}
.image-selection .remove-btn {
  width: 2em;
  height: 2em;
  padding: 2px;
  padding-top: 4px;
  background-color: rgba(200, 200, 200, 0.5);
  text-align: center;
}
.drop-box {
  background: #F8F8F8;
  border: 5px dashed #DDD;
  text-align: center;
  padding: 10px 10px;
  margin-bottom: 10px;
}
.image-selection {
  overflow-y: scroll;
  max-height: 460px;
}
.image-selection img {
  max-height: 100px;
  width: 80%;
  object-fit: contain;
}
.image-selection .container {
  width: 100%;
}
.gallery-image {
  width: 100px;
  height: 100px;
}
@media (max-width: 1024px) {
  .ngdialog.ngdialog-theme-plain.image-gallery-dialog .ngdialog-content {
    width: 100%;
  }
}
@media (max-width: 512px) {
}
/* $alerts
 ------------------------------------------*/
.alert {
  padding: 10px 15px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.alert-dismissable .close {
  right: 0;
}
.alert-success {
  background-color: #81efb0;
  border-color: #73eda7;
  color: #0d6432;
}
.alert-success hr {
  border-top-color: #5deb99;
}
.alert-success .alert-link {
  color: #07371b;
}
.alert-info {
  background-color: #b4e6ef;
  border-color: #a7e2ed;
  color: #1c7888;
}
.alert-info hr {
  border-top-color: #92dbe8;
}
.alert-info .alert-link {
  color: #13525e;
}
.alert-warning {
  background-color: #fff3dd;
  border-color: #ffedcd;
  color: #ffab11;
}
.alert-warning hr {
  border-top-color: #ffe5b4;
}
.alert-warning .alert-link {
  color: #dd8f00;
}
.alert-danger {
  background-color: #efc6c1;
  border-color: #ecbbb5;
  color: #8c3025;
}
.alert-danger hr {
  border-top-color: #e6a8a1;
}
.alert-danger .alert-link {
  color: #64221a;
}
/* $badge
 ------------------------------------------*/
.badge {
  line-height: 15px;
}
/* $breadcrumbs
 ------------------------------------------*/
.breadcrumb {
  background-color: white;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.breadcrumb > li + li::before {
  padding: 0 5px;
  content: "\f105\00a0";
  font-family: FontAwesome;
}
/* $buttons
 ------------------------------------------*/
.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5em;
  padding-right: 15px;
  padding-left: 15px;
  min-height: 2.4em;
  outline: 0;
  font-size: 13px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
  line-height: 20px;
  position: relative;
  z-index: 1;
  -webkit-backface-visibility: hidden;
}
.btn::before {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.btn:focus,
.btn:active,
.btn.active,
.btn:active:focus,
.btn.active:focus {
  outline: 0;
}
.btn :last-child {
  margin-right: 0 !important;
}
.btn:active,
.btn.active,
.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn:active::before,
.btn.active::before,
.btn-group.open .dropdown-toggle::before {
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.25;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 4px 10px 4px 10px;
  font-size: 12px;
  line-height: 1.5;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 2px;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-bottom-left-radius: 2px;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -2px;
}
/* Default Button Style */
.btn-default {
  color: #444;
  background-color: white;
  border-color: rgba(0, 0, 0, 0.13);
}
.btn-default:visited {
  color: #444;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #444;
  background-color: white;
  border-color: rgba(0, 0, 0, 0.13);
}
.btn-default::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: #e6e6e6;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
  -webkit-transform: scale3d(0.7, 1, 1);
  -moz-transform: scale3d(0.7, 1, 1);
  -o-transform: scale3d(0.7, 1, 1);
  -ms-transform: scale3d(0.7, 1, 1);
  transform: scale3d(0.7, 1, 1);
  -webkit-transition: transform 0.4s, opacity 0.4s;
  -moz-transition: transform 0.4s, opacity 0.4s;
  -o-transition: transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s;
  -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  -moz-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  -o-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.btn-default,
.btn-default::before {
  -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  -moz-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  -o-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.btn-default:hover::before {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  -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);
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
  border-color: rgba(0, 0, 0, 0.13);
}
.btn-default:active::before,
.btn-default.active::before,
.open > .dropdown-toggle.btn-default::before {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  -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);
  background-color: #e6e6e6;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #444;
  background-color: #f2f2f2;
  border-color: rgba(0, 0, 0, 0.13);
}
.btn-default.disabled::before,
.btn-default[disabled]::before {
  z-index: 1;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.13);
}
.btn-default .badge {
  color: white;
  background-color: #444;
}
.btn-default.btn-outline {
  background-color: transparent;
  background-image: none;
  border-color: rgba(0, 0, 0, 0.13);
  color: white;
}
.btn-default.btn-outline:hover,
.btn-default.btn-outline:focus,
.btn-default.btn-outline:active,
.btn-default.btn-outline.active {
  background-color: white;
  color: #444;
}
.btn-default.btn-outline {
  color: #444;
}
/* Primary Button Style */
.btn-primary {
  color: white;
  background-color: #0084b0;
  border-color: #0084b0;
}
.btn-primary:visited {
  color: white;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: white;
  background-color: #0084b0;
  border-color: #005e7d;
}
.btn-primary::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: #005e7d;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
  -webkit-transform: scale3d(0.7, 1, 1);
  -moz-transform: scale3d(0.7, 1, 1);
  -o-transform: scale3d(0.7, 1, 1);
  -ms-transform: scale3d(0.7, 1, 1);
  transform: scale3d(0.7, 1, 1);
  -webkit-transition: transform 0.4s, opacity 0.4s;
  -moz-transition: transform 0.4s, opacity 0.4s;
  -o-transition: transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s;
  -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  -moz-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  -o-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.btn-primary,
.btn-primary::before {
  -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  -moz-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  -o-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.btn-primary:hover::before {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  -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);
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
  border-color: #005673;
}
.btn-primary:active::before,
.btn-primary.active::before,
.open > .dropdown-toggle.btn-primary::before {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  -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);
  background-color: #005e7d;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: white;
  background-color: #007197;
  border-color: #007197;
}
.btn-primary.disabled::before,
.btn-primary[disabled]::before {
  z-index: 1;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #0084b0;
  border-color: #0084b0;
}
.btn-primary .badge {
  color: #0084b0;
  background-color: white;
}
.btn-primary.btn-outline {
  background-color: transparent;
  background-image: none;
  border-color: #0084b0;
  color: #0084b0;
}
.btn-primary.btn-outline:hover,
.btn-primary.btn-outline:focus,
.btn-primary.btn-outline:active,
.btn-primary.btn-outline.active {
  background-color: #0084b0;
  color: white;
}
/* Warning Button Style */
.btn-warning {
  color: white;
  background-color: #ffc65d;
  border-color: #ffc65d;
}
.btn-warning:visited {
  color: white;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: white;
  background-color: #ffc65d;
  border-color: #ffb42a;
}
.btn-warning::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: #ffb42a;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
  -webkit-transform: scale3d(0.7, 1, 1);
  -moz-transform: scale3d(0.7, 1, 1);
  -o-transform: scale3d(0.7, 1, 1);
  -ms-transform: scale3d(0.7, 1, 1);
  transform: scale3d(0.7, 1, 1);
  -webkit-transition: transform 0.4s, opacity 0.4s;
  -moz-transition: transform 0.4s, opacity 0.4s;
  -o-transition: transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s;
  -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  -moz-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  -o-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.btn-warning,
.btn-warning::before {
  -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  -moz-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  -o-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.btn-warning:hover::before {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  -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);
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
  border-color: #ffb020;
}
.btn-warning:active::before,
.btn-warning.active::before,
.open > .dropdown-toggle.btn-warning::before {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  -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);
  background-color: #ffb42a;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
  color: white;
  background-color: #ffbd43;
  border-color: #ffbd43;
}
.btn-warning.disabled::before,
.btn-warning[disabled]::before {
  z-index: 1;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #ffc65d;
  border-color: #ffc65d;
}
.btn-warning .badge {
  color: #ffc65d;
  background-color: white;
}
.btn-warning.btn-outline {
  background-color: transparent;
  background-image: none;
  border-color: #ffc65d;
  color: #ffc65d;
}
.btn-warning.btn-outline:hover,
.btn-warning.btn-outline:focus,
.btn-warning.btn-outline:active,
.btn-warning.btn-outline.active {
  background-color: #ffc65d;
  color: white;
}
/* Success Button Style */
.btn-success {
  color: white;
  background-color: #18bf5f;
  border-color: #18bf5f;
  text-shadow: 1px 1px #00000060;
}
.btn-success:visited {
  color: white;
}
.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: white;
  background-color: #18bf5f;
  border-color: #129248;
}
.btn-success::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: #129248;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
  -webkit-transform: scale3d(0.7, 1, 1);
  -moz-transform: scale3d(0.7, 1, 1);
  -o-transform: scale3d(0.7, 1, 1);
  -ms-transform: scale3d(0.7, 1, 1);
  transform: scale3d(0.7, 1, 1);
  -webkit-transition: transform 0.4s, opacity 0.4s;
  -moz-transition: transform 0.4s, opacity 0.4s;
  -o-transition: transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s;
  -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  -moz-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  -o-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.btn-success,
.btn-success::before {
  -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  -moz-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  -o-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.btn-success:hover::before {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  -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);
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
  border-color: #118944;
}
.btn-success:active::before,
.btn-success.active::before,
.open > .dropdown-toggle.btn-success::before {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  -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);
  background-color: #129248;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
  color: white;
  background-color: #15a854;
  border-color: #15a854;
}
.btn-success.disabled::before,
.btn-success[disabled]::before {
  z-index: 1;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #18bf5f;
  border-color: #18bf5f;
}
.btn-success .badge {
  color: #18bf5f;
  background-color: white;
}
.btn-success.btn-outline {
  background-color: transparent;
  background-image: none;
  border-color: #18bf5f;
  color: #18bf5f;
}
.btn-success.btn-outline:hover,
.btn-success.btn-outline:focus,
.btn-success.btn-outline:active,
.btn-success.btn-outline.active {
  background-color: #18bf5f;
  color: white;
}
/* Info Button Style */
.btn-info {
  color: white;
  background-color: #35bdd5;
  border-color: #35bdd5;
}
.btn-info:visited {
  color: white;
}
.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: white;
  background-color: #35bdd5;
  border-color: #259db2;
}
.btn-info::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: #259db2;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
  -webkit-transform: scale3d(0.7, 1, 1);
  -moz-transform: scale3d(0.7, 1, 1);
  -o-transform: scale3d(0.7, 1, 1);
  -ms-transform: scale3d(0.7, 1, 1);
  transform: scale3d(0.7, 1, 1);
  -webkit-transition: transform 0.4s, opacity 0.4s;
  -moz-transition: transform 0.4s, opacity 0.4s;
  -o-transition: transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s;
  -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  -moz-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  -o-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.btn-info,
.btn-info::before {
  -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  -moz-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  -o-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.btn-info:hover::before {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  -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);
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
  border-color: #2395aa;
}
.btn-info:active::before,
.btn-info.active::before,
.open > .dropdown-toggle.btn-info::before {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  -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);
  background-color: #259db2;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
  color: white;
  background-color: #29afc7;
  border-color: #29afc7;
}
.btn-info.disabled::before,
.btn-info[disabled]::before {
  z-index: 1;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #35bdd5;
  border-color: #35bdd5;
}
.btn-info .badge {
  color: #35bdd5;
  background-color: white;
}
.btn-info.btn-outline {
  background-color: transparent;
  background-image: none;
  border-color: #35bdd5;
  color: #35bdd5;
}
.btn-info.btn-outline:hover,
.btn-info.btn-outline:focus,
.btn-info.btn-outline:active,
.btn-info.btn-outline.active {
  background-color: #35bdd5;
  color: white;
}
/* Danger Button Style */
.btn-danger {
  color: white;
  background-color: #cf5648;
  border-color: #cf5648;
}
.btn-danger:visited {
  color: white;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: white;
  background-color: #cf5648;
  border-color: #b53d2f;
}
.btn-danger::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: #b53d2f;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
  -webkit-transform: scale3d(0.7, 1, 1);
  -moz-transform: scale3d(0.7, 1, 1);
  -o-transform: scale3d(0.7, 1, 1);
  -ms-transform: scale3d(0.7, 1, 1);
  transform: scale3d(0.7, 1, 1);
  -webkit-transition: transform 0.4s, opacity 0.4s;
  -moz-transition: transform 0.4s, opacity 0.4s;
  -o-transition: transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s;
  -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  -moz-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  -o-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.btn-danger,
.btn-danger::before {
  -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  -moz-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  -o-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.btn-danger:hover::before {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  -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);
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
  border-color: #ad3a2d;
}
.btn-danger:active::before,
.btn-danger.active::before,
.open > .dropdown-toggle.btn-danger::before {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  -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);
  background-color: #b53d2f;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
  color: white;
  background-color: #c94435;
  border-color: #c94435;
}
.btn-danger.disabled::before,
.btn-danger[disabled]::before {
  z-index: 1;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #cf5648;
  border-color: #cf5648;
}
.btn-danger .badge {
  color: #cf5648;
  background-color: white;
}
.btn-danger.btn-outline {
  background-color: transparent;
  background-image: none;
  border-color: #cf5648;
  color: #cf5648;
}
.btn-danger.btn-outline:hover,
.btn-danger.btn-outline:focus,
.btn-danger.btn-outline:active,
.btn-danger.btn-outline.active {
  background-color: #cf5648;
  color: white;
}
.close {
  font-weight: 400;
}
.btn.text-left {
  text-align: left;
}
.btn.text-right {
  text-align: right;
}
/* $code
 ------------------------------------------*/
pre {
  -webkit-overflow-scrolling: touch;
  padding: 10px;
  border-color: #e4e4e4;
  color: #444;
  white-space: nowrap;
  font-size: 11px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
/* $dropdown
 ------------------------------------------*/
.dropdown-menu {
  border-color: #e4e4e4;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
  -moz-transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
  -o-transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
  transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
}
.dropdown-menu li > a {
  padding-right: 15px;
  padding-left: 15px;
  color: #444;
  font-size: 13px;
}
.dropdown-menu > li > div {
  padding-right: 15px;
  padding-left: 15px;
  color: #444;
  font-size: 13px;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #d7d7d7;
}
.open .dropdown-menu {
  visibility: visible;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
}
.dropdown-header {
  padding-left: 15px;
  padding-right: 15px;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-color: #f8f8f8;
}
.dropdown-menu > li > div:hover,
.dropdown-menu > li > div:focus {
  background-color: #f8f8f8;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-color: #f8f8f8;
  color: #444;
}
.dropdown-menu > .active > div,
.dropdown-menu > .active > div:hover,
.dropdown-menu > .active > div:focus {
  background-color: #f8f8f8;
  color: #444;
}
/* $forms
 ------------------------------------------*/
label {
  font-weight: 500;
}
textarea {
  resize: vertical;
}
.no-resize {
  resize: none;
}
.form-control:-moz-placeholder {
  color: #6a6a6a;
  font-size: 12px;
}
.form-control::-moz-placeholder {
  color: #6a6a6a;
  font-size: 12px;
}
.form-control:-ms-input-placeholder {
  color: #6a6a6a;
  font-size: 12px;
}
.form-control::-webkit-input-placeholder {
  color: #6a6a6a;
  font-size: 12px;
}
.placeholder {
  color: #6a6a6a;
}
.form-control {
  border-color: #e4e4e4;
  font-weight: 400;
  font-size: 13px;
  -webkit-font-smoothing: antialiased;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: border 300ms linear;
  -moz-transition: border 300ms linear;
  -o-transition: border 300ms linear;
  transition: border 300ms linear;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.form-control:focus {
  border-color: #00b2ed;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/* 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: #18bf5f;
}
.has-success .form-control {
  border-color: #18bf5f;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
  border-color: #129248;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #54e993;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #54e993;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #54e993;
}
.has-success .input-group-addon {
  color: #fff;
  border-color: #18bf5f;
  background-color: #18bf5f;
}
.has-success .form-control-feedback {
  color: #18bf5f;
}
.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: #ffc65d;
}
.has-warning .form-control {
  border-color: #ffc65d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
  border-color: #ffb42a;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffeac3;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffeac3;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffeac3;
}
.has-warning .input-group-addon {
  color: #fff;
  border-color: #ffc65d;
  background-color: #ffc65d;
}
.has-warning .form-control-feedback {
  color: #ffc65d;
}
.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: #cf5648;
}
.has-error .form-control {
  border-color: #cf5648;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
  border-color: #b53d2f;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #e4a199;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #e4a199;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #e4a199;
}
.has-error .input-group-addon {
  color: #fff;
  border-color: #cf5648;
  background-color: #cf5648;
}
.has-error .form-control-feedback {
  color: #cf5648;
}
.spinner .form-control {
  text-align: center;
}
/* $input-groups
 ------------------------------------------*/
.input-group-addon {
  font-size: 13px;
  color: #444;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border-color: #e4e4e4;
  background-color: #e7e7e7;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}
.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 {
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}
.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;
}
/* $jumbotron
 ------------------------------------------*/
.jumbotron .jumbotron-heading {
  margin-top: 0;
}
.jumbotron .jumbotron-sub-heading {
  margin-bottom: 0;
}
/* $labels
 ------------------------------------------*/
.label {
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  padding: .2em 10px .3em;
}
.label-default {
  background-color: #e2e2e2;
  color: #444;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #c9c9c9;
}
.label-primary {
  background-color: #0084b0;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #005e7d;
}
.label-success {
  background-color: #18bf5f;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #129248;
}
.label-info {
  background-color: #35bdd5;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #259db2;
}
.label-warning {
  background-color: #ffc65d;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ffb42a;
}
.label-danger {
  background-color: #cf5648;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #b53d2f;
}
/* $listgroup
 ------------------------------------------*/
.list-group {
  margin-bottom: 15px;
}
.list-group-item {
  border-color: #e4e4e4;
}
.list-group-item:first-child {
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
}
.list-group-item:last-child {
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}
a.list-group-item:hover,
a.list-group-item:focus {
  background-color: #efefef;
}
.list-group-item-success {
  color: #0d6432;
  background-color: #81efb0;
}
a.list-group-item-success {
  color: #0d6432;
}
a.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:hover,
a.list-group-item-success:focus {
  color: #0d6432;
  background-color: #6aeca2;
}
a.list-group-item-success.active,
a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus {
  color: #fff;
  background-color: #0d6432;
  border-color: #0d6432;
}
.list-group-item-info {
  color: #1c7888;
  background-color: #b4e6ef;
}
a.list-group-item-info {
  color: #1c7888;
}
a.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:hover,
a.list-group-item-info:focus {
  color: #1c7888;
  background-color: #9fdfeb;
}
a.list-group-item-info.active,
a.list-group-item-info.active:hover,
a.list-group-item-info.active:focus {
  color: #fff;
  background-color: #1c7888;
  border-color: #1c7888;
}
.list-group-item-warning {
  color: #f69f00;
  background-color: #fffcf6;
}
a.list-group-item-warning {
  color: #f69f00;
}
a.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:hover,
a.list-group-item-warning:focus {
  color: #f69f00;
  background-color: #fff3dd;
}
a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #f69f00;
  border-color: #f69f00;
}
.list-group-item-danger {
  color: #8c3025;
  background-color: #efc6c1;
}
a.list-group-item-danger {
  color: #8c3025;
}
a.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:hover,
a.list-group-item-danger:focus {
  color: #8c3025;
  background-color: #e9b3ad;
}
a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #8c3025;
  border-color: #8c3025;
}
/* $modal
 ------------------------------------------*/
.modal {
  z-index: 2020;
  background: black;
  background: rgba(0, 0, 0, 0.4);
}
.modal-content {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.modal .modal-dialog,
.modal.in .modal-dialog {
  -webkit-animation-duration: 800ms;
  -moz-animation-duration: 800ms;
  -o-animation-duration: 800ms;
  animation-duration: 800ms;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.modal .modal-dialog {
  -webkit-animation-name: animation-close;
  -moz-animation-name: animation-close;
  -o-animation-name: animation-close;
  animation-name: animation-close;
  -webkit-animation-duration: 300ms;
  -moz-animation-duration: 300ms;
  -o-animation-duration: 300ms;
  animation-duration: 300ms;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -o-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;
  -moz-animation-name: animation-open;
  -o-animation-name: animation-open;
  animation-name: animation-open;
}
/* $navbar
 ------------------------------------------*/
.navbar {
  min-height: 0;
}
/* Navbar inverse */
.navbar-inverse {
  border-color: #4C5064;
  background-color: #4C5064;
}
.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: #45495b;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #4C5064;
}
.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
  background-color: #414456;
}
.navbar-inverse .dropdown-menu {
  border-color: #4C5064;
}
/* $navs
 ------------------------------------------*/
/* Navs */
.nav > li > a:hover,
.nav > li > a:focus {
  background-color: #0084b0;
  color: #fff;
}
/* Pills */
.nav-pills > li > a {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  background-color: #0084b0;
  color: white;
}
/* Tabs */
.nav-tabs {
  border: 0;
  background: transparent;
}
.nav-tabs > li {
  margin: 0;
}
.nav-tabs > li > a {
  margin: 0;
  border: 0;
  padding: 10px 15px;
}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
  border-color: transparent;
  background-color: transparent;
  color: #232323;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  border: 0;
  background-color: transparent;
}
@media (max-width: 767px) {
  .nav-justified-xs .nav > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified-xs .nav > li > a {
    margin-bottom: 0;
  }
}
/* $pagination
 ------------------------------------------*/
.pagination > li > a,
.pagination > li > span {
  border-color: #e4e4e4;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  border-color: #d7d7d7;
  background-color: #f1f1f1;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  border-color: #0084b0;
  background-color: #0084b0;
  color: white;
}
.pager.pager-square li > a,
.pager.pager-square li > span {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
/* $panel
 ------------------------------------------*/
.panel {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-width: 0;
  position: relative;
  margin-bottom: 20px;
}
.panel.panel-bordered {
  border-width: 1px;
}
.panel.panel-bordered .panel-heading {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.panel-heading {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  position: relative;
  border-color: transparent;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  padding: 15px;
}
.panel-heading.border::after {
  content: '';
  display: block;
  position: absolute;
  height: 1px;
  left: 15px;
  right: 15px;
  bottom: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.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: #444;
  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: #444;
}
.panel-default > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #e2e2e2;
}
.panel-primary {
  border-color: #0084b0;
}
.panel-primary > .panel-heading {
  color: white;
  background-color: #0084b0;
  border-color: #0084b0;
}
.panel-primary > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #0084b0;
}
.panel-primary > .panel-heading .badge {
  color: #0084b0;
  background-color: white;
}
.panel-primary > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #0084b0;
}
.panel-success {
  border-color: #18bf5f;
}
.panel-success > .panel-heading {
  color: white;
  background-color: #18bf5f;
  border-color: #18bf5f;
}
.panel-success > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #18bf5f;
}
.panel-success > .panel-heading .badge {
  color: #18bf5f;
  background-color: white;
}
.panel-success > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #18bf5f;
}
.panel-warning {
  border-color: #ffc65d;
}
.panel-warning > .panel-heading {
  color: white;
  background-color: #ffc65d;
  border-color: #ffc65d;
}
.panel-warning > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #ffc65d;
}
.panel-warning > .panel-heading .badge {
  color: #ffc65d;
  background-color: white;
}
.panel-warning > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #ffc65d;
}
.panel-danger {
  border-color: #cf5648;
}
.panel-danger > .panel-heading {
  color: white;
  background-color: #cf5648;
  border-color: #cf5648;
}
.panel-danger > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #cf5648;
}
.panel-danger > .panel-heading .badge {
  color: #cf5648;
  background-color: white;
}
.panel-danger > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #cf5648;
}
.panel-info {
  border-color: #35bdd5;
}
.panel-info > .panel-heading {
  color: white;
  background-color: #35bdd5;
  border-color: #35bdd5;
}
.panel-info > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #35bdd5;
}
.panel-info > .panel-heading .badge {
  color: #35bdd5;
  background-color: white;
}
.panel-info > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #35bdd5;
}
.accordion-toggle {
  font-size: 13px;
}
.panel-controls {
  float: right;
}
.panel-controls a {
  margin-left: 10px;
  display: inline-block;
}
.panel-controls [data-toggle=panel-remove] .panel-icon-plus,
.panel-controls .panel-remove .panel-icon-plus {
  display: block;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.panel-collapsed [data-toggle=panel-collapse] .panel-icon-chevron,
.panel-collapsed .panel-collapse .panel-icon-chevron {
  display: block;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.panel-collapsed > .panel-body {
  display: none;
}
.panel-refreshing::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.6);
  z-index: 1;
}
.panel-refreshing::after {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  width: 50px;
  height: 50px;
  background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23ccc%22%3E%0A%20%20%3Cpath%20opacity%3D%22.25%22%20d%3D%22M16%200%20A16%2016%200%200%200%2016%2032%20A16%2016%200%200%200%2016%200%20M16%204%20A12%2012%200%200%201%2016%2028%20A12%2012%200%200%201%2016%204%22/%3E%0A%20%20%3Cpath%20d%3D%22M16%200%20A16%2016%200%200%201%2032%2016%20L28%2016%20A12%2012%200%200%200%2016%204z%22%3E%0A%20%20%20%20%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22rotate%22%20from%3D%220%2016%2016%22%20to%3D%22360%2016%2016%22%20dur%3D%220.8s%22%20repeatCount%3D%22indefinite%22%20/%3E%0A%20%20%3C/path%3E%0A%3C/svg%3E%0A%0A) center center no-repeat;
  content: '';
  z-index: 2;
}
/* $popover
 ------------------------------------------*/
.popover {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  font-family: inherit;
  font-size: inherit;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border-color: #e4e4e4;
  padding: 0;
}
.popover .popover-title {
  border-bottom-color: #e4e4e4;
  background-color: #FAFBFD;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.popover .popover-content:last-child {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
/* $progress-bar
 ------------------------------------------*/
.progress {
  margin-bottom: 15px;
  background-color: #D0DBEC;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.progress-bar {
  background-color: #0084b0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.progress-bar-success {
  background-color: #18bf5f;
}
.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, #18bf5f 25%, transparent 25%, transparent 50%, #18bf5f 50%, #18bf5f 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, #18bf5f 25%, transparent 25%, transparent 50%, #18bf5f 50%, #18bf5f 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, #18bf5f 25%, transparent 25%, transparent 50%, #18bf5f 50%, #18bf5f 75%, transparent 75%, transparent);
}
.progress-bar-info {
  background-color: #35bdd5;
}
.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, #35bdd5 25%, transparent 25%, transparent 50%, #35bdd5 50%, #35bdd5 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, #35bdd5 25%, transparent 25%, transparent 50%, #35bdd5 50%, #35bdd5 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, #35bdd5 25%, transparent 25%, transparent 50%, #35bdd5 50%, #35bdd5 75%, transparent 75%, transparent);
}
.progress-bar-warning {
  background-color: #ffc65d;
}
.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, #ffc65d 25%, transparent 25%, transparent 50%, #ffc65d 50%, #ffc65d 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, #ffc65d 25%, transparent 25%, transparent 50%, #ffc65d 50%, #ffc65d 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, #ffc65d 25%, transparent 25%, transparent 50%, #ffc65d 50%, #ffc65d 75%, transparent 75%, transparent);
}
.progress-bar-danger {
  background-color: #cf5648;
}
.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, #cf5648 25%, transparent 25%, transparent 50%, #cf5648 50%, #cf5648 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, #cf5648 25%, transparent 25%, transparent 50%, #cf5648 50%, #cf5648 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, #cf5648 25%, transparent 25%, transparent 50%, #cf5648 50%, #cf5648 75%, transparent 75%, transparent);
}
/* $tables
 ------------------------------------------*/
.table {
  background-color: white;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 10px 15px;
  border-color: #e4e4e4;
}
.table.table-condensed > thead > tr > th,
.table.table-condensed > tbody > tr > th,
.table.table-condensed > tfoot > tr > th,
.table.table-condensed > thead > tr > td,
.table.table-condensed > tbody > tr > td,
.table.table-condensed > tfoot > tr > td {
  padding: 8px 15px;
}
.table > thead > tr > th {
  border-color: #e4e4e4;
}
.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 > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border-color: #e4e4e4;
  border-top: 0;
  border-left: 0;
}
.table-bordered > thead > tr > th:first-child,
.table-bordered > tbody > tr > th:first-child,
.table-bordered > tfoot > tr > th:first-child,
.table-bordered > thead > tr > td:first-child,
.table-bordered > tbody > tr > td:first-child,
.table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.table-bordered > thead > tr > th:last-child,
.table-bordered > tbody > tr > th:last-child,
.table-bordered > tfoot > tr > th:last-child,
.table-bordered > thead > tr > td:last-child,
.table-bordered > tbody > tr > td: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;
}
.table-icon {
  width: 40px;
  height: 40px;
  object-fit: contain;
}
@media (max-width: 767px) {
  .table-responsive {
    overflow-x: auto;
    border-color: #e4e4e4;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
  }
}
/* 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: 1px solid #e4e4e4;
  }
  .no-more-tables td {
    position: relative;
    padding-left: 50%!important;
    /* Behave  like a "row" */
    border-top: 0!important;
    border-bottom: 1px 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: 6px;
    left: 6px;
    padding-right: 10px;
    width: 45%;
    text-align: left;
    white-space: nowrap;
    font-weight: 700;
  }
  /* Label the data */
  .no-more-tables td:before {
    content: attr(data-title);
  }
}
.td-limit {
  max-width: 10em;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
/* $tooltip
 ------------------------------------------*/
.tooltip-inner {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: 2px;
  background: rgba(0, 0, 0, 0.6);
  padding: 2px 15px;
}
.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 {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
}
/* $colors
 ------------------------------------------*/
/* Color Variant: Primary */
.bg-primary {
  color: white;
  background-color: #0084b0;
}
a.bg-primary:hover {
  background-color: #005e7d;
}
.bg-primary-dark {
  color: white;
  background-color: #007197;
}
a.bg-primary-dark:hover {
  background-color: #004b64;
}
.bg-primary-light {
  color: white;
  background-color: #0097ca;
}
a.bg-primary-light:hover {
  background-color: #007196;
}
/* Color Variant: Default */
.bg-default {
  background-color: #e2e2e2;
}
a.bg-default:hover {
  background-color: #c9c9c9;
}
.bg-default-dark {
  background-color: #d5d5d5;
}
a.bg-default-dark:hover {
  background-color: #bcbcbc;
}
.bg-default-light {
  background-color: #e7e7e7;
}
a.bg-default-light:hover {
  background-color: #cecece;
}
/* Color Variant: Warning */
.bg-warning {
  color: white;
  background-color: #ffc65d;
}
a.bg-warning:hover {
  background-color: #ffb42a;
}
.bg-warning-dark {
  color: white;
  background-color: #ffbd43;
}
a.bg-warning-dark:hover {
  background-color: #ffab11;
}
.bg-warning-light {
  color: white;
  background-color: #ffcf77;
}
a.bg-warning-light:hover {
  background-color: #ffbd44;
}
/* Color Variant: Success */
.bg-success {
  color: white;
  background-color: #18bf5f;
}
a.bg-success:hover {
  background-color: #129248;
}
.bg-success-dark {
  color: white;
  background-color: #15a854;
}
a.bg-success-dark:hover {
  background-color: #0f7b3d;
}
.bg-success-light {
  color: white;
  background-color: #1bd66a;
}
a.bg-success-light:hover {
  background-color: #15a854;
}
/* Color Variant: Info */
.bg-info {
  color: white;
  background-color: #35bdd5;
}
a.bg-info:hover {
  background-color: #259db2;
}
.bg-info-dark {
  color: white;
  background-color: #29afc7;
}
a.bg-info-dark:hover {
  background-color: #218a9d;
}
.bg-info-light {
  color: white;
  background-color: #4ac4d9;
}
a.bg-info-light:hover {
  background-color: #29afc7;
}
/* Color Variant: Danger */
.bg-danger {
  color: white;
  background-color: #cf5648;
}
a.bg-danger:hover {
  background-color: #b53d2f;
}
.bg-danger-dark {
  color: white;
  background-color: #c94435;
}
a.bg-danger-dark:hover {
  background-color: #a0362a;
}
.bg-danger-light {
  color: white;
  background-color: #d4695c;
}
a.bg-danger-light:hover {
  background-color: #c94435;
}
/* Color Variant: White */
.bg-white {
  color: #444;
  background-color: white;
}
a.bg-white:hover {
  background-color: #e6e6e6;
}
/* Color Variant: Dark */
.bg-dark {
  color: white;
  background-color: #4C5064;
}
a.bg-dark:hover {
  background-color: #363947;
}
.bg-dark-dark {
  color: white;
  background-color: #414456;
}
a.bg-dark-dark:hover {
  background-color: #2b2d39;
}
.bg-dark-light {
  color: white;
  background-color: #575c72;
}
a.bg-dark-light:hover {
  background-color: #414456;
}
/* Extra palette colors */
.bg-red {
  color: white;
  background-color: #F44336;
}
a.bg-red:hover {
  background-color: #ea1c0d;
}
.bg-pink {
  color: white;
  background-color: #E91E63;
}
a.bg-pink:hover {
  background-color: #c1134e;
}
.bg-purple {
  color: white;
  background-color: #9C27B0;
}
a.bg-purple:hover {
  background-color: #771e86;
}
.bg-deeppurple {
  color: white;
  background-color: #673AB7;
}
a.bg-deeppurple:hover {
  background-color: #512e90;
}
.bg-indigo {
  color: white;
  background-color: #3F51B5;
}
a.bg-indigo:hover {
  background-color: #32408f;
}
.bg-blue {
  color: white;
  background-color: #2196F3;
}
a.bg-blue:hover {
  background-color: #0c7cd5;
}
.bg-lightblue {
  color: white;
  background-color: #03A9F4;
}
a.bg-lightblue:hover {
  background-color: #0286c2;
}
.bg-cyan {
  color: white;
  background-color: #00BCD4;
}
a.bg-cyan:hover {
  background-color: #008fa1;
}
.bg-teal {
  color: white;
  background-color: #009688;
}
a.bg-teal:hover {
  background-color: #00635a;
}
.bg-green {
  color: white;
  background-color: #4CAF50;
}
a.bg-green:hover {
  background-color: #3d8b40;
}
.bg-lightgreen {
  color: white;
  background-color: #74D108;
}
a.bg-lightgreen:hover {
  background-color: #59a006;
}
.bg-lime {
  color: white;
  background-color: #CDDC39;
}
a.bg-lime:hover {
  background-color: #b2c022;
}
.bg-yellow {
  color: white;
  background-color: #FFEB3B;
}
a.bg-yellow:hover {
  background-color: #ffe608;
}
.bg-amber {
  color: white;
  background-color: #FFC107;
}
a.bg-amber:hover {
  background-color: #d39e00;
}
.bg-orange {
  color: white;
  background-color: #FF9800;
}
a.bg-orange:hover {
  background-color: #cc7a00;
}
.bg-deeporange {
  color: white;
  background-color: #FF5722;
}
a.bg-deeporange:hover {
  background-color: #ee3900;
}
.bg-brown {
  color: white;
  background-color: #795548;
}
a.bg-brown:hover {
  background-color: #593f35;
}
.bg-grey {
  color: white;
  background-color: #9E9E9E;
}
a.bg-grey:hover {
  background-color: #858585;
}
.bg-bluegrey {
  color: white;
  background-color: #607D8B;
}
a.bg-bluegrey:hover {
  background-color: #4b626d;
}
.bg-menu-dark {
  color: white;
  background-color: #1c1c1c;
}
a.bg-menu-dark:hover {
  background-color: #020202;
}
/* $TextColor */
.text-primary {
  color: #0084b0;
}
a.text-primary:hover {
  color: #005e7d;
}
.text-default {
  color: #e2e2e2;
}
a.text-default:hover {
  color: #c9c9c9;
}
.text-warning {
  color: #ffc65d;
}
a.text-warning:hover {
  color: #ffb42a;
}
.text-success {
  color: #18bf5f;
}
a.text-success:hover {
  color: #129248;
}
.text-info {
  color: #35bdd5;
}
a.text-info:hover {
  color: #259db2;
}
.text-white {
  color: white;
}
a.text-white:hover {
  color: #e6e6e6;
}
.text-danger {
  color: #cf5648;
}
a.text-danger:hover {
  color: #b53d2f;
}
.text-muted {
  color: #b3b3b3;
}
a.text-muted:hover {
  color: #999999;
}
/* Extra text colors */
.text-red {
  color: #F44336;
}
a.text-red:hover {
  color: #ea1c0d;
}
.text-pink {
  color: #E91E63;
}
a.text-pink:hover {
  color: #c1134e;
}
.text-purple {
  color: #9C27B0;
}
a.text-purple:hover {
  color: #771e86;
}
.text-deeppurple {
  color: #673AB7;
}
a.text-deeppurple:hover {
  color: #512e90;
}
.text-indigo {
  color: #3F51B5;
}
a.text-indigo:hover {
  color: #32408f;
}
.text-blue {
  color: #2196F3;
}
a.text-blue:hover {
  color: #0c7cd5;
}
.text-lightblue {
  color: #03A9F4;
}
a.text-lightblue:hover {
  color: #0286c2;
}
.text-cyan {
  color: #00BCD4;
}
a.text-cyan:hover {
  color: #008fa1;
}
.text-teal {
  color: #009688;
}
a.text-teal:hover {
  color: #00635a;
}
.text-green {
  color: #4CAF50;
}
a.text-green:hover {
  color: #3d8b40;
}
.text-lightgreen {
  color: #74D108;
}
a.text-lightgreen:hover {
  color: #59a006;
}
.text-lime {
  color: #CDDC39;
}
a.text-lime:hover {
  color: #b2c022;
}
.text-yellow {
  color: #FFEB3B;
}
a.text-yellow:hover {
  color: #ffe608;
}
.text-amber {
  color: #FFC107;
}
a.text-amber:hover {
  color: #d39e00;
}
.text-orange {
  color: #FF9800;
}
a.text-orange:hover {
  color: #cc7a00;
}
.text-deeporange {
  color: #FF5722;
}
a.text-deeporange:hover {
  color: #ee3900;
}
.text-brown {
  color: #795548;
}
a.text-brown:hover {
  color: #593f35;
}
.text-grey {
  color: #9E9E9E;
}
a.text-grey:hover {
  color: #858585;
}
.text-bluegrey {
  color: #607D8B;
}
a.text-bluegrey:hover {
  color: #4b626d;
}
/* $well
 ------------------------------------------*/
.well {
  border-color: #dddddd;
  background-color: #E9E9ED;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.well-lg {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.well-sm {
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}
/* $bootstrap.ui
 ------------------------------------------*/
.ui-datepicker table {
  background-color: white;
  padding: 15px;
  border: 1px solid #e4e4e4;
  outline: none;
}
.ui-datepicker table .btn {
  border-color: transparent;
}
.ui-datepicker table .btn.active {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.ui-datepicker .dropdown-menu table {
  border: 0;
}
/* $session
 ------------------------------------------*/
.usersession {
  height: 100%;
}
.form-layout {
  margin: 0 auto;
  padding: 15px;
}
.form-layout .form-control {
  -webkit-font-smoothing: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.form-layout .form-control:focus {
  z-index: 2;
}
.form-layout input {
  margin-bottom: 10px;
}
.form-layout input:focus {
  border-color: #009fd4;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.form-layout .btn-lg {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.fullscreen-bg {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: cover;
  background-position: 50% 50%;
  z-index: -1;
}
.fullscreen-bg::before {
  content: '';
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  -webkit-opacity: 0.6;
  opacity: 0.6;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
  filter: alpha(opacity=60);
}
.form-group .validation-error-label {
  color: #cf5648;
  transition: color 0.5s linear;
}
.form-layout.ng-submitted .form-control.ng-pristine.ng-invalid,
.form-control.ng-touched.ng-invalid {
  border-color: #cf5648;
  transition: border-color 0.5s linear;
}
.user-footer {
  margin: auto;
  margin-top: 1rem;
}
.user-footer img {
  margin: auto;
  display: block;
}
/* $lockscreen
 ------------------------------------------*/
.lockcode {
  display: block;
  margin: 0 auto;
  max-width: 280px;
}
.lock-input {
  border-color: transparent;
}
.lock-input:focus {
  border-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.lockscreen-avatar {
  position: relative;
  max-width: 128px;
  margin: 0 auto;
}
.lockscreen-avatar.shadows::before {
  content: "";
  -webkit-box-shadow: 0px 0px 0px 20px rgba(0, 0, 0, 0.01);
  -moz-box-shadow: 0px 0px 0px 20px rgba(0, 0, 0, 0.01);
  box-shadow: 0px 0px 0px 20px rgba(0, 0, 0, 0.01);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-border-radius: 128px;
  -moz-border-radius: 128px;
  border-radius: 128px;
}
.lockscreen-avatar.shadows::after {
  content: "";
  -webkit-box-shadow: 0px 0px 0px 8px rgba(0, 0, 0, 0.03);
  -moz-box-shadow: 0px 0px 0px 8px rgba(0, 0, 0, 0.03);
  box-shadow: 0px 0px 0px 8px rgba(0, 0, 0, 0.03);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-border-radius: 128px;
  -moz-border-radius: 128px;
  border-radius: 128px;
}
/* $error-pages
 ------------------------------------------*/
.error-number {
  font-size: 100px;
}
.error-icon {
  font-size: 100px;
  line-height: 160px;
  border: 3px solid #cf5648;
  color: #cf5648;
  width: 160px;
  height: 160px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin: 0 auto 20px;
}
/* $calendar
 ------------------------------------------*/
.fc-widget-header {
  border-width: 0!important;
}
.calendar-viewer {
  background: white;
  padding: 30px;
}
.fullcalendar th.fc-widget-header {
  border-width: 0;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
}
.fullcalendar .fc td,
.fullcalendar .fc th {
  border-right: 0;
  border-left: 0;
}
.fullcalendar .fc-body {
  border: 1px 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 15px;
  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: 2px;
  border-bottom-left-radius: 2px;
}
.fullcalendar .fc-state-default.fc-corner-right {
  /* non-theme */
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.fullcalendar .fc-state-default {
  background: white;
  border-color: #e4e4e4;
  color: #444;
  text-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.fullcalendar .fc-state-hover,
.fullcalendar .fc-state-down,
.fullcalendar .fc-state-active,
.fullcalendar .fc-state-disabled {
  color: #373737;
  background-color: #e4e4e4;
  outline: none;
}
.fullcalendar .fc-state-hover {
  color: #373737;
}
.fullcalendar .fc-state-down,
.fullcalendar .fc-state-active {
  background-color: #e4e4e4;
  background-image: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.fullcalendar .fc-toolbar {
  margin-bottom: 30px;
}
.fullcalendar .fc-toolbar h2 {
  font-size: 28px;
}
.fc-event {
  background-color: #4C5064;
  color: white;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  padding: 2px 5px;
  border-color: transparent;
  font-size: 12px;
}
.external-event {
  padding: 4px;
  background-color: white;
  border-color: transparent;
  font-size: 13px;
  display: block;
  margin: 0 0 15px 0;
}
.external-event .remove {
  cursor: pointer;
}
.external-events {
  list-style: none;
  padding: 0;
}
.external-events .event-primary,
.fc-event-container .event-primary {
  border-left: 2px solid #0097ca;
}
.external-events .event-primary .form-control,
.fc-event-container .event-primary .form-control {
  color: #00374a;
}
.external-events .event-primary.fc-event,
.fc-event-container .event-primary.fc-event {
  background-color: #17c5ff;
  color: #00374a;
}
.external-events .event-success,
.fc-event-container .event-success {
  border-left: 2px solid #1bd66a;
}
.external-events .event-success .form-control,
.fc-event-container .event-success .form-control {
  color: #0d6432;
}
.external-events .event-success.fc-event,
.fc-event-container .event-success.fc-event {
  background-color: #54e993;
  color: #0d6432;
}
.external-events .event-info,
.fc-event-container .event-info {
  border-left: 2px solid #4ac4d9;
}
.external-events .event-info .form-control,
.fc-event-container .event-info .form-control {
  color: #1c7888;
}
.external-events .event-info.fc-event,
.fc-event-container .event-info.fc-event {
  background-color: #89d9e7;
  color: #1c7888;
}
.external-events .event-warning,
.fc-event-container .event-warning {
  border-left: 2px solid #ffcf77;
}
.external-events .event-warning .form-control,
.fc-event-container .event-warning .form-control {
  color: #f69f00;
}
.external-events .event-warning.fc-event,
.fc-event-container .event-warning.fc-event {
  background-color: #ffeac3;
  color: #f69f00;
}
.external-events .event-danger,
.fc-event-container .event-danger {
  border-left: 2px solid #d4695c;
}
.external-events .event-danger .form-control,
.fc-event-container .event-danger .form-control {
  color: #8c3025;
}
.external-events .event-danger.fc-event,
.fc-event-container .event-danger.fc-event {
  background-color: #e4a199;
  color: #8c3025;
}
.external-events .event-default,
.fc-event-container .event-default {
  border-left: 2px solid #afafaf;
}
.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: #444;
}
.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: #0084b0;
  content: '';
}
.event-type li a:hover,
.event-type li a:focus,
.event-type li a.active {
  border-color: #0084b0;
}
.event-type li a {
  position: relative;
  display: block;
  padding: 1px;
  width: 15px;
  height: 15px;
  border: 1px solid transparent;
}
.event-type li a.event-primary::before {
  background-color: #0084b0;
}
.event-type li a.event-success::before {
  background-color: #18bf5f;
}
.event-type li a.event-info::before {
  background-color: #35bdd5;
}
.event-type li a.event-warning::before {
  background-color: #ffc65d;
}
.event-type li a.event-danger::before {
  background-color: #cf5648;
}
.event-type li a.event-default::before {
  background-color: #e2e2e2;
}
/* $gallery
 ------------------------------------------*/
.gallery {
  margin-right: -15px;
  margin-left: -15px;
}
.gallery a {
  display: block;
  overflow: hidden;
  margin-bottom: 15px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.gallery a img {
  -webkit-transition: transform 300ms linear;
  -moz-transition: transform 300ms linear;
  -o-transition: transform 300ms linear;
  transition: transform 300ms 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;
}
/* $profile
 ------------------------------------------*/
.profile-sidebar-item {
  margin: 15px 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-avatar {
  position: relative;
  text-align: center;
  display: block;
  margin: 0 auto;
}
.profile-sidebar-item.profile-avatar img {
  width: 100%;
  max-width: 250px;
}
.profile-sidebar-item.profile-avatar.shadowed-light::before {
  -webkit-box-shadow: 0px 0px 0px 15px rgba(255, 255, 255, 0.01);
  -moz-box-shadow: 0px 0px 0px 15px rgba(255, 255, 255, 0.01);
  box-shadow: 0px 0px 0px 15px rgba(255, 255, 255, 0.01);
}
.profile-sidebar-item.profile-avatar.shadowed-light::after {
  -webkit-box-shadow: 0px 0px 0px 8px rgba(255, 255, 255, 0.03);
  -moz-box-shadow: 0px 0px 0px 8px rgba(255, 255, 255, 0.03);
  box-shadow: 0px 0px 0px 8px rgba(255, 255, 255, 0.03);
}
.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-sidebar-item.profile-numbers-count {
  list-style: none;
  padding: 0;
  display: table;
  width: 100%;
}
.profile-sidebar-item.profile-numbers-count li {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  float: none;
  border-right: 1px solid #e4e4e4;
  font-size: 12px;
}
.profile-sidebar-item.profile-numbers-count li:Last-child {
  border-right: 0;
}
.profile-sidebar-item.profile-numbers-count li span {
  font-size: 25px;
  display: block;
  color: #4d4d4d;
}
.profile-timeline {
  margin-bottom: 15px;
  position: relative;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 15px;
}
.profile-timeline .profile-timeline-header {
  margin-bottom: 5px;
}
.profile-timeline .profile-timeline-header::before,
.profile-timeline .profile-timeline-header::after {
  content: " ";
  display: table;
}
.profile-timeline .profile-timeline-header::after {
  clear: both;
}
.profile-timeline .profile-timeline-header .profile-timeline-user {
  position: relative;
  float: left;
  margin-right: 15px;
  display: block;
}
.profile-timeline .profile-timeline-header .profile-timeline-user img {
  max-width: 48px;
}
.profile-timeline .profile-timeline-header .profile-timeline-user-details {
  margin-top: 5px;
  margin-left: 63px;
}
.profile-timeline.composer {
  background-color: #eaeaea;
  border: 1px solid #e2e2e2;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 15px 15px 0;
}
.profile-timeline.composer .composer-options {
  padding: 5px;
}
.profile-timeline.composer .composer-options::before,
.profile-timeline.composer .composer-options::after {
  content: " ";
  display: table;
}
.profile-timeline.composer .composer-options::after {
  clear: both;
}
.profile-timeline.composer .composer-options .btn {
  border-color: transparent;
  background-color: transparent;
}
.profile-timeline .profile-timeline-content {
  margin-left: 63px;
}
.profile-timeline .profile-timeline-controls a {
  display: inline-block;
}
.profile-timeline .profile-timeline-images {
  margin-left: -2px;
  margin-right: -2px;
  margin-bottom: 10px;
}
.profile-timeline .profile-timeline-images .image-link {
  display: block;
  width: 50%;
  float: left;
  padding-right: 2px;
  padding-left: 2px;
}
.profile-timeline .profile-timeline-images .image-link-smaller {
  display: block;
  width: 25%;
  float: left;
  padding-right: 2px;
  padding-left: 2px;
  padding-bottom: 4px;
}
.profile-timeline .profile-timeline-audio {
  background-color: white;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 15px;
  margin-bottom: 10px;
}
.profile-timeline .profile-timeline-audio .audio {
  display: table;
  width: 100%;
}
.profile-timeline .profile-timeline-audio .audio .play_pause,
.profile-timeline .profile-timeline-audio .audio .audio-timeline,
.profile-timeline .profile-timeline-audio .audio .time {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  float: none;
}
.profile-timeline .profile-timeline-audio .audio .play_pause {
  width: 40px;
}
.profile-timeline .profile-timeline-audio .audio .progress {
  height: 5px;
  width: 100%;
  float: left;
  margin: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.profile-timeline .profile-timeline-audio .audio .progress .done {
  float: left;
  width: 34%;
  height: 5px;
  text-align: center;
  background-color: #0084b0;
  -webkit-transition: width 0.6s ease;
  -moz-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}
.profile-timeline .profile-timeline-audio .audio .time {
  width: 80px;
}
.profile-timeline .post-comments {
  margin: 20px 0 0 0;
}
.profile-timeline .post-comments .media {
  margin: 0;
}
.profile-timeline .post-comments .avatar {
  max-width: 32px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.profile-timeline .post-comments .comment {
  overflow: hidden;
}
.profile-timeline .post-comments .comment-author a {
  color: #333333;
}
.profile-timeline .post-comments .comment-author .time {
  font-weight: 700;
  font-size: 11px;
  color: #848484;
}
.post-comments .avatar {
  max-width: 48px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.post-comments .comment {
  overflow: hidden;
}
.post-comments .comment-meta {
  float: right;
  margin-bottom: 5px;
}
/* $search
 ------------------------------------------*/
.image-results {
  margin-left: -2px;
  margin-right: -2px;
  margin-bottom: 10px;
}
.image-results .image-link {
  display: block;
  width: 25%;
  float: left;
  padding-right: 2px;
  padding-left: 2px;
  padding-bottom: 4px;
}
.search-results .search-results-title {
  padding: 0 0 30px;
  border-bottom: 1px solid #e4e4e4;
}
.search-results .search-results-list {
  padding: 0;
  list-style: none;
}
.search-results .search-results-list li.search-result {
  padding: 30px 0;
  border-bottom: 1px solid #e4e4e4;
}
.search-results .search-results-list li.search-result:first-child {
  padding-top: 0;
}
.search-results .search-results-list li.search-result:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.search-results .search-results-list h5 {
  margin-bottom: 0;
}
.search-results .search-results-list h5 a {
  color: #666666;
}
.search-results .search-results-list p {
  margin-bottom: 0;
}
.search-results .search-results-list .search-link {
  color: #18bf5f;
  font-size: 11px;
  display: block;
  margin-bottom: 5px;
}
.search-results .search-results-list .search-link:hover {
  color: #0d6432;
}
.search-sidebar .nav {
  margin-bottom: 45px;
}
.search-sidebar .nav > li > a {
  display: block;
  padding: 4px 15px;
}
.search-sidebar .nav > li.active > a,
.search-sidebar .nav > li > a:hover,
.search-sidebar .nav > li > a:focus {
  padding-left: 19px;
  border-left: 1px solid #0084b0;
  background-color: transparent;
  color: #0084b0;
  text-decoration: none;
}
.search-sidebar h5 {
  padding: 0 15px;
}
@media screen and (min-width: 768px) {
  .search-results-list {
    padding-right: 15px;
  }
}
/* $timeline
 ------------------------------------------*/
.timeline {
  position: relative;
  margin-bottom: 15px;
}
.timeline::before {
  position: absolute;
  top: 0;
  left: 19px;
  width: 2px;
  height: 100%;
  background: #e2e2e2;
  content: '';
}
.timeline .timeline-icon {
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  width: 40px;
  height: 40px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.timeline .timeline-icon > i {
  line-height: 40px;
}
.timeline .timeline-panel {
  position: relative;
  margin: 60px 0;
}
.timeline .timeline-panel::before,
.timeline .timeline-panel::after {
  content: " ";
  display: table;
}
.timeline .timeline-panel::after {
  clear: both;
}
.timeline .timeline-panel:first-child {
  margin-top: 0;
}
.timeline .timeline-heading {
  position: relative;
  border-color: transparent;
  padding: 0 0 10px;
  margin-bottom: 15px;
}
.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: 1px solid rgba(0, 0, 0, 0.06);
}
.timeline .timeline-content {
  position: relative;
  margin-left: 60px;
  padding: 15px;
  border: 1px solid #e2e2e2;
  background: white;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.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::before {
    left: 50%;
    margin-left: -1px;
  }
  .timeline .timeline-panel:nth-child(even) .timeline-content {
    float: right;
  }
  .timeline .timeline-panel:nth-child(odd) .timeline-content::before {
    position: absolute;
    right: auto;
    left: 100%;
    border-color: transparent transparent transparent #e2e2e2;
  }
  .timeline .timeline-panel:nth-child(odd) .timeline-content::after {
    position: absolute;
    right: auto;
    left: 100%;
    border-color: transparent transparent transparent white;
  }
  .timeline .timeline-panel:nth-child(even) .timeline-content .timeline-date {
    right: 122%;
    left: auto;
    text-align: right;
  }
  .timeline .timeline-panel:first-child {
    margin-top: 0;
  }
  .timeline .timeline-icon {
    left: 50%;
    margin-left: -20px;
    width: 40px;
    height: 40px;
  }
  .timeline .timeline-content {
    margin-left: 0;
    padding: 20px;
    width: 45%;
  }
  .timeline .timeline-content .timeline-date {
    position: absolute;
    top: 6px;
    left: 122%;
    width: 100%;
  }
}
/* $charts
 ------------------------------------------*/
.dashboard-rickshaw svg,
.dashboard-rickshaw .rickshaw_graph {
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  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%;
  height: 320px;
  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%;
}
.wf-editor {
  height: 93vh;
  position: relative;
}
.wf-editor canvas {
  top: 5.5rem;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.wf-editor-tools {
  position: relative;
  margin: 0.5em 0;
  display: flex;
}
.wf-editor-tools .btn-group {
  border-radius: 0.5em;
  padding-right: 0;
  padding-left: 0;
}
.wf-editor-tools .dropdown-menu {
  min-width: 0;
}
.wf-editor-tools .dropdown-menu li {
  background-color: #dddddd;
}
.wf-editor-tools .dropdown-menu li a:hover {
  text-decoration: underline;
}
.wf-editor-tools .dropdown-menu li:hover {
  border: 0.15rem solid #dddddd;
}
.wf-editor-tools .dropdown-menu li.wf-editor-active-setting-button {
  background-color: #ffffff;
}
.wf-editor-tools .dropdown-menu li.wf-editor-active-setting-button a {
  color: #000;
}
.wf-editor-tools .btn-right {
  float: right;
}
.wf-viewport {
  width: 100%;
  position: relative;
  height: 94.5%;
  overflow: hidden;
}
.wf-viewport li:hover {
  text-decoration: underline;
  cursor: pointer;
}
.wf-viewport #node-action-menu #mesh-action-menu {
  opacity: 0;
  width: 0;
  z-index: 0;
}
#wfEditorCanvasContainer {
  height: 100%;
}
.wf-editor-floors {
  position: absolute;
  right: 1em;
  top: 20%;
  max-height: 60%;
  width: 52px;
  padding-right: 16px;
  display: flex;
  flex-direction: column;
  align-content: space-between;
  justify-content: space-between;
  overflow: auto;
}
.wf-editor-floors .btn-square {
  flex: none;
  height: 32px;
  width: 36px;
  opacity: 0.8;
  background-color: #EEEEFF;
  margin-bottom: 10px;
  text-align: center;
  border: none;
}
.wf-editor-floors .active {
  color: #ffffff;
  background-color: #000000;
}
.wf-editor-active-button {
  border: 0.5px solid #dddddd;
  background-color: #ffffff;
}
.edit-node .wf-editor-side-panel-list {
  padding: 0 5px;
}
.edit-node .wf-editor-side-panel-list .title-left {
  float: left;
}
.edit-node .wf-editor-side-panel-assigned-pois {
  list-style-type: none;
  margin: 0;
  padding: 0;
  max-height: 40rem;
  width: 100%;
  display: block;
}
.edit-node .wf-editor-side-panel-assigned-pois li {
  height: 40px;
  padding: 0.5rem;
  width: 100%;
}
.edit-node .wf-editor-side-panel-assigned-pois li:nth-child(odd) {
  background-color: #eee;
}
.edit-node .wf-editor-side-panel-assigned-pois::-webkit-scrollbar {
  width: 2rem;
}
.edit-node #wf-editor-assign-poi {
  margin-bottom: 2px;
  padding: 0 5px;
}
.edit-node #wf-editor-side-panel-not-assigned {
  text-align: center;
  padding: 1rem;
}
.edit-node #wf-editor-assign-poi-btn {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.edit-node #wf-editor-create-poi-container {
  text-align: right;
}
.edit-node #wf-editor-create-poi-btn {
  vertical-align: top;
}
.edit-node #wf-editor-side-panel-new-poi-btn {
  width: 100%;
}
.edit-node .wf-editor-side-panel-assigned-poi-buttons {
  float: right;
  vertical-align: middle;
}
.edit-node .wf-editor-side-panel-assigned-poi-buttons i {
  margin-left: 10px;
  font-size: 20px;
  font-weight: 100;
  color: #BFBFBF;
}
.edit-node .wf-editor-side-panel-assigned-poi-name {
  display: inline-block;
  width: 70%;
  line-height: 100%;
  overflow: hidden;
  vertical-align: middle;
  font-size: 16px;
}
.edit-node .wf-editor-side-panel-assigned-poi-name small {
  font-size: 13px;
}
.edit-node .ui-select-container {
  padding: 0;
  width: 78%;
  display: inline-block;
  vertical-align: middle;
}
.edit-node .wf-editor-side-panel-assigned-poi-img {
  display: inline-block;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  vertical-align: middle;
}
.edit-node .wf-editor-side-panel-assigned-poi-img i {
  font-size: 20px;
}
.edit-node .wf-editor-side-panel-assigned-poi-img img {
  width: 1rem;
}
.wf-editor-edit-node-header .node-inputs {
  padding: 0 5px;
}
.wf-editor-edit-node-header input {
  background-color: rgba(0, 0, 0, 0);
  padding-top: 0px;
  padding-bottom: 0px;
}
.wf-editor-edit-node-header .wf-editor-edit-node-name {
  font-size: 24px;
  padding: 12px 12px;
  background-color: #333333;
  color: #fff;
}
.wf-editor-edit-node-header .wf-editor-edit-node-name .close {
  right: 0px;
  padding: 6px 0px;
  opacity: 1;
}
.wf-editor-edit-node-header .wf-editor-edit-node-name .close .fa.fa-times {
  color: #ffffff;
}
.wf-editor-edit-node-header .ui-select-container {
  width: 100%;
}
.wf-editor-edit-node-header .ui-select-container span {
  font-size: 16px;
}
.wf-editor-edit-node-header .ui-select-toggle {
  background-color: rgba(0, 0, 0, 0);
  width: 100%;
  border: none;
  padding: 6px 12px;
}
.wf-editor-side-panel-edit-poi {
  width: 100%;
  position: relative;
  padding: 5px;
}
.wf-editor-side-panel-edit-poi .poi-background {
  border: 1px solid #e4e4e4;
  height: 100px;
}
.wf-editor-side-panel-edit-poi .poi-background div {
  text-align: center;
}
.wf-editor-side-panel-edit-poi .poi-image {
  position: absolute;
  top: 2rem;
  left: 2rem;
  text-align: center;
}
.wf-editor-side-panel-edit-poi .poi-image div {
  border: 1px solid #e4e4e4;
  padding: 0.5rem 0.5rem;
}
.wf-editor-side-panel-edit-poi img.background-img {
  position: relative;
  width: 100%;
}
.wf-editor-side-panel-edit-poi img.icon-img {
  width: 3rem;
  position: absolute;
  left: 2rem;
  top: 5rem;
}
.wf-editor-side-panel-edit-poi .edit-poi-body input {
  padding: 0px 12px;
}
.wf-editor-side-panel-edit-poi .edit-poi-body .btn {
  margin-top: 12px;
  margin-left: 12px;
}
.wf-editor-side-panel-edit-poi .edit-poi-body .edit-poi-languages {
  margin-left: 12px;
}
.wf-editor-side-panel-edit-poi .edit-poi-body .edit-poi-languages .lang-selector {
  padding-right: 5px;
}
.descriptive-text {
  font-size: 13px;
  color: #989898;
  margin: 5px 0;
}
hr {
  background-color: #949b8c;
  margin: 0 0;
  margin-left: 12px;
  margin-right: 12px;
}
.wf-editor-actions-menu {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.wf-editor-actions-menu ul {
  padding: 0;
}
.wf-editor-actions-menu ul li {
  list-style: none;
  margin: 0;
}
.wf-editor-actions-menu hr {
  margin: 0px;
}
.wf-editor-actions-menu .close-button {
  float: right;
}
.wf-editor-actions-menu .close-button :hover {
  text-decoration: underline;
  cursor: pointer;
}
.wf-editor-notice {
  font-size: 1.5rem;
  padding: 1.5rem;
  width: 50%;
  display: inline-block;
  float: left;
}
.wf-editor-action-info {
  padding: 1.5rem;
  width: 50%;
  display: inline-block;
}
@media screen and (max-width: 480px) {
  .wf-editor-notice {
    font-size: 1rem;
  }
}
@media (min-width: 992px) {
  .ngdialog.ngdialog-theme-plain.custom-width-80-height-50 .ngdialog-content {
    width: 80rem;
    min-height: 50rem;
  }
}
.container.texture-uniform-modal-content {
  width: 99%;
}
.container.texture-uniform-modal-content .container {
  width: 100%;
}
.container #texture-content {
  height: 20rem;
  /*overflow:hidden;*/
}
.container #uniform-content {
  width: 100%;
}
#texture-content #preview {
  text-align: center;
  word-break: break-all;
}
.texture-edit-image {
  float: left;
  display: inline-block;
  height: 35px;
  width: 35px;
  margin: 0 5px 5px 0;
  border: 1px solid black;
  border-radius: 3px;
  padding: 2.5px;
  overflow: hidden;
}
.uniform-color {
  display: inline-block;
  border: 1px solid black;
  border-radius: 3px;
  height: 35px;
  width: 35px;
}
#small-images {
  display: grid;
  grid-template-columns: repeat(4, calc(100% / 4));
  grid-auto-rows: 120px;
  max-height: 500px;
  overflow-y: auto;
}
#small-images img {
  width: 50px !important;
  height: 50px !important;
}
#small-images > div {
  display: flex;
  flex-grow: 0;
  flex-direction: column;
  width: calc(25%);
  align-items: center;
}
.new-row {
  background-color: #bcf5bc;
}
#texture-content #preview img {
  display: block;
  height: 10rem;
  width: 10rem;
  align-content: center;
  border: 1px solid #b0b0b0;
  /*background-color: transparent;*/
  background-repeat: repeat;
}
#texture-content .gallery {
  /*overflow: scroll;*/
}
#texture-content .gallery li {
  margin: 2px;
  list-style: none;
  width: 5rem;
  height: 5rem;
  float: left;
  max-width: 100%;
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  overflow: hidden;
}
#texture-content .gallery img {
  height: 4rem;
  width: 4rem;
  background-repeat: repeat;
}
.material-box-sizing {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.materials-uniform-matrix {
  width: 5rem;
}
.wf-create-new-project-modal .demo-data-title {
  padding: 10px 0px;
}
.wf-create-new-project-modal .demo.active {
  background: #e0e8f2;
}
.wf-create-new-project-modal .project-bases {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.wf-create-new-project-modal .project-bases div {
  margin-bottom: 6px;
  margin-left: 6px;
  max-width: 100%;
  width: 24%;
  height: 245px;
  padding: 3px;
  font-size: 1em;
  line-height: 1.05;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  overflow: hidden;
}
.wf-create-new-project-modal .project-bases div .project-title {
  margin: 4px 0;
  font-weight: 600;
}
.wf-create-new-project-modal .project-bases div .project-body {
  overflow-y: auto;
}
.panel.wf-projects i {
  margin-right: 0.5em;
}
.panel.wf-projects .delete i {
  margin: 0;
}
.panel.wf-projects .wf-shared-projects {
  border-top: 1px solid #f0f0f0;
}
.ng-animate.no-animate {
  transition: 0s none;
  -webkit-transition: 0s none;
  animation: 0s none;
  -webkit-animation: 0s none;
}
@media screen and (max-width: 768px) {
  .ngdialog.ngdialog-theme-plain {
    padding: 0;
  }
  .ngdialog.ngdialog-theme-plain .project-bases li {
    width: 125px;
    height: 125px;
  }
}
@media screen and (max-width: 424px) {
  .ngdialog.ngdialog-theme-plain .project-bases li {
    width: 100px;
    height: 125px;
  }
}
.wf-dashboard .wf-dashboard-header {
  margin: 0;
}
.wf-dashboard .wf-dashboard-header .widget {
  height: 70px;
  padding: 0;
  display: flex;
  align-items: center;
}
.wf-dashboard .wf-dashboard-header .widget .widget-description {
  height: 100%;
}
.wf-dashboard .wf-dashboard-header .wf-dashboard-project-logo {
  width: 16rem;
  height: 9rem;
  text-align: center;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.wf-dashboard .wf-dashboard-header .wf-dashboard-project-logo div {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.wf-dashboard .wf-dashboard-header .wf-dashboard-project-logo img {
  max-height: 70px;
  float: left;
}
.wf-dashboard .wf-dashboard-header .wf-dashboard-project-logo .remove {
  position: absolute;
  top: 0;
  right: 0;
  width: 2em;
  height: 2em;
  background-color: rgba(200, 200, 200, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
}
.wf-dashboard .wf-dashboard-header .wf-dashboard-project-title {
  white-space: nowrap;
  text-overflow: ellipsis;
  display: flex;
  align-items: center;
}
.wf-dashboard .wf-dashboard-header .wf-dashboard-project-title h2 {
  overflow: hidden;
  width: 100%;
}
.wf-dashboard .wf-dashboard-header .wf-dashboard-project-title span {
  width: 100%;
}
.wf-dashboard .wf-dashboard-header .wf-dashboard-project-title span input {
  width: 100%;
}
@media (max-width: 768px) {
  .wf-dashboard .wf-dashboard-header {
    font-size: 10px;
  }
  .wf-dashboard .wf-dashboard-header .wf-dashboard-project-title h2 {
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .wf-dashboard .wf-dashboard-header .wf-dashboard-project-title input {
    width: 100%;
  }
  .wf-dashboard .wf-dashboard-header h2 {
    font-size: 20px;
  }
}
@media (max-width: 480px) {
  .wf-dashboard .wf-dashboard-header .wf-dashboard-project-logo {
    width: 25vw;
    height: 18.75vw;
  }
  .wf-dashboard .wf-dashboard-header .wf-dashboard-project-logo img {
    width: 100%;
  }
}
.wf-locations-modal .wf-locations-modal-picture-upload {
  width: 16rem;
  height: 9rem;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
.wf-locations-modal .wf-locations-modal-picture-upload.image-set {
  background-image: linear-gradient(45deg, #ccc 25%, transparent 25%), linear-gradient(-45deg, #ccc 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #ccc 75%), linear-gradient(-45deg, transparent 75%, #ccc 75%);
  background-size: 10px 10px;
  background-position: 0 0, 0 5px, 5px -5px, -5px 0px;
}
.wf-locations-modal .wf-locations-modal-picture-upload div {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border: 1px solid #e5e5e5;
}
.wf-locations-modal .wf-locations-modal-picture-upload img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.wf-locations-modal .wf-locations-modal-picture-upload span.description {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.wf-locations-modal .wf-locations-modal-picture-upload a {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 5px;
  background-color: rgba(255, 255, 255, 0.7);
}
@media (max-width: 480px) {
  .wf-locations-modal .wf-locations-modal-picture-upload {
    width: 100%;
  }
}
#wf-locations tags-input .tags .tag-item {
  font: inherit;
  height: initial;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
  background: #5bc0de;
}
#wf-locations tags-input .tags .tag-item a {
  color: #fff;
}
#wf-locations tags-input .tags span {
  display: inline-block;
  max-width: 95px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.configuration {
  top: 145px !important;
  width: 150px !important;
}
.configuration.active .configuration-cog {
  position: relative;
  left: 0;
}
.configuration.active .configuration-options {
  margin-top: 0;
}
.configuration-options {
  margin-top: 40px;
}
.configuration-options ul {
  border: 1px solid #777;
  list-style: none;
  padding: 0;
  background: #333;
  color: #fff;
}
.configuration-options ul li {
  text-transform: uppercase;
}
.configuration-options ul li:hover {
  background: #777;
}
.configuration-options ul li:active {
  background: #444;
}
.configuration-options ul li:not(:first-child) {
  border-top: 1px solid;
}
.configuration-options ul a {
  padding: 5px;
  display: block;
  width: 100%;
  height: 100%;
}
.configuration-options .title {
  position: absolute;
  right: 0;
  top: -40px;
  width: 74%;
}
.wf-settings {
  background-color: white;
  margin-bottom: 20px;
}
.wf-settings .wf-settings-heading {
  background-color: #4e4e4e;
  font-size: 3rem;
  height: 5rem;
  color: white;
  align-items: center;
  padding-left: 10px;
  text-transform: uppercase;
  display: flex;
  justify-content: space-between;
}
.wf-settings .wf-settings-body {
  padding: 10px;
}
.wf-settings .wf-setting-sub-content .wf-setting-name {
  font-size: 1.5rem;
}
.wf-settings .wf-settings-sub-content-heading {
  font-size: 14px;
  color: #4e4e4e;
  margin: 10px 0;
  font-weight: bold;
  text-transform: capitalize;
}
.wf-settings .row {
  padding: 15px 0px;
}
.wf-settings-sub-content-body {
  color: #777;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}
#wf-settings-preview-modal #model_list {
  overflow: auto;
}
#wf-settings-preview-modal #model_list .upload {
  text-align: center;
}
#wf-settings-preview-modal #model_list .active {
  background: #c8c8c8;
}
#wf-settings-preview-modal .pane {
  height: 60rem;
}
#wf-settings-preview-modal canvas {
  width: 100%;
  height: 100%;
  background-color: #333333;
}
#wf-floors i {
  margin-right: 0.5em;
}
#wf-floors .delete i {
  margin: 0;
}
.floor-modal {
  width: 100%;
}
.floor-modal .footer {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #ccc;
  padding-top: 5px;
}
.floor-modal .footer-right {
  display: flex;
  justify-content: flex-end;
  border-top: 1px solid #ccc;
  padding-top: 5px;
}
.dragover {
  border-color: #616161;
}
#wf-textures .upload-button {
  height: 7rem;
  width: 7rem;
  padding: 10px;
  vertical-align: center;
  text-align: center;
}
#wf-edit-snapshot .modal-body {
  display: flex;
  justify-content: center;
  align-items: center;
}
#captcha-block > div {
  margin: 0 auto;
}
@media (min-width: 992px) {
  .ngdialog.ngdialog-theme-plain.custom-width-80 .ngdialog-content {
    width: 80rem;
  }
}
.user-locations {
  height: 100px;
  padding: 2px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.user-locations ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.user-locations ul li:hover {
  background-color: #dddddd;
}
#wf-templates .wf-templates-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
#wf-templates .wf-templates-list .wf-templates-list-item {
  width: 25%;
  height: 200px;
  margin: 0 1em 1em 0;
  position: relative;
  border: 1px solid #cbcbcb;
}
#wf-templates .wf-templates-list .wf-templates-list-item .screenshot {
  width: 100%;
  height: 50%;
  border-bottom: 1px solid #cbcbcb;
  display: flex;
  align-items: center;
  justify-content: center;
}
#wf-templates .wf-templates-list .wf-templates-list-item .screenshot img {
  height: 90%;
  widht: 90%;
  object-fit: cover;
}
#wf-templates .wf-templates-list .wf-templates-list-item .url {
  padding: 1em;
  display: flex;
  align-items: center;
}
#wf-templates .wf-templates-list .wf-templates-list-item .url .buttons {
  display: flex;
  aling-items: center;
}
#wf-templates .wf-templates-list .wf-templates-list-item .content {
  padding: 1em;
}
#wf-templates .wf-templates-list .wf-templates-list-item .actions {
  width: 100%;
  padding: 1em;
  position: absolute;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#wf-templates .wf-templates-list .wf-templates-list-item .actions .left {
  display: flex;
  align-items: center;
}
#wf-templates .wf-templates-list .wf-templates-list-item .actions .left > .item {
  margin: 0;
  display: flex;
  align-items: center;
  line-height: 1;
  font-size: 1em;
}
#wf-templates .wf-templates-list .wf-templates-list-item .actions .left > input.item {
  margin-right: .25em;
}
#wf-templates .wf-templates-list .active {
  background-color: #dff0d8;
  border: 1px solid #7e7e7e;
}
#wf-templates .wf-templates-list .default {
  background-color: #77f070;
}
@media (max-width: 767px) {
  #wf-templates .wf-templates-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  #wf-templates .wf-templates-list .wf-templates-list-item {
    width: 100%;
    height: 300px;
    margin: 0 1em 1em 0;
    position: relative;
    border: 1px solid #cbcbcb;
  }
  #wf-templates .wf-templates-list .wf-templates-list-item .screenshot {
    width: 100%;
    height: 50%;
    border: 1px solid #cbcbcb;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #wf-templates .wf-templates-list .wf-templates-list-item .screenshot img {
    height: 100%;
  }
  #wf-templates .wf-templates-list .wf-templates-list-item .content {
    padding: 1em;
  }
  #wf-templates .wf-templates-list .wf-templates-list-item .actions {
    width: 100%;
    padding: 1em;
    position: absolute;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  #wf-templates .wf-templates-list .wf-templates-list-item .actions .left {
    display: flex;
    align-items: center;
  }
  #wf-templates .wf-templates-list .wf-templates-list-item .actions .left > .item {
    margin: 0;
    display: flex;
    align-items: center;
    line-height: 1;
    font-size: 1em;
  }
  #wf-templates .wf-templates-list .wf-templates-list-item .actions .left > input.item {
    margin-right: .25em;
  }
  #wf-templates .wf-templates-list .active {
    background-color: #dff0d8;
    border: 1px solid #7e7e7e;
  }
  #wf-templates .wf-templates-list .default {
    background-color: #77f070;
  }
}
.billing-plans #currency-buttons {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 10px 0px;
}
.billing-plans table {
  text-align: center;
  vertical-align: middle;
}
.billing-plans table th {
  text-align: center;
}
.billing-plans table td.text-left {
  text-align: left;
}
.billing-plans table td.text-middle {
  vertical-align: middle;
}
.billing-plans table thead {
  color: #ffffff;
  background-color: #6ed400;
}
.billing-plans table td.active-plan {
  background-color: #fffea0;
}
.billing-plans table .select-plan {
  color: #ffffff;
  background-color: #6ed400;
}
.billing-plans .center {
  text-align: center;
}
.billing-plans .contact-us {
  width: 100%;
  font-size: 20px;
  padding: 30px;
}
.billing-plans .contact-us a.btn-contact-us {
  font-size: 20px;
  color: #ffffff;
  background-color: #6ed400;
}
#advertisements .flex-col {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
}
#advertisements .timeline {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  height: 82px;
  width: 100%;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  display: flex;
  flex-direction: row;
}
#advertisements .timeline .frame {
  flex-grow: initial;
}
#advertisements .frame {
  display: block;
  border: 2px solid white;
  width: 100%;
  height: 100%;
  background-color: #eeeeee;
  text-align: center;
  box-sizing: content-box;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
}
#advertisements .frame .frame-inner {
  width: 100%;
  height: 100%;
  position: relative;
  flex-grow: 1;
  display: flex;
}
#advertisements .frame .frame-inner .frame-image {
  width: 100%;
  height: 100%;
  display: flex;
  flex-grow: 1;
}
#advertisements .frame .frame-inner .fa-minus-circle {
  position: absolute;
  color: white;
  opacity: 0.8;
  top: 0.3rem;
  right: 0.3rem;
  transition: opacity 1s;
  font-size: 1.5rem;
}
#advertisements .frame .frame-inner .fa-times-circle:hover {
  opacity: 1;
}
#advertisements .frame.active {
  border-color: #18bf5f;
  transition: borderColor 1s;
}
#advertisements .frame canvas {
  display: block;
}
#advertisements .frame .fa-2x {
  vertical-align: middle;
}
#advertisements .frame i {
  margin: auto;
}
#advertisements .main-window {
  height: 100%;
  display: flex;
  flex-direction: column;
}
#advertisements .main-window .frame {
  width: 100%;
  height: 100%;
}
#advertisements .sortable-frame {
  display: flex;
  flex-direction: row;
}
wf-ads-thumb {
  height: 100%;
  width: 100%;
  border: 1px solid #e5e5e5;
  overflow: hidden;
  aspect-ratio: 1.77777778;
  border-radius: 5px;
  position: relative;
  display: block;
}
wf-ads-thumb img {
  object-fit: contain;
  height: 100%;
  width: 100%;
  border-radius: 5px;
}
wf-ads-thumb .wf-ad-remove {
  position: absolute;
  top: 2px;
  right: 5px;
  color: rgba(225, 225, 225, 0.7);
}
.gallery-image .remove-btn {
  position: absolute;
  top: 0;
  right: 0;
}
/* $jquery.ui
 ------------------------------------------*/
.ui-slider {
  position: relative;
  text-align: left;
  background: #D0DBEC;
  margin-bottom: 15px;
}
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 16px;
  height: 16px;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
  background: white;
  -webkit-box-shadow: #6388c0 0px 0px 0px 1px;
  -moz-box-shadow: #6388c0 0px 0px 0px 1px;
  box-shadow: #6388c0 0px 0px 0px 1px;
  cursor: pointer;
  outline: none;
}
.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: 6px;
}
.ui-slider-horizontal .ui-slider-handle {
  top: -5px;
  margin-left: -0.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: 6px;
  height: 150px;
}
.ui-slider-vertical .ui-slider-handle {
  left: -5px;
  margin-left: 0;
  margin-bottom: -0.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: #0084b0;
}
.slider-info  .ui-slider-range-min,
.slider-info  .ui-slider-range {
  background-color: #35bdd5;
}
.slider-info  .ui-slider-handle {
  -webkit-box-shadow: #35bdd5 0px 0px 0px 1px;
  -moz-box-shadow: #35bdd5 0px 0px 0px 1px;
  box-shadow: #35bdd5 0px 0px 0px 1px;
}
.slider-info  .slider-handle.triangle {
  border-bottom-color: #35bdd5;
}
.slider-primary  .ui-slider-range-min,
.slider-primary  .ui-slider-range {
  background-color: #0084b0;
}
.slider-primary  .ui-slider-handle {
  -webkit-box-shadow: #0084b0 0px 0px 0px 1px;
  -moz-box-shadow: #0084b0 0px 0px 0px 1px;
  box-shadow: #0084b0 0px 0px 0px 1px;
}
.slider-primary  .slider-handle.triangle {
  border-bottom-color: #0084b0;
}
.slider-success  .ui-slider-range-min,
.slider-success  .ui-slider-range {
  background-color: #18bf5f;
}
.slider-success  .ui-slider-handle {
  -webkit-box-shadow: #18bf5f 0px 0px 0px 1px;
  -moz-box-shadow: #18bf5f 0px 0px 0px 1px;
  box-shadow: #18bf5f 0px 0px 0px 1px;
}
.slider-success  .slider-handle.triangle {
  border-bottom-color: #18bf5f;
}
.slider-warning  .ui-slider-range-min,
.slider-warning  .ui-slider-range {
  background-color: #ffc65d;
}
.slider-warning  .ui-slider-handle {
  -webkit-box-shadow: #ffc65d 0px 0px 0px 1px;
  -moz-box-shadow: #ffc65d 0px 0px 0px 1px;
  box-shadow: #ffc65d 0px 0px 0px 1px;
}
.slider-warning  .slider-handle.triangle {
  border-bottom-color: #ffc65d;
}
.slider-danger  .ui-slider-range-min,
.slider-danger  .ui-slider-range {
  background-color: #cf5648;
}
.slider-danger  .ui-slider-handle {
  -webkit-box-shadow: #cf5648 0px 0px 0px 1px;
  -moz-box-shadow: #cf5648 0px 0px 0px 1px;
  box-shadow: #cf5648 0px 0px 0px 1px;
}
.slider-danger  .slider-handle.triangle {
  border-bottom-color: #cf5648;
}
.rounded-handler .ui-slider-handle {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
/* $bootstrap-tags
 ------------------------------------------*/
div.tagsinput {
  border-color: #e4e4e4;
  background: white;
  padding: 5px 5px 0;
  width: 100%!important;
  height: auto!important;
  min-height: auto!important;
}
div.tagsinput span.tag {
  border-color: #0084b0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #0084b0;
  color: white;
  font-family: inherit;
  padding: 2px 5px;
}
div.tagsinput span.tag a {
  color: white;
  font-size: 13px;
}
div.tagsinput input {
  font-family: inherit;
  color: white;
}
.not_valid {
  background: #efc6c1 !important;
  color: #8c3025 !important;
}
/* $bootstrap-timepicker
 ------------------------------------------*/
.bootstrap-timepicker {
  position: relative;
}
.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu {
  left: auto;
  right: 0;
}
.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:before {
  left: auto;
  right: 12px;
}
.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:after {
  left: auto;
  right: 13px;
}
.bootstrap-timepicker-widget.dropdown-menu {
  padding: 1px;
}
.bootstrap-timepicker-widget.dropdown-menu:before {
  border-bottom: 7px solid rgba(0, 0, 0, 0.2);
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  content: "";
  display: inline-block;
  position: absolute;
}
.bootstrap-timepicker-widget.dropdown-menu:after {
  border-bottom: 6px solid #FFFFFF;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  content: "";
  display: inline-block;
  position: absolute;
}
.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 {
  top: auto;
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999;
}
.bootstrap-timepicker-widget.timepicker-orient-bottom:after {
  top: auto;
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #ffffff;
}
.bootstrap-timepicker-widget a.btn,
.bootstrap-timepicker-widget input {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.bootstrap-timepicker-widget table td.separator {
  width: 2px;
  padding: 0;
}
.bootstrap-timepicker-widget table td a {
  padding: 0;
  color: #444;
}
.bootstrap-timepicker-widget table td a:hover {
  background-color: transparent;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border-color: transparent;
  color: #2b2b2b;
}
.bootstrap-timepicker-widget table td a i {
  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);
  font-size: 13px;
}
.bootstrap-timepicker-widget table td a i::after {
  display: inline-block;
  width: 14px;
  height: 14px;
  vertical-align: middle;
}
.bootstrap-timepicker-widget table td a .icon-chevron-down::after {
  content: "\f0dd";
  line-height: 9px;
}
.bootstrap-timepicker-widget table td a .icon-chevron-up::after {
  content: "\f0de";
  line-height: 20px;
}
.bootstrap-timepicker-widget table td input {
  border: 0;
}
.bootstrap-timepicker-widget .modal-content {
  padding: 4px;
}
/* $wizard
 ------------------------------------------*/
.wizard-pager {
  margin-top: 15px;
}
.wizard-pager::before,
.wizard-pager::after {
  content: " ";
  display: table;
}
.wizard-pager::after {
  clear: both;
}
.wizard-pager .btn {
  min-width: 100px;
}
/* $bootstrap-wysiwyg
 ------------------------------------------*/
.bootstrap-wysiwyg .btn-toolbar {
  margin: 0;
  padding: 0 0 5px 5px;
  border: 1px solid #e4e4e4;
  border-bottom: 0;
}
.bootstrap-wysiwyg .btn-toolbar .btn-group {
  margin-top: 5px;
  margin-right: 5px;
}
ul.wysihtml5-toolbar {
  background: #f5f5f5;
  border: 1px solid #e4e4e4;
  border-bottom: 0;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
ul.wysihtml5-toolbar > li {
  margin: 0;
}
ul.wysihtml5-toolbar .btn {
  height: 40px;
  line-height: 40px;
  min-width: 40px;
  padding: 0 10px;
  background-color: #f5f5f5;
  border-top: 0;
  border-bottom-color: #e4e4e4;
  border-left: 0;
  border-right-color: #e4e4e4;
  color: #444;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  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 {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: #ececec;
}
ul.wysihtml5-toolbar .open > .dropdown-toggle.btn {
  color: #444;
  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: 15px !important;
  width: 100%!important;
  border-color: #e4e4e4 !important;
  border-top: 0!important;
  background-color: white;
  border-bottom-left-radius: 2px !important;
  border-bottom-right-radius: 2px !important;
  outline: none!important;
}
/* $clock-picker
 ------------------------------------------*/
.clockpicker-popover .popover-title {
  color: #444;
  font-weight: 700;
  font-size: 16px;
  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: 2px;
  border-bottom-left-radius: 2px;
}
.clockpicker-popover .clockpicker-plate {
  border: 1px solid #e4e4e4;
}
.clockpicker-popover .clockpicker-button {
  margin: 0;
  padding: 10px 0;
  border-width: 1px 0 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
/* $color-picker
 ------------------------------------------*/
.colorpicker {
  padding: 5px;
  display: none;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  visibility: visible;
  -webkit-box-shadow: 0px 1px 1px rgba(228, 228, 228, 0.3);
  -moz-box-shadow: 0px 1px 1px rgba(228, 228, 228, 0.3);
  box-shadow: 0px 1px 1px rgba(228, 228, 228, 0.3);
  min-width: initial!important;
}
/* $datepicker
 ------------------------------------------*/
.datepicker.dropdown-menu {
  display: none;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  visibility: visible;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-size: 13px;
  border-color: #e4e4e4;
  -webkit-box-shadow: 0px 1px 1px rgba(228, 228, 228, 0.3);
  -moz-box-shadow: 0px 1px 1px rgba(228, 228, 228, 0.3);
  box-shadow: 0px 1px 1px rgba(228, 228, 228, 0.3);
  padding: 15px;
}
.datepicker-inline {
  border: 1px solid #e4e4e4;
}
.datepicker {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.datepicker-dropdown {
  display: none;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  visibility: visible;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-size: 13px;
  border-color: #e4e4e4;
  -webkit-box-shadow: 0px 1px 1px rgba(228, 228, 228, 0.3);
  -moz-box-shadow: 0px 1px 1px rgba(228, 228, 228, 0.3);
  box-shadow: 0px 1px 1px rgba(228, 228, 228, 0.3);
  padding: 15px;
}
.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 {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.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: #0084b0;
  border-color: #0084b0;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:visited,
.datepicker table tr td.active:hover:visited,
.datepicker table tr td.active.disabled:visited,
.datepicker table tr td.active.disabled:hover:visited {
  color: white;
}
.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,
.datepicker table tr td.active:focus,
.datepicker table tr td.active:hover:focus,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active.focus,
.datepicker table tr td.active:hover.focus,
.datepicker table tr td.active.disabled.focus,
.datepicker table tr td.active.disabled:hover.focus,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.open > .dropdown-toggle.datepicker table tr td.active,
.open > .dropdown-toggle.datepicker table tr td.active:hover,
.open > .dropdown-toggle.datepicker table tr td.active.disabled,
.open > .dropdown-toggle.datepicker table tr td.active.disabled:hover {
  color: white;
  background-color: #0084b0;
  border-color: #005e7d;
}
.datepicker table tr td.active::before,
.datepicker table tr td.active:hover::before,
.datepicker table tr td.active.disabled::before,
.datepicker table tr td.active.disabled:hover::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: #005e7d;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
  -webkit-transform: scale3d(0.7, 1, 1);
  -moz-transform: scale3d(0.7, 1, 1);
  -o-transform: scale3d(0.7, 1, 1);
  -ms-transform: scale3d(0.7, 1, 1);
  transform: scale3d(0.7, 1, 1);
  -webkit-transition: transform 0.4s, opacity 0.4s;
  -moz-transition: transform 0.4s, opacity 0.4s;
  -o-transition: transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s;
  -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  -moz-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  -o-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active::before,
.datepicker table tr td.active:hover::before,
.datepicker table tr td.active.disabled::before,
.datepicker table tr td.active.disabled:hover::before {
  -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  -moz-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  -o-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.datepicker table tr td.active:hover::before,
.datepicker table tr td.active:hover:hover::before,
.datepicker table tr td.active.disabled:hover::before,
.datepicker table tr td.active.disabled:hover:hover::before {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  -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);
}
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.open > .dropdown-toggle.datepicker table tr td.active,
.open > .dropdown-toggle.datepicker table tr td.active:hover,
.open > .dropdown-toggle.datepicker table tr td.active.disabled,
.open > .dropdown-toggle.datepicker table tr td.active.disabled:hover {
  background-image: none;
  border-color: #005673;
}
.datepicker table tr td.active:active::before,
.datepicker table tr td.active:hover:active::before,
.datepicker table tr td.active.disabled:active::before,
.datepicker table tr td.active.disabled:hover:active::before,
.datepicker table tr td.active.active::before,
.datepicker table tr td.active:hover.active::before,
.datepicker table tr td.active.disabled.active::before,
.datepicker table tr td.active.disabled:hover.active::before,
.open > .dropdown-toggle.datepicker table tr td.active::before,
.open > .dropdown-toggle.datepicker table tr td.active:hover::before,
.open > .dropdown-toggle.datepicker table tr td.active.disabled::before,
.open > .dropdown-toggle.datepicker table tr td.active.disabled:hover::before {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  -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);
  background-color: #005e7d;
}
.datepicker table tr td.active:active:hover,
.datepicker table tr td.active:hover:active:hover,
.datepicker table tr td.active.disabled:active:hover,
.datepicker table tr td.active.disabled:hover:active:hover,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active:hover.active:hover,
.datepicker table tr td.active.disabled.active:hover,
.datepicker table tr td.active.disabled:hover.active:hover,
.open > .dropdown-toggle.datepicker table tr td.active:hover,
.open > .dropdown-toggle.datepicker table tr td.active:hover:hover,
.open > .dropdown-toggle.datepicker table tr td.active.disabled:hover,
.open > .dropdown-toggle.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active:hover:active:focus,
.datepicker table tr td.active.disabled:active:focus,
.datepicker table tr td.active.disabled:hover:active:focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active:hover.active:focus,
.datepicker table tr td.active.disabled.active:focus,
.datepicker table tr td.active.disabled:hover.active:focus,
.open > .dropdown-toggle.datepicker table tr td.active:focus,
.open > .dropdown-toggle.datepicker table tr td.active:hover:focus,
.open > .dropdown-toggle.datepicker table tr td.active.disabled:focus,
.open > .dropdown-toggle.datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active:hover:active.focus,
.datepicker table tr td.active.disabled:active.focus,
.datepicker table tr td.active.disabled:hover:active.focus,
.datepicker table tr td.active.active.focus,
.datepicker table tr td.active:hover.active.focus,
.datepicker table tr td.active.disabled.active.focus,
.datepicker table tr td.active.disabled:hover.active.focus,
.open > .dropdown-toggle.datepicker table tr td.active.focus,
.open > .dropdown-toggle.datepicker table tr td.active:hover.focus,
.open > .dropdown-toggle.datepicker table tr td.active.disabled.focus,
.open > .dropdown-toggle.datepicker table tr td.active.disabled:hover.focus {
  color: white;
  background-color: #007197;
  border-color: #007197;
}
.datepicker table tr td.active.disabled::before,
.datepicker table tr td.active:hover.disabled::before,
.datepicker table tr td.active.disabled.disabled::before,
.datepicker table tr td.active.disabled:hover.disabled::before,
.datepicker table tr td.active[disabled]::before,
.datepicker table tr td.active:hover[disabled]::before,
.datepicker table tr td.active.disabled[disabled]::before,
.datepicker table tr td.active.disabled:hover[disabled]::before {
  z-index: 1;
}
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.active,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active.disabled,
fieldset[disabled] .datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover.disabled:hover,
.datepicker table tr td.active.disabled.disabled:hover,
.datepicker table tr td.active.disabled:hover.disabled:hover,
.datepicker table tr td.active[disabled]:hover,
.datepicker table tr td.active:hover[disabled]:hover,
.datepicker table tr td.active.disabled[disabled]:hover,
.datepicker table tr td.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active:hover:hover,
fieldset[disabled] .datepicker table tr td.active.disabled:hover,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active:hover.disabled:focus,
.datepicker table tr td.active.disabled.disabled:focus,
.datepicker table tr td.active.disabled:hover.disabled:focus,
.datepicker table tr td.active[disabled]:focus,
.datepicker table tr td.active:hover[disabled]:focus,
.datepicker table tr td.active.disabled[disabled]:focus,
.datepicker table tr td.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.active:focus,
fieldset[disabled] .datepicker table tr td.active:hover:focus,
fieldset[disabled] .datepicker table tr td.active.disabled:focus,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active.disabled.focus,
.datepicker table tr td.active:hover.disabled.focus,
.datepicker table tr td.active.disabled.disabled.focus,
.datepicker table tr td.active.disabled:hover.disabled.focus,
.datepicker table tr td.active[disabled].focus,
.datepicker table tr td.active:hover[disabled].focus,
.datepicker table tr td.active.disabled[disabled].focus,
.datepicker table tr td.active.disabled:hover[disabled].focus,
fieldset[disabled] .datepicker table tr td.active.focus,
fieldset[disabled] .datepicker table tr td.active:hover.focus,
fieldset[disabled] .datepicker table tr td.active.disabled.focus,
fieldset[disabled] .datepicker table tr td.active.disabled:hover.focus,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active:hover.disabled:active,
.datepicker table tr td.active.disabled.disabled:active,
.datepicker table tr td.active.disabled:hover.disabled:active,
.datepicker table tr td.active[disabled]:active,
.datepicker table tr td.active:hover[disabled]:active,
.datepicker table tr td.active.disabled[disabled]:active,
.datepicker table tr td.active.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.active:active,
fieldset[disabled] .datepicker table tr td.active:hover:active,
fieldset[disabled] .datepicker table tr td.active.disabled:active,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active:hover.disabled.active,
.datepicker table tr td.active.disabled.disabled.active,
.datepicker table tr td.active.disabled:hover.disabled.active,
.datepicker table tr td.active[disabled].active,
.datepicker table tr td.active:hover[disabled].active,
.datepicker table tr td.active.disabled[disabled].active,
.datepicker table tr td.active.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.active.active,
fieldset[disabled] .datepicker table tr td.active:hover.active,
fieldset[disabled] .datepicker table tr td.active.disabled.active,
fieldset[disabled] .datepicker table tr td.active.disabled:hover.active {
  background-color: #0084b0;
  border-color: #0084b0;
}
.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: #0084b0;
  background-color: white;
}
.datepicker table tr td.active.btn-outline,
.datepicker table tr td.active:hover.btn-outline,
.datepicker table tr td.active.disabled.btn-outline,
.datepicker table tr td.active.disabled:hover.btn-outline {
  background-color: transparent;
  background-image: none;
  border-color: #0084b0;
  color: #0084b0;
}
.datepicker table tr td.active.btn-outline:hover,
.datepicker table tr td.active:hover.btn-outline:hover,
.datepicker table tr td.active.disabled.btn-outline:hover,
.datepicker table tr td.active.disabled:hover.btn-outline:hover,
.datepicker table tr td.active.btn-outline:focus,
.datepicker table tr td.active:hover.btn-outline:focus,
.datepicker table tr td.active.disabled.btn-outline:focus,
.datepicker table tr td.active.disabled:hover.btn-outline:focus,
.datepicker table tr td.active.btn-outline:active,
.datepicker table tr td.active:hover.btn-outline:active,
.datepicker table tr td.active.disabled.btn-outline:active,
.datepicker table tr td.active.disabled:hover.btn-outline:active,
.datepicker table tr td.active.btn-outline.active,
.datepicker table tr td.active:hover.btn-outline.active,
.datepicker table tr td.active.disabled.btn-outline.active,
.datepicker table tr td.active.disabled:hover.btn-outline.active {
  background-color: #0084b0;
  color: white;
}
.datepicker table tr td span {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.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: #0084b0;
  border-color: #0084b0;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:visited,
.datepicker table tr td span.active:hover:visited,
.datepicker table tr td span.active.disabled:visited,
.datepicker table tr td span.active.disabled:hover:visited {
  color: white;
}
.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,
.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.focus,
.datepicker table tr td span.active:hover.focus,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active.disabled:hover.focus,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.open > .dropdown-toggle.datepicker table tr td span.active,
.open > .dropdown-toggle.datepicker table tr td span.active:hover,
.open > .dropdown-toggle.datepicker table tr td span.active.disabled,
.open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
  color: white;
  background-color: #0084b0;
  border-color: #005e7d;
}
.datepicker table tr td span.active::before,
.datepicker table tr td span.active:hover::before,
.datepicker table tr td span.active.disabled::before,
.datepicker table tr td span.active.disabled:hover::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: #005e7d;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
  -webkit-transform: scale3d(0.7, 1, 1);
  -moz-transform: scale3d(0.7, 1, 1);
  -o-transform: scale3d(0.7, 1, 1);
  -ms-transform: scale3d(0.7, 1, 1);
  transform: scale3d(0.7, 1, 1);
  -webkit-transition: transform 0.4s, opacity 0.4s;
  -moz-transition: transform 0.4s, opacity 0.4s;
  -o-transition: transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s;
  -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  -moz-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  -o-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.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,
.datepicker table tr td span.active::before,
.datepicker table tr td span.active:hover::before,
.datepicker table tr td span.active.disabled::before,
.datepicker table tr td span.active.disabled:hover::before {
  -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  -moz-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  -o-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.datepicker table tr td span.active:hover::before,
.datepicker table tr td span.active:hover:hover::before,
.datepicker table tr td span.active.disabled:hover::before,
.datepicker table tr td span.active.disabled:hover:hover::before {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  -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);
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.open > .dropdown-toggle.datepicker table tr td span.active,
.open > .dropdown-toggle.datepicker table tr td span.active:hover,
.open > .dropdown-toggle.datepicker table tr td span.active.disabled,
.open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
  background-image: none;
  border-color: #005673;
}
.datepicker table tr td span.active:active::before,
.datepicker table tr td span.active:hover:active::before,
.datepicker table tr td span.active.disabled:active::before,
.datepicker table tr td span.active.disabled:hover:active::before,
.datepicker table tr td span.active.active::before,
.datepicker table tr td span.active:hover.active::before,
.datepicker table tr td span.active.disabled.active::before,
.datepicker table tr td span.active.disabled:hover.active::before,
.open > .dropdown-toggle.datepicker table tr td span.active::before,
.open > .dropdown-toggle.datepicker table tr td span.active:hover::before,
.open > .dropdown-toggle.datepicker table tr td span.active.disabled::before,
.open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover::before {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  -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);
  background-color: #005e7d;
}
.datepicker table tr td span.active:active:hover,
.datepicker table tr td span.active:hover:active:hover,
.datepicker table tr td span.active.disabled:active:hover,
.datepicker table tr td span.active.disabled:hover:active:hover,
.datepicker table tr td span.active.active:hover,
.datepicker table tr td span.active:hover.active:hover,
.datepicker table tr td span.active.disabled.active:hover,
.datepicker table tr td span.active.disabled:hover.active:hover,
.open > .dropdown-toggle.datepicker table tr td span.active:hover,
.open > .dropdown-toggle.datepicker table tr td span.active:hover:hover,
.open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover,
.open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active:focus,
.datepicker table tr td span.active:hover:active:focus,
.datepicker table tr td span.active.disabled:active:focus,
.datepicker table tr td span.active.disabled:hover:active:focus,
.datepicker table tr td span.active.active:focus,
.datepicker table tr td span.active:hover.active:focus,
.datepicker table tr td span.active.disabled.active:focus,
.datepicker table tr td span.active.disabled:hover.active:focus,
.open > .dropdown-toggle.datepicker table tr td span.active:focus,
.open > .dropdown-toggle.datepicker table tr td span.active:hover:focus,
.open > .dropdown-toggle.datepicker table tr td span.active.disabled:focus,
.open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active:active.focus,
.datepicker table tr td span.active:hover:active.focus,
.datepicker table tr td span.active.disabled:active.focus,
.datepicker table tr td span.active.disabled:hover:active.focus,
.datepicker table tr td span.active.active.focus,
.datepicker table tr td span.active:hover.active.focus,
.datepicker table tr td span.active.disabled.active.focus,
.datepicker table tr td span.active.disabled:hover.active.focus,
.open > .dropdown-toggle.datepicker table tr td span.active.focus,
.open > .dropdown-toggle.datepicker table tr td span.active:hover.focus,
.open > .dropdown-toggle.datepicker table tr td span.active.disabled.focus,
.open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover.focus {
  color: white;
  background-color: #007197;
  border-color: #007197;
}
.datepicker table tr td span.active.disabled::before,
.datepicker table tr td span.active:hover.disabled::before,
.datepicker table tr td span.active.disabled.disabled::before,
.datepicker table tr td span.active.disabled:hover.disabled::before,
.datepicker table tr td span.active[disabled]::before,
.datepicker table tr td span.active:hover[disabled]::before,
.datepicker table tr td span.active.disabled[disabled]::before,
.datepicker table tr td span.active.disabled:hover[disabled]::before {
  z-index: 1;
}
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td span.active,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover.disabled:hover,
.datepicker table tr td span.active.disabled.disabled:hover,
.datepicker table tr td span.active.disabled:hover.disabled:hover,
.datepicker table tr td span.active[disabled]:hover,
.datepicker table tr td span.active:hover[disabled]:hover,
.datepicker table tr td span.active.disabled[disabled]:hover,
.datepicker table tr td span.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active:hover:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active:hover.disabled:focus,
.datepicker table tr td span.active.disabled.disabled:focus,
.datepicker table tr td span.active.disabled:hover.disabled:focus,
.datepicker table tr td span.active[disabled]:focus,
.datepicker table tr td span.active:hover[disabled]:focus,
.datepicker table tr td span.active.disabled[disabled]:focus,
.datepicker table tr td span.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td span.active:focus,
fieldset[disabled] .datepicker table tr td span.active:hover:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active:hover.disabled.focus,
.datepicker table tr td span.active.disabled.disabled.focus,
.datepicker table tr td span.active.disabled:hover.disabled.focus,
.datepicker table tr td span.active[disabled].focus,
.datepicker table tr td span.active:hover[disabled].focus,
.datepicker table tr td span.active.disabled[disabled].focus,
.datepicker table tr td span.active.disabled:hover[disabled].focus,
fieldset[disabled] .datepicker table tr td span.active.focus,
fieldset[disabled] .datepicker table tr td span.active:hover.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active:hover.disabled:active,
.datepicker table tr td span.active.disabled.disabled:active,
.datepicker table tr td span.active.disabled:hover.disabled:active,
.datepicker table tr td span.active[disabled]:active,
.datepicker table tr td span.active:hover[disabled]:active,
.datepicker table tr td span.active.disabled[disabled]:active,
.datepicker table tr td span.active.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td span.active:active,
fieldset[disabled] .datepicker table tr td span.active:hover:active,
fieldset[disabled] .datepicker table tr td span.active.disabled:active,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active:hover.disabled.active,
.datepicker table tr td span.active.disabled.disabled.active,
.datepicker table tr td span.active.disabled:hover.disabled.active,
.datepicker table tr td span.active[disabled].active,
.datepicker table tr td span.active:hover[disabled].active,
.datepicker table tr td span.active.disabled[disabled].active,
.datepicker table tr td span.active.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td span.active.active,
fieldset[disabled] .datepicker table tr td span.active:hover.active,
fieldset[disabled] .datepicker table tr td span.active.disabled.active,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.active {
  background-color: #0084b0;
  border-color: #0084b0;
}
.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: #0084b0;
  background-color: white;
}
.datepicker table tr td span.active.btn-outline,
.datepicker table tr td span.active:hover.btn-outline,
.datepicker table tr td span.active.disabled.btn-outline,
.datepicker table tr td span.active.disabled:hover.btn-outline {
  background-color: transparent;
  background-image: none;
  border-color: #0084b0;
  color: #0084b0;
}
.datepicker table tr td span.active.btn-outline:hover,
.datepicker table tr td span.active:hover.btn-outline:hover,
.datepicker table tr td span.active.disabled.btn-outline:hover,
.datepicker table tr td span.active.disabled:hover.btn-outline:hover,
.datepicker table tr td span.active.btn-outline:focus,
.datepicker table tr td span.active:hover.btn-outline:focus,
.datepicker table tr td span.active.disabled.btn-outline:focus,
.datepicker table tr td span.active.disabled:hover.btn-outline:focus,
.datepicker table tr td span.active.btn-outline:active,
.datepicker table tr td span.active:hover.btn-outline:active,
.datepicker table tr td span.active.disabled.btn-outline:active,
.datepicker table tr td span.active.disabled:hover.btn-outline:active,
.datepicker table tr td span.active.btn-outline.active,
.datepicker table tr td span.active:hover.btn-outline.active,
.datepicker table tr td span.active.disabled.btn-outline.active,
.datepicker table tr td span.active.disabled:hover.btn-outline.active {
  background-color: #0084b0;
  color: white;
}
.input-daterange input:first-child {
  border-radius: 2px 0 0 2px;
}
.input-daterange input:last-child {
  border-radius: 0 2px 2px 0;
}
.input-daterange .input-group-addon {
  background-color: #e7e7e7;
  border: solid #e4e4e4;
}
/* $daterangepicker
 ------------------------------------------*/
.daterangepicker {
  display: none;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  visibility: visible;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-size: 13px;
  -webkit-box-shadow: 0px 1px 1px rgba(228, 228, 228, 0.3);
  -moz-box-shadow: 0px 1px 1px rgba(228, 228, 228, 0.3);
  box-shadow: 0px 1px 1px rgba(228, 228, 228, 0.3);
  margin-top: -1px;
}
.daterangepicker .ranges .input-mini {
  background-color: transparent;
  border-color: #e4e4e4;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  color: #444;
}
.daterangepicker .calendar-date {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border-color: #e4e4e4;
}
.daterangepicker td.available + td.start-date {
  border-radius: 2px 0 0 2px;
}
.daterangepicker td.in-range + td.end-date {
  border-radius: 0 2px 2px 0;
}
.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
  background: #e2e2e2;
}
.daterangepicker td.active,
.daterangepicker td.active:hover {
  background-color: #0084b0;
  border-color: #0084b0;
  color: #fff;
}
.daterangepicker td,
.daterangepicker th {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.daterangepicker .calendar th,
.daterangepicker .calendar td {
  font-family: inherit;
}
.daterangepicker td.start-date.end-date {
  -webkit-border-radius: 2px !important;
  -moz-border-radius: 2px !important;
  border-radius: 2px !important;
}
.daterangepicker .ranges li {
  background: #e4e4e4;
  border-color: #e4e4e4;
  color: #444;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.daterangepicker .ranges li.active,
.daterangepicker .ranges li:hover {
  background: #0084b0;
  border-color: #0084b0;
}
/* $google-map
 ------------------------------------------*/
.world-map {
  width: 100%;
  height: 100%;
}
.full-map-wrapper {
  position: absolute;
  top: 55px;
  bottom: 55px;
  left: 250px;
  right: 0;
}
#cd-google-map {
  position: relative;
}
#google-container {
  position: relative;
  width: 100%;
  height: 100%!important;
  min-height: 400px;
}
.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: 55px;
  height: auto;
  left: auto;
  right: auto;
  bottom: 55px;
}
/* $intl-tel-input
 ------------------------------------------*/
.iti-flag {
  width: 16px;
  height: 11px;
}
.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 {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-color: #e4e4e4;
}
.intl-tel-input .country-list .divider {
  border-bottom-color: #e4e4e4;
}
.intl-tel-input .country-list .country .dial-code {
  color: #444;
}
.intl-tel-input .country-list .country.highlight {
  background-color: rgba(226, 226, 226, 0.5);
}
/* $noty
 ------------------------------------------*/
li.urban-noty {
  position: relative;
  margin-bottom: 10px;
}
li.urban-noty:last-child {
  margin-bottom: 0;
}
.noty_message[style] {
  font-size: 13px !important;
}
.urban-noty .noty_bar {
  padding: 10px 15px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid transparent;
  -webkit-animation-duration: 800ms;
  -moz-animation-duration: 800ms;
  -o-animation-duration: 800ms;
  animation-duration: 800ms;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-name: animation-close;
  -moz-animation-name: animation-close;
  -o-animation-name: animation-close;
  animation-name: animation-close;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
}
.urban-noty .noty_bar {
  -webkit-animation-name: animation-open;
  -moz-animation-name: animation-open;
  -o-animation-name: animation-open;
  animation-name: animation-open;
}
.urban-noty.i-am-closing-now .noty_bar {
  -webkit-animation-name: animation-close;
  -moz-animation-name: animation-close;
  -o-animation-name: animation-close;
  animation-name: animation-close;
}
.urban-noty-bottom,
.urban-noty-bottom-right,
.urban-noty-bottom-left,
.urban-noty-top,
.urban-noty-top-right,
.urban-noty-top-left {
  list-style: none;
  padding: 0;
  margin: 0;
  position: fixed;
  z-index: 99999;
  -webkit-transition: opacity 300ms cubic-bezier(0.7, 0, 0.3, 1);
  -moz-transition: opacity 300ms cubic-bezier(0.7, 0, 0.3, 1);
  -o-transition: opacity 300ms cubic-bezier(0.7, 0, 0.3, 1);
  transition: opacity 300ms cubic-bezier(0.7, 0, 0.3, 1);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
}
.offscreen ~ .urban-noty-bottom,
.offscreen ~ .urban-noty-bottom-right,
.offscreen ~ .urban-noty-bottom-left,
.offscreen ~ .urban-noty-top,
.offscreen ~ .urban-noty-top-right,
.offscreen ~ .urban-noty-top-left {
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
}
/* Bottom notification */
.urban-noty-bottom {
  bottom: 0;
  right: 0;
  width: 100%;
}
.urban-noty-bottom li.urban-noty {
  margin-bottom: 0;
  margin-top: -1px;
}
.urban-noty-bottom .noty_bar {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
@media screen and (min-width: 768px) {
  .urban-noty-bottom {
    padding-left: 250px;
  }
  .layout-small-menu ~ .urban-noty-bottom {
    padding-left: 70px;
  }
  .layout-right-sidebar ~ .urban-noty-bottom {
    padding-left: 0;
    padding-right: 250px;
  }
  .layout-right-sidebar.layout-small-menu ~ .urban-noty-bottom {
    padding-left: 0;
    padding-right: 70px;
  }
  .layout-boxed ~ .urban-noty-bottom,
  .layout-boxed.layout-right-sidebar.layout-small-menu ~ .urban-noty-bottom {
    padding-left: 0;
    padding-right: 0;
  }
}
/* Bottom right notification */
.urban-noty-bottom-right {
  bottom: 75px;
  right: 20px;
}
@media screen and (min-width: 768px) {
  .layout-right-sidebar ~ .urban-noty-bottom-right {
    right: 270px;
  }
  .layout-right-sidebar.layout-small-menu ~ .urban-noty-bottom-right {
    right: 90px;
  }
  .layout-boxed ~ .urban-noty-bottom-right,
  .layout-boxed.layout-right-sidebar.layout-small-menu ~ .urban-noty-bottom-right {
    right: 20px;
  }
}
/* Bottom left notification */
.urban-noty-bottom-left {
  bottom: 75px;
  left: 20px;
}
@media screen and (min-width: 768px) {
  .urban-noty-bottom-left {
    left: 270px;
  }
  .layout-small-menu ~ .urban-noty-bottom-left {
    left: 90px;
  }
  .layout-right-sidebar ~ .urban-noty-bottom-left {
    left: 20px;
  }
  .layout-right-sidebar.layout-small-menu ~ .urban-noty-bottom-left {
    left: 20px;
  }
  .layout-boxed ~ .urban-noty-bottom-left,
  .layout-boxed.layout-small-menu ~ .urban-noty-bottom-left {
    left: 20px;
  }
}
/* Top notification */
.urban-noty-top {
  top: 75px;
  right: 20px;
}
.urban-noty-top {
  top: 55px;
  right: 0;
  width: 100%;
}
.urban-noty-top li.urban-noty {
  margin-bottom: 0;
  margin-top: -1px;
}
.urban-noty-top .noty_bar {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
@media screen and (min-width: 768px) {
  .urban-noty-top {
    padding-left: 250px;
  }
  .layout-small-menu ~ .urban-noty-top {
    position: absolute;
    padding-left: 70px;
  }
  .layout-right-sidebar ~ .urban-noty-top {
    padding-left: 0;
    padding-right: 250px;
  }
  .layout-right-sidebar.layout-small-menu ~ .urban-noty-top {
    padding-left: 0;
    padding-right: 70px;
  }
  .layout-boxed ~ .urban-noty-top,
  .layout-boxed.layout-right-sidebar.layout-small-menu ~ .urban-noty-top {
    padding-left: 0;
    padding-right: 0;
  }
}
/* Top right notification */
.urban-noty-top-right {
  top: 75px;
  right: 20px;
}
@media screen and (min-width: 768px) {
  .layout-right-sidebar ~ .urban-noty-top-right {
    right: 270px;
  }
  .layout-right-sidebar.layout-small-menu ~ .urban-noty-top-right {
    right: 90px;
  }
  .layout-boxed ~ .urban-noty-top-right,
  .layout-boxed.layout-small-menu ~ .urban-noty-top-right {
    right: 20px;
  }
}
/* Top left notification */
.urban-noty-top-left {
  top: 75px;
  left: 20px;
}
@media screen and (min-width: 768px) {
  .urban-noty-top-left {
    left: 270px;
  }
  .layout-small-menu ~ .urban-noty-top-left {
    left: 90px;
  }
  .layout-right-sidebar ~ .urban-noty-top-left {
    left: 20px;
  }
  .layout-right-sidebar.layout-small-menu ~ .urban-noty-top-left {
    left: 20px;
  }
  .layout-boxed ~ .urban-noty-top-left,
  .layout-boxed.layout-small-menu ~ .urban-noty-top-left {
    left: 20px;
  }
}
/* Notification colors */
.noty_container_type_success .noty_bar {
  background-color: #81efb0;
  border-color: #73eda7;
  color: #0d6432;
}
.noty_container_type_success .noty_bar hr {
  border-top-color: #5deb99;
}
.noty_container_type_success .noty_bar .alert-link {
  color: #07371b;
}
.noty_container_type_information .noty_bar {
  background-color: #b4e6ef;
  border-color: #a7e2ed;
  color: #1c7888;
}
.noty_container_type_information .noty_bar hr {
  border-top-color: #92dbe8;
}
.noty_container_type_information .noty_bar .alert-link {
  color: #13525e;
}
.noty_container_type_warning .noty_bar {
  background-color: #fff3dd;
  border-color: #ffedcd;
  color: #ffab11;
}
.noty_container_type_warning .noty_bar hr {
  border-top-color: #ffe5b4;
}
.noty_container_type_warning .noty_bar .alert-link {
  color: #dd8f00;
}
.noty_container_type_error .noty_bar {
  background-color: #efc6c1;
  border-color: #ecbbb5;
  color: #8c3025;
}
.noty_container_type_error .noty_bar hr {
  border-top-color: #e6a8a1;
}
.noty_container_type_error .noty_bar .alert-link {
  color: #64221a;
}
.noty_container_type_confirm .noty_bar {
  background-color: white;
  border-color: #e4e4e4;
  color: #444;
}
.noty_container_type_confirm .noty_bar hr {
  border-top-color: #d7d7d7;
}
.noty_container_type_confirm .noty_bar .alert-link {
  color: #2b2b2b;
}
/* $jquery-validation
 ------------------------------------------*/
input.valid {
  border-color: #18bf5f;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
input.valid:focus {
  border-color: #129248;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
input.error {
  border-color: #cf5648;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
input.error:focus {
  border-color: #b53d2f;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
label.error {
  color: #cf5648;
  font-weight: 400;
}
/* $perfect-scrollbar
 ------------------------------------------*/
.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-scrollbar-x-rail {
  background-color: #eee;
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
  -webkit-opacity: 0.9;
  opacity: 0.9;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
  filter: alpha(opacity=90);
}
.ps-container.ps-in-scrolling > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  background-color: #999;
}
.ps-container.ps-in-scrolling > .ps-scrollbar-y-rail {
  background-color: #eee;
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
  -webkit-opacity: 0.9;
  opacity: 0.9;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
  filter: alpha(opacity=90);
}
.ps-container.ps-in-scrolling > .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' */
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  -moz-transition: background-color 0.2s linear, opacity 0.2s linear;
  -o-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: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-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' */
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  -moz-transition: background-color 0.2s linear, opacity 0.2s linear;
  -o-transition: background-color 0.2s linear, opacity 0.2s linear;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  right: 0;
  /* 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: rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-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-scrollbar-x-rail {
  background-color: #eee;
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
  -webkit-opacity: 0.9;
  opacity: 0.9;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
  filter: alpha(opacity=90);
}
.ps-container:hover.ps-in-scrolling > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  background-color: #999;
}
.ps-container:hover.ps-in-scrolling > .ps-scrollbar-y-rail {
  background-color: #eee;
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
  -webkit-opacity: 0.9;
  opacity: 0.9;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
  filter: alpha(opacity=90);
}
.ps-container:hover.ps-in-scrolling > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  background-color: #999;
}
.ps-container:hover > .ps-scrollbar-x-rail,
.ps-container:hover > .ps-scrollbar-y-rail {
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  -webkit-opacity: 0.6;
  opacity: 0.6;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
  filter: alpha(opacity=60);
}
.ps-container:hover > .ps-scrollbar-x-rail:hover {
  background-color: #eee;
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
  -webkit-opacity: 0.9;
  opacity: 0.9;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
  filter: alpha(opacity=90);
}
.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;
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
  -webkit-opacity: 0.9;
  opacity: 0.9;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
  filter: alpha(opacity=90);
}
.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
  background-color: #999;
}
/* $Utilities Classes */
.inline {
  display: inline-block;
}
/* Margins */
.no-margin {
  margin: 0!important;
}
.mn {
  margin-right: -15px;
  margin-left: -15px;
}
.mrn {
  margin-right: -15px;
}
.mln {
  margin-left: -15px;
}
.mtn {
  margin-top: -15px;
}
.mbn {
  margin-bottom: -15px;
}
.mbn {
  margin-bottom: -15px;
}
.ml0 {
  margin-left: 0;
}
.mr0 {
  margin-right: 0;
}
.mt0 {
  margin-top: 0;
}
.mb0 {
  margin-bottom: 0;
}
.m30 {
  margin: 30px;
}
.mr30 {
  margin-right: 30px;
}
.ml30 {
  margin-left: 30px;
}
.mt30 {
  margin-top: 30px;
}
.mb30 {
  margin-bottom: 30px;
}
.m25 {
  margin: 25px;
}
.mr25 {
  margin-right: 25px;
}
.ml25 {
  margin-left: 25px;
}
.mt25 {
  margin-top: 25px;
}
.mb25 {
  margin-bottom: 25px;
}
.m20 {
  margin: 20px;
}
.mr20 {
  margin-right: 20px;
}
.ml20 {
  margin-left: 20px;
}
.mt20 {
  margin-top: 20px;
}
.mb20 {
  margin-bottom: 20px;
}
.m15 {
  margin: 15px;
}
.mr15 {
  margin-right: 15px;
}
.ml15 {
  margin-left: 15px;
}
.mt15 {
  margin-top: 15px;
}
.mb15 {
  margin-bottom: 15px;
}
.m10 {
  margin: 10px;
}
.mr10 {
  margin-right: 10px;
}
.ml10 {
  margin-left: 10px;
}
.mt10 {
  margin-top: 10px;
}
.mb10 {
  margin-bottom: 10px;
}
.m5 {
  margin: 5px;
}
.mr5 {
  margin-right: 5px;
}
.ml5 {
  margin-left: 5px;
}
.mt5 {
  margin-top: 5px;
}
.mb5 {
  margin-bottom: 5px;
}
.m2 {
  margin: 2px;
}
.mr2 {
  margin-right: 2px;
}
.ml2 {
  margin-left: 2px;
}
.mt2 {
  margin-top: 2px;
}
.mb2 {
  margin-bottom: 2px;
}
/* Padding */
.no-padding:not(.main-content) {
  padding: 0!important;
}
.pl0 {
  padding-left: 0;
}
.pr0 {
  padding-right: 0;
}
.pt0 {
  padding-top: 0!important;
}
.pb0 {
  padding-bottom: 0;
}
.p30 {
  padding: 30px;
}
.pr30 {
  padding-right: 30px;
}
.pl30 {
  padding-left: 30px;
}
.pt30 {
  padding-top: 30px;
}
.pb30 {
  padding-bottom: 30px;
}
.p25 {
  padding: 25px;
}
.pr25 {
  padding-right: 25px;
}
.pl25 {
  padding-left: 25px;
}
.pt25 {
  padding-top: 25px;
}
.pb25 {
  padding-bottom: 25px;
}
.p20 {
  padding: 20px;
}
.pr20 {
  padding-right: 20px;
}
.pl20 {
  padding-left: 20px;
}
.pt20 {
  padding-top: 20px;
}
.pb20 {
  padding-bottom: 20px;
}
.p15 {
  padding: 15px;
}
.pr15 {
  padding-right: 15px;
}
.pl15 {
  padding-left: 15px;
}
.pt15 {
  padding-top: 15px;
}
.pb15 {
  padding-bottom: 15px;
}
.p10 {
  padding: 10px;
}
.pr10 {
  padding-right: 10px;
}
.pl10 {
  padding-left: 10px;
}
.pt10 {
  padding-top: 10px;
}
.pb10 {
  padding-bottom: 10px;
}
.p5 {
  padding: 5px;
}
.pr5 {
  padding-right: 5px;
}
.pl5 {
  padding-left: 5px;
}
.pt5 {
  padding-top: 5px;
}
.pb5 {
  padding-bottom: 5px;
}
.p2 {
  padding: 2px;
}
.pr2 {
  padding-right: 2px;
}
.pl2 {
  padding-left: 2px;
}
.pt2 {
  padding-top: 2px;
}
.pb2 {
  padding-bottom: 2px;
}
/* no background color*/
.no-bg {
  background-color: transparent!important;
}
.shadow {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.no-shadow {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.text-shadow {
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.9);
}
.align-middle td,
td.align-middle {
  vertical-align: middle!important;
}
/* Position */
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.corner-to-corner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.lt {
  left: 0;
}
.rt {
  right: 0;
}
.bt {
  bottom: 0;
}
.tp {
  top: 0;
}
/* Radius */
.no-radius {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.round {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.brtl {
  border-top-left-radius: 2px;
}
.brtr {
  border-top-right-radius: 2px;
}
.brbl {
  border-bottom-left-radius: 2px;
}
.brbr {
  border-bottom-right-radius: 2px;
}
/* Overflow */
.overflow-hidden {
  overflow: hidden;
}
.overflow-visible {
  overflow: visible;
}
.overflow-auto {
  overflow: auto;
}
.block {
  display: block;
}
.open .hover-inactive:hover,
.hover-inactive:hover,
.open .hover-inactive:focus,
.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: #ffc65d;
}
/* Borders */
.no-border {
  border: 0;
}
.bordered {
  border: 1px solid #e4e4e4;
}
.bb {
  border-bottom: 1px solid #e4e4e4;
}
.bt {
  border-top: 1px solid #e4e4e4;
}
.bl {
  border-left: 1px solid #e4e4e4;
}
.br {
  border-right: 1px solid #e4e4e4;
}
.bt0 {
  border-top: 0;
}
.br0 {
  border-right: 0;
}
.bb0 {
  border-bottom: 0;
}
.bl0 {
  border-left: 0;
}
.avatar.bordered {
  border: 3px solid rgba(255, 255, 255, 0.5);
}
/* $border color */
.border-primary {
  border-color: #0084b0;
}
.border-default {
  border-color: #e2e2e2;
}
.border-warning {
  border-color: #ffc65d;
}
.border-success {
  border-color: #18bf5f;
}
.border-info {
  border-color: #35bdd5;
}
.border-white {
  border-color: white;
}
.border-danger {
  border-color: #cf5648;
}
.full-height {
  height: 100%;
}
[data-animation] {
  visibility: hidden;
}
.animated {
  visibility: visible!important;
}
.visible {
  visibility: visible;
}
.scrollable {
  overflow: hidden;
  position: relative;
}
.table-responsive {
  overflow-x: auto;
}
.center-block {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.modal-header {
  padding: 10px !important;
}
.modal-body {
  padding: 10px !important;
}
.modal-footer {
  padding: 10px 0px !important;
  display: flex;
  justify-content: space-between;
}
.modal-footer :last-child {
  margin-left: auto;
}
.modal-footer::after {
  display: none;
}
.modal-footer::before {
  display: none;
}
.wf-rotate-90 {
  transform: rotate(90deg);
}
.wf-rotate-180 {
  transform: rotate(180deg);
}
[class^="wficon-"],
[class*=" wficon-"] {
  display: inline-block;
}
.flex {
  display: flex;
}
.flex-col {
  flex-direction: column;
}
.items-center {
  align-items: center;
}
/*
 *  Demo specific styles.
 *  These can be removed
 */
#focusedInput {
  border-color: #00b2ed;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  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;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
}
.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: #444;
  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;
  -moz-transition: all 150ms linear;
  -o-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: #0084b0;
  font-size: 1.5em;
}
.bordered-group .form-group {
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  padding-bottom: 15px;
}
.bordered-group .form-group:last-child {
  border-bottom: 1px 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: 1px solid rgba(0, 0, 0, 0.07);
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}
.demo-skin span:first-child {
  border-left: 1px solid rgba(0, 0, 0, 0.07);
}
.demo-skin span:last-child {
  border-right: 1px solid rgba(0, 0, 0, 0.07);
}
.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: #18bf5f;
}
.dashboard-rickshaw {
  border-bottom-left-radius: 1px;
  border-bottom-right-radius: 1px;
}
.configuration {
  width: 240px;
  background: #fff;
  position: fixed;
  right: 0;
  top: 250px;
  margin-left: 0;
  z-index: 99999;
  -webkit-box-shadow: 0 0 10px rgba(107, 107, 107, 0.2);
  -moz-box-shadow: 0 0 10px rgba(107, 107, 107, 0.2);
  box-shadow: 0 0 10px rgba(107, 107, 107, 0.2);
  -webkit-transition: -webkit-transform 300ms cubic-bezier(0.7, 0, 0.3, 1);
  -moz-transition: -moz-transform 300ms cubic-bezier(0.7, 0, 0.3, 1);
  -o-transition: -o-transform 300ms cubic-bezier(0.7, 0, 0.3, 1);
  transition: transform 300ms 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;
  -webkit-box-shadow: 0 0 10px rgba(107, 107, 107, 0.2);
  -moz-box-shadow: 0 0 10px rgba(107, 107, 107, 0.2);
  box-shadow: 0 0 10px rgba(107, 107, 107, 0.2);
  z-index: 8;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  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 {
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(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%;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
  text-align: center;
  line-height: 32px;
  background: rgba(255, 255, 255, 0.3);
}
.configuration .option.styles input[type=radio]:checked + .fa {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
}
.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: 1px 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: 1px solid rgba(0, 0, 0, 0.05);
  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 {
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.05), 0px 0px 1px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.05), 0px 0px 1px 0px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.05), 0px 0px 1px 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;
}
.gallery .image-selection li {
  text-align: center;
  background-color: #eeeeee;
}
@font-face {
  font-family: 'panel-icon';
  src: url('../fonts/panel/panel-icon.eot?qmqrp1');
  src: url('../fonts/panel/panel-icon.eot?#iefixqmqrp1') format('embedded-opentype'), url('../fonts/panel/panel-icon.woff?qmqrp1') format('woff'), url('../fonts/panel/panel-icon.ttf?qmqrp1') format('truetype'), url('../fonts/panel/panel-icon.svg?qmqrp1#panel-icon') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="panel-icon-"],
[class*=" panel-icon-"] {
  font-family: 'panel-icon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.panel-icon-chevron:before {
  content: "\e600";
}
.panel-icon-dot:before {
  content: "\e601";
}
.panel-icon-bw:before {
  content: "\e602";
}
.panel-icon-circular:before {
  content: "\e603";
}
.panel-icon-fw:before {
  content: "\e604";
}
.panel-icon-minus:before {
  content: "\e605";
}
.panel-icon-plus:before {
  content: "\e606";
}
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}
.animated.flipOutX,
.animated.flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}
@-webkit-keyframes bounce {
  0%,
  20%,
  53%,
  80%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@keyframes bounce {
  0%,
  20%,
  53%,
  80%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}
@-webkit-keyframes shake {
  0%,
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shake {
  0%,
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}
@-webkit-keyframes bounceIn {
  0%,
  20%,
  40%,
  60%,
  80%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  0%,
  20%,
  40%,
  60%,
  80%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInDown {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInLeft {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInRight {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
@keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}