/*
*
*   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. info-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
*/
.LOGEX-theme .nav-tabs.resource-tabs .expand-sidebar-btn {
  color: #ccdef9;
  border-bottom: 2px solid #02275d;
  background-color: #02275d;
}
.LOGEX-theme .sidebar-panel {
  background-color: #03429E;
}
.LOGEX-theme .sidebar-panel .brand {
  background-color: #001b44;
}
.LOGEX-theme .sidebar-panel .brand a {
  color: #ccdef9;
}
.LOGEX-theme .sidebar-panel .brand a:active,
.LOGEX-theme .sidebar-panel .brand a:focus,
.LOGEX-theme .sidebar-panel .brand a:hover {
  color: #e3edfc;
}
.LOGEX-theme .sidebar-panel .brand .hamburger-icon span {
  background-color: #ccdef9;
}
.LOGEX-theme .sidebar-panel .brand .hamburger-icon:hover span {
  background-color: white;
}
.LOGEX-theme .sidebar-panel nav > ul > li > ul {
  background-color: #033c8f;
}
.LOGEX-theme .sidebar-panel nav > ul > li > a:hover,
.LOGEX-theme .sidebar-panel nav > ul > li.open > a,
.LOGEX-theme .sidebar-panel nav > ul > li.open > a:hover,
.LOGEX-theme .sidebar-panel nav > ul > li.open > a:focus {
  background-color: #033885;
}
.LOGEX-theme .sidebar-panel nav li.open > a,
.LOGEX-theme .sidebar-panel nav li.active > a {
  color: white;
}
.LOGEX-theme .sidebar-panel nav .open > a,
.LOGEX-theme .sidebar-panel nav .open > a:hover,
.LOGEX-theme .sidebar-panel nav .open > a:focus {
  background-color: transparent;
}
.LOGEX-theme .sidebar-panel nav a {
  color: #ccdef9;
}
.LOGEX-theme .sidebar-panel nav a:active,
.LOGEX-theme .sidebar-panel nav a:focus,
.LOGEX-theme .sidebar-panel nav a:hover {
  color: white;
}
.LOGEX-theme .sidebar-panel .study-link-container {
  background-color: #02275d;
  color: white;
}
.LOGEX-theme .sidebar-panel .study-link-container > .study-link:active,
.LOGEX-theme .sidebar-panel .study-link-container > .study-link:focus,
.LOGEX-theme .sidebar-panel .study-link-container > .study-link:hover {
  background-color: #011c44;
  color: #fff;
}
.LOGEX-theme .sidebar-panel .nav-tabs > li.active > a,
.LOGEX-theme .sidebar-panel .nav-tabs > li.active > a:hover,
.LOGEX-theme .sidebar-panel .nav-tabs > li.active > a:focus {
  border-bottom: 1px solid #02275d;
  background-color: #02275d;
  color: #fff;
}
.LOGEX-theme .sidebar-panel .nav-tabs > li > a {
  border-bottom: 1px solid #02275d;
  background-color: #033885;
  color: #ccdef9;
}
.LOGEX-theme .sidebar-panel .nav-tabs > li > a:hover,
.LOGEX-theme .sidebar-panel .nav-tabs > li > a:focus {
  border-bottom: 1px solid #02275d;
  background-color: #02275d;
  color: #fff;
}
.LOGEX-theme .sidebar-panel .sidebar-options {
  background: #02275d;
}
.LOGEX-theme .scroll-arrow {
  background: #02275d;
}
.LOGEX-theme .scroll-arrow > .fa {
  color: #f7f8f8;
}
.LOGEX-theme .quick-launch-panel {
  background: #03429E;
}
.LOGEX-theme .quick-launch-panel .close {
  background: #022d6c;
  color: #ccdef9;
}
.LOGEX-theme .quick-launch-panel a {
  color: #ccdef9;
}
.LOGEX-theme .quick-launch-panel a:hover {
  color: white;
}
@media screen and (min-width: 768px) {
  .LOGEX-theme .small-menu .sidebar-panel nav li.open {
    background-color: #033e94;
  }
  .LOGEX-theme .small-menu .sidebar-panel nav > ul > li > .sub-menu {
    background-color: #033e94;
  }
}
.hospdoit-theme .nav-tabs.resource-tabs .expand-sidebar-btn {
  color: #c9cbcd;
  border-bottom: 2px solid #3e4349;
  background-color: #3e4349;
}
.hospdoit-theme .sidebar-panel {
  background-color: #5d636d;
}
.hospdoit-theme .sidebar-panel .brand {
  background-color: #f0f0f0;
}
.hospdoit-theme .sidebar-panel .brand a {
  color: #5d636d;
}
.hospdoit-theme .sidebar-panel .brand a:active,
.hospdoit-theme .sidebar-panel .brand a:focus,
.hospdoit-theme .sidebar-panel .brand a:hover {
  color: #696f7b;
}
.hospdoit-theme .sidebar-panel .brand .hamburger-icon span {
  background-color: #5d636d;
}
.hospdoit-theme .sidebar-panel .brand .hamburger-icon:hover span {
  background-color: white;
}
.hospdoit-theme .sidebar-panel nav > ul > li > ul {
  background-color: #565c65;
}
.hospdoit-theme .sidebar-panel nav > ul > li > a:hover,
.hospdoit-theme .sidebar-panel nav > ul > li.open > a,
.hospdoit-theme .sidebar-panel nav > ul > li.open > a:hover,
.hospdoit-theme .sidebar-panel nav > ul > li.open > a:focus {
  background-color: #51575f;
}
.hospdoit-theme .sidebar-panel nav li.open > a,
.hospdoit-theme .sidebar-panel nav li.active > a {
  color: white;
}
.hospdoit-theme .sidebar-panel nav .open > a,
.hospdoit-theme .sidebar-panel nav .open > a:hover,
.hospdoit-theme .sidebar-panel nav .open > a:focus {
  background-color: transparent;
}
.hospdoit-theme .sidebar-panel nav a {
  color: #c9cbcd;
}
.hospdoit-theme .sidebar-panel nav a:active,
.hospdoit-theme .sidebar-panel nav a:focus,
.hospdoit-theme .sidebar-panel nav a:hover {
  color: white;
}
.hospdoit-theme .sidebar-panel .study-link-container {
  background-color: #3e4349;
  color: white;
}
.hospdoit-theme .sidebar-panel .study-link-container > .study-link:active,
.hospdoit-theme .sidebar-panel .study-link-container > .study-link:focus,
.hospdoit-theme .sidebar-panel .study-link-container > .study-link:hover {
  background-color: #33363b;
  color: #fff;
}
.hospdoit-theme .sidebar-panel .nav-tabs > li.active > a,
.hospdoit-theme .sidebar-panel .nav-tabs > li.active > a:hover,
.hospdoit-theme .sidebar-panel .nav-tabs > li.active > a:focus {
  border-bottom: 1px solid #3e4349;
  background-color: #3e4349;
  color: #fff;
}
.hospdoit-theme .sidebar-panel .nav-tabs > li > a {
  border-bottom: 1px solid #3e4349;
  background-color: #51575f;
  color: #c9cbcd;
}
.hospdoit-theme .sidebar-panel .nav-tabs > li > a:hover,
.hospdoit-theme .sidebar-panel .nav-tabs > li > a:focus {
  border-bottom: 1px solid #3e4349;
  background-color: #3e4349;
  color: #fff;
}
.hospdoit-theme .sidebar-panel .sidebar-options {
  background: #3e4349;
}
.hospdoit-theme .scroll-arrow {
  background: #3e4349;
}
.hospdoit-theme .scroll-arrow > .fa {
  color: #f7f8f8;
}
.hospdoit-theme .quick-launch-panel {
  background: #5d636d;
}
.hospdoit-theme .quick-launch-panel .close {
  background: #464a51;
  color: #c9cbcd;
}
.hospdoit-theme .quick-launch-panel a {
  color: #c9cbcd;
}
.hospdoit-theme .quick-launch-panel a:hover {
  color: white;
}
@media screen and (min-width: 768px) {
  .hospdoit-theme .small-menu .sidebar-panel nav li.open {
    background-color: #585e67;
  }
  .hospdoit-theme .small-menu .sidebar-panel nav > ul > li > .sub-menu {
    background-color: #585e67;
  }
}
/* $scaffolding
 ------------------------------------------*/
::selection {
  background: #005CE3;
  color: white;
  text-shadow: none;
}
body,
html {
  margin: 0;
  padding: 0;
}
html {
  height: 100%;
  width: 100%;
}
.app {
  background: #f0f0f0;
  width: 100%;
  min-height: 100vh;
  position: relative;
}
body {
  min-height: 100%;
  overflow: visible;
  background: #e0e8f2;
  color: #616161;
  font-size: 11px;
  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 {
  border-radius: 2px;
}
.img-circle {
  border-radius: 50%;
}
ol {
  list-style-position: outside;
  list-style-type: decimal;
}
ul {
  list-style-position: outside;
  list-style-type: disc;
  line-height: 1.5;
}
ol.list-style-none,
ul.list-style-none {
  padding: 0;
  list-style: none;
}
.nav {
  padding: 0;
}
[ui-view].ng-leave {
  animation: fadeOut 0.4s;
}
[ui-view].ng-enter {
  animation: slideInUp 0.4s;
}
@media screen and (min-width: 768px) {
  .scroll {
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
  }
  .eq-col {
    position: absolute;
    top: 37px;
    bottom: 55px;
    left: 343px;
    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: #7a7a7a;
}
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;
}
.pre-wrap {
  white-space: pre-wrap;
}
/* $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;
  border-radius: 10px;
  line-height: 0.245;
  border-width: 2px;
  border-style: solid;
}
.header .status {
  top: 15px;
  right: 13px;
}
/* $preloader
 ------------------------------------------*/
@keyframes loading-bar {
  0% {
    width: 0;
  }
  33% {
    width: 100%;
  }
  66% {
    transform: translateX(0);
    width: 100%;
    transform-origin: right;
  }
  100% {
    transform: translateX(100%);
    transform-origin: right;
  }
}
.preloader {
  position: fixed;
  width: 100%;
  overflow: hidden;
  top: 0;
  z-index: 9999;
  height: 3px;
  background: rgba(46, 204, 113, 0.2);
}
.preloader::before {
  content: '';
  background-color: #2ECC71;
  display: block;
  width: 100%;
  height: 100%;
  animation: loading-bar 1.5s infinite;
  transition-delay: 400ms;
}
/* $quick-launch
  ------------------------------------------*/
.quick-launch-panel {
  display: table;
  position: absolute;
  z-index: 9999;
  width: 100%;
  height: 80px;
  transform: translate(0, -100%);
  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;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
  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;
  transform: translate(0, 80px);
  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 .info-panel {
  position: absolute!important;
}
/* $sidebar-panel
 ------------------------------------------*/
.sidebar-panel {
  position: fixed;
  height: 100%;
  overflow: hidden;
  transition: margin 300ms ease-in;
  font-size: 12px;
}
.sidebar-panel.hide-left {
  margin-left: -343px;
}
.sidebar-panel .nav-tabs {
  position: relative;
}
.sidebar-panel .nav-tabs > li.active > a,
.sidebar-panel .nav-tabs > li.active > a:hover,
.sidebar-panel .nav-tabs > li.active > a:focus {
  border: 0;
}
.sidebar-panel .nav-tabs > li > a {
  border: 0;
  border-radius: 0;
  font-size: 11px;
  white-space: nowrap;
}
.sidebar-panel .nav-tabs > li > a:hover,
.sidebar-panel .nav-tabs > li > a:focus {
  border: 0;
}
.sidebar-panel nav {
  position: absolute;
  top: 69px;
  bottom: 38px;
  width: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  transition: bottom 300ms ease-in;
}
.sidebar-panel nav ul {
  padding: 0;
  list-style: none;
}
.sidebar-panel nav ul > li > a {
  display: block;
  text-align: left;
  line-height: 1;
  transition: background 300ms, color 300ms;
}
.sidebar-panel nav ul > li > a > span {
  display: inline-block;
}
.sidebar-panel nav ul > li > a .fa {
  padding-right: 5px;
  font-size: 12px;
}
.sidebar-panel nav ul > li > a > span,
.sidebar-panel nav ul > li > a .fa {
  transition: margin-left 100ms;
}
.sidebar-panel nav li:hover > a > span {
  margin-left: 3px;
}
.sidebar-panel nav li ul li a {
  padding: 10px 25px 10px 34px;
}
.sidebar-panel nav li.menu-accordion > a::before {
  min-width: 15px;
  text-align: center;
  font-size: 12px;
  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 {
  transform: rotate(90deg);
}
.sidebar-panel nav li.open > a > span {
  margin-left: 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 10px;
}
.sidebar-panel nav > ul > li > ul {
  position: relative;
  padding: 0;
  margin: 0;
}
.sidebar-panel nav > ul > li ul {
  height: 0;
  overflow: hidden;
  display: block;
  width: auto;
}
.sidebar-panel nav > ul > li > .sub-menu > li > a + .sub-menu > li > a {
  padding-left: 75px;
}
.sidebar-panel nav > ul > li > .sub-menu > li > a + .sub-menu > li > a + .sub-menu > li > a {
  padding-left: 85px;
}
.sidebar-panel nav > ul > li > .sub-menu > li > a + .sub-menu > li > a + .sub-menu > li > a + .sub-menu > li > a {
  padding-left: 95px;
}
.sidebar-panel nav .open > ul {
  height: auto;
}
@media screen and (min-width: 768px) {
  .sidebar-panel {
    overflow: hidden;
    width: 343px;
    z-index: 1050;
  }
  .sidebar-panel nav > ul {
    width: 343px;
  }
  /* 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%;
    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;
  }
}
/* default sidebar skin */
.sidebar-panel .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  background-color: rgba(255, 255, 255, 0.5);
}
.tab-scroll {
  overflow: hidden;
}
.study-link-container {
  width: 100%;
  background-color: #ffc221;
  color: #202276;
  font-weight: bold;
}
.logout-btn {
  padding: 9px 13px 10px 13px;
}
.study-link {
  display: block;
  height: 37px;
  padding: 0;
}
.study-link .study-name {
  height: 37px;
  padding: 0 9px;
  vertical-align: middle;
  display: table-cell;
  line-height: 1.2em;
  word-break: break-all;
}
.options-container {
  position: fixed;
  bottom: 0;
  transition: bottom 300ms ease-in;
}
.sidebar-options {
  background: #51575f;
  padding: 5px 0;
  width: 343px;
  position: fixed;
}
.sidebar-options ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.sidebar-options ul li {
  color: #c9cbcd;
}
.sidebar-options ul li a {
  display: block;
  padding: 5px 25px;
}
.sidebar-options ul li a:hover,
.sidebar-options ul li a:active {
  color: #fff;
}
.sidebar-options.hide-left {
  margin-left: -343px;
}
/* $header
 ------------------------------------------*/
.main-panel > .header {
  width: 100%;
  height: 37px;
  z-index: 1020;
  border: 0;
  margin: 0;
  border-radius: 0;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
  /* Element alignments */
}
.main-panel > .header .navbar-text {
  margin-top: 9px;
  margin-bottom: 9px;
  margin-right: 15px;
  margin-left: 15px;
}
.main-panel > .header .navbar-btn {
  margin-top: 1.5px;
  margin-bottom: 1.5px;
}
.main-panel > .header .btn-lg.navbar-btn {
  margin-top: -4px;
  margin-bottom: -4px;
}
.main-panel > .header .btn-sm.navbar-btn {
  margin-top: 3.5px;
  margin-bottom: 3.5px;
}
.main-panel > .header .btn-xs.navbar-btn {
  margin-top: 7.5px;
  margin-bottom: 7.5px;
}
.main-panel > .header .navbar-nav {
  margin-left: 6px;
}
.main-panel > .header .navbar-nav > li > a {
  padding-top: 12.5px;
  padding-bottom: 12.5px;
  max-height: 37px;
  line-height: normal;
}
.main-panel > .header .navbar-nav .dropdown-menu {
  margin-top: 1px;
  padding: 0;
  border-color: rgba(0, 0, 0, 0.1);
  border-top: 0;
  background-color: white;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
  border-radius: 0;
}
.main-panel > .header .nav.breadcrumb {
  float: left;
  margin: 0 20px;
}
.main-panel > .header .nav.breadcrumb > li > a {
  display: inline-block;
  padding: 10px 0;
}
.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: 11px;
  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: #545454;
  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;
  float: left;
  color: #fff;
  text-align: center;
  font-size: 20px;
  line-height: 50px;
  width: 32px;
  height: 32px;
  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: 1.5px;
    margin-bottom: 1.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 .navbar-nav .open .dropdown-menu {
    position: absolute;
    left: auto;
    right: 0;
  }
  .main-panel > .header > .navbar-nav {
    float: left;
  }
  .main-panel > .header > .navbar-right {
    float: right;
  }
  .main-panel > .header > .nav > li {
    float: left;
  }
}
/* default header skin */
.main-panel > .header {
  background-color: 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 {
  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: 343px;
  height: 37px;
  display: block;
  clear: both;
  transition: bottom 300ms ease-in;
}
.brand .brand-logo {
  margin-top: 9px;
  margin-bottom: 9px;
  height: 19px;
  float: left;
  padding: 0 25px;
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
  -webkit-opacity: 0.9;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
  opacity: 0.9;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  filter: alpha(opacity=90);
}
.brand .toggle-sidebar {
  padding: 10px 20px;
  float: right;
}
@media (max-width: 767px) {
  .header .brand {
    text-align: center;
  }
  .header .brand .brand-logo {
    display: inline-block;
    float: none;
    margin-top: 2px;
  }
  .header .brand .toggle-offscreen,
  .header .brand .toggle-info {
    position: absolute;
    top: 0;
    border: 1px solid transparent;
    margin-top: -1.5px;
    margin-bottom: -1.5px;
    border-radius: 0;
  }
  .header .brand .toggle-offscreen {
    left: 0;
  }
  .header .brand .toggle-info {
    right: 0;
  }
}
/* $main-panel
 ------------------------------------------*/
.main-panel {
  background: #f0f0f0;
}
.main-panel::before,
.main-panel::after {
  content: " ";
  display: table;
}
.main-panel::after {
  clear: both;
}
.main-panel.full-width {
  margin-left: 0;
}
.main-panel > .main-content {
  margin-bottom: 55px;
}
.main-panel > .main-content::before,
.main-panel > .main-content::after {
  content: " ";
  display: table;
}
.main-panel > .main-content::after {
  clear: both;
}
.main-panel .row {
  margin-right: -7.5px;
  margin-left: -7.5px;
}
.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: 7.5px;
  padding-right: 7.5px;
}
.center-wrapper {
  display: table;
  width: 100%;
  min-height: 100vh;
  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: 343px;
  }
}
/* $footer
 ------------------------------------------*/
footer.content-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 55px;
  padding: 0 15px;
  border-top: 1px solid rgba(0, 0, 0, 0.07);
  font-size: 12px;
  z-index: 1000;
}
footer.content-footer::before,
footer.content-footer::after {
  content: " ";
  display: table;
}
footer.content-footer::after {
  clear: both;
}
footer.content-footer.full-width {
  padding-left: 20px;
}
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: #616161;
  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: #545454;
}
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;
}
/* $info-panel
 ------------------------------------------*/
.configuration-cog {
  width: 34px;
  height: 32px;
  position: absolute;
  left: -34px;
  line-height: 34px;
  font-size: 15px;
  text-align: center;
  background: #fff;
  box-shadow: 0 0 6px rgba(107, 107, 107, 0.2);
  border-bottom-left-radius: 2px;
  cursor: pointer;
}
.layout-info-panel-open .info-panel {
  transform: translate(0, 0);
  transform: translate3d(0, 0, 0);
}
.info-panel {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1052;
  width: 343px;
  background-color: rgba(255, 255, 255, 0.99);
  transition: transform 300ms cubic-bezier(0.7, 0, 0.3, 1);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 0 2px 0 rgba(0, 0, 0, 0.05);
  transform: translate(100%, 0);
  transform: translate3d(100%, 0, 0);
}
.info-panel .info-inner {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.info-panel .info-updates,
.info-panel .info-console {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  background-color: white;
}
.info-panel .info-header {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 37px;
}
.info-panel .info-header::before,
.info-panel .info-header::after {
  content: " ";
  display: table;
}
.info-panel .info-header::after {
  clear: both;
}
.info-panel .info-header .info-header-title {
  float: none;
  text-align: center;
  width: 100%;
  padding-top: 9px;
  padding-bottom: 9px;
}
.info-panel .info-header .info-header-title.text-left {
  text-align: left!important;
}
.info-panel .info-header .info-right,
.info-panel .info-header .info-back {
  padding-right: 15px;
  padding-left: 15px;
  padding-top: 7px;
  padding-bottom: 7px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  cursor: pointer;
}
.info-panel .info-header .info-right {
  position: absolute;
  right: 0;
  top: 0;
}
.info-panel .info-header .info-back {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 21px;
  line-height: 1;
  color: black;
  text-shadow: 0 1px 0 white;
  -moz-opacity: 0.2;
  -khtml-opacity: 0.2;
  -webkit-opacity: 0.2;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
  opacity: 0.2;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
  filter: alpha(opacity=20);
}
.info-panel .info-header .info-back:hover {
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  -webkit-opacity: 0.5;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  opacity: 0.5;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  filter: alpha(opacity=50);
}
.info-panel .info-updates .nav-tabs {
  background: #efefef;
}
.info-panel .info-updates .nav-tabs::before,
.info-panel .info-updates .nav-tabs::after {
  content: " ";
  display: table;
}
.info-panel .info-updates .nav-tabs::after {
  clear: both;
}
.info-panel .info-updates .nav-tabs li {
  position: relative;
}
.info-panel .info-updates .nav-tabs li::after {
  content: '';
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #e4e4e4;
  transition: background 300ms cubic-bezier(0.7, 0, 0.3, 1);
}
.info-panel .info-updates .nav-tabs li > a {
  border-radius: 0;
  border: 0;
}
.info-panel .info-updates .nav-tabs li.active::after,
.info-panel .info-updates .nav-tabs li.active:hover::after,
.info-panel .info-updates .nav-tabs li.active:focus::after,
.info-panel .info-updates .nav-tabs li:hover::after {
  background-color: #005CE3;
}
.info-panel .info-updates .nav-tabs li > a:hover,
.info-panel .info-updates .nav-tabs li > a:focus {
  border: 0;
  background: transparent;
}
.info-panel .info-updates .tab-content {
  position: absolute;
  top: 38px;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-x: hidden;
  overflow-y: auto;
}
.info-panel .activity-feed {
  list-style: none;
  padding: 15px;
}
.info-panel .activity-feed .feed-item {
  position: relative;
  padding-bottom: 20px;
  padding-left: 20px;
  border-left: 1px solid #e2e2e2;
}
.info-panel .activity-feed .feed-item:last-child {
  border-color: transparent;
}
.info-panel .activity-feed .feed-item::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -6px;
  width: 10px;
  height: 10px;
  border-radius: 6px;
  background: #fff;
  border: 1px solid #e2e2e2;
}
.info-panel .activity-feed .feed-item.active::after,
.info-panel .activity-feed .feed-item.inactive::after {
  font-family: 'FontAwesome';
  font-weight: normal;
  font-style: normal;
  color: white;
  left: -7px;
  width: 14px;
  height: 14px;
  border-radius: 8px;
  line-height: 12px;
  font-size: 8px;
  text-align: center;
}
.info-panel .activity-feed .feed-item.active::after {
  content: "\f00c";
  background: #2ECC71;
  border: 1px solid #2ECC71;
}
.info-panel .activity-feed .feed-item.inactive::after {
  content: "\f00d";
  background: #EE6055;
  border: 1px solid #EE6055;
}
.info-panel .activity-feed .feed-item time {
  display: block;
  position: relative;
  top: -5px;
  color: #999999;
}
.info-panel .activity-feed .feed-item span {
  position: relative;
  top: -3px;
}
.info-panel .activity-feed .feed-item .username {
  top: 0;
}
.info-panel .favourite-list a {
  position: relative;
  display: block;
  padding: 10px 15px;
  border-bottom: 1px solid #e4e4e4;
}
.info-panel.conversation-open .info-updates {
  transform: translate(100%, 0);
  transform: translate3d(100%, 0, 0);
}
.info-panel .info-group {
  margin-bottom: 15px;
}
.info-panel .info-group .info-group-header,
.info-panel .info-group a {
  display: block;
  position: relative;
  padding: 5px 15px;
}
.info-panel .info-group .info-group-header:hover,
.info-panel .info-group a:hover {
  color: #484848;
}
.info-panel .info-group .status-online,
.info-panel .info-group .status-away,
.info-panel .info-group .status-no-disturb,
.info-panel .info-group .status-invisible,
.info-panel .info-group .status-offline {
  margin-right: 5px;
  display: inline-block;
  background-color: #e2e2e2;
  width: 8px;
  height: 8px;
  border: 1px solid #e2e2e2;
  border-radius: 8px;
}
.info-panel .info-group .status-online {
  border-color: #2ECC71;
  background-color: #2ECC71;
}
.info-panel .info-group .status-away {
  border-color: #ffc65d;
  background-color: #ffc65d;
}
.info-panel .info-group .status-no-disturb {
  border-color: #EE6055;
  background-color: #EE6055;
}
.info-panel .info-group .status-invisible,
.info-panel .info-group .status-offline {
  border-color: #2ECC71;
  background-color: white;
}
.info-panel .info-console .info-console-content {
  position: absolute;
  top: 0;
  bottom: 37px;
  left: 0;
  right: 0;
  padding: 15px;
  overflow-x: hidden;
  overflow-y: auto;
}
.info-panel .info-console .info-console-footer {
  background: #fff;
  position: absolute;
  bottom: 0;
  width: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0.07);
}
.info-panel .info-console .console-input-container {
  min-width: 111px;
}
.info-panel .info-console .console-input-container > form {
  padding-left: 34px;
  padding-right: 43px;
}
.info-panel .info-console .info-console-user {
  margin-bottom: 20px;
  float: left;
  width: 100%;
}
.info-panel .info-console .info-console-message {
  position: relative;
  margin-left: 6px;
  padding: 10px 15px;
  background-color: #e2e2e2;
  float: left;
  border-radius: 2px;
}
.info-panel .info-console .info-input {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-size: 10px;
  outline: none;
  resize: none;
  overflow: hidden;
  padding: 10px 0;
  margin-top: 7.5px;
  margin-bottom: 7.5px;
  display: block;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  position: relative;
  float: left;
  width: 100%;
}
.info-panel .info-console .info-input-tool {
  position: relative;
  float: left;
  width: 28px;
  right: 34px;
  margin-left: -100%;
  outline: none;
  background: transparent;
  border: none;
  padding: 10px 8px 10px 15px;
  margin-top: 7px;
  margin-bottom: 7px;
  color: inherit;
}
.info-panel .info-console .info-send {
  outline: none;
  background: transparent;
  border: none;
  position: relative;
  overflow: hidden;
  padding: 10px 5px;
  margin-top: 7px;
  margin-bottom: 7px;
  float: left;
  width: 21px;
  margin-right: 0;
  margin-left: -21px;
}
.info-panel .info-console .info-send > i {
  position: relative;
}
.info-panel .info-console .info-delete {
  outline: none;
  background: transparent;
  border: none;
  position: relative;
  overflow: hidden;
  padding: 10px 5px;
  margin-top: 7px;
  margin-bottom: 7px;
  float: left;
  width: 21px;
  margin-right: -33px;
  margin-left: 7px;
}
.info-panel .info-console p {
  margin: 0;
}
.info-panel .info-console pre.user-input {
  background-color: #fff;
  border: 0;
  font-weight: bold;
  padding: 5px;
}
.info-panel .info-console pre.user-input::before {
  content: "> ";
}
@media (max-width: 767px) {
  .layout-info-panel-open {
    overflow: hidden;
    height: 100%;
  }
  .info-panel {
    width: 100%;
  }
}
/* $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;
}
.header li .hamburger-icon {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}
/* $offscreen-menu
 ------------------------------------------*/
@media (max-width: 767px) {
  * {
    -webkit-overflow-scrolling: touch;
  }
  .main-panel {
    position: relative;
    min-height: 100%;
  }
  .main-panel,
  .brand {
    width: 100%;
  }
  .main-panel,
  .sidebar-panel {
    transition: transform 300ms cubic-bezier(0.7, 0, 0.3, 1);
  }
  .offscreen .main-panel {
    overflow: hidden;
    position: fixed;
  }
  .offscreen footer.content-footer {
    display: none;
  }
  .sidebar-panel {
    z-index: 9999;
    transform: translate(-100%, 0);
    transform: translate3d(-100%, 0, 0);
  }
  .offscreen .sidebar-panel {
    transform: translate(0, 0);
    transform: translate3d(0, 0, 0);
  }
  .app .offscreen-left,
  .app .offscreen-right {
    width: 75%;
  }
  .app .offscreen-right,
  .app.layout-right-sidebar .sidebar-panel {
    right: 0;
  }
  .move-left .main-panel {
    transform: translate(75%, 0);
    transform: translate3d(75%, 0, 0);
  }
  .move-left .sidebar-panel {
    transform: translate(0, 0);
    transform: translate3d(0, 0, 0);
  }
  .move-right .main-panel {
    transform: translate(-75%, 0);
    transform: translate3d(-75%, 0, 0);
  }
  .move-right .sidebar-panel nav {
    transform: translate(0, 0);
    transform: translate3d(0, 0, 0);
  }
  .no-csstransforms .move-right .main-panel {
    right: 75%;
  }
  .no-csstransforms .move-left .main-panel {
    left: 75%;
  }
}
/* $widget
 ------------------------------------------*/
.widget {
  position: relative;
  margin-bottom: 15px;
  display: table;
  width: 100%;
  padding: 15px;
  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;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
  opacity: 0.2;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
  filter: alpha(opacity=20);
  transform: rotate(-5deg);
}
.widget .widget-details {
  display: table-cell;
  vertical-align: middle;
}
.widget .widget-title {
  display: block;
  font-size: 20px;
  line-height: 1;
  color: #484848;
}
.widget .widget-subtitle {
  font-size: 12px;
  color: #7a7a7a;
}
.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: #616161;
  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;
  border-radius: 1px;
}
.widget-chart::before,
.widget-chart::after {
  content: " ";
  display: table;
}
.widget-chart::after {
  clear: both;
}
/* $accordion
 ------------------------------------------*/
.accordion .panel {
  border: 1px solid #f1f1f1;
  border-radius: 4px;
}
.accordion .panel-heading {
  background-color: white!important;
  border-radius: 4px;
}
.accordion .panel-heading a {
  color: #616161;
  position: relative;
  display: block;
}
.accordion .panel-body {
  border-top: 0!important;
}
/* $layout-options
 ------------------------------------------*/
/* Fixed header */
.layout-fixed-header .main-panel > .header {
  position: fixed;
  top: 0;
}
.layout-fixed-header .main-content.no-padding {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
@media screen and (min-width: 768px) {
  /* Right sidebar positioning */
  .layout-right-sidebar .sidebar-panel {
    right: 0;
  }
  .layout-right-sidebar .main-panel {
    margin-left: 0;
    margin-right: 343px;
  }
  .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: 343px;
  }
  .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: 37px;
    bottom: 55px;
  }
  .layout-static-sidebar.layout-fixed-header .full-height-content,
  .layout-boxed.layout-fixed-header .full-height-content {
    margin-top: 37px;
  }
  .layout-static-sidebar .main-panel,
  .layout-boxed .main-panel {
    min-height: 1020px;
  }
  /* Fixed header */
  .layout-fixed-header .main-panel > .header {
    padding-left: 343px;
    margin-left: -343px;
  }
  .layout-fixed-header.layout-small-menu .main-panel > .header {
    padding-left: 70px;
    margin-left: -70px;
  }
  .layout-fixed-header .full-height-content {
    top: 37px;
  }
  .layout-fixed-header.layout-right-sidebar .main-panel > .header {
    padding-left: 0;
    padding-right: 343px;
    margin-left: 0;
    margin-right: -343px;
  }
  .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: 343px;
    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: 37px;
  }
  /* Footer */
  footer.content-footer {
    padding-left: 358px;
  }
  .layout-small-menu footer.content-footer {
    padding-left: 85px;
  }
  .layout-right-sidebar footer.content-footer {
    padding-left: 0;
    padding-right: 358px;
  }
  .layout-small-menu.layout-right-sidebar footer.content-footer {
    padding-left: 0;
    padding-right: 85px;
  }
  .layout-fixed-footer footer.content-footer {
    position: fixed;
    bottom: 0;
    background: #f0f0f0;
    padding-left: 343px;
  }
  .layout-fixed-footer.layout-small-menu footer.content-footer {
    padding-left: 85px;
  }
  .layout-fixed-footer.layout-right-sidebar footer.content-footer {
    padding-left: 0;
    padding-right: 358px;
  }
  .layout-fixed-footer.layout-right-sidebar.layout-small-menu footer.content-footer {
    padding-left: 0;
    padding-right: 85px;
  }
}
/* Right sidebar-panel */
.layout-right-sidebar .info-panel {
  right: auto;
  left: 0;
  transform: translate(-100%, 0);
  transform: translate3d(-100%, 0, 0);
}
.layout-info-panel-open .info-panel {
  transform: translate(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-info {
    left: 0;
    right: auto;
  }
}
/* Boxed layout widths */
.layout-boxed {
  margin-right: auto;
  margin-left: auto;
}
.layout-boxed .info-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 {
  box-shadow: #e4e4e4 0px 0px 0px 0px inset;
  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;
  border-radius: 20px;
  -webkit-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;
  transition: all ease 0.2s;
}
.switch span i::before {
  display: block;
  content: '';
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background: white;
}
.switch :disabled + span i::before {
  background-color: #efefef;
}
.switch :checked + span {
  border-color: #2ECC71;
  box-shadow: #2ECC71 0px 0px 0px 21px inset;
  transition: border 300ms, box-shadow 300ms, background-color 1.2s;
  background-color: #2ECC71;
}
.switch :checked + span i {
  padding-right: 0;
  padding-left: 20px;
}
.switch.switch-sm {
  width: 33px;
  height: 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;
  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 {
  border-radius: 2px;
}
.switch.switch-primary :checked + span {
  border-color: #005CE3;
  box-shadow: #005CE3 0px 0px 0px 21px inset;
  background-color: #005CE3;
}
.switch.switch-warning :checked + span {
  border-color: #ffc65d;
  box-shadow: #ffc65d 0px 0px 0px 21px inset;
  background-color: #ffc65d;
}
.switch.switch-danger :checked + span {
  border-color: #EE6055;
  box-shadow: #EE6055 0px 0px 0px 21px inset;
  background-color: #EE6055;
}
.switch.switch-info :checked + span {
  border-color: #36C7ED;
  box-shadow: #36C7ED 0px 0px 0px 21px inset;
  background-color: #36C7ED;
}
.switch.switch-dark :checked + span {
  border-color: #4C5064;
  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;
  }
}
#import-log-wrapper {
  max-height: 440px;
}
#import-log-wrapper .well {
  max-height: 150px;
  overflow-y: auto;
}
#import-log-wrapper .k-grid {
  font-size: .8em;
}
#import-log-wrapper .k-grid .k-grid-footer {
  height: 0;
  display: none;
}
#importLogGrid {
  border: none;
}
#importLogGrid td,
#importLogGrid th {
  border-style: dotted;
  border-left: none;
  border-right: none;
}
#importLogGrid .k-header {
  background: none;
  text-align: right;
}
#importLogGrid .k-grid-content {
  max-height: 167px;
}
#importLogGrid .k-virtual-scrollable-wrap tr {
  height: 1em;
}
#importLogGrid .bg-error,
#importLogGrid .bg-error font {
  color: white !important;
  background-color: #EE6055;
}
a#importLogGrid .bg-error:hover,
a#importLogGrid .bg-error font:hover {
  background-color: #e93527;
}
#importLogGrid .bg-warning {
  color: #000;
}
.check-grid.k-grid {
  font-size: 0.8em;
}
@font-face {
  font-family: 'kendouiglyphsregular';
  src: url('kendouiglyphs-webfont.woff2') format('woff2'), url('kendouiglyphs-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
/**
 * COINS-Farbschema nach CI
 *
 * Rot:             #e2866d
 * Grün 1 (Logo):   #c6d0af
 * Grün 2:          #C1CB8E
 * Grün 3:          #e9eed7
 * Blau 1:          #5da6c0
 * Blau 2 (Logo):   #0291CB
 * Lila (Logo):     #312972
 */
.help-window-container {
  padding: 0 30px;
  font-family: "Droid Sans", Arial, sans-serif;
  font-size: 14px;
}
.help-window-container table.coins-resource-table {
  /*border: 1px dotted;*/
  font-size: 12px;
}
.help-window-container div.coins-xlsx-export {
  background-color: rgba(93, 166, 192, 0.5);
  /*border-radius: 3px;*/
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.5);
  padding: 10px;
  min-height: 50px;
}
.help-window-container .coins-xlsx-export-description {
  display: block;
  float: left;
  padding: 10px;
}
.help-window-container .coins-xlsx-export span.k-font-icon {
  display: block;
  float: left;
  width: 30px;
  font-size: 36px;
  padding: 10px;
}
.help-window-container .alert-message .admonition-title {
  font-weight: bold;
}
.help-window-container .alert-message {
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.5);
  padding: 1em;
  margin: 1em 0;
}
.help-window-container .alert-message.info {
  background-color: #c1cb8e;
  min-height: 50px;
}
.help-window-container .alert-message.warning {
  background-color: #c1cb8e;
  min-height: 50px;
}
.help-window-container a.reference {
  font-weight: bold;
  color: #00a8e4;
  border-bottom: 1px dotted #33659e;
}
.help-window-container div[class^="admonition-"] {
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.5);
  padding: 1em;
  margin: 1em 0;
  background: #d4deaf;
}
.dropzone-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
  background: rgba(0, 0, 0, 0.333);
  color: #fff;
  text-align: center;
  padding-top: 10%;
  font-size: 10em;
  pointer-events: none;
}
#form-step-container {
  margin-top: -20px !important;
}
.step-indicator {
  display: inline-block;
  box-sizing: border-box;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  padding: 15px;
  margin: 15px;
  color: #fff;
  background: #2ECC71;
}
.step-indicator.disabled {
  opacity: 0.3;
}
/* $alerts
 ------------------------------------------*/
.alert {
  padding: 10px 15px;
  border-radius: 0;
}
.alert-dismissable .close {
  right: 0;
}
.alert-success {
  background-color: #a8ebc4;
  border-color: #9be8bc;
  color: #1b7943;
}
.alert-success hr {
  border-top-color: #86e4ae;
}
.alert-success .alert-link {
  color: #124f2c;
}
.alert-info {
  background-color: #c2eefa;
  border-color: #b4eaf8;
  color: #108dad;
}
.alert-info hr {
  border-top-color: #9de4f6;
}
.alert-info .alert-link {
  color: #0b677f;
}
.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: #fce2e0;
  border-color: #fbd5d2;
  color: #c92114;
}
.alert-danger hr {
  border-top-color: #f8bfbb;
}
.alert-danger .alert-link {
  color: #9b190f;
}
/* $badge
 ------------------------------------------*/
.badge {
  line-height: 15px;
}
/* $breadcrumbs
 ------------------------------------------*/
.breadcrumb {
  background-color: white;
  border-radius: 2px;
}
.breadcrumb > li + li::before {
  padding: 0 5px;
  content: "\f105\00a0";
  font-family: FontAwesome;
}
/* $buttons
 ------------------------------------------*/
.btn {
  padding-right: 15px;
  padding-left: 15px;
  outline: 0;
  font-size: 11px;
  border-radius: 2px;
  transition: all 300ms linear;
  line-height: 16px;
  position: relative;
  z-index: 1;
  -webkit-backface-visibility: hidden;
}
.btn::before {
  border-radius: 2px;
}
.btn:focus,
.btn:active,
.btn.active,
.btn:active:focus,
.btn.active:focus {
  outline: 0;
}
.btn:active,
.btn.active,
.btn-group.open .dropdown-toggle {
  box-shadow: none;
}
.btn:active::before,
.btn.active::before,
.btn-group.open .dropdown-toggle::before {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 11px 16px;
  font-size: 13.2px;
  line-height: 1.7;
  border-radius: 4px;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 11px;
  line-height: 1.5;
  border-radius: 2px;
}
.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 11px;
  line-height: 1.5;
}
/* Rounded button styles */
.btn-round,
.btn-round a,
.btn-round .btn,
.input-round {
  border-radius: 40px;
}
.btn-round::before,
.btn-round a::before,
.btn-round .btn::before,
.input-round::before {
  border-radius: 40px !important;
}
.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: #616161;
  background-color: white;
  border-color: rgba(0, 0, 0, 0.13);
}
.btn-default:visited {
  color: #616161;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #616161;
  background-color: #e6e6e6;
  border-color: rgba(0, 0, 0, 0.13);
}
.btn-default,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
  border-color: rgba(0, 0, 0, 0.13);
}
.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: #616161;
}
.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: #616161;
}
.btn-default.btn-outline {
  color: #616161;
}
/* Primary Button Style */
.btn-primary {
  color: white;
  background-color: #005CE3;
  border-color: #005CE3;
}
.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: #0047b0;
  border-color: #0047b0;
}
.btn-primary,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
  border-color: #005CE3;
}
.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: #005CE3;
  border-color: #005CE3;
}
.btn-primary .badge {
  color: #005CE3;
  background-color: white;
}
.btn-primary.btn-outline {
  background-color: transparent;
  background-image: none;
  border-color: #005CE3;
  color: #005CE3;
}
.btn-primary.btn-outline:hover,
.btn-primary.btn-outline:focus,
.btn-primary.btn-outline:active,
.btn-primary.btn-outline.active {
  background-color: #005CE3;
  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: #ffb42a;
  border-color: #ffb42a;
}
.btn-warning,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
  border-color: #ffc65d;
}
.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: #2ECC71;
  border-color: #2ECC71;
}
.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: #25a25a;
  border-color: #25a25a;
}
.btn-success,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
  border-color: #2ECC71;
}
.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: #2ECC71;
  border-color: #2ECC71;
}
.btn-success .badge {
  color: #2ECC71;
  background-color: white;
}
.btn-success.btn-outline {
  background-color: transparent;
  background-image: none;
  border-color: #2ECC71;
  color: #2ECC71;
}
.btn-success.btn-outline:hover,
.btn-success.btn-outline:focus,
.btn-success.btn-outline:active,
.btn-success.btn-outline.active {
  background-color: #2ECC71;
  color: white;
}
/* Info Button Style */
.btn-info {
  color: white;
  background-color: #36C7ED;
  border-color: #36C7ED;
}
.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: #14b3dc;
  border-color: #14b3dc;
}
.btn-info,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
  border-color: #36C7ED;
}
.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: #36C7ED;
  border-color: #36C7ED;
}
.btn-info .badge {
  color: #36C7ED;
  background-color: white;
}
.btn-info.btn-outline {
  background-color: transparent;
  background-image: none;
  border-color: #36C7ED;
  color: #36C7ED;
}
.btn-info.btn-outline:hover,
.btn-info.btn-outline:focus,
.btn-info.btn-outline:active,
.btn-info.btn-outline.active {
  background-color: #36C7ED;
  color: white;
}
/* Danger Button Style */
.btn-danger {
  color: white;
  background-color: #EE6055;
  border-color: #EE6055;
}
.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: #e93527;
  border-color: #e93527;
}
.btn-danger,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
  border-color: #EE6055;
}
.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: #EE6055;
  border-color: #EE6055;
}
.btn-danger .badge {
  color: #EE6055;
  background-color: white;
}
.btn-danger.btn-outline {
  background-color: transparent;
  background-image: none;
  border-color: #EE6055;
  color: #EE6055;
}
.btn-danger.btn-outline:hover,
.btn-danger.btn-outline:focus,
.btn-danger.btn-outline:active,
.btn-danger.btn-outline.active {
  background-color: #EE6055;
  color: white;
}
.close {
  font-weight: 400;
}
.btn.text-left {
  text-align: left;
}
.btn.text-right {
  text-align: right;
}
/* File upload button */
.btn > input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  cursor: pointer;
}
/* $code
 ------------------------------------------*/
pre {
  -webkit-overflow-scrolling: touch;
  padding: 10px;
  border-color: #e4e4e4;
  color: #616161;
  white-space: nowrap;
  font-size: 11px;
  border-radius: 0;
}
/* $dropdown
 ------------------------------------------*/
.dropdown-menu {
  border-color: #e4e4e4;
  border-radius: 2px;
  box-shadow: none;
  transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
  padding: 0;
  z-index: 1053;
}
.dropdown-menu > li > a {
  padding: 10px 15px 8px;
  color: #616161;
  font-size: 11px;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 7px 0;
  overflow: hidden;
  background-color: #d7d7d7;
}
.open .dropdown-menu {
  visibility: visible;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  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 > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-color: #f8f8f8;
  color: #616161;
}
/* $forms
 ------------------------------------------*/
label {
  font-weight: 500;
}
textarea {
  resize: vertical;
  color: #333;
}
.no-resize {
  resize: none;
}
.form-control:-moz-placeholder {
  color: #878787;
  font-size: 12px;
}
.form-control::-moz-placeholder {
  color: #878787;
  font-size: 12px;
}
.form-control:-ms-input-placeholder {
  color: #878787;
  font-size: 12px;
}
.form-control::-webkit-input-placeholder {
  color: #878787;
  font-size: 12px;
}
.placeholder {
  color: #878787;
}
.form-control {
  border-color: #e4e4e4;
  font-weight: 400;
  font-size: 11px;
  -webkit-font-smoothing: antialiased;
  border-radius: 2px;
  transition: border 300ms linear;
  box-shadow: none;
}
.form-control:focus {
  border-color: #217bff;
  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: #2ECC71;
}
.has-success .form-control {
  border-color: #2ECC71;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
  border-color: #25a25a;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ee2a8;
}
.has-success .input-group-addon {
  color: #fff;
  border-color: #2ECC71;
  background-color: #2ECC71;
}
.has-success .form-control-feedback {
  color: #2ECC71;
}
.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;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
  border-color: #ffb42a;
  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: #EE6055;
}
.has-error .form-control {
  border-color: #EE6055;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
  border-color: #e93527;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f7b7b2;
}
.has-error .input-group-addon {
  color: #fff;
  border-color: #EE6055;
  background-color: #EE6055;
}
.has-error .form-control-feedback {
  color: #EE6055;
}
.spinner .form-control {
  text-align: center;
}
/* $input-groups
 ------------------------------------------*/
.input-group-addon {
  font-size: 11px;
  color: #616161;
  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 {
  border-radius: 4px;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  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 {
  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 {
  border-radius: 1px;
  padding: .2em 10px .3em;
}
.label-default {
  background-color: #e2e2e2;
  color: #616161;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #c9c9c9;
}
.label-primary {
  background-color: #005CE3;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #0047b0;
}
.label-success {
  background-color: #2ECC71;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #25a25a;
}
.label-info {
  background-color: #36C7ED;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #14b3dc;
}
.label-warning {
  background-color: #ffc65d;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ffb42a;
}
.label-danger {
  background-color: #EE6055;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #e93527;
}
/* $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: #1b7943;
  background-color: #a8ebc4;
}
a.list-group-item-success {
  color: #1b7943;
}
a.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:hover,
a.list-group-item-success:focus {
  color: #1b7943;
  background-color: #93e7b6;
}
a.list-group-item-success.active,
a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus {
  color: #fff;
  background-color: #1b7943;
  border-color: #1b7943;
}
.list-group-item-info {
  color: #108dad;
  background-color: #c2eefa;
}
a.list-group-item-info {
  color: #108dad;
}
a.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:hover,
a.list-group-item-info:focus {
  color: #108dad;
  background-color: #abe8f7;
}
a.list-group-item-info.active,
a.list-group-item-info.active:hover,
a.list-group-item-info.active:focus {
  color: #fff;
  background-color: #108dad;
  border-color: #108dad;
}
.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: #c92114;
  background-color: #fce2e0;
}
a.list-group-item-danger {
  color: #c92114;
}
a.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:hover,
a.list-group-item-danger:focus {
  color: #c92114;
  background-color: #faccc9;
}
a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #c92114;
  border-color: #c92114;
}
/* $modal
 ------------------------------------------*/
.modal {
  z-index: 2020;
  background: black;
  background: rgba(0, 0, 0, 0.4);
}
.modal-content {
  box-shadow: none;
  border-radius: 4px;
}
.modal .modal-dialog,
.modal.in .modal-dialog {
  animation-duration: 800ms;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}
.modal .modal-dialog {
  animation-name: animation-close;
  animation-duration: 300ms;
  animation-timing-function: ease-out;
  transform: translate(0, 0);
}
.modal.in .modal-dialog {
  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: #005CE3;
  color: #fff;
}
/* Pills */
.nav-pills > li > a {
  border-radius: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  background-color: #005CE3;
  color: white;
}
/* Tabs */
.nav-tabs {
  border: 0;
  background: transparent;
}
.nav-tabs > li {
  margin: 0;
}
.nav-tabs > li > a {
  margin: 0;
  border: 0;
  padding: 8px 15px;
}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
  border-color: transparent;
  background-color: transparent;
  color: #404040;
}
.nav-tabs > li > a .close-btn {
  opacity: 0.5;
}
.nav-tabs > li > a .close-btn:hover {
  opacity: 1;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  border: 0;
  background-color: transparent;
}
.nav-tabs.resource-tabs > li > a {
  background: #e6e6e6;
  border-radius: 3px 3px 0 0;
  border-right: 1px solid #f0f0f0;
}
.nav-tabs.resource-tabs > li > a:hover,
.nav-tabs.resource-tabs > li > a:focus {
  background: #dedede;
}
.nav-tabs.resource-tabs > li.active > a,
.nav-tabs.resource-tabs > li.active > a:hover,
.nav-tabs.resource-tabs > li.active > a:focus {
  border-right: 1px solid #f0f0f0;
  background-color: white;
}
.nav-tabs.resource-tabs .expand-sidebar-btn {
  border-radius: 0;
}
.nav-tabs.resource-tabs .close-all-tabs {
  background: none;
  opacity: 0.5;
  padding: 8px 10px;
}
.nav-tabs.resource-tabs .close-all-tabs:hover {
  background: none;
  color: #EE6055;
  opacity: 1;
}
.nav-tabs.resource-tabs .close-all-tabs:hover::after {
  content: 'Alle schließen';
}
.nav-tabs.resource-tabs .close-all-tabs::after {
  content: '';
}
.nav-tabs.nav-justified > li {
  display: table-cell;
  width: 1%;
}
.nav-tabs.nav-justified > li > a {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .nav-justified-xs .nav > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified-xs .nav > li > a {
    margin-bottom: 0;
  }
}
/* Custom tab */
.box-tab.left .nav-tabs {
  bottom: auto;
  right: -1px;
  float: left;
}
.box-tab.left .nav-tabs li {
  float: none;
  text-align: left;
}
.box-tab.left .nav-tabs li a::before {
  transform: perspective(900px) rotate3d(0, 1, 0, 90deg);
  transform-origin: 100% 100%;
  perspective-origin: 100% 100%;
}
.box-tab.left .nav-tabs li.active a::before {
  transform: perspective(900px) rotate3d(0, 1, 0, 0deg);
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.box-tab.left .tab-content {
  overflow: hidden;
}
.box-tab.right .nav-tabs {
  bottom: auto;
  left: -1px;
  float: right;
}
.box-tab.right .nav-tabs li {
  float: none;
  text-align: left;
}
.box-tab.right .nav-tabs li a::before {
  transform: perspective(900px) rotate3d(0, 1, 0, 90deg);
  transform-origin: -100% 100%;
  perspective-origin: -100% 100%;
}
.box-tab.right .nav-tabs li.active a::before {
  transform: perspective(900px) rotate3d(0, 1, 0, 0deg);
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.box-tab.right .tab-content {
  overflow: hidden;
}
.box-tab .nav-tabs {
  position: relative;
  margin: 0 auto;
  padding: 0;
}
.box-tab .nav-tabs li {
  position: relative;
  display: block;
  margin: 0;
  text-align: center;
  z-index: 1;
}
.box-tab .nav-tabs li:not(:last-child) {
  border-right: none;
}
.box-tab .nav-tabs li a {
  position: relative;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 0;
  overflow: hidden;
}
.box-tab .nav-tabs li a::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: #f0f0f0;
  content: '';
  transition: transform 300ms, background-color 300ms;
  transform: perspective(900px) rotate3d(1, 0, 0, 90deg);
  transform-origin: 50% 100%;
  perspective-origin: 50% 100%;
}
.box-tab .nav-tabs li a:hover {
  color: #4d4d4d;
}
.box-tab .nav-tabs li.active a,
.box-tab .nav-tabs li.active a:hover {
  color: #616161;
}
.box-tab .nav-tabs li.active a::before {
  background-color: white;
  transform: perspective(900px) rotate3d(1, 0, 0, 0deg);
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.box-tab .nav-tabs.nav-justified > li > a,
.box-tab .nav-tabs.nav-justified > .active > a,
.box-tab .nav-tabs.nav-justified > .active > a:focus,
.box-tab .nav-tabs.nav-justified > .active > a:hover {
  border: 0;
}
.box-tab .tab-content {
  overflow: hidden;
  padding: 15px;
  background-color: #fff;
}
.box-tab.justified .nav-tabs li {
  display: table-cell;
  float: none;
  width: 1%;
  vertical-align: top;
  text-align: center;
}
/* $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: #005CE3;
  background-color: #005CE3;
  color: white;
}
.pager.pager-square li > a,
.pager.pager-square li > span {
  border-radius: 0;
}
/* $panel
 ------------------------------------------*/
.panel {
  border-radius: 0;
  box-shadow: none;
  border-width: 0;
  position: relative;
  margin-bottom: 15px;
}
.panel.panel-bordered {
  border-width: 1px;
}
.panel.panel-bordered .panel-heading {
  border-radius: 0;
}
.panel-heading {
  position: relative;
  border-color: transparent;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  padding: 15px;
}
.panel-heading::before,
.panel-heading::after {
  content: " ";
  display: table;
}
.panel-heading::after {
  clear: both;
}
.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-heading > .dropdown .dropdown-toggle {
  color: white;
}
.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: #616161;
  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: #616161;
}
.panel-default > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #e2e2e2;
}
.panel-primary {
  border-color: #005CE3;
}
.panel-primary > .panel-heading {
  color: white;
  background-color: #005CE3;
  border-color: #005CE3;
}
.panel-primary > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #005CE3;
}
.panel-primary > .panel-heading .badge {
  color: #005CE3;
  background-color: white;
}
.panel-primary > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #005CE3;
}
.panel-success {
  border-color: #2ECC71;
}
.panel-success > .panel-heading {
  color: white;
  background-color: #2ECC71;
  border-color: #2ECC71;
}
.panel-success > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #2ECC71;
}
.panel-success > .panel-heading .badge {
  color: #2ECC71;
  background-color: white;
}
.panel-success > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #2ECC71;
}
.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: #EE6055;
}
.panel-danger > .panel-heading {
  color: white;
  background-color: #EE6055;
  border-color: #EE6055;
}
.panel-danger > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #EE6055;
}
.panel-danger > .panel-heading .badge {
  color: #EE6055;
  background-color: white;
}
.panel-danger > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #EE6055;
}
.panel-info {
  border-color: #36C7ED;
}
.panel-info > .panel-heading {
  color: white;
  background-color: #36C7ED;
  border-color: #36C7ED;
}
.panel-info > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #36C7ED;
}
.panel-info > .panel-heading .badge {
  color: #36C7ED;
  background-color: white;
}
.panel-info > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #36C7ED;
}
.accordion-toggle {
  font-size: 11px;
}
.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;
  transform: rotate(45deg);
}
.panel-collapsed [data-toggle=panel-collapse] .panel-icon-chevron,
.panel-collapsed .panel-collapse .panel-icon-chevron {
  display: block;
  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 {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  font-family: inherit;
  font-size: inherit;
  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;
  height: 5px;
  background-color: #D0DBEC;
  box-shadow: none;
  border-radius: 0;
}
.panel-heading > .progress {
  margin: 10px 0 0;
}
.progress-bar {
  background-color: #005CE3;
  box-shadow: none;
}
.progress-bar-success {
  background-color: #2ECC71;
}
.progress-striped .progress-bar-success {
  background-image: linear-gradient(45deg, #2ECC71 25%, transparent 25%, transparent 50%, #2ECC71 50%, #2ECC71 75%, transparent 75%, transparent);
}
.progress-bar-info {
  background-color: #36C7ED;
}
.progress-striped .progress-bar-info {
  background-image: linear-gradient(45deg, #36C7ED 25%, transparent 25%, transparent 50%, #36C7ED 50%, #36C7ED 75%, transparent 75%, transparent);
}
.progress-bar-warning {
  background-color: #ffc65d;
}
.progress-striped .progress-bar-warning {
  background-image: linear-gradient(45deg, #ffc65d 25%, transparent 25%, transparent 50%, #ffc65d 50%, #ffc65d 75%, transparent 75%, transparent);
}
.progress-bar-danger {
  background-color: #EE6055;
}
.progress-striped .progress-bar-danger {
  background-image: linear-gradient(45deg, #EE6055 25%, transparent 25%, transparent 50%, #EE6055 50%, #EE6055 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;
}
@media (max-width: 767px) {
  .table-responsive {
    overflow-x: auto;
    border-color: #e4e4e4;
    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);
  }
}
/* $tooltip
 ------------------------------------------*/
.tooltip-inner {
  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;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
}
/* $colors
 ------------------------------------------*/
/* Color Variant: Primary */
.bg-primary {
  color: white;
  background-color: #005CE3;
}
a.bg-primary:hover {
  background-color: #0047b0;
}
.bg-primary-dark {
  color: white;
  background-color: #0052ca;
}
a.bg-primary-dark:hover {
  background-color: #003d96;
}
.bg-primary-light {
  color: white;
  background-color: #0066fc;
}
a.bg-primary-light:hover {
  background-color: #0052c9;
}
/* 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: #2ECC71;
}
a.bg-success:hover {
  background-color: #25a25a;
}
.bg-success-dark {
  color: white;
  background-color: #29b765;
}
a.bg-success-dark:hover {
  background-color: #208e4e;
}
.bg-success-light {
  color: white;
  background-color: #40d47e;
}
a.bg-success-light:hover {
  background-color: #29b765;
}
/* Color Variant: Info */
.bg-info {
  color: white;
  background-color: #36C7ED;
}
a.bg-info:hover {
  background-color: #14b3dc;
}
.bg-info-dark {
  color: white;
  background-color: #1fc0eb;
}
a.bg-info-dark:hover {
  background-color: #12a0c5;
}
.bg-info-light {
  color: white;
  background-color: #4dceef;
}
a.bg-info-light:hover {
  background-color: #1fc0eb;
}
/* Color Variant: Danger */
.bg-danger {
  color: white;
  background-color: #EE6055;
}
a.bg-danger:hover {
  background-color: #e93527;
}
.bg-danger-dark {
  color: white;
  background-color: #ec4a3e;
}
a.bg-danger-dark:hover {
  background-color: #e02516;
}
.bg-danger-light {
  color: white;
  background-color: #f0766c;
}
a.bg-danger-light:hover {
  background-color: #ec4a3e;
}
/* Color Variant: White */
.bg-white {
  color: #616161;
  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;
}
/* $TextColor */
.text-primary {
  color: #005CE3;
}
a.text-primary:hover {
  color: #0047b0;
}
.text-default {
  color: #e2e2e2;
}
a.text-default:hover {
  color: #c9c9c9;
}
.text-warning {
  color: #ffc65d;
}
a.text-warning:hover {
  color: #ffb42a;
}
.text-success {
  color: #2ECC71;
}
a.text-success:hover {
  color: #25a25a;
}
.text-info {
  color: #36C7ED;
}
a.text-info:hover {
  color: #14b3dc;
}
.text-white {
  color: white;
}
a.text-white:hover {
  color: #e6e6e6;
}
.text-danger {
  color: #EE6055;
}
a.text-danger:hover {
  color: #e93527;
}
.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: #d5d5d5;
  background-color: #f5f5f5;
  box-shadow: none;
  border-radius: 2px;
}
.well-lg {
  border-radius: 4px;
}
.well-sm {
  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 {
  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;
  box-shadow: none;
}
.form-layout .form-control:focus {
  z-index: 2;
}
.form-layout input {
  margin-bottom: 10px;
}
.form-layout input:focus {
  border-color: #d7d7d7;
  box-shadow: none;
}
.form-layout .btn-lg {
  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;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
  opacity: 0.6;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  filter: alpha(opacity=60);
}
.modal-footer {
  text-align: center;
}
/* $error-pages
 ------------------------------------------*/
.error-number {
  font-size: 100px;
}
.error-icon {
  font-size: 100px;
  line-height: 160px;
  border: 3px solid #EE6055;
  color: #EE6055;
  width: 160px;
  height: 160px;
  border-radius: 50%;
  margin: 0 auto 20px;
}
/* $messages
 ------------------------------------------*/
.message-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.message-list .message-list-item a {
  padding: 15px;
  display: block;
  cursor: pointer;
}
.message-list .message-list-item a:hover,
.message-list .message-list-item a:focus,
.message-list .message-list-item a:active {
  background-color: #f6f6f6;
  color: #616161;
}
.message-list .message-list-item a p {
  margin-bottom: 0;
}
.message-list .message-list-item a .message-list-item-header {
  display: block;
  margin-bottom: 2px;
}
.message-list .message-list-item a .message-list-item-header span {
  color: #333333;
}
.message-list .message-list-item a .time {
  color: #b3b3b3;
  float: right;
  font-size: 10px;
  font-weight: 700;
  margin-top: 3px;
}
.mail-view-header {
  margin-bottom: 15px;
}
.mail-view-header .lead {
  margin-bottom: 5px;
}
.mail-view-header .date {
  padding-top: 8px;
  color: #b3b3b3;
  float: right;
  font-size: 11px;
}
.mail-view-header .mail-view-header-toolbar {
  display: block;
  background: rgba(0, 0, 0, 0.05);
  padding: 0 15px;
  margin-top: -15px;
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: 15px;
  background: #efefef;
  position: relative;
}
.mail-view-header .mail-view-header-toolbar::before,
.mail-view-header .mail-view-header-toolbar::after {
  content: " ";
  display: table;
}
.mail-view-header .mail-view-header-toolbar::after {
  clear: both;
}
.mail-view-header .mail-view-header-toolbar::after {
  content: '';
  height: 1px;
  position: absolute;
  bottom: 0;
  width: 100%;
  margin-left: -15px;
  margin-right: -15px;
  background-color: #e4e4e4;
}
.mail-view-header .mail-view-header-toolbar a {
  color: #7a7a7a;
  padding: 9px 0;
  display: inline-block;
}
.mail-view-header .mail-view-header-toolbar a:hover {
  color: #616161;
}
.message-files {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  padding: 15px 0;
  margin-top: 15px;
}
.message-files .btn {
  min-height: 37px;
}
.no-messages {
  display: table;
  width: 100%;
  height: 100%;
  text-align: center;
}
.no-messages .no-message-title {
  display: table-cell;
  vertical-align: middle;
}
.no-messages .no-message-title h1 {
  font-family: "Helvetica Neue", sans-serif;
  font-weight: 300;
}
@media screen and (min-width: 768px) {
  .messages-sidebar {
    width: 250px;
  }
  .messages-lister {
    width: 300px;
  }
}
@media (max-width: 767px) {
  .messages-viewer {
    position: fixed;
    top: 37px;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1052;
    background-color: rgba(255, 255, 255, 0.99);
    overflow: hidden;
    transition: transform 300ms cubic-bezier(0.7, 0, 0.3, 1);
    transform: translate(100%, 0);
    transform: translate3d(100%, 0, 0);
  }
  .messages-viewer .scroll {
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
  }
  .message-open .messages-viewer {
    transform: translate(0, 0);
    transform: translate3d(0, 0, 0);
  }
}
/* $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 {
  box-shadow: 0px 0px 0px 15px rgba(255, 255, 255, 0.01);
}
.profile-sidebar-item.profile-avatar.shadowed-light::after {
  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;
  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;
  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;
  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;
  border-radius: 0;
}
.profile-timeline .profile-timeline-audio .audio .progress .done {
  float: left;
  width: 34%;
  height: 5px;
  text-align: center;
  background-color: #005CE3;
  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;
  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: #a1a1a1;
}
.post-comments .avatar {
  max-width: 48px;
  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: #2ECC71;
  font-size: 11px;
  display: block;
  margin-bottom: 5px;
}
.search-results .search-results-list .search-link:hover {
  color: #1b7943;
}
.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 #005CE3;
  background-color: transparent;
  color: #005CE3;
  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;
  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;
  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 {
  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%;
}
.panel-body {
  padding: 10px 15px 0px 15px;
}
.panel.error {
  height: 50vh;
  background: linear-gradient(#fff, #f0f0f0);
  padding-top: 20vh;
}
ul.dropdown-menu li label {
  padding: 0 10px;
  width: 100%;
  font-weight: normal;
  font-size: 11px;
}
.loading-mask {
  background-color: rgba(63, 72, 90, 0.5);
  padding: 20% 40%;
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  z-index: 1052;
}
.loading-mask .message {
  color: #fff;
  font-weight: bold;
  font-size: 2em;
  margin-top: 1em;
  margin-left: -3em;
  width: 16em;
}
.loading-mask .loader,
.loading-mask .loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
.loading-mask .loader {
  margin: 0 auto;
  font-size: 10px;
  position: relative;
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #ffffff;
  transform: translateZ(0);
  animation: load8 1.1s infinite linear;
}
@keyframes load8 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.content-form table tbody td {
  vertical-align: middle;
}
.bordered-group .form-group {
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  padding-bottom: 15px;
}
.form-horizontal .form-group {
  margin-left: -7px;
  margin-right: -7px;
}
.form-horizontal .form-group label {
  padding-top: 7px;
  margin-bottom: 0;
}
.content-form .top-header {
  position: relative;
  min-height: 50px;
  margin-bottom: 10px;
}
.content-form .top-header .form-title {
  position: absolute;
  bottom: 8px;
  margin: 0;
}
.form-grid th.k-header {
  background-color: inherit;
  border-width: 0 0 1px 0;
  font-weight: bold;
  line-height: 3em;
}
.form-grid .k-grid {
  border: 0;
  box-shadow: none;
}
.form-grid .k-grid .k-grid-header-wrap {
  border-width: 0;
}
.form-grid .k-grid .k-grid-header {
  padding: 0 !important;
}
.form-grid .k-grid .k-grid-content {
  overflow-y: visible;
}
.form-grid .k-grid tr:hover {
  background-color: inherit;
}
.form-grid .k-grid tr.k-alt {
  background-color: inherit;
}
.form-grid .k-grid tr td {
  border-width: 1px 0 0 0;
  line-height: 3em;
}
.k-widget.k-multiselect {
  border-radius: 2px;
  border-color: #e4e4e4;
  box-shadow: none;
}
.k-widget.k-multiselect.k-header.k-state-focused {
  box-shadow: none;
  border-color: #217bff;
}
.k-widget.k-multiselect .k-button {
  background-color: #eeeeee;
  border-color: #777777;
  color: #333333;
  margin: 1px 2px 0;
}
.k-multiselect-wrap {
  box-shadow: none;
  padding: 4px;
  min-height: 25px;
}
.k-multiselect-wrap:focus {
  outline: 0;
}
.k-widget.k-numerictextbox {
  display: inline;
}
.vertical-radio {
  text-align: center;
}
.vertical-radio > label {
  padding: 4px 0 !important;
}
.vertical-radio > label > input[type="radio"] {
  display: block;
  margin: 0 auto 5px;
  position: relative;
}
.tableau-panel {
  padding: 0;
}
.tableau-frame {
  width: 100%;
  height: 99vh;
  border: 0;
}
.div.k-treeview,
.k-widget.k-treeview {
  color: #616161;
}
.file-browser .k-sprite {
  background-image: url("/frontend/vendor/kendo-ui/images/file-sprite.png");
}
.file-browser .k-sprite.folder {
  background-position: 0 0;
}
.file-browser .k-sprite.file {
  background-position: 0 -16px;
}
.file-browser .k-checkbox-label::before {
  display: none;
}
.file-browser .k-checkbox-label::after {
  padding: 2px 3px 3px 2px;
  border-radius: 2px;
}
.file-browser .k-checkbox:checked + .k-checkbox-label::after {
  padding: 4px 4px 2px 3px;
  background-color: #0291CB;
  color: #fff;
  border: 0;
}
.file-browser .k-checkbox:indeterminate + .k-checkbox-label::after {
  background-color: #ccc;
  background-image: none;
  border-color: #ccc;
  border-radius: 2px;
  top: 64%;
  width: 12px;
  height: 11px;
  margin-left: 1px;
  content: "–";
}
.file-browser .k-state-focused {
  box-shadow: none;
}
.upload-zone {
  border-width: 4px;
  border-style: dashed;
  border-color: #eeeeee;
  padding: 3em;
}
/* $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;
  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: #005CE3;
}
.slider-info  .ui-slider-range-min,
.slider-info  .ui-slider-range {
  background-color: #36C7ED;
}
.slider-info  .ui-slider-handle {
  box-shadow: #36C7ED 0px 0px 0px 1px;
}
.slider-info  .slider-handle.triangle {
  border-bottom-color: #36C7ED;
}
.slider-primary  .ui-slider-range-min,
.slider-primary  .ui-slider-range {
  background-color: #005CE3;
}
.slider-primary  .ui-slider-handle {
  box-shadow: #005CE3 0px 0px 0px 1px;
}
.slider-primary  .slider-handle.triangle {
  border-bottom-color: #005CE3;
}
.slider-success  .ui-slider-range-min,
.slider-success  .ui-slider-range {
  background-color: #2ECC71;
}
.slider-success  .ui-slider-handle {
  box-shadow: #2ECC71 0px 0px 0px 1px;
}
.slider-success  .slider-handle.triangle {
  border-bottom-color: #2ECC71;
}
.slider-warning  .ui-slider-range-min,
.slider-warning  .ui-slider-range {
  background-color: #ffc65d;
}
.slider-warning  .ui-slider-handle {
  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: #EE6055;
}
.slider-danger  .ui-slider-handle {
  box-shadow: #EE6055 0px 0px 0px 1px;
}
.slider-danger  .slider-handle.triangle {
  border-bottom-color: #EE6055;
}
.rounded-handler .ui-slider-handle {
  border-radius: 50%;
}
/* $bootstrap-tags
 ------------------------------------------*/
div.tagsinput {
  border-color: #e4e4e4;
  background: white;
  padding: 5px 5px 0;
  width: 100%!important;
  height: auto!important;
}
div.tagsinput span.tag {
  border-color: #005CE3;
  border-radius: 2px;
  background: #005CE3;
  color: white;
  font-family: inherit;
}
div.tagsinput span.tag a {
  color: white;
  font-size: 13px;
}
div.tagsinput input {
  font-family: inherit;
  color: white;
}
.not_valid {
  background: #fce2e0 !important;
  color: #c92114 !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 {
  border-radius: 2px;
}
.bootstrap-timepicker-widget table td.separator {
  width: 2px;
  padding: 0;
}
.bootstrap-timepicker-widget table td a {
  padding: 0;
  color: #616161;
}
.bootstrap-timepicker-widget table td a:hover {
  background-color: transparent;
  border-radius: 2px;
  border-color: transparent;
  color: #484848;
}
.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: 11px;
}
.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;
}
/* $datepicker
 ------------------------------------------*/
.datepicker.dropdown-menu {
  display: none;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  visibility: visible;
  border-radius: 2px;
  font-size: 11px;
  border-color: #e4e4e4;
  box-shadow: 0px 1px 1px rgba(228, 228, 228, 0.3);
  padding: 15px;
}
.datepicker-inline {
  border: 1px solid #e4e4e4;
}
.datepicker {
  border-radius: 2px;
}
.datepicker-dropdown {
  display: none;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  visibility: visible;
  border-radius: 2px;
  font-size: 11px;
  border-color: #e4e4e4;
  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 {
  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: #005CE3;
  border-color: #005CE3;
  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: #0047b0;
  border-color: #0047b0;
}
.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: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: #005CE3;
}
.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: #005CE3;
  border-color: #005CE3;
}
.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: #005CE3;
  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: #005CE3;
  color: #005CE3;
}
.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: #005CE3;
  color: white;
}
.datepicker table tr td span {
  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: #005CE3;
  border-color: #005CE3;
  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: #0047b0;
  border-color: #0047b0;
}
.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: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: #005CE3;
}
.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: #005CE3;
  border-color: #005CE3;
}
.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: #005CE3;
  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: #005CE3;
  color: #005CE3;
}
.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: #005CE3;
  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;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  visibility: visible;
  border-radius: 2px;
  font-size: 11px;
  box-shadow: 0px 1px 1px rgba(228, 228, 228, 0.3);
  margin-top: -1px;
}
.daterangepicker .ranges .input-mini {
  background-color: transparent;
  border-color: #e4e4e4;
  border-radius: 2px;
  color: #616161;
}
.daterangepicker .calendar-date {
  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: #005CE3;
  border-color: #005CE3;
  color: #fff;
}
.daterangepicker td,
.daterangepicker th {
  border-radius: 2px;
}
.daterangepicker .calendar th,
.daterangepicker .calendar td {
  font-family: inherit;
}
.daterangepicker td.start-date.end-date {
  border-radius: 2px !important;
}
.daterangepicker .ranges li {
  background: #e4e4e4;
  border-color: #e4e4e4;
  color: #616161;
  border-radius: 2px;
}
.daterangepicker .ranges li.active,
.daterangepicker .ranges li:hover {
  background: #005CE3;
  border-color: #005CE3;
}
/* $jquery-validation
 ------------------------------------------*/
input.valid {
  border-color: #2ECC71;
  box-shadow: none;
}
input.valid:focus {
  border-color: #25a25a;
  box-shadow: none;
}
input.error {
  border-color: #EE6055;
  box-shadow: none;
}
input.error:focus {
  border-color: #e93527;
  box-shadow: none;
}
label.error {
  color: #EE6055;
  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;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
  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;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
  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' */
  border-radius: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: alpha(opacity=0);
  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);
  border-radius: 0;
  transition: background-color 0.2s linear;
  bottom: 0;
  /* there must be 'bottom' for ps-scrollbar-x */
  height: 8px;
}
.ps-container > .ps-scrollbar-y-rail {
  display: none;
  position: absolute;
  /* please don't change 'position' */
  border-radius: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: alpha(opacity=0);
  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);
  border-radius: 0;
  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;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
  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;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
  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;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
  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;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
  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;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
  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;
}
.scroll-arrow {
  position: absolute;
  top: 37px;
  background: #484c51;
  padding: 7px;
  z-index: 1050;
}
.scroll-arrow.left {
  left: 0;
  padding-left: 5px;
}
.scroll-arrow.right {
  right: 0;
  padding-right: 5px;
}
.scroll-arrow > .fa {
  font-size: 0.8em;
  color: #b2b6be;
}
/* $touch-spin
 ------------------------------------------*/
.bootstrap-touchspin input {
  text-align: center;
}
.btn.bootstrap-touchspin-down,
.btn.bootstrap-touchspin-up {
  font-size: initial!important;
}
.toast-title {
  font-weight: bold;
}
.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  margin: 14px 20px 12px;
}
.toast-message a,
.toast-message label {
  color: #FFFFFF;
}
.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  -webkit-opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
  line-height: 1;
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  -moz-opacity: 0.4;
  -khtml-opacity: 0.4;
  -webkit-opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}
.rtl .toast-close-button {
  left: -0.3em;
  float: left;
  right: 0.3em;
}
/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  left: 0;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 0;
  bottom: 0;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}
.toast-container {
  position: fixed;
  z-index: 1099;
  pointer-events: none;
  /*overrides*/
}
.toast-container * {
  box-sizing: border-box;
}
.toast-container > div {
  position: relative;
  pointer-events: auto;
  overflow: hidden;
  margin: 0;
  width: 500px;
  background-position: 15px center;
  background-repeat: no-repeat;
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  -webkit-opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}
.toast-container > div.rtl {
  direction: rtl;
  padding: 14px 20px 12px;
  background-position: right 15px center;
}
.toast-container > div:hover {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer;
}
.toast-container.toast-top-center > div,
.toast-container.toast-bottom-center > div {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
.toast-container.toast-top-full-width > div,
.toast-container.toast-bottom-full-width > div {
  width: 100%;
}
.toaster-ticker > div {
  width: 480px;
}
.toaster-ticker > div .toast-message {
  margin: 8px 10px 10px;
}
.toast {
  color: #FFFFFF;
  background-color: transparent;
  border-bottom: 1px solid #FFFFFF;
}
.toast-success {
  background-color: #2ECC71;
  border-color: #25a25a;
}
.toast-error {
  background-color: #EE6055;
  border-color: #e93527;
}
.toast-info {
  background-color: #005CE3;
  border-color: #004bba;
}
.toast-warning {
  background-color: #ffc65d;
  border-color: #f69f00;
}
.toast-plain {
  color: #030303;
  background-color: #CCCCCC;
  border-color: #999999;
}
.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  -moz-opacity: 0.4;
  -khtml-opacity: 0.4;
  -webkit-opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}
/*Responsive Design*/
@media all and (max-width: 240px) {
  .toast-container > div {
    padding: 8px 20px;
    width: 11em;
  }
  .toast-container > div.rtl {
    padding: 8px 20px;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
  .toast-container .rtl .toast-close-button {
    left: -0.2em;
    right: 0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  .toast-container > div {
    padding: 8px 20px;
    width: 18em;
  }
  .toast-container > div.rtl {
    padding: 8px 20px;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
  .toast-container .rtl .toast-close-button {
    left: -0.2em;
    right: 0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  .toast-container > div {
    padding: 14px 20px 12px;
    width: 25em;
  }
  .toast-container > div.rtl {
    padding: 14px 20px 12px;
  }
}
@media all and (min-width: 768px) {
  .toast-container {
    margin-left: 343px;
  }
  .full-screen .toast-container {
    margin-left: 0;
  }
}
:not(.no-enter).toast-container > div.ng-enter,
:not(.no-leave).toast-container > div.ng-leave {
  transition: 400ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
}
:not(.no-enter).toast-container > div.ng-enter.ng-enter-active {
  opacity: 0.8;
  max-height: 50px;
}
:not(.no-leave).toast-container > div.ng-leave {
  opacity: 0.8;
  max-height: 50px;
}
:not(.no-leave).toast-container > div.ng-leave.ng-leave-active {
  opacity: 0;
  max-height: 0;
}
:not(.no-enter).toast-container > div.ng-enter {
  opacity: 0;
  max-height: 0;
}
.toaster-close-all {
  position: fixed;
  bottom: 0;
  right: 480px;
  z-index: 1099;
}
.k-grid-toolbar {
  padding: .75em .2em .8333em .5em;
}
.k-pager-numbers .k-state-selected,
.k-pager-numbers .k-link {
  line-height: 2.35em;
}
form.k-filter-menu .k-button {
  font-size: 0.8em;
}
.rg-left {
  display: none;
}
.layout-info-panel-open .rg-left {
  display: block;
  width: 4px;
  margin-left: -4px;
  background: rgba(0, 0, 0, 0.07);
}
.layout-info-panel-open .rg-left:active,
.layout-info-panel-open .rg-left:hover {
  background: rgba(0, 0, 0, 0.2);
}
.layout-info-panel-open .rg-left > span {
  display: none;
}
/* $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 !important;
}
.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 {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.no-shadow {
  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 {
  border-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.round {
  border-radius: 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: #005CE3;
}
.border-default {
  border-color: #e2e2e2;
}
.border-warning {
  border-color: #ffc65d;
}
.border-success {
  border-color: #2ECC71;
}
.border-info {
  border-color: #36C7ED;
}
.border-white {
  border-color: white;
}
.border-danger {
  border-color: #EE6055;
}
.full-height {
  min-height: 100vh;
  display: grid;
}
[data-animation] {
  visibility: hidden;
}
.animated {
  visibility: visible!important;
}
.visible {
  visibility: visible;
}
.scrollable {
  overflow: hidden;
  position: relative;
}
/* $avatar
 ------------------------------------------*/
a[ng-click] {
  cursor: pointer;
}
.form-control {
  width: 100%;
}
.grid-container {
  position: relative;
}
.grid-container .full-screen-btn {
  transition: none;
}
.grid-container .full-screen-btn.absolute {
  display: none;
}
.k-grid-footer:focus {
  outline: none;
}
.tableau-panel > .full-screen-btn {
  display: block;
  top: -32px;
  right: 36px;
  padding: 8px 13px;
  position: absolute;
  transition: none;
  z-index: 1051;
}
.full-screen .resource-area {
  position: fixed;
  top: 0;
  left: 0;
  background: #fff;
  width: 100%;
  height: 100%;
  z-index: 1051;
  padding: 37px 25px 60px;
  overflow: hidden;
}
.full-screen .resource-area .full-screen-btn.absolute {
  display: block;
  top: -2px;
  right: 45px;
}
.full-screen .resource-area .k-grid {
  margin-bottom: 4rem;
}
.full-screen .tableau-panel > .full-screen-btn {
  top: -1px;
  right: 36px;
}
.full-screen .form-area {
  overflow: scroll;
}
.new-line {
  padding: 10px;
  border: 1px solid #ccc;
  border-top-width: 0;
}
#resource-grid .k-grid {
  border: 0;
  margin-bottom: 1rem;
}
#resource-grid .k-grid td {
  padding: .2em .4em;
}
#resource-grid .k-grid .k-grid-content tr td:last-child {
  border-width: 0 1px 1px 1px;
}
#resource-grid .k-grid .k-grid-content tr td.multi-line span {
  white-space: pre-line;
}
#resource-grid .k-grid .k-grid-content tr td.multi-line textarea {
  width: 98%;
}
#resource-grid .k-grid .k-grid-content tr td span {
  white-space: nowrap;
}
#resource-grid .k-grid .k-button:first-child {
  margin-left: 0;
}
#resource-grid .k-grid-header-wrap {
  border: 0;
}
#resource-grid .k-grid-header {
  background: #f5f5f5;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
#resource-grid .k-grid-header th.k-header {
  padding: .5em .4em .4em;
}
#resource-grid .k-grid-header th.k-header:last-child {
  border-width: 0 1px 1px 1px;
}
#resource-grid .k-grid-header th.k-header[aria-sort] {
  background-color: #ffc65d;
}
#resource-grid .k-grid-header .k-resize-handle {
  padding: 0 5px;
  margin-left: -5px;
  z-index: 1021;
}
#resource-grid .k-grid-header .k-grid-filter {
  padding: 0.5em 0.4em 0.5em;
}
#resource-grid .k-grid-header .k-grid-filter.k-state-active {
  background-color: #c1c1c1;
}
#resource-grid .k-header {
  background-color: transparent;
}
#resource-grid .k-header.k-grid-toolbar {
  padding-left: 0;
  padding-right: 0;
}
#resource-grid .k-header > .k-header-column-menu {
  margin: -0.5em 0 -0.4em 0;
  padding: .5em 0 .6em .2em;
}
#resource-grid .k-header > .k-header-column-menu.k-state-active {
  background-color: #f69f00;
}
#resource-grid .k-filter-row th:last-child {
  border-width: 0 1px 1px 1px;
}
#resource-grid .k-grid-edit-row input.k-textbox {
  text-indent: .1em;
}
#resource-grid .k-grid-footer-wrap,
#resource-grid .k-grid-pager {
  border: 0;
}
#resource-grid .k-grid-footer {
  border-right: 1px solid #ccc;
}
#resource-grid .k-grid-footer td {
  border-bottom: 0;
}
#resource-grid .k-pager-wrap {
  background-color: transparent;
  padding-top: 0;
  padding-left: 0;
}
#resource-grid .k-widget {
  box-shadow: none;
}
#resource-grid .k-pager-wrap .k-pager-refresh {
  background: transparent;
  border-width: 1px;
  border-radius: 4px;
}
#resource-grid .k-pager-wrap .k-pager-refresh {
  border-right: 1px solid #ccc;
}
#resource-grid .k-state-selected font {
  color: inherit;
}
#resource-grid .k-state-selected {
  height: auto;
}
#resource-grid .k-grid-norecords {
  padding: 10px 0;
}
#resource-grid .k-grid-content-expander {
  display: none;
}
.k-toolbar .k-dropdown-wrap .k-select {
  line-height: 1.9em;
}
ul.dropdown-menu span.k-font-icon {
  vertical-align: sub;
}
.no-footer > .k-grid-footer {
  display: none;
}
.k-tooltip-validation.k-invalid-msg {
  position: initial;
}
.bg-highlight {
  background-color: #f4f4f4;
}
.k-i-checked {
  background-position: -96px -32px;
}
.k-i-unchecked {
  background-position: -96px -48px;
}
.k-disabled {
  border-color: transparent;
}
.glyphicon.spinning {
  animation: spin 1s infinite linear;
  -webkit-animation: spin2 1s infinite linear;
}
@keyframes spin {
  from {
    transform: scale(1) rotate(0deg);
  }
  to {
    transform: scale(1) rotate(360deg);
  }
}
#resource-grid .k-grid-header th.k-header.lg-break-lines {
    overflow: visible;
    white-space: normal;
}