@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"); @font-face {
  font-family: "Glyphicons Halflings";
  src: url("../css/icons/glyphicons/glyphicons-halflings-regular.woff2") format("woff2"), url("../css/icons/glyphicons/glyphicons-halflings-regular.woff") format("woff"), url("../css/icons/glyphicons/glyphicons-halflings-regular.ttf") format("truetype");
}

:root {
  --main-color: #47adff;
  --text-color: #fff;
}

.glyphicon {
  font-size: 16px;
  vertical-align: middle;
  top: -1px;
}

.wsbrd-toolbar {
  /* display: none; */
}

html {
  height: 100%;
}

body {
  position: relative;
  min-height: 100%;
  font-family: Roboto;
}

a {
  cursor: pointer;
}

a:focus {
  outline: 0px;
}

figure {
  position: relative;
}

figcaption {
  position: absolute;
  bottom: 0px;
  opacity: 0;
  visibility: hidden;
  width: 100%;
  color: rgb(255, 255, 255);
  padding: 10px 15px;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.7);
  transition: all 0.2s ease-in-out 0s;
}

figure:hover figcaption {
  opacity: 1;
  visibility: visible;
}

.center {
  text-align: center;
}

.img-rounded {
  border-radius: 50%;
}

.avatar-edit-upload .media-left .avatar-edit-trigger {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
}

.avatar-edit-upload .media-left {
  width: 40px;
  height: 40px;
}

.avatar-edit-upload .media-left .avatar-edit-trigger img,
.avatar-edit-upload .media-left img.img-rounded {
  width: 40px;
  height: 40px;
  object-fit: cover;
  display: block;
}

.avatar-edit-upload .media-left .avatar-edit-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(35, 44, 53, 0.55);
  color: #ffffff;
  opacity: 0;
  transition: opacity 0.2s ease;
  cursor: pointer;
  z-index: 2;
}

.avatar-edit-upload .media-left .avatar-edit-overlay i {
  font-size: 14px;
}

.avatar-edit-upload .media-left .avatar-edit-trigger:hover .avatar-edit-overlay,
.avatar-edit-upload .media-left .avatar-edit-trigger:focus .avatar-edit-overlay {
  opacity: 1;
}

.avatar-editor-modal {
  text-align: center;
}

.avatar-editor-stage {
  min-height: 420px;
  background: #f3f5f7;
}

.avatar-editor-stage img {
  display: block;
  max-width: 100%;
}

.avatar-editor-modal .cropper-view-box,
.avatar-editor-modal .cropper-face {
  border-radius: 50%;
}

.avatar-editor-modal .cropper-view-box {
  outline: 0;
  box-shadow: 0 0 0 1px rgba(31, 41, 55, 0.4);
}

.avatar-editor-controls {
  margin-top: 12px;
  display: flex;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
}

.avatar-editor-controls .btn {
  min-width: 40px;
}

.hr-condensed {
  margin-top: 10px;
  margin-bottom: 10px;
}

.row-seamless {
  margin-left: 0px;
  margin-right: 0px;
}

.row-seamless > div[class*="col-"] {
  padding-left: 0px;
  padding-right: 0px;
}

* {
}

::-webkit-scrollbar {
  width: 4px;
  height: 10px;
}

::-webkit-scrollbar:hover {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background-color: var(--main-color);
  border-radius: 20px;
  border: 3px solid transparent;
}

::-webkit-scrollbar-thumb:hover {
  background-color: rgb(26, 124, 204);
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  letter-spacing: -0.015em;
}

h1 > .label, h2 > .label, h3 > .label, h4 > .label, h5 > .label, h6 > .label, .h1 > .label, .h2 > .label, .h3 > .label, .h4 > .label, .h5 > .label, .h6 > .label, h1 > .badge, h2 > .badge, h3 > .badge, h4 > .badge, h5 > .badge, h6 > .badge, .h1 > .badge, .h2 > .badge, .h3 > .badge, .h4 > .badge, .h5 > .badge, .h6 > .badge {
  vertical-align: middle;
  margin-top: -2px;
}

h1 > .label.pull-right, h2 > .label.pull-right, h3 > .label.pull-right, h4 > .label.pull-right, h5 > .label.pull-right, h6 > .label.pull-right, .h1 > .label.pull-right, .h2 > .label.pull-right, .h3 > .label.pull-right, .h4 > .label.pull-right, .h5 > .label.pull-right, .h6 > .label.pull-right, h1 > .badge.pull-right, h2 > .badge.pull-right, h3 > .badge.pull-right, h4 > .badge.pull-right, h5 > .badge.pull-right, h6 > .badge.pull-right, .h1 > .badge.pull-right, .h2 > .badge.pull-right, .h3 > .badge.pull-right, .h4 > .badge.pull-right, .h5 > .badge.pull-right, .h6 > .badge.pull-right {
  margin-top: 3px;
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small {
  font-size: 13px;
}

h1 small.display-block, h2 small.display-block, h3 small.display-block, h4 small.display-block, h5 small.display-block, h6 small.display-block, .h1 small.display-block, .h2 small.display-block, .h3 small.display-block, .h4 small.display-block, .h5 small.display-block, .h6 small.display-block {
  margin-top: 3px;
}

h1 > [class*="icon-"], h2 > [class*="icon-"], h3 > [class*="icon-"], .h1 > [class*="icon-"], .h2 > [class*="icon-"], .h3 > [class*="icon-"] {
  top: -2px;
}

h1 small, h2 small, h3 small, .h1 small, .h2 small, .h3 small {
  font-size: 13px;
}

.heading-divided {
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgb(221, 221, 221);
}

a, button, input, textarea {
  outline: 0px;
}

mark, .mark {
  background-color: rgb(51, 51, 51);
  padding: 2px 6px;
  color: rgb(255, 255, 255);
  border-radius: 2px;
}

a.text-muted:hover {
  color: rgb(51, 51, 51);
}

svg {
  display: block;
}

.svg-inline svg {
  display: inline-block;
}

.svg-center svg {
  margin: auto;
}

.letter-icon {
  width: 16px;
  display: block;
}

.content-divider {
  text-align: center;
  position: relative;
  z-index: 1;
}

.content-divider > span {
  background-color: rgb(245, 245, 245);
  display: inline-block;
  padding-left: 12px;
  padding-right: 12px;
}

.panel .content-divider > span, .tab-content-bordered .content-divider > span, .modal .content-divider > span {
  background-color: rgb(255, 255, 255);
}

.content-divider > span::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0px;
  height: 1px;
  background-color: rgb(221, 221, 221);
  width: 100%;
  z-index: -1;
}

.icon-object {
  border-radius: 50%;
  text-align: center;
  margin: 10px;
  border-width: 3px;
  border-style: solid;
  padding: 20px;
  display: inline-block;
}

.icon-object > i {
  font-size: 32px;
  top: 0px;
}

.img-preview {
  max-height: 70px;
}

/* Product form: image rotate/gallery controls */
.product-main-preview {
  width: 40px;
  height: 40px;
  object-fit: cover;
}
.product-image-action-btn.js-rotate-product-image {
    font-size: 23px;
    padding: 0;
}
.product-image-actions-row {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  margin-top: 6px;
}

.product-image-action-btn {
  min-width: 26px;
  padding: 1px 6px;
  line-height: 1.2;
  font-size: 14px;
}

.product-gallery-preview {
  width: 100%;
  height: 180px;
  object-fit: cover;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0px;
  overflow: hidden;
}

.video-container iframe, .video-container object, .video-container embed {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

.status-mark {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 50%;
  border: 2px solid;
}

.dropdown-menu > .active .status-mark {
  background-color: rgb(255, 255, 255);
  border-color: rgb(255, 255, 255);
}

.position-left {
  margin-right: 7px;
}

.position-right {
  margin-left: 7px;
}

a.bg-primary:hover, a.bg-primary:focus {
  background-color: rgb(33, 150, 243);
}

.bg-success {
  color: rgb(255, 255, 255);
  background-color: rgb(76, 175, 80);
}

a.bg-success:hover, a.bg-success:focus {
  background-color: rgb(61, 139, 64);
}

a.bg-success:hover, a.bg-success:focus {
  background-color: rgb(76, 175, 80);
}

.bg-info {
  color: rgb(255, 255, 255);
  background-color: rgb(0, 188, 212);
}

a.bg-info:hover, a.bg-info:focus {
  background-color: rgb(0, 143, 161);
}

a.bg-info:hover, a.bg-info:focus {
  background-color: rgb(0, 188, 212);
}

.bg-warning {
  color: rgb(255, 255, 255);
  background-color: rgb(255, 87, 34);
}

a.bg-warning:hover, a.bg-warning:focus {
  background-color: rgb(238, 57, 0);
}

a.bg-warning:hover, a.bg-warning:focus {
  background-color: rgb(255, 87, 34);
}

.bg-danger {
  color: rgb(255, 255, 255);
  background-color: rgb(244, 67, 54);
}

a.bg-danger:hover, a.bg-danger:focus {
  background-color: rgb(234, 28, 13);
}

a.bg-danger:hover, a.bg-danger:focus {
  background-color: rgb(244, 67, 54);
}

.page-header {
  margin: 0px;
  padding: 0px;
  border-bottom-width: 0px;
}

@media (min-width: 769px) {
  .page-header .heading-elements.collapse {
      display: block;
      visibility: visible;
  }
}

.header {
  margin-bottom: 20px;
}

.page-header-inverse {
  background-color: rgb(39, 50, 70);
  color: rgb(255, 255, 255);
  margin-bottom: 20px;
}

.page-header-inverse .page-title small {
  color: rgba(255, 255, 255, 0.5);
}

.page-header-inverse > .breadcrumb > li > a, .page-header-inverse .page-header-content .breadcrumb > li > a, .page-header-inverse > .breadcrumb > li + li::before, .page-header-inverse .page-header-content .breadcrumb > li + li::before {
  color: rgba(255, 255, 255, 0.9);
}

.page-header-inverse > .breadcrumb > li > a:hover, .page-header-inverse .page-header-content .breadcrumb > li > a:hover, .page-header-inverse > .breadcrumb > li > a:focus, .page-header-inverse .page-header-content .breadcrumb > li > a:focus {
  color: rgb(255, 255, 255);
  opacity: 1;
}

.page-header-inverse > .breadcrumb > .active, .page-header-inverse .page-header-content .breadcrumb > .active {
  color: rgba(255, 255, 255, 0.5);
}

.page-header-inverse .form-control-feedback, .page-header-inverse .input-group-addon {
  color: rgba(255, 255, 255, 0.75);
}

.page-header-inverse .heading-text > a {
  color: rgb(255, 255, 255);
}

.page-header-inverse .form-control {
  border-bottom-color: rgba(255, 255, 255, 0.3);
  color: rgb(255, 255, 255);
}

.page-header-inverse .form-control::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.75);
}

.page-header-inverse .form-control:focus {
  border-bottom-color: rgb(255, 255, 255);
  box-shadow: rgb(255, 255, 255) 0px 1px 0px;
}

.page-header-inverse.has-cover {
  background: url("../images/login_cover.jpg") 0% 0% / cover;
}

.page-header-default {
  background-color: rgb(255, 255, 255);
  margin-bottom: 20px;
  box-shadow: rgb(221, 221, 221) 0px 1px 0px 0px;
}

.page-header-default.has-cover {
  background: url("../images/backgrounds/seamless.png");
}

.page-title {
  padding: 32px 36px 32px 0px;
  display: block;
  position: relative;
}

.page-title small {
  margin-left: 10px;
  display: inline-block;
}

.page-title small::before {
  content: "/";
  margin-right: 15px;
}

.page-title small.display-block {
  margin-left: 0px;
  display: block;
}

.page-title small.display-block::before {
  content: none;
}

.page-title i ~ small.display-block {
  margin-left: 31px;
}

.page-header-lg .page-title {
  padding-top: 37px;
  padding-bottom: 37px;
}

.page-header-sm .page-title {
  padding-top: 27px;
  padding-bottom: 27px;
}

.page-header-xs .page-title {
  padding-top: 22px;
  padding-bottom: 22px;
}

.page-title h1, .page-title h2, .page-title h3, .page-title h4, .page-title h5, .page-title h6 {
  margin: 0px;
}

@media (min-width: 769px) {
  .page-title {
      padding-right: 0px;
  }
}

.page-header-content {
  position: relative;
  background-color: inherit;
  padding: 0px 20px;
}

.page-header-content[class*="border-bottom-"] + .breadcrumb-line {
  border-top: 0px;
}

.text-black {
  font-weight: 900;
}

.text-bold {
  font-weight: 700;
}

.text-semibold {
  font-weight: 500;
}

.text-regular {
  font-weight: 400;
}

.text-light {
  font-weight: 300;
}

.text-thin {
  font-weight: 100;
}

.text-italic {
  font-style: italic;
}

.text-highlight {
  padding: 4px 6px;
}

.text-size-large {
  font-size: 14px;
}

.text-size-base {
  font-size: 13px;
}

.text-size-small {
  font-size: 12px;
}

.text-size-mini {
  font-size: 11px;
}

ul, ol {
  padding-left: 25px;
}

.list > li, .list > li .list > li {
  margin-top: 7px;
}

.list > li:first-child {
  margin-top: 0px;
}

.list-condensed > li, .list-condensed > li .list > li {
  margin-top: 3px;
}

.list-extended > li, .list-extended > li .list > li {
  margin-top: 11px;
}

ul.list-square {
  list-style-type: square;
}

ul.list-circle {
  list-style-type: circle;
}

.list-inline {
  margin-left: 0px;
  font-size: 0px;
}

.list-inline > li {
  padding-left: 0px;
  padding-right: 20px;
  font-size: 13px;
}

.list-inline > li:last-child {
  padding-right: 0px;
}

.list-inline-condensed > li {
  padding-right: 10px;
}

.list-inline-separate > li {
  padding-right: 20px;
  position: relative;
}

.list-inline-separate > li::before {
  content: "•";
  position: absolute;
  right: 8px;
  color: rgb(204, 204, 204);
  top: 1px;
}

.list-inline-separate > li:last-child::before {
  content: none;
}

.list-inline-bordered > li {
  margin-right: 20px;
  border-right: 1px solid rgb(221, 221, 221);
}

.list-inline-bordered > li:last-child {
  border-right: 0px;
}

.list-icons {
  padding-left: 0px;
}

.list-icons li {
  list-style: none;
}

.list-icons li i {
  margin-right: 7px;
}

.list-feed {
  margin: 0px;
  padding: 7px 5px 0px 0px;
  list-style: none;
  max-height: 200px;
  overflow: hidden auto;
}

.list-feed > li {
  position: relative;
  margin: 0px;
  padding-bottom: 20px;
  padding-left: 28px;
}

.list-feed > li::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 5px;
  width: 8px;
  height: 8px;
  background-color: rgb(255, 255, 255);
  display: inline-block;
  border-radius: 50%;
  border: 2px solid rgb(96, 125, 139);
  z-index: 3;
}

.list-feed > li::after {
  content: "";
  position: absolute;
  top: 5px;
  left: 3px;
  bottom: -7px;
  width: 0px;
  border-left: 1px solid rgb(96, 125, 139);
  border-right: 1px solid rgb(96, 125, 139);
  z-index: 2;
}

.list-feed > li:first-child::after {
  top: 8px;
}

.list-feed > li:last-child {
  padding-bottom: 0px;
}

.list-feed > li:last-child::after {
  content: none;
}

.list-feed > li[class*="border-"]::before, .list-feed > li[class*="border-"]::after {
  border-color: inherit;
}

.list-feed-solid > li::before {
  content: "";
  width: 0px;
  height: 0px;
  border-width: 4px;
}

.list-feed-square > li::before {
  content: "";
  border-radius: 0px;
}

.list-feed-rhombus > li::before {
  content: "";
  border-radius: 0px;
  transform: rotate(45deg);
}

.list-feed-time > li {
  margin-left: 48px;
}

.list-feed-time > li .feed-time {
  position: absolute;
  left: -48px;
  top: 0px;
  font-size: 12px;
}

.icons-list {
  margin: 0px;
  padding: 0px;
  list-style: none;
  line-height: 1;
  font-size: 0px;
}

.icons-list > li {
  position: relative;
  display: inline-block;
  margin-left: 5px;
  font-size: 13px;
}

.icons-list > li:first-child {
  margin-left: 0px;
}

.icons-list > li > a {
  color: inherit;
  display: block;
  opacity: 1;
}

.icons-list > li > a:hover, .icons-list > li > a:focus {
  opacity: 0.75;
}

.icons-list > li > a > i {
  top: 0px;
}

.icons-list > li > a > .caret {
  margin-top: 0px;
  margin-bottom: 0px;
}

.icons-list-extended > li {
  margin-left: 10px;
}

dl {
  margin-bottom: 0px;
}

dt {
  margin-bottom: 5px;
  font-weight: 500;
}

dd + dt {
  margin-top: 20px;
}

@media (min-width: 769px) {
  .dl-horizontal dt + dd {
      margin-top: 20px;
  }

  .dl-horizontal dt:first-child + dd {
      margin-top: 0px;
  }
}

blockquote {
  margin: 0px;
}

blockquote img {
  height: 42px;
  float: left;
  margin-right: 20px;
}

blockquote img.pull-right {
  margin-right: 0px;
  margin-left: 20px;
}

blockquote footer, blockquote small, blockquote .small {
  font-size: 13px;
  margin-top: 7px;
  display: block;
}

.blockquote-reverse, blockquote.pull-right {
  padding-right: 20px;
}

code {
  border-radius: 2px;
  overflow-wrap: break-word;
}

kbd {
  font-size: 11px;
  vertical-align: text-top;
  box-shadow: none;
}

pre {
  padding: 20px;
  margin: 0px;
  tab-size: 4;
  hyphens: none;
}

th {
  font-weight: 500;
}

.table {
  margin-bottom: 0px;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  vertical-align: middle;
}

.panel[class*="bg-"] .table > thead > tr > th, .table[class*="bg-"] > thead > tr > th, .panel[class*="bg-"] .table > tbody > tr > th, .table[class*="bg-"] > tbody > tr > th, .panel[class*="bg-"] .table > tfoot > tr > th, .table[class*="bg-"] > tfoot > tr > th, .panel[class*="bg-"] .table > thead > tr > td, .table[class*="bg-"] > thead > tr > td, .panel[class*="bg-"] .table > tbody > tr > td, .table[class*="bg-"] > tbody > tr > td, .panel[class*="bg-"] .table > tfoot > tr > td, .table[class*="bg-"] > tfoot > tr > td {
  border-color: rgba(255, 255, 255, 0.2);
}

.table tr[class*="bg-"] > td, .table tr[class*="bg-"] > th {
  border-color: rgb(255, 255, 255);
}

.table tr > td[class*="bg-"], .table tr > th[class*="bg-"] {
  border-color: rgb(255, 255, 255);
}

.table > thead > tr[class*="border-bottom-"] > th, .table > thead > tr[class*="border-bottom-"] > td {
  border-bottom-color: inherit;
}

.table > tbody > tr[class*="border-top-"] > th, .table > tfoot > tr[class*="border-top-"] > th, .table > tbody > tr[class*="border-top-"] > td, .table > tfoot > tr[class*="border-top-"] > td {
  border-top-color: inherit;
}

.table > thead > tr > th {
  border-bottom: 1px solid rgb(187, 187, 187);
}

.table > tfoot > tr > th {
  border-top: 1px solid rgb(187, 187, 187);
}

.table .table {
  background-color: rgb(255, 255, 255);
}

.table-responsive + .table-responsive > .table:not(.table-bordered):not(.table-framed), .table:not(.table-bordered):not(.table-framed) + .table:not(.table-bordered):not(.table-framed) {
  border-top: 1px solid rgb(221, 221, 221);
}

.panel-body + .table > tbody:first-child > tr:first-child > td, .panel-body + .table-responsive > .table > tbody:first-child > tr:first-child > td, .panel-body + .table > tbody:first-child > tr:first-child > th, .panel-body + .table-responsive > .table > tbody:first-child > tr:first-child > th {
  border-top: 0px;
}

.modal-body + .table-responsive > .table, .modal-body + .table {
  border-bottom: 1px solid rgb(221, 221, 221);
}

.modal-body + .table-responsive {
  border: 0px;
}

.panel[class*="bg-"] > .panel-body + .table, .panel[class*="bg-"] > .panel-body + .table-responsive {
  border-color: rgb(255, 255, 255);
}

.table > thead > tr.border-solid > th, .table > thead > tr.border-solid > td {
  border-bottom-width: 2px;
}

.table > tbody > tr.border-solid > td, .table > tfoot > tr.border-solid > td, .table > tbody > tr.border-solid > th, .table > tfoot > tr.border-solid > th {
  border-top-width: 2px;
}

.table-bordered > thead > tr.border-solid:first-child > th, .table-bordered > thead > tr.border-solid:first-child > td {
  border-bottom-width: 2px;
}

.table > thead > tr.border-double > th, .table > thead > tr.border-double > td {
  border-bottom-width: 3px;
  border-bottom-style: double;
}

.table > tbody > tr.border-double > td, .table > tfoot > tr.border-double > td, .table > tbody > tr.border-double > th, .table > tfoot > tr.border-double > th {
  border-top-width: 3px;
  border-top-style: double;
}

.table-bordered > thead > tr.border-double:first-child > th, .table-bordered > thead > tr.border-double:first-child > td {
  border-bottom-width: 3px;
  border-bottom-style: double;
}

.table > tbody > tr.border-dashed > td, .table > tbody > tr.border-dashed > th {
  border-top-style: dashed;
}

.table-framed, .panel > .table-framed, .panel > .table-responsive > .table-framed {
  border: 1px solid rgb(221, 221, 221);
}

.panel > .table-responsive .table-date {
  text-align: center;
  min-width: 180px;
  text-transform: lowercase;
}

.table-responsive .workers {
  text-align: center;
}

.table-responsive .workers center {
  width: auto;
  display: inline-block;
}

.table-date span.btn {
  padding: 3px 5px;
}

.panel > .table-responsive .table-date .weekday {
  font-size: 14px;
  text-transform: uppercase;
}

.panel > .table-responsive .table-date .date {
  color: rgb(25, 114, 168);
  font-size: 20px;
}

.panel > .table-responsive tr.deadline {
  animation: 2s ease 0s infinite normal none running blinkingRow;
}

.panel > .table-responsive {
  border: 0px;
  margin-bottom: 0px;
  display: inline-block;
  width: 100%;
  padding: 25px;
}

@keyframes blinkingRow {
  0% {
      background: rgba(191, 30, 30, 0.3);
  }

  49% {
      background: transparent;
  }

  50% {
      background: transparent;
  }

  99% {
      background: transparent;
  }

  100% {
      background: rgba(191, 30, 30, 0.3);
  }
}

.table .status {
  display: inline-block;
  text-align: center;
  padding: 4px 14px;
  border-radius: 20px;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.5px;
  white-space: nowrap;
  vertical-align: middle;
  line-height: 1.4;
}
.table tbody th {
  vertical-align: middle;
}

.table .status.type {
  color: rgb(243, 243, 243) !important;
}
.table .priority {
  width: 5px;
  height: 18px;
  border-radius: 8px;
  vertical-align: middle;
  display: inline-block;
  position: absolute;
  left: 13px;
}
.dashboard .table .priority{
  left: -2px;
}
@media screen and (max-width: 768px) {
  .panel > .table-responsive {
      padding: 8px;
  }

  .table-responsive > .table-framed {
      border: 0px;
  }
}

.table-borderless > tbody > tr > td, .table-borderless > tbody > tr > th {
  border: 0px;
}

.table-columned > tbody > tr > td, .table-columned > tfoot > tr > td, .table-columned > tbody > tr > th, .table-columned > tfoot > tr > th {
  border-width: 0px 0px 0px 1px;
  border-top-style: initial;
  border-right-style: initial;
  border-bottom-style: initial;
  border-top-color: initial;
  border-right-color: initial;
  border-bottom-color: initial;
  border-image: initial;
  border-left-style: solid;
  border-left-color: rgb(221, 221, 221);
}

.table-columned > tbody > tr > td:first-child, .table-columned > tfoot > tr > td:first-child, .table-columned > tbody > tr > th:first-child, .table-columned > tfoot > tr > th:first-child {
  border-left: 0px;
}

.table-columned > thead > tr > th, .table-columned > thead > tr > td {
  border-left: 1px solid rgb(221, 221, 221);
}

.table-columned > thead > tr > th:first-child, .table-columned > thead > tr > td:first-child {
  border-left: 0px;
}

.table-xlg > thead > tr > th, .table-xlg > tbody > tr > th, .table-xlg > tfoot > tr > th, .table-xlg > thead > tr > td, .table-xlg > tbody > tr > td, .table-xlg > tfoot > tr > td {
  padding: 20px;
}

.table-lg > thead > tr > th, .table-lg > tbody > tr > th, .table-lg > tfoot > tr > th, .table-lg > thead > tr > td, .table-lg > tbody > tr > td, .table-lg > tfoot > tr > td {
  padding: 15px 20px;
}

.table-sm > thead > tr > th, .table-sm > tbody > tr > th, .table-sm > tfoot > tr > th, .table-sm > thead > tr > td, .table-sm > tbody > tr > td, .table-sm > tfoot > tr > td {
  padding: 10px 20px;
}

.table-xs > thead > tr > th, .table-xs > tbody > tr > th, .table-xs > tfoot > tr > th, .table-xs > thead > tr > td, .table-xs > tbody > tr > td, .table-xs > tfoot > tr > td {
  padding: 8px 20px;
}

.table-xxs > thead > tr > th, .table-xxs > tbody > tr > th, .table-xxs > tfoot > tr > th, .table-xxs > thead > tr > td, .table-xxs > tbody > tr > td, .table-xxs > tfoot > tr > td {
  padding: 6px 15px;
}

.table-bordered tr:first-child > td, .table-bordered tr:first-child > th {
  border-top-color: rgb(187, 187, 187);
}

.table-bordered tr[class*="bg-"] > th, .table-bordered tr[class*="bg-"] > td, .table-bordered tr > th[class*="bg-"], .table-bordered tr > td[class*="bg-"] {
  border-color: rgb(255, 255, 255);
}

.panel[class*="bg-"] .table-striped > tbody > tr:nth-child(2n+1), .table-striped[class*="bg-"] > tbody > tr:nth-child(2n+1) {
  background-color: rgba(0, 0, 0, 0.05);
}

.table-hover > tbody > tr:hover > th, .table-hover > tbody > tr:hover > td {
  background-color: inherit;
}

.panel[class*="bg-"] .table-hover > tbody > tr:hover, .table-hover[class*="bg-"] > tbody > tr:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.panel[class*="bg-"] .panel-body > .table .active > th, .panel[class*="bg-"] .panel-body > .table-responsive > .table .active > th, .table[class*="bg-"] .active > th, .panel[class*="bg-"] .panel-body > .table .active > td, .panel[class*="bg-"] .panel-body > .table-responsive > .table .active > td, .table[class*="bg-"] .active > td, .panel[class*="bg-"] .panel-body > .table th.active, .panel[class*="bg-"] .panel-body > .table-responsive > .table th.active, .table[class*="bg-"] th.active, .panel[class*="bg-"] .panel-body > .table td.active, .panel[class*="bg-"] .panel-body > .table-responsive > .table td.active, .table[class*="bg-"] td.active {
  background-color: rgba(0, 0, 0, 0.15);
}

legend {
  font-size: 12px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-transform: uppercase;
}

fieldset:first-child legend:first-child {
  padding-top: 0px;
}

legend .control-arrow {
  float: right;
  color: rgb(153, 153, 153);
}

legend .control-arrow:hover {
  color: rgb(51, 51, 51);
}

label {
  margin-bottom: 7px;
  font-weight: 400;
}

select[multiple], select[size] {
  height: 200px;
  padding: 7px;
}

select[multiple] option, select[size] option {
  padding: 7px 12px;
  border-radius: 3px;
}

select[multiple] option + option, select[size] option + option {
  margin-top: 1px;
}

input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
  outline: 0px;
}

.form-control {
  box-shadow: none;
}

.form-control:focus {
  outline: 0px;
  box-shadow: none;
}
.form-control.simplified{
      display: inline-block;
    width: auto;
    padding: 2px;
    height: auto;
}
form .restricted {
  pointer-events: none;
  opacity: 0.5;
}

.form-control[class*="bg-"]:focus {
  border-color: transparent;
}

.form-control[class*="bg-"]::-webkit-input-placeholder {
  color: rgb(255, 255, 255);
}

.input-rounded {
  border-radius: 100px;
}

.input-roundless {
  border-radius: 0px;
}

.form-control-unstyled {
  padding: 0px;
  border: 0px;
  background-color: transparent;
}

input[type="text"], input[type="password"], input[type="search"], input[type="email"], input[type="number"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="url"], input[type="tel"], textarea {
  appearance: none;
}

.form-group {
  margin-bottom: 20px;
  position: relative;
}

.form-group .form-group:last-child {
  margin-bottom: 0px;
}

@media (max-width: 1024px) {
  .form-group div[class*="col-md-"]:not(.control-label) + div[class*="col-md-"] {
      margin-top: 20px;
  }
}

@media (max-width: 1199px) {
  .form-group div[class*="col-lg-"]:not(.control-label) + div[class*="col-lg-"] {
      margin-top: 20px;
  }
}

@media (max-width: 768px) {
  .form-group div[class*="col-sm-"]:not(.control-label) + div[class*="col-sm-"] {
      margin-top: 20px;
  }
}

.form-group-material > .control-label {
  position: relative;
  top: 7px;
  opacity: 0;
}

.form-group-material > .control-label ~ .form-control-feedback {
  top: 27px;
}

.form-group-material > .control-label.is-visible {
  top: 0px;
  opacity: 1;
}

.form-group-material > .control-label.animate {
  transition: all 0.1s linear 0s;
}

.radio, .checkbox {
  margin-top: 8px;
  margin-bottom: 8px;
}

.radio label, .checkbox label {
  padding-left: 28px;
}

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
  margin-left: 0px;
  left: 0px;
}

.radio + .radio, .checkbox + .checkbox {
  margin-top: 0px;
}

.radio-inline, .checkbox-inline {
  position: relative;
  padding-left: 28px;
}

.radio-right.radio-inline, .radio-right label, .checkbox-right.radio-inline, .checkbox-right label, .checkbox-right.checkbox-inline, .checkbox-right label {
  padding-left: 0px;
  padding-right: 28px;
}

.radio-right input[type="radio"], .checkbox-right input[type="radio"], .checkbox-right input[type="checkbox"] {
  left: auto;
  right: 0px;
}

.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
  margin-left: 15px;
}

.radio.disabled, .checkbox.disabled, .radio-inline.disabled, .checkbox-inline.disabled, fieldset[disabled] .radio, fieldset[disabled] .checkbox, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox-inline {
  color: rgb(153, 153, 153);
}

.input-xlg {
  height: 42px;
  padding: 10px 16px;
  font-size: 15px;
  line-height: 1.33333;
  border-radius: 3px;
}

select.input-xlg {
  height: 42px;
  line-height: 42px;
}

textarea.input-xlg, select[multiple].input-xlg {
  height: auto;
}

.form-group-xlg .form-control {
  height: 42px;
  padding: 10px 16px;
  font-size: 15px;
  line-height: 1.33333;
  border-radius: 3px;
}

select.form-group-xlg .form-control {
  height: 42px;
  line-height: 42px;
}

textarea.form-group-xlg .form-control, select[multiple].form-group-xlg .form-control {
  height: auto;
}

.form-group-xlg .form-control-static {
  height: 42px;
  min-height: 35px;
  padding: 10px 16px;
  font-size: 15px;
  line-height: 1.33333;
}

.input-xs {
  height: 32px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.66667;
  border-radius: 2px;
}

select.input-xs {
  height: 32px;
  line-height: 32px;
}

textarea.input-xs, select[multiple].input-xs {
  height: auto;
}

.form-group-xs .form-control {
  height: 32px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.66667;
  border-radius: 2px;
}

select.form-group-xs .form-control {
  height: 32px;
  line-height: 32px;
}

textarea.form-group-xs .form-control, select[multiple].form-group-xs .form-control {
  height: auto;
}

.form-group-xs .form-control-static {
  height: 32px;
  min-height: 32px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.66667;
}

.has-feedback .form-control {
  padding-right: 36px;
}

.has-feedback .form-control.input-xlg {
  padding-right: 42px;
}

.has-feedback .form-control.input-lg {
  padding-right: 40px;
}

.has-feedback .form-control.input-sm {
  padding-right: 34px;
}

.has-feedback .form-control.input-xs {
  padding-right: 32px;
}

.form-control-feedback {
  width: 38px;
  color: rgb(51, 51, 51);
  z-index: 3;
}

input[class*="bg-"] + .form-control-feedback {
  color: rgb(255, 255, 255);
}

.has-feedback-left .form-control {
  padding-right: 12px;
  padding-left: 36px;
}

.has-feedback-left .form-control.input-xlg {
  padding-right: 10px;
  padding-left: 42px;
}

.has-feedback-left .form-control.input-lg {
  padding-right: 15px;
  padding-left: 40px;
}

.has-feedback-left .form-control.input-sm {
  padding-right: 11px;
  padding-left: 34px;
}

.has-feedback-left .form-control.input-xs {
  padding-right: 10px;
  padding-left: 32px;
}

.has-feedback-left .form-control-feedback {
  right: auto;
  left: 0px;
}

.input-xlg + .form-control-feedback, .form-group-xlg > .form-control-feedback {
  width: 44px;
  height: 42px;
  line-height: 42px;
}

.input-lg + .form-control-feedback, .form-group-lg > .form-control-feedback {
  width: 42px;
}

.input-sm + .form-control-feedback, .form-group-sm > .form-control-feedback {
  width: 36px;
}

.input-xs + .form-control-feedback, .form-group-xs > .form-control-feedback {
  width: 34px;
  height: 32px;
  line-height: 32px;
}

.has-success .form-control:focus, .has-warning .form-control:focus, .has-error .form-control:focus {
  box-shadow: none;
}

.error {
  border: 1px solid rgb(245, 0, 0) !important;
}

.help-block {
  color: rgb(153, 153, 153);
  font-size: 12px;
  margin-top: 7px;
  margin-bottom: 7px;
}

.help-inline {
  display: inline-block;
  color: rgb(153, 153, 153);
  font-size: 12px;
  margin-top: 8px;
  margin-bottom: 8px;
}

.form-horizontal .form-group > div[class*="col-"] + .help-inline {
  margin-left: 10px;
  margin-right: 10px;
}

.well.form-actions.stuck {
  position: fixed;
  bottom: 0px;
  width: 100%;
  margin-left: -15px;
  margin-bottom: 0px;
  z-index: 5;
  border-radius: 0px;
}

.sticky {
  position: fixed;
  bottom: 0px;
}

#sticky-footer {
  display: inline-block;
  width: 100%;
}

#sticky-footer .well {
  padding: 10px 20px;
  width: 100%;
  z-index: 2;
  background: rgb(238, 238, 238);
}

@media (min-width: 1025px) {
  .help-inline {
      display: inline-block;
      margin-top: 8px;
      margin-bottom: 8px;
      vertical-align: top;
  }

  .help-inline:not(.label) {
      color: rgb(153, 153, 153);
  }

  .form-group-lg .help-inline {
      margin-top: 10px;
  }

  .form-group-sm .help-inline {
      margin-top: 7px;
  }

  .form-group-xs .help-inline {
      margin-top: 6px;
  }
}

@media (min-width: 769px) {
  .form-inline .form-group + .form-group {
      margin-left: 15px;
  }

  .form-inline .form-group > label {
      margin-right: 7px;
      position: relative;
      top: 1px;
  }
}

.form-horizontal .form-group .form-group {
  margin-left: 0px;
  margin-right: 0px;
}

@media (min-width: 769px) {
  .form-horizontal .control-label {
      padding-bottom: 7px;
      padding-top: 0px;
  }

  .form-horizontal .control-label:not(.text-right) {
      text-align: left;
  }
}

@media (min-width: 480px) {
  .form-horizontal .control-label[class*="col-xs-"] {
      padding-top: 8px;
  }
}

@media (min-width: 1025px) {
  .form-horizontal .control-label[class*="col-md-"] {
      padding-top: 8px;
  }
}

@media (min-width: 769px) {
  .form-horizontal .control-label[class*="col-sm-"] {
      padding-top: 8px;
  }
}

@media (min-width: 1200px) {
  .form-horizontal .control-label[class*="col-lg-"] {
      padding-top: 8px;
  }
}

.form-horizontal .has-feedback > .form-control-feedback {
  right: 0px;
}

.form-horizontal .has-feedback-left .form-control-feedback {
  right: auto;
  left: 10px;
}

.form-horizontal .has-feedback-left > .form-control-feedback {
  left: 0px;
}

@media (min-width: 769px) {
  .form-horizontal .form-group-xlg .control-label {
      font-size: 15px;
      padding-top: 11px;
  }
}

@media (min-width: 769px) {
  .form-horizontal .form-group-lg .control-label {
      padding-top: 10px;
  }
}

@media (min-width: 769px) {
  .form-horizontal .form-group-sm .control-label {
      padding-top: 7px;
  }
}

@media (min-width: 769px) {
  .form-horizontal .form-group-xs .control-label {
      font-size: 12px;
      padding-top: 6px;
  }
}

.btn {
  position: relative;
}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
  outline: 0px;
}

.btn:hover, .btn:focus, .btn.focus {
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 100px inset;
}

.btn:active, .btn.active {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 100px inset;
}

.btn[class*="bg-"]:hover, .btn[class*="bg-"]:focus, .btn[class*="bg-"].focus {
  color: rgb(255, 255, 255);
}

.btn.text-size-small {
  line-height: 1.66667;
}

.btn.text-size-mini {
  line-height: 1.82;
}

.btn-default:hover, .btn-default:focus, .btn-default.focus {
  box-shadow: rgba(0, 0, 0, 0.01) 0px 0px 0px 100px inset;
}

.btn-default:active, .btn-default.active {
  box-shadow: rgba(0, 0, 0, 0.03) 0px 0px 0px 100px inset;
}

.btn-labeled {
  padding-left: 48px;
}

.btn-labeled.btn-default > b {
  background-color: rgb(33, 150, 243);
  color: rgb(255, 255, 255);
}

.btn-labeled > b {
  position: absolute;
  top: -1px;
  left: -1px;
  background-color: rgba(0, 0, 0, 0.15);
  display: block;
  line-height: 1;
  padding: 10px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

.btn-labeled > b > i {
  top: 0px;
}

.btn-labeled.btn-labeled-right {
  padding-left: 12px;
  padding-right: 48px;
}

.btn-labeled.btn-labeled-right > b {
  left: auto;
  right: -1px;
  border-radius: 0px 3px 3px 0px;
}

.btn-labeled.btn-xlg {
  padding-left: 58px;
}

.btn-labeled.btn-xlg > b {
  padding: 13px;
}

.btn-labeled.btn-xlg.btn-labeled-right {
  padding-left: 16px;
  padding-right: 58px;
}

.btn-labeled.btn-lg {
  padding-left: 55px;
}

.btn-labeled.btn-lg > b {
  padding: 12px;
}

.btn-labeled.btn-lg.btn-labeled-right {
  padding-left: 15px;
  padding-right: 55px;
}

.btn-labeled.btn-sm {
  padding-left: 45px;
}

.btn-labeled.btn-sm > b {
  padding: 9px;
}

.btn-labeled.btn-sm.btn-labeled-right {
  padding-left: 11px;
  padding-right: 45px;
}

.btn-labeled.btn-xs {
  padding-left: 42px;
}

.btn-labeled.btn-xs > b {
  padding: 8px;
}

.btn-labeled.btn-xs.btn-labeled-right {
  padding-left: 42px;
}

.btn-flat {
  border-width: 2px;
  background-color: transparent;
}

.btn-flat:hover, .btn-flat:focus {
  opacity: 0.8;
  box-shadow: none;
}

.btn-flat:active {
  opacity: 0.95;
}

.btn-group.open .dropdown-toggle.btn-flat {
  box-shadow: none;
}
.dropdown-menu.pull-right a {
  width: 100%;
  text-align: left;
}
.hover-group:hover > .dropdown-menu {
  display: block;
  left: auto;
  margin-top: 0px;
}

.btn-icon {
  padding-left: 9px;
  padding-right: 9px;
}

.btn-icon .checker, .btn-icon .choice {
  margin-top: -1px;
}

.btn-icon.icon-2x {
  padding-left: 7px;
  padding-right: 7px;
}

.btn-icon.icon-2x > i {
  font-size: 32px;
  top: 0px;
}

.btn-icon.icon-2x.btn-xlg {
  padding-left: 10px;
  padding-right: 10px;
}

.btn-icon.icon-2x.btn-lg {
  padding-left: 9px;
  padding-right: 9px;
}

.btn-icon.icon-2x.btn-sm {
  padding-left: 6px;
  padding-right: 6px;
}

.btn-icon.icon-2x.btn-xs {
  padding-left: 5px;
  padding-right: 5px;
}

.btn-icon.btn-xlg, .input-group-xlg > .input-group-btn > .btn-icon {
  padding-left: 12px;
  padding-right: 12px;
}

.btn-icon.btn-lg, .input-group-lg > .input-group-btn > .btn-icon {
  padding-left: 11px;
  padding-right: 11px;
}

.btn-icon.btn-sm, .input-group-sm > .input-group-btn > .btn-icon {
  padding-left: 8px;
  padding-right: 8px;
}

.btn-icon.btn-xs, .input-group-xs > .input-group-btn > .btn.btn-icon {
  padding-left: 7px;
  padding-right: 7px;
}

.btn-float {
  padding: 16px;
  border-radius: 3px;
}

.btn-float.btn-link {
  padding: 11px;
}

.btn-float i {
  display: block;
  margin: 0px;
  top: 0px;
}

.btn-float img {
  border-radius: 3px;
}

.btn-float > span {
  display: block;
  padding-top: 10px;
  margin-bottom: -6px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.btn-float.btn-float-lg i {
  font-size: 32px;
}

.btn-block-group .btn {
  border-radius: 0px;
  border-width: 1px 0px 0px 1px;
}

.btn-block-group .btn:last-child {
  border-bottom-width: 1px;
}

.btn-block-group .btn-default {
  border-color: rgb(221, 221, 221);
}

.btn-block-group .btn-block + .btn-block {
  margin-top: 0px;
}

.btn-block-group div[class*="col-"]:first-child .btn:first-child {
  border-radius: 3px 0px 0px;
}

.btn-block-group div[class*="col-"]:first-child .btn:last-child {
  border-radius: 0px 0px 0px 3px;
}

.btn-block-group div[class*="col-"]:last-child .btn {
  border-right-width: 1px;
}

.btn-block-group div[class*="col-"]:last-child .btn:first-child {
  border-radius: 0px 3px 0px 0px;
}

.btn-block-group div[class*="col-"]:last-child .btn:last-child {
  border-radius: 0px 0px 3px;
}

.btn-link {
  color: rgb(51, 51, 51);
}

.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
  box-shadow: none;
}

.btn-rounded, .btn-rounded.btn-labeled > b, .btn-rounded img {
  border-radius: 100px;
}

.btn-block + .btn-block {
  margin-top: 10px;
}

.btn-default:focus, .btn-default.focus, .btn-default:hover {
  background-color: rgb(252, 252, 252);
  border-color: rgb(221, 221, 221);
  color: #000;
}

.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
  background-color: rgb(252, 252, 252);
  border-color: rgb(221, 221, 221);
}

.btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus {
  background-color: rgb(252, 252, 252);
  border-color: rgb(221, 221, 221);
}

.btn-default.disabled {
  box-shadow: none;
}

.btn-primary:focus, .btn-primary.focus, .btn-primary:hover {
  background-color: rgb(33, 150, 243);
  border-color: rgb(33, 150, 243);
}

.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
  background-color: rgb(33, 150, 243);
  border-color: rgb(33, 150, 243);
}

.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus, .btn[aria-expanded="true"] {
  background-color: rgb(33, 150, 243);
  border-color: rgb(33, 150, 243);
}

.btn-primary.disabled {
  box-shadow: none;
}

.btn-success:focus, .btn-success.focus, .btn-success:hover {
  background-color: rgb(76, 175, 80);
  border-color: rgb(76, 175, 80);
}

.btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
  background-color: rgb(76, 175, 80);
  border-color: rgb(76, 175, 80);
}

.btn-success:active:hover, .btn-success.active:hover, .open > .dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open > .dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open > .dropdown-toggle.btn-success.focus {
  background-color: rgb(76, 175, 80);
  border-color: rgb(76, 175, 80);
}

.btn-success.disabled {
  box-shadow: none;
}

.btn-info:focus, .btn-info.focus, .btn-info:hover {
  background-color: rgb(0, 188, 212);
  border-color: rgb(0, 188, 212);
}

.btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
  background-color: rgb(0, 188, 212);
  border-color: rgb(0, 188, 212);
}

.btn-info:active:hover, .btn-info.active:hover, .open > .dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open > .dropdown-toggle.btn-info:focus, .btn-info:active.focus, .btn-info.active.focus, .open > .dropdown-toggle.btn-info.focus {
  background-color: rgb(0, 188, 212);
  border-color: rgb(0, 188, 212);
}

.btn-info.disabled {
  box-shadow: none;
}

.btn-warning:focus, .btn-warning.focus, .btn-warning:hover {
  background-color: rgb(255, 87, 34);
  border-color: rgb(255, 87, 34);
}

.btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
  background-color: rgb(255, 87, 34);
  border-color: rgb(255, 87, 34);
}

.btn-warning:active:hover, .btn-warning.active:hover, .open > .dropdown-toggle.btn-warning:hover, .btn-warning:active:focus, .btn-warning.active:focus, .open > .dropdown-toggle.btn-warning:focus, .btn-warning:active.focus, .btn-warning.active.focus, .open > .dropdown-toggle.btn-warning.focus {
  background-color: rgb(255, 87, 34);
  border-color: rgb(255, 87, 34);
}

.btn-warning.disabled {
  box-shadow: none;
}

.btn-danger:focus, .btn-danger.focus, .btn-danger:hover {
  background-color: rgb(244, 67, 54);
  border-color: rgb(244, 67, 54);
}

.btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
  background-color: rgb(244, 67, 54);
  border-color: rgb(244, 67, 54);
}

.btn-danger:active:hover, .btn-danger.active:hover, .open > .dropdown-toggle.btn-danger:hover, .btn-danger:active:focus, .btn-danger.active:focus, .open > .dropdown-toggle.btn-danger:focus, .btn-danger:active.focus, .btn-danger.active.focus, .open > .dropdown-toggle.btn-danger.focus {
  background-color: rgb(244, 67, 54);
  border-color: rgb(244, 67, 54);
}

.btn-danger.disabled {
  box-shadow: none;
}

.btn-outline.active {
  color: rgb(255, 255, 255);
}

.btn-xlg, .btn-group-xlg > .btn {
  padding: 10px 16px;
  font-size: 14px;
  line-height: 1.42857;
  border-radius: 3px;
}

.btn-xlg.btn-rounded {
  border-radius: 100px;
}

.btn-lg, .btn-group-lg > .btn {
  border-radius: 3px;
}

.btn-lg.btn-rounded {
  border-radius: 100px;
}

.btn-sm:not(.btn-rounded), .btn-group-sm > .btn:not(.btn-rounded), .btn-xs:not(.btn-rounded), .btn-group-xs > .btn:not(.btn-rounded) {
  border-radius: 3px;
}

.badgebox {
  opacity: 0;
}

.badgebox + .badge {
  text-indent: -999999px;
  width: 27px;
}

.badgebox:focus + .badge {
  box-shadow: 0px 0px 5px inset;
}

.badgebox:checked + .badge {
  text-indent: 0px;
}

.btn span.glyphicon {
  opacity: 0;
}

.btn.active span.glyphicon {
  opacity: 1;
}

.timepicker .btn span.glyphicon {
  opacity: 1;
}

.caret {
  font-style: normal;
  font-weight: normal;
  border: 0px;
  margin: -1px 0px 0px;
  width: auto;
  height: auto;
  text-align: center;
}

.caret::after {
  content: "";
  font-family: icomoon;
  display: block;
  font-size: 16px;
  width: 16px;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

.dropdown-menu {
  min-width: 180px;
  padding: 7px 0px;
  color: rgb(51, 51, 51);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px;
}

.timepicker .timepicker-picker {
  margin: 25px;
}

.datepicker {
  z-index: 2;
}

.dropdown-menu .divider {
  margin: 7px 0px;
}

.dropdown-menu > li {
  position: relative;
  margin-bottom: 1px;
}

.dropdown-menu > li:last-child {
  margin-bottom: 0px;
}

.dropdown-menu > li > a {
  padding: 8px 15px;
  outline: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dropdown-menu > li > a > i, .dropdown-menu > .dropdown-header > i, .dropdown-menu > li > a > img, .dropdown-menu > .dropdown-header > img {
  margin-right: 12px;
  float: left;
  margin-top: 2px;
  top: 0px;
}

.dropdown-menu > li > a > i.pull-right, .dropdown-menu > .dropdown-header > i.pull-right, .dropdown-menu > li > a > img.pull-right, .dropdown-menu > .dropdown-header > img.pull-right {
  margin-right: 0px;
  margin-left: 12px;
}

.dropdown-menu > li > a > .label, .dropdown-menu > .dropdown-header > .label, .dropdown-menu > li > a > .badge, .dropdown-menu > .dropdown-header > .badge {
  float: left;
  margin-right: 12px;
}

.dropdown-menu > li > a > .label.pull-right, .dropdown-menu > .dropdown-header > .label.pull-right, .dropdown-menu > li > a > .badge.pull-right, .dropdown-menu > .dropdown-header > .badge.pull-right {
  margin-right: 0px;
  margin-left: 12px;
}

.dropdown-menu > li > a > img, .dropdown-menu > .dropdown-header > img {
  max-height: 16px;
}

.dropdown-menu > li > label:hover, .dropdown-menu > li > label:focus {
  text-decoration: none;
  color: rgb(51, 51, 51);
  background-color: rgb(245, 245, 245);
}

.dropdown-menu > .active > label, .dropdown-menu > .active > label:hover, .dropdown-menu > .active > label:focus {
  color: rgb(255, 255, 255);
  outline: 0px;
  background-color: rgb(33, 150, 243);
}

.dropdown-menu > .disabled > label, .dropdown-menu > .disabled > label:hover, .dropdown-menu > .disabled > label:focus {
  background-color: transparent;
  color: rgb(153, 153, 153);
}

.dropdown-menu > li > label {
  padding: 8px 15px 8px 43px;
  display: block;
  cursor: pointer;
}

.dropdown-menu > li > label .checker, .dropdown-menu > li > label .choice, .dropdown-menu > li > label > input[type="checkbox"], .dropdown-menu > li > label > input[type="radio"] {
  left: 15px;
  top: auto;
  margin-top: 1px;
}

.dropdown-menu > li.checkbox, .dropdown-menu > li.radio {
  margin-top: 0px;
}

.dropdown-menu > li.checkbox-right > label, .dropdown-menu > li.radio-right > label, .dropdown-menu > li.checkbox-right > label {
  padding-left: 15px;
  padding-right: 43px;
}

.dropdown-menu > li.checkbox-right > label .checker, .dropdown-menu > li.checkbox-right > label > input[type="checkbox"] {
  left: auto;
  right: 15px;
}

.dropdown-menu > li.radio-right > label .choice, .dropdown-menu > li.radio-right > label > input[type="radio"], .dropdown-menu > li.checkbox-right > label .choice, .dropdown-menu > li.checkbox-right > label > input[type="radio"] {
  left: auto;
  right: 15px;
}

.dropdown-menu > .checkbox-switchery > label > .switchery {
  left: 15px;
}

.dropdown-menu > .checkbox-switchery.checkbox-right[class*="switchery-"] > label {
  padding-left: 15px;
}

.dropdown-menu > .checkbox-switchery.checkbox-right[class*="switchery-"] > label > .switchery {
  left: auto;
  right: 15px;
}

.dropdown-menu > .checkbox-switchery.switchery-sm {
  margin-bottom: 0px;
}

.dropdown-menu > .checkbox-switchery.switchery-sm > label {
  padding-left: 68px;
}

.dropdown-menu > .checkbox-switchery.switchery-xs {
  margin-bottom: 0px;
}

.dropdown-menu > .checkbox-switchery.switchery-xs > label {
  padding-left: 60px;
}

.dropdown-menu > .checkbox-switchery.checkbox-right.switchery-sm > label {
  padding-right: 68px;
}

.dropdown-menu > .checkbox-switchery.checkbox-right.switchery-xs > label {
  padding-right: 60px;
}

.dropdown-menu > .disabled .badge, .dropdown-menu > .disabled .label, .dropdown-menu > .disabled img {
  opacity: 0.8;
}

.dropdown-menu[class*="bg-"] > li > a, .dropdown-menu[class*="bg-"] > li > label {
  color: rgb(255, 255, 255);
}

.dropdown-menu[class*="bg-"] > li > a:hover, .dropdown-menu[class*="bg-"] > li > label:hover, .dropdown-menu[class*="bg-"] > li > a:focus, .dropdown-menu[class*="bg-"] > li > label:focus {
  background-color: rgba(0, 0, 0, 0.1);
}

.dropdown-menu[class*="bg-"] > li > a > .label, .dropdown-menu[class*="bg-"] > li > label > .label, .dropdown-menu[class*="bg-"] > li > a > .badge, .dropdown-menu[class*="bg-"] > li > label > .badge {
  color: rgb(51, 51, 51);
  background-color: rgb(255, 255, 255);
  border-color: rgb(255, 255, 255);
}

.dropdown-menu[class*="bg-"] > .active > a, .dropdown-menu[class*="bg-"] > .active > label, .dropdown-menu[class*="bg-"] > .active > a:hover, .dropdown-menu[class*="bg-"] > .active > label:hover, .dropdown-menu[class*="bg-"] > .active > a:focus, .dropdown-menu[class*="bg-"] > .active > label:focus {
  background-color: rgba(0, 0, 0, 0.2);
}

.dropdown-menu[class*="bg-"] > .disabled > a, .dropdown-menu[class*="bg-"] > .disabled > label, .dropdown-menu[class*="bg-"] > .disabled > a:hover, .dropdown-menu[class*="bg-"] > .disabled > label:hover, .dropdown-menu[class*="bg-"] > .disabled > a:focus, .dropdown-menu[class*="bg-"] > .disabled > label:focus {
  background-color: transparent;
  color: rgba(255, 255, 255, 0.6);
}

.dropdown-menu[class*="bg-"] > .dropdown-header {
  color: rgba(255, 255, 255, 0.6);
}

.dropdown-menu[class*="bg-"] > .dropdown-header.highlight {
  background-color: rgba(0, 0, 0, 0.1);
}

.dropdown-menu[class*="bg-"] .divider {
  background-color: rgba(255, 255, 255, 0.4);
}

.dropdown-menu-lg > li > a {
  padding-top: 9px;
  padding-bottom: 9px;
  font-size: 14px;
  line-height: 1.42857;
}

.dropdown-menu-sm > li > a {
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 12px;
  line-height: 1.66667;
}

.dropdown-menu-xs > li > a {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 12px;
  line-height: 1.66667;
}

.dropdown-menu > .dropdown-submenu > a {
  padding-right: 38px;
  position: relative;
}

.dropdown-menu > .dropdown-submenu > a::after {
  content: "";
  font-family: icomoon;
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 15px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  opacity: 0.8;
}

.dropdown-menu > .dropdown-submenu:hover > a, .dropdown-menu > .dropdown-submenu:focus > a {
  background-color: rgb(245, 245, 245);
}

.dropdown-menu > .dropdown-submenu:hover > a::after, .dropdown-menu > .dropdown-submenu:focus > a::after {
  opacity: 1;
}

.dropdown-menu > .dropdown-submenu.active > a {
  background-color: rgb(33, 150, 243);
  color: rgb(255, 255, 255);
}

@media (min-width: 769px) {
  .dropdown-menu > .dropdown-submenu:hover > .dropdown-menu {
      display: block;
  }
}

.dropdown-menu > .dropdown-submenu.disabled > .dropdown-menu {
  display: none;
}

.dropdown-menu > .dropdown-submenu.disabled > a {
  background-color: transparent;
}

.dropdown-menu > .dropdown-submenu > .dropdown-menu {
  top: 0px;
  left: 100%;
  margin-top: -8px;
}

.dropup .dropdown-menu > .dropdown-submenu > .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu > .dropdown-submenu > .dropdown-menu {
  top: auto;
  bottom: 0px;
  margin-top: 0px;
  margin-bottom: -8px;
}

.dropdown-menu > .dropdown-submenu.dropdown-submenu-left > .dropdown-menu {
  left: auto;
  right: 100%;
}

.dropup .dropdown-menu > .dropdown-submenu > .dropdown-menu, .dropup.dropdown-menu > .dropdown-submenu > .dropdown-menu {
  top: auto;
  bottom: 0px;
  margin-top: 0px;
  margin-bottom: -8px;
}

@media (max-width: 768px) {
  .dropdown-menu > .dropdown-submenu {
      position: static;
  }

  .dropdown-menu > .dropdown-submenu > a::after {
      content: "";
  }

  .dropdown-menu > .dropdown-submenu .dropdown-menu, .dropdown-menu > .dropdown-submenu.dropdown-submenu-left .dropdown-menu {
      position: relative;
      left: 0px;
      right: 0px;
      float: none;
      border-width: 0px;
      border-color: rgba(0, 0, 0, 0.1);
      box-shadow: none;
      min-width: 100%;
      margin: 0px;
  }

  .dropdown-menu > .dropdown-submenu .dropdown-menu > li > a, .dropdown-menu > .dropdown-submenu.dropdown-submenu-left .dropdown-menu > li > a {
      padding-left: 30px;
  }

  .dropdown-menu > .dropdown-submenu .dropdown-menu > li > ul > li > a, .dropdown-menu > .dropdown-submenu.dropdown-submenu-left .dropdown-menu > li > ul > li > a {
      padding-left: 45px;
  }
}

.dropdown-menu[class*="bg-"] > .dropdown-submenu:hover > a, .dropdown-menu[class*="bg-"] > .dropdown-submenu:focus > a {
  background-color: rgba(0, 0, 0, 0.1);
}

.dropdown-menu[class*="bg-"] > .dropdown-submenu.disabled:hover > a, .dropdown-menu[class*="bg-"] > .dropdown-submenu.disabled:focus > a {
  background-color: transparent;
}

.dropdown-header {
  padding: 8px 15px;
  font-size: 11px;
  line-height: 1.82;
  color: rgb(153, 153, 153);
  text-transform: uppercase;
  margin-top: 7px;
}

.dropdown-header.highlight {
  margin-top: 0px;
  background-color: rgb(248, 248, 248);
  color: rgb(153, 153, 153);
}

li + .dropdown-header.highlight, .dropdown-header.highlight + li {
  margin-top: 7px;
}

.dropdown-header.highlight:first-child {
  margin-top: 0px;
}

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
  border: 0px;
}

.dropup .caret::after, .navbar-fixed-bottom .dropdown .caret::after {
  content: "";
}

.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
  margin-left: 1px;
}

.btn-group .btn + .btn-default, .btn-group .btn-default + .btn-group, .btn-group .btn-group + .btn-default {
  margin-left: -1px;
}

.btn-group > .btn-sm {
  padding: 3px;
  font-size: 12px;
}

.btn-toolbar {
  font-size: 0px;
}

.btn-toolbar .btn-group, .btn-toolbar .input-group {
  float: none;
}

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
}

.btn-group > .btn + .dropdown-toggle {
  padding-left: 9px;
  padding-right: 9px;
}

.btn-group > .btn-xlg + .dropdown-toggle, .btn-group-xlg > .btn + .dropdown-toggle {
  padding-left: 13px;
  padding-right: 13px;
}

.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg > .btn + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
}

.btn-group > .btn-sm + .dropdown-toggle, .btn-group-sm > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
}

.btn-group > .btn-xs + .dropdown-toggle, .btn-group-xs > .btn + .dropdown-toggle {
  padding-left: 7px;
  padding-right: 7px;
}

.btn-group.open .dropdown-toggle {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 100px inset;
}

.btn-group.open .dropdown-toggle.btn-default {
  box-shadow: rgba(0, 0, 0, 0.03) 0px 0px 0px 100px inset;
}

.btn-group-justified > .btn + .btn, .btn-group-justified > .btn-group + .btn-group > .btn {
  border-left-color: rgba(255, 255, 255, 0.2);
}

.btn-group-justified > .btn + .btn-default, .btn-group-justified > .btn-group + .btn-group > .btn-default {
  border-left-width: 0px;
}

.input-group .form-control-feedback {
  z-index: 3;
}

.input-group-xlg > .form-control, .input-group-xlg > .input-group-addon, .input-group-xlg > .input-group-btn > .btn {
  height: 42px;
  padding: 10px 16px;
  font-size: 15px;
  line-height: 1.33333;
}

.input-group-xs > .form-control, .input-group-xs > .input-group-addon, .input-group-xs > .input-group-btn > .btn {
  height: 32px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.66667;
}

.input-group-transparent .input-group-addon {
  background-color: transparent;
  border-color: transparent;
  padding: 0px;
}

.input-group-transparent .form-control {
  background-color: transparent;
  border-color: transparent;
  cursor: pointer;
  width: auto;
  padding: 0px;
}

.input-group-transparent .form-control:hover, .input-group-transparent .form-control:focus {
  border-color: transparent;
}

.input-group-addon > i {
  display: block;
  top: 0px;
}

.input-group-addon .checker, .input-group-addon .choice {
  display: block;
  margin-top: 1px;
}

.input-group-addon.input-xlg {
  padding: 11px 15px;
  font-size: 14px;
  border-radius: 3px;
}

.input-group-addon.input-xs {
  padding: 5px 10px;
  font-size: 13px;
  border-radius: 2px;
}

.input-group-addon.input-sm {
  font-size: 13px;
}

.input-group-addon.input-lg {
  border-radius: 3px;
}

.nav > li > a:focus {
  outline: 0px;
}

.nav > li.disabled > a > .badge, .nav > li.disabled > a > .label, .nav > li.disabled > a > .status-mark, .nav > li.disabled > a > img {
  opacity: 0.75;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  background-color: transparent;
  border-color: transparent;
  color: rgb(51, 51, 51);
}

.nav.nav-lg > li > a {
  padding: 11px 20px;
}

.nav.nav-sm > li > a {
  padding: 7px 15px;
}

.nav.nav-xs > li > a {
  padding: 5px 10px;
}

.nav .tab-img {
  max-height: 20px;
  display: inline-block;
  vertical-align: top;
}

.nav-tabs {
  margin-bottom: 20px;
}

.nav-tabs > li {
  float: none;
}

.nav-tabs > li > a {
  margin-right: 0px;
  color: rgb(136, 136, 136);
  border-radius: 0px;
}

.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
  background-color: transparent;
  border-color: transparent;
  color: rgb(51, 51, 51);
}

.nav-tabs > li > a > [class*="icon-"].pull-right {
  float: right;
  margin-top: 2px;
}

.nav-tabs.nav-justified > li > a {
  border-radius: 0px;
  margin-bottom: 0px;
}

.nav-tabs.nav-justified > li > a:hover, .nav-tabs.nav-justified > li > a:focus {
  border-bottom-color: rgb(221, 221, 221);
}

@media (min-width: 769px) {
  .nav-tabs.nav-justified.nav-tabs-top {
      border-bottom: 1px solid rgb(221, 221, 221);
  }

  .nav-tabs.nav-justified.nav-tabs-top > li > a, .nav-tabs.nav-justified.nav-tabs-top > li > a:hover, .nav-tabs.nav-justified.nav-tabs-top > li > a:focus {
      border: 0px;
  }

  .nav-tabs.nav-justified.nav-tabs-bottom {
      border-bottom: 1px solid rgb(221, 221, 221);
  }

  .nav-tabs.nav-justified.nav-tabs-highlight > li > a, .nav-tabs.nav-justified.nav-tabs-highlight > li > a:hover, .nav-tabs.nav-justified.nav-tabs-highlight > li > a:focus {
      border-top-width: 2px;
  }
}

@media (max-width: 768px) {
  .nav-tabs.nav-justified {
      border-bottom: 1px solid rgb(221, 221, 221);
  }

  .nav-tabs.nav-justified > li.active > a, .nav-tabs.nav-justified > li.active > a:hover, .nav-tabs.nav-justified > li.active > a:focus {
      border: 0px;
  }
}

@media (min-width: 769px) {
  .nav-tabs.nav-tabs-highlight > li > a, .nav-tabs.nav-tabs-highlight > li > a:hover, .nav-tabs.nav-tabs-highlight > li > a:focus {
      border-top-width: 2px;
  }

  .nav-tabs.nav-tabs-highlight > li.active > a, .nav-tabs.nav-tabs-highlight > li.active > a:hover, .nav-tabs.nav-tabs-highlight > li.active > a:focus {
      border-top-color: rgb(33, 150, 243);
  }
}

@media (min-width: 769px) {
  .nav-tabs.nav-tabs-top > li {
      margin-bottom: 0px;
  }

  .nav-tabs.nav-tabs-top > li > a, .nav-tabs.nav-tabs-top > li > a:hover, .nav-tabs.nav-tabs-top > li > a:focus {
      border: 0px;
  }

  .nav-tabs.nav-tabs-top > li > a::after {
      content: "";
      position: absolute;
      top: 0px;
      left: 0px;
      right: 0px;
      height: 2px;
  }

  .nav-tabs.nav-tabs-top > li.open > a::after, .nav-tabs.nav-tabs-top > li > a:hover::after, .nav-tabs.nav-tabs-top > li > a:focus::after {
      background-color: rgb(221, 221, 221);
  }

  .nav-tabs.nav-tabs-top > li.active > a::after {
      background-color: rgb(240, 98, 146);
  }

  .nav-tabs.nav-tabs-top > li.active > a, .nav-tabs.nav-tabs-top > li.active > a:hover, .nav-tabs.nav-tabs-top > li.active > a:focus {
      background-color: transparent;
  }

  .nav-tabs.nav-tabs-top.top-divided {
      border-bottom-color: transparent;
  }
}

@media (min-width: 769px) {
  .nav-tabs.nav-tabs-bottom > li {
      margin-bottom: 0px;
  }

  .nav-tabs.nav-tabs-bottom > li > a {
      border-width: 0px;
      margin-bottom: -1px;
  }

  .nav-tabs.nav-tabs-bottom > li > a::after {
      content: "";
      position: absolute;
      bottom: 0px;
      left: 0px;
      right: 0px;
      height: 2px;
  }

  .nav-tabs.nav-tabs-bottom > li.active > a::after {
      background-color: rgb(240, 98, 146);
  }

  .nav-tabs.nav-tabs-bottom > li.active > a, .nav-tabs.nav-tabs-bottom > li.active > a:hover, .nav-tabs.nav-tabs-bottom > li.active > a:focus {
      background-color: transparent;
      border-width: 0px;
  }

  .nav-tabs.nav-tabs-bottom.bottom-divided {
      border-bottom-color: transparent;
  }
}

.nav-tabs[class*="bg-"] {
  border-bottom: 0px;
}

.nav-tabs[class*="bg-"] > li {
  margin-bottom: 0px;
}

.nav-tabs[class*="bg-"] > li > a {
  color: rgb(255, 255, 255);
  border-width: 0px;
}

.nav-tabs[class*="bg-"] > li > a:hover, .nav-tabs[class*="bg-"] > li > a:focus {
  background-color: rgba(0, 0, 0, 0.05);
}

.nav-tabs[class*="bg-"] > li.open:not(.active) > a {
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0.05);
}

.nav-tabs[class*="bg-"] > .active > a, .nav-tabs[class*="bg-"] > .active > a:hover, .nav-tabs[class*="bg-"] > .active > a:focus {
  background-color: rgba(0, 0, 0, 0.1);
  border-width: 0px;
  color: rgb(255, 255, 255);
}

.nav-tabs[class*="bg-"] > .disabled > a, .nav-tabs[class*="bg-"] > .disabled > a:hover, .nav-tabs[class*="bg-"] > .disabled > a:focus {
  color: rgba(255, 255, 255, 0.5);
}

@media (min-width: 769px) {
  .tab-content-bordered .nav-tabs[class*="bg-"] {
      border-bottom-right-radius: 0px;
      border-bottom-left-radius: 0px;
  }
}

.nav-tabs.nav-tabs-solid > li > a {
  color: rgb(51, 51, 51);
}

.nav-tabs.nav-tabs-solid > li > a, .nav-tabs.nav-tabs-solid > li > a:hover, .nav-tabs.nav-tabs-solid > li > a:focus {
  border-color: transparent;
}

.nav-tabs.nav-tabs-solid > .active > a, .nav-tabs.nav-tabs-solid > .active > a:hover, .nav-tabs.nav-tabs-solid > .active > a:focus {
  background-color: rgb(33, 150, 243);
  border-color: rgb(33, 150, 243);
  color: rgb(255, 255, 255);
}

@media (min-width: 769px) {
  .nav-tabs.nav-tabs-solid {
      background-color: rgb(250, 250, 250);
      border: 0px;
  }

  .nav-tabs.nav-tabs-solid > li {
      margin-bottom: 0px;
  }

  .nav-tabs.nav-tabs-solid > li > a:hover, .nav-tabs.nav-tabs-solid > li > a:focus {
      background-color: rgb(245, 245, 245);
  }

  .nav-tabs.nav-tabs-solid > .open:not(.active) > a {
      background-color: rgb(245, 245, 245);
      border-color: transparent;
  }
}

.nav-tabs.nav-tabs-icon > li > a > i {
  margin-right: 7px;
}

@media (min-width: 769px) {
  .nav-tabs.nav-tabs-icon > li > a {
      padding-bottom: 9.5px;
  }

  .nav-tabs.nav-tabs-icon > li > a > i {
      display: block;
      margin: 5px 0px;
  }

  .nav-tabs.nav-tabs-icon.nav-lg > li > a {
      padding-bottom: 10.5px;
  }

  .nav-tabs.nav-tabs-icon.nav-sm > li > a {
      padding-bottom: 7.5px;
  }

  .nav-tabs.nav-tabs-icon.nav-xs > li > a {
      padding-bottom: 5.5px;
  }
}

.nav-tabs.nav-tabs-toolbar {
  background-color: rgb(252, 252, 252);
}

@media (min-width: 769px) {
  .nav-tabs {
      font-size: 0px;
  }

  .nav-tabs > li {
      display: inline-block;
      font-size: 13px;
  }
}

@media (max-width: 768px) {
  .nav-tabs {
      position: relative;
      background-color: rgb(255, 255, 255);
      padding: 7px 0px;
      border: 1px solid rgb(221, 221, 221);
      border-radius: 3px;
  }

  .nav-tabs > li {
      margin-bottom: 0px;
  }

  .nav-tabs > li > a {
      border: 0px;
  }

  .nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
      background-color: rgb(250, 250, 250);
  }

  .nav-tabs > li > a .position-right[class*="icon-"] {
      float: right;
      margin-top: 2px;
  }

  .nav-tabs > li > a .position-right.label, .nav-tabs > li > a .position-right.badge {
      float: right;
  }

  .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
      border: 0px;
      background-color: rgb(245, 245, 245);
  }

  .nav-tabs > li.active > a::after, .nav-tabs > li.active > a:hover::after, .nav-tabs > li.active > a:focus::after {
      content: "";
      position: absolute;
      top: 0px;
      left: -1px;
      bottom: 0px;
      width: 2px;
      background-color: rgb(33, 150, 243);
  }

  .nav-tabs > li.open:not(.active) > a, .nav-tabs > li.open:not(.active) > a:hover, .nav-tabs > li.open:not(.active) > a:focus {
      background-color: rgb(250, 250, 250);
  }

  .nav-tabs > li.pull-right {
      float: none !important;
  }

  .nav-tabs.nav-tabs-solid > li.active > a::after, .nav-tabs[class*="bg-"] > li.active > a::after {
      content: none;
  }

  .nav-tabs::before {
      content: "Contents";
      color: inherit;
      font-size: 12px;
      line-height: 1.66667;
      margin-top: 8px;
      margin-left: 15px;
      margin-bottom: 15px;
      text-transform: uppercase;
      opacity: 0.5;
  }

  .nav-tabs[class*="bg-"] > li > a:hover, .nav-tabs[class*="bg-"] > li > a:focus, .nav-tabs[class*="bg-"] > li.open:not(.active) > a {
      background-color: rgba(0, 0, 0, 0.05);
  }

  .nav-tabs-right .nav-tabs {
      margin-bottom: 0px;
      margin-top: 20px;
  }
}

@media (min-width: 769px) {
  .nav-tabs-vertical {
      display: table;
      width: 100%;
  }

  .nav-tabs-vertical > .nav-tabs {
      display: table-cell;
      border-bottom: 0px;
      width: 300px;
  }

  .nav-tabs-vertical > .nav-tabs > li {
      display: block;
      margin-bottom: 0px;
  }

  .nav-tabs-vertical > .nav-tabs-solid > li:last-child > a::after {
      border-bottom-right-radius: 3px;
      border-bottom-left-radius: 3px;
  }

  .nav-tabs-vertical > .nav-tabs[class*="bg-"] > li:first-child > a {
      border-top-right-radius: 3px;
      border-top-left-radius: 3px;
  }

  .nav-tabs-vertical > .nav-tabs[class*="bg-"] > li:last-child > a {
      border-bottom-right-radius: 3px;
      border-bottom-left-radius: 3px;
  }

  .nav-tabs-vertical > .tab-content {
      display: table-cell;
  }

  .nav-tabs-vertical > .tab-content > .has-padding {
      padding: 10.5px 0px 0px;
  }

  .nav-tabs-vertical.tab-content-bordered > .tab-content {
      border-top-width: 1px;
  }

  .nav-tabs-left > .nav-tabs {
      border-right: 1px solid rgb(221, 221, 221);
  }

  .nav-tabs-left > .nav-tabs > li {
      margin-right: -1px;
  }

  .nav-tabs-left > .nav-tabs > li.active > a, .nav-tabs-left > .nav-tabs > li.active > a:hover, .nav-tabs-left > .nav-tabs > li.active > a:focus {
      border-bottom-color: rgb(221, 221, 221);
      border-right-color: transparent;
  }

  .nav-tabs-left > .nav-tabs.nav-tabs-component > li > a {
      border-radius: 3px 0px 0px 3px;
  }

  .nav-tabs-left > .nav-tabs-highlight > li > a, .nav-tabs-left > .nav-tabs-highlight > li > a:hover, .nav-tabs-left > .nav-tabs-highlight > li > a:focus {
      border-top-width: 1px;
      border-left-width: 2px;
  }

  .nav-tabs-left > .nav-tabs-highlight > li.active > a, .nav-tabs-left > .nav-tabs-highlight > li.active > a:hover, .nav-tabs-left > .nav-tabs-highlight > li.active > a:focus {
      border-top-color: rgb(221, 221, 221);
      border-left-color: rgb(236, 64, 122);
  }

  .nav-tabs-left > .nav-tabs-top, .nav-tabs-left > .nav-tabs-bottom {
      padding-right: 20px;
  }

  .nav-tabs-left > .top-divided, .nav-tabs-left > .bottom-divided {
      padding-right: 0px;
      border-right-width: 0px;
  }

  .nav-tabs-left > .nav-tabs-solid, .nav-tabs-left > .nav-tabs[class*="bg-"] {
      border-right: 0px;
      border-radius: 3px;
  }

  .nav-tabs-left > .nav-tabs-solid > li, .nav-tabs-left > .nav-tabs[class*="bg-"] > li {
      margin-right: 0px;
  }

  .nav-tabs-left > .tab-content {
      padding-left: 20px;
  }

  .nav-tabs-left.tab-content-bordered > .tab-content {
      border-left-width: 0px;
  }

  .nav-tabs-right > .nav-tabs {
      border-left: 1px solid rgb(221, 221, 221);
      margin-bottom: 0px;
      margin-top: 20px;
  }

  .nav-tabs-right > .nav-tabs > li {
      margin-left: -1px;
  }

  .nav-tabs-right > .nav-tabs > li.active > a, .nav-tabs-right > .nav-tabs > li.active > a:hover, .nav-tabs-right > .nav-tabs > li.active > a:focus {
      border-bottom-color: rgb(221, 221, 221);
      border-left-color: transparent;
  }

  .nav-tabs-right > .nav-tabs.nav-tabs-component > li > a {
      border-radius: 0px 3px 3px 0px;
  }

  .nav-tabs-right > .nav-tabs-highlight > li > a, .nav-tabs-right > .nav-tabs-highlight > li > a:hover, .nav-tabs-right > .nav-tabs-highlight > li > a:focus {
      border-top-width: 1px;
      border-right-width: 2px;
  }

  .nav-tabs-right > .nav-tabs-highlight > li.active > a, .nav-tabs-right > .nav-tabs-highlight > li.active > a:hover, .nav-tabs-right > .nav-tabs-highlight > li.active > a:focus {
      border-top-color: rgb(221, 221, 221);
      border-right-color: rgb(236, 64, 122);
  }

  .nav-tabs-right > .nav-tabs-top, .nav-tabs-right > .nav-tabs-bottom {
      padding-left: 20px;
  }

  .nav-tabs-right > .top-divided, .nav-tabs-right > .bottom-divided {
      padding-left: 0px;
      border-left-width: 0px;
  }

  .nav-tabs-right > .nav-tabs-solid, .nav-tabs-right > .nav-tabs[class*="bg-"] {
      border-left: 0px;
      border-radius: 3px;
  }

  .nav-tabs-right > .nav-tabs-solid > li, .nav-tabs-right > .nav-tabs[class*="bg-"] > li {
      margin-left: 0px;
  }

  .nav-tabs-right > .tab-content {
      padding-right: 20px;
  }

  .nav-tabs-right.tab-content-bordered > .tab-content {
      border-right-width: 0px;
  }
}

.nav-pills {
  margin: 0px 20px;
  background: rgb(252, 252, 252);
  border: 1px solid rgb(221, 221, 221);
}

.nav-pills > li {
  float: none;
  display: inline-block;
}

.nav-pills > li > a {
  color: rgb(51, 51, 51);
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
  background-color: rgb(36, 172, 255);
}

.nav-pills > li + li {
  margin-left: 0px;
}

.nav-pills > li + li > a {
  margin-top: 2px;
}

.nav-pills .open > a, .nav-pills .open > a:hover, .nav-pills .open > a:focus {
  background-color: rgb(245, 245, 245);
}

.nav-pills.nav-pills-bordered > li > a, .nav-pills.nav-pills-toolbar > li > a, .nav-pills.nav-pills-bordered > .open > a, .nav-pills.nav-pills-toolbar > .open > a {
  border: 1px solid rgb(221, 221, 221);
}

.nav-pills.nav-pills-bordered > .active > a, .nav-pills.nav-pills-toolbar > .active > a, .nav-pills.nav-pills-bordered > .active > a:hover, .nav-pills.nav-pills-toolbar > .active > a:hover, .nav-pills.nav-pills-bordered > .active > a:focus, .nav-pills.nav-pills-toolbar > .active > a:focus {
  border-color: rgb(33, 150, 243);
}

@media (min-width: 769px) {
  .nav-pills.nav-pills-toolbar > li > a {
      border: 1px solid rgb(221, 221, 221);
      border-radius: 0px;
  }

  .nav-pills.nav-pills-toolbar > li:first-child > a {
      border-radius: 3px 0px 0px 3px;
  }

  .nav-pills.nav-pills-toolbar > li:last-child > a {
      border-radius: 0px 3px 3px 0px;
  }

  .nav-pills.nav-pills-toolbar > li + li > a {
      margin-top: 0px;
      margin-left: 0px;
      border-left: 0px;
  }
}

@media (min-width: 769px) {
  .nav-pills {
      font-size: 0px;
  }

  .nav-pills > li {
      display: inline-block;
      font-size: 13px;
  }
  .nav-pills.vertical > li {
    display: block;
}
  .nav-pills > li + li > a {
      margin-top: 0px;
      margin-left: 2px;
  }

  .nav-pills.nav-justified > li {
      display: table-cell;
  }
}

@media (max-width: 768px) {
  .nav-pills > li > a .position-right[class*="icon-"] {
      float: right;
      margin-top: 2px;
  }

  .nav-pills > li > a .position-right.label, .nav-pills > li > a .position-right.badge {
      float: right;
  }
}

.nav-stacked > li {
  display: block;
}

.nav-stacked > li > a .pull-right[class*="icon-"] {
  float: right;
  margin-top: 2px;
}

.nav-stacked > li > a .pull-right.label, .nav-stacked > li > a .pull-right.badge {
  float: right;
}

.nav-stacked > li + li > a {
  margin-left: 0px;
}

.nav-justified > li > a {
  margin-bottom: 0px;
}

.nav-tabs-justified > li > a {
  border-radius: 0px;
  margin-bottom: 0px;
}

.nav-tabs-justified > li > a:hover, .nav-tabs-justified > li > a:focus {
  border-bottom-color: rgb(221, 221, 221);
}

@media (min-width: 769px) {
  .nav-tabs-justified.nav-tabs-top {
      border-bottom: 1px solid rgb(221, 221, 221);
  }

  .nav-tabs-justified.nav-tabs-top > li > a, .nav-tabs-justified.nav-tabs-top > li > a:hover, .nav-tabs-justified.nav-tabs-top > li > a:focus {
      border: 0px;
  }

  .nav-tabs-justified.nav-tabs-bottom {
      border-bottom: 1px solid rgb(221, 221, 221);
  }

  .nav-tabs-justified.nav-tabs-highlight > li > a, .nav-tabs-justified.nav-tabs-highlight > li > a:hover, .nav-tabs-justified.nav-tabs-highlight > li > a:focus {
      border-top-width: 2px;
  }
}

@media (max-width: 768px) {
  .nav-tabs-justified {
      border-bottom: 1px solid rgb(221, 221, 221);
  }

  .nav-tabs-justified > li.active > a, .nav-tabs-justified > li.active > a:hover, .nav-tabs-justified > li.active > a:focus {
      border: 0px;
  }
}

@media (min-width: 769px) {
  .nav-tabs.nav-tabs-component > li > a {
      border-radius: 3px 3px 0px 0px;
  }

  .nav-tabs.nav-tabs-component.nav-tabs-solid, .nav-tabs.nav-tabs-component[class*="bg-"] {
      border-radius: 3px;
  }

  .nav-tabs.nav-tabs-component.nav-tabs-solid > li > a, .nav-tabs.nav-tabs-component[class*="bg-"] > li > a {
      border-radius: 0px;
  }

  .nav-tabs.nav-tabs-component.nav-tabs-solid > li:first-child > a, .nav-tabs.nav-tabs-component[class*="bg-"] > li:first-child > a {
      border-radius: 3px 0px 0px 3px;
  }

  .nav-tabs-component.nav-justified.nav-tabs-solid > li:last-child > a, .nav-tabs-component.nav-justified[class*="bg-"] > li:last-child > a {
      border-radius: 0px 3px 3px 0px;
  }
}

.tab-content-bordered .tab-content > .has-padding {
  padding: 20px;
}

.panel-flat > .panel-heading + .tab-content > .has-padding {
  padding-top: 0px;
}

@media (min-width: 769px) {
  .tab-content > .has-padding {
      padding: 20px;
  }
}

.panel-tab-content > .has-padding {
  padding: 20px;
}

.tab-content-bordered .tab-content {
  border-radius: 3px;
  border: 1px solid transparent;
}

.tab-content-bordered .tab-content:not([class*="bg-"]) {
  border-color: rgb(221, 221, 221);
  background-color: rgb(255, 255, 255);
}

@media (min-width: 769px) {
  .tab-content-bordered .tab-content {
      border-top-width: 0px;
      border-radius: 0px 0px 3px 3px;
  }
}

@media (min-width: 769px) {
  .tab-content-bordered .nav-tabs {
      margin-bottom: 0px;
  }

  .tab-content-bordered .nav-tabs.nav-tabs-solid {
      border-radius: 3px 3px 0px 0px;
      box-shadow: rgb(221, 221, 221) 0px 0px 0px 1px inset;
  }

  .tab-content-bordered .nav-tabs.nav-tabs-solid > li:first-child > a {
      border-radius: 3px 0px 0px;
  }

  .tab-content-bordered .nav-tabs.nav-tabs-solid.nav-justified > li:last-child > a {
      border-radius: 0px 3px 0px 0px;
  }

  .tab-content-bordered > .nav-tabs[class*="bg-"] {
      border-top-right-radius: 3px;
      border-top-left-radius: 3px;
  }

  .tab-content-bordered > .nav-tabs[class*="bg-"] + .tab-content[class*="bg-"] {
      border-top-width: 1px;
      border-top-color: rgba(255, 255, 255, 0.5);
  }
}

@media (min-width: 769px) {
  .nav-tabs[class*="bg-"] .dropdown-menu, .nav-tabs-top .dropdown-menu {
      margin-top: 0px;
  }

  .nav-justified.bottom-divided .dropdown-menu {
      margin-top: 1px;
  }
}

@media (max-width: 768px) {
  .nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .nav-tabs.nav-justified > .dropdown .dropdown-menu, .nav-pills.nav-justified > .dropdown .dropdown-menu {
      left: -1px;
      right: -1px;
      margin-top: 2px;
  }

  .nav-tabs.nav-justified > li > a, .nav-pills.nav-justified > li > a, .nav-tabs.text-center > li > a, .nav-pills.text-center > li > a, .nav-tabs.text-right > li > a, .nav-pills.text-right > li > a {
      text-align: left;
  }
}

.navbar {
  margin-bottom: 0px;
  border-width: 1px 0px;
  padding-left: 0px;
  padding-right: 0px;
}

@media (min-width: 769px) {
  .navbar {
      padding-left: 20px;
      padding-right: 0px;
      margin-left: 260px;
  }
}

.navbar-component {
  border-radius: 3px;
  margin-bottom: 20px;
  border-width: 1px;
}

.page-header .navbar-component {
  margin-left: 20px;
  margin-right: 20px;
}

.navbar-component.navbar-default {
  border-color: rgb(221, 221, 221);
  background-color: rgb(255, 255, 255);
}

.navbar-component > .navbar:first-child, .navbar-component > .navbar-collapse:first-child > .navbar:first-child {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.navbar-component > .navbar:last-child, .navbar-component > .navbar-collapse:last-child > .navbar:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.affix.navbar, .affix.navbar-collapse {
  z-index: 1030;
  top: 0px;
  width: 100%;
}

@media (max-width: 768px) {
  .affix.navbar, .affix.navbar-collapse {
      position: static;
  }
}

.navbar-header {
  min-width: 260px;
}

.navbar-collapse > .navbar-header {
  margin-left: 0px;
}

.navbar-header .navbar-nav {
  float: right;
  margin-right: 5px;
}

.navbar-header .navbar-nav > li {
  float: left;
}

.navbar-header .navbar-nav > li > a {
  padding-left: 10px;
  padding-right: 10px;
}

.navbar-center {
  position: absolute;
  top: 50%;
  left: calc(50% - 50px);
  transform: translate(-50%, -50%);
}

.navbar-center > img {
  border-radius: 5px;
  background-color: rgb(255, 255, 255);
}

.commonninja_component {
  width: 38px;
  position: absolute;
  z-index: 9998;
  top: 0px;
  right: 0px;
}

.sidebar-xs .commonninja_component {
  display: none;
}

.card-horizontal {
  display: flex;
  flex: 1 1 auto;
}

@media (max-width: 768px) {
  .navbar-header .navbar-nav > li + li {
      margin-top: 0px;
  }

  .navbar-collapse > .navbar-header {
      margin-left: 0px;
  }

  .nav.navbar-nav.visible-xs-block .logo {
      padding: 0px 10px;
  }

  .nav.navbar-nav.visible-xs-block img {
      padding: 6px 0px;
      height: 45px;
      width: 35px;
  }
}

@media (min-width: 769px) {
  .navbar-header {
      margin-left: -20px;
  }
}

@media only screen and (min-device-width: 768px) and (max-width: 1281px) {
  .navbar-nav li.dropdown.datetime {
      display: none;
  }

  .navbar-center {
      width: 100px;
  }
}

.navbar-collapse {
  text-align: center;
  padding-left: 0px;
  padding-right: 0px;
}

.navbar-collapse.collapsing {
  transition-duration: 1e-08s;
}

.navbar + .navbar-collapse {
  border-top: 0px;
}

@media (min-width: 769px) {
  .navbar-collapse {
      text-align: left;
      margin-left: -20px;
  }
}

.icon-bubble-notification:hover {
  cursor: pointer;
  color: rgb(255, 255, 255);
  transition: all 0.5s ease 0s;
}

.icon-bubble-notification.active {
  color: rgb(255, 133, 95);
}

#whatsNewModal .modal-dialog {
  max-width: 540px;
}
#whatsNewModal.modal .modal-content {
  background-color: #f5f7fa;
  border: none;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 20px 50px rgba(0,0,0,0.18), 0 0 0 1px rgba(0,0,0,0.05);
}

/* Header */
#whatsNewModal .wn-header {
  background: linear-gradient(135deg, var(--main-color), #3a7bd5);
  color: #fff;
  padding: 14px 18px;
  border-bottom: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#whatsNewModal .wn-header-inner {
  display: flex;
  align-items: center;
  gap: 12px;
}
#whatsNewModal .wn-header-icon {
  width: 36px;
  height: 36px;
  background: rgba(255,255,255,0.2);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  flex-shrink: 0;
}
#whatsNewModal .wn-header .modal-title {
  font-size: 15px;
  font-weight: 600;
  margin: 0;
  color: #fff;
}
#whatsNewModal .wn-subtitle {
  font-size: 11px;
  opacity: 0.75;
  margin: 1px 0 0;
  font-weight: 400;
}
#whatsNewModal .wn-close {
  background: rgba(255,255,255,0.15);
  border: none;
  color: #fff;
  width: 30px;
  height: 30px;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  transition: background 0.2s;
}
#whatsNewModal .wn-close:hover {
  background: rgba(255,255,255,0.3);
}

/* Body */
#whatsNewModal .wn-body {
  padding: 14px 16px;
  max-height: 450px;
  overflow-y: auto;
  overflow-x: hidden;
  background: #f5f7fa;
  scroll-behavior: smooth;
}
#whatsNewModal .wn-body::-webkit-scrollbar {
  width: 4px;
}
#whatsNewModal .wn-body::-webkit-scrollbar-track {
  background: transparent;
}
#whatsNewModal .wn-body::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,0.12);
  border-radius: 10px;
}

/* Article cards */
#whatsNewModal .wn-article {
  margin-bottom: 12px;
  animation: wnFadeIn 0.3s ease both;
}
@keyframes wnFadeIn {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}
#whatsNewModal .wn-article-inner {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05), 0 0 0 1px rgba(0,0,0,0.03);
  transition: box-shadow 0.2s, transform 0.2s;
}
#whatsNewModal .wn-article-inner:hover {
  box-shadow: 0 3px 12px rgba(0,0,0,0.08), 0 0 0 1px rgba(0,0,0,0.05);
  transform: translateY(-1px);
}
#whatsNewModal figure.aligncenter{
  text-align: center;
}
/* Article header (title + meta) */
#whatsNewModal .wn-article-header {
  padding: 12px 16px 0;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
}
#whatsNewModal .wn-article-title {
  font-size: 14px;
  font-weight: 600;
  color: #1a1d23;
  margin: 0;
  line-height: 1.3;
  flex: 1;
}

/* Article meta - inline with title */
#whatsNewModal .wn-article-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
#whatsNewModal .wn-meta-date {
  font-size: 10.5px;
  color: #999;
  display: flex;
  align-items: center;
  gap: 3px;
  white-space: nowrap;
}
#whatsNewModal .wn-meta-date i {
  font-size: 11px;
}
#whatsNewModal .wn-meta-ago {
  font-size: 10.5px;
  color: var(--main-color);
  font-weight: 500;
  white-space: nowrap;
}

/* Article text content */
#whatsNewModal .wn-article-text {
  padding: 8px 16px 12px;
  font-size: 12.5px;
  color: #555;
  line-height: 1.6;
}
#whatsNewModal .wn-article-text p {
  margin: 0 0 6px;
}
#whatsNewModal .wn-article-text p:last-child {
  margin-bottom: 0;
}
#whatsNewModal .wn-article-text ul,
#whatsNewModal .wn-article-text ol {
  margin: 4px 0 6px;
  padding-left: 20px;
}
#whatsNewModal .wn-article-text li {
  margin-bottom: 3px;
}
#whatsNewModal .wn-article-text strong {
  color: #333;
}
#whatsNewModal .wn-inline-img {
  max-width: 200px;
  height: auto;
  border-radius: 6px;
  margin: 6px 4px 6px 0;
  box-shadow: 0 1px 4px rgba(0,0,0,0.1);
  cursor: pointer;
  transition: box-shadow 0.2s;
}
#whatsNewModal .wn-inline-img:hover {
  box-shadow: 0 2px 8px rgba(0,0,0,0.18);
}

/* Footer */
#whatsNewModal .wn-footer {
  padding: 10px 16px;
  background: #fff;
  border-top: 1px solid #eee;
  display: flex;
  align-items: center;
  justify-content: space-between;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}
#whatsNewModal .wn-footer-info {
  font-size: 11px;
  color: #aaa;
  display: flex;
  align-items: center;
  gap: 5px;
}
#whatsNewModal .wn-footer-info i {
  font-size: 13px;
}
#whatsNewModal .wn-btn-close {
  background: #f0f2f5;
  color: #555;
  border: none;
  border-radius: 7px;
  padding: 6px 16px;
  font-size: 12px;
  font-weight: 500;
  transition: all 0.2s;
}
#whatsNewModal .wn-btn-close:hover {
  background: #e4e6ea;
  color: #333;
}

/* Loader */
#whatsNewModal .wn-loader {
  text-align: center;
  padding: 24px 0;
}
#whatsNewModal .wn-loader-dots {
  display: flex;
  justify-content: center;
  gap: 5px;
  margin-bottom: 8px;
}
#whatsNewModal .wn-loader-dots span {
  width: 7px;
  height: 7px;
  background: var(--main-color);
  border-radius: 50%;
  animation: wnBounce 1.2s infinite;
}
#whatsNewModal .wn-loader-dots span:nth-child(2) { animation-delay: 0.15s; }
#whatsNewModal .wn-loader-dots span:nth-child(3) { animation-delay: 0.3s; }
@keyframes wnBounce {
  0%, 80%, 100% { transform: scale(0.6); opacity: 0.4; }
  40% { transform: scale(1); opacity: 1; }
}
#whatsNewModal .wn-loader-text {
  font-size: 11px;
  color: #aaa;
}

/* Empty state */
#whatsNewModal .wn-empty {
  text-align: center;
  padding: 40px 16px;
  color: #999;
}
#whatsNewModal .wn-empty i {
  font-size: 32px;
  opacity: 0.3;
  display: block;
  margin-bottom: 10px;
}
#whatsNewModal .wn-empty p {
  font-size: 13px;
  margin: 0;
}
#whatsNewModal .wn-error i {
  color: #ef5350;
  opacity: 0.6;
}
#whatsNewModal .wn-error p {
  color: #ef5350;
}

/* End marker */
#whatsNewModal .wn-end {
  text-align: center;
  padding: 14px;
  font-size: 12px;
  color: #aaa;
}
#whatsNewModal .wn-end i {
  color: #4caf50;
  margin-right: 3px;
}

/* Responsive */
@media (max-width: 576px) {
  #whatsNewModal .modal-dialog {
    max-width: calc(100% - 20px);
    margin: 10px auto;
  }
  #whatsNewModal .wn-article-header {
    flex-direction: column;
    gap: 4px;
  }
  #whatsNewModal .wn-header {
    padding: 12px 14px;
  }
  #whatsNewModal .wn-body {
    padding: 10px 12px;
  }
  #whatsNewModal .wn-inline-img {
    max-width: 160px;
  }
}

.header-highlight .navbar-header {
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  margin-top: -1px;
  margin-bottom: -1px;
}

.header-highlight .navbar-header:not([class*="bg-"]) {
  background-color: rgb(38, 50, 56);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 1000px inset, rgba(255, 255, 255, 0.1) 0px -1px 0px inset;
}

.header-highlight .navbar-header > .navbar-nav > li > a {
  color: rgb(255, 255, 255);
}

.header-highlight .navbar-header > .navbar-nav > li > a:hover, .header-highlight .navbar-header > .navbar-nav > li > a:focus {
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0.1);
}

@media (min-width: 769px) {
  .sidebar-xs .header-highlight .navbar-header {
      min-width: 0px;
      width: 56px;
      padding-left: 0px;
  }

  .sidebar-xs .header-highlight .navbar-header .navbar-brand {
      padding-left: 0px;
      padding-right: 0px;
      background: url("../images/logo_icon_light.png") center center / auto 16px no-repeat;
      float: none;
      display: block;
  }

  .sidebar-xs .header-highlight .navbar-header .navbar-brand > img {
      display: none;
  }

  .sidebar-xs .navbar {
      margin-left: 56px;
  }

  .sidebar-main-hidden .header-highlight .navbar-header, .sidebar-all-hidden .header-highlight .navbar-header {
      display: none;
  }
}

@media (min-width: 769px) {
  .sidebar-fixed-expanded .header-highlight .navbar-collapse {
      margin-left: 36px;
  }

  .sidebar-fixed-expanded .header-highlight .navbar-header {
      position: fixed;
      z-index: 99;
  }
}

@media (max-width: 768px) {
  .navbar-fixed-top {
      position: static;
  }
}

@media (min-width: 769px) {
  .navbar-top-lg {
      padding-top: 52px;
  }

  .navbar-top-lg .sidebar-fixed.affix {
      top: 72px;
  }

  .navbar-top {
      padding-top: 75px;
  }

  .navbar-top .sidebar-fixed.affix {
      top: 68px;
  }

  .navbar-top-sm {
      padding-top: 46px;
  }

  .navbar-top-sm .sidebar-fixed.affix {
      top: 66px;
  }

  .navbar-top-xs {
      padding-top: 44px;
  }

  .navbar-top-xs .sidebar-fixed.affix {
      top: 64px;
  }

  .navbar-top-lg-lg {
      padding-top: 104px;
  }

  .navbar-top-lg-md, .navbar-top-md-lg {
      padding-top: 100px;
  }

  .navbar-top-lg-sm, .navbar-top-md-md, .navbar-top-sm-lg {
      padding-top: 96px;
  }

  .navbar-top-lg-xs, .navbar-top-md-sm, .navbar-top-sm-md, .navbar-top-xs-lg {
      padding-top: 94px;
  }

  .navbar-top-md-xs, .navbar-top-sm-sm, .navbar-top-xs-md {
      padding-top: 92px;
  }

  .navbar-top-sm-xs, .navbar-top-xs-sm {
      padding-top: 90px;
  }

  .navbar-top-xs-xs {
      padding-top: 88px;
  }
}

.navbar-bottom-lg {
  padding-bottom: 52px;
}

.navbar-bottom {
  padding-bottom: 48px;
}

.navbar-bottom-sm {
  padding-bottom: 46px;
}

.navbar-bottom-xs {
  padding-bottom: 44px;
}

.navbar-bottom-lg-lg {
  padding-bottom: 104px;
}

.navbar-bottom-lg-md, .navbar-bottom-md-lg {
  padding-bottom: 100px;
}

.navbar-bottom-lg-sm, .navbar-bottom-md-md, .navbar-bottom-sm-lg {
  padding-bottom: 96px;
}

.navbar-bottom-lg-xs, .navbar-bottom-md-sm, .navbar-bottom-sm-md, .navbar-bottom-xs-lg {
  padding-bottom: 94px;
}

.navbar-bottom-md-xs, .navbar-bottom-sm-sm, .navbar-bottom-xs-md {
  padding-bottom: 92px;
}

.navbar-bottom-sm-xs, .navbar-bottom-xs-sm {
  padding-bottom: 90px;
}

.navbar-bottom-xs-xs {
  padding-bottom: 88px;
}

.navbar-brand > img {
  margin-top: 2px;
  height: 16px;
}

.navbar-nav {
  margin: 0px;
  text-align: left;
}

.navbar-nav > li > a {
  padding-top: 13px;
  padding-bottom: 13px;
}

.navbar-nav > li > a > .label, .navbar-nav > li > a > .badge {
  position: absolute;
  top: 0px;
  right: 0px;
}

.navbar-nav > li > a > .status-mark {
  position: absolute;
  top: 8px;
  right: 8px;
}

.navbar-nav > li > a > .status-mark-left {
  right: auto;
  left: 8px;
}

.navbar-nav > li > a > .label-left, .navbar-nav > li > a > .badge-left {
  right: auto;
  left: 0px;
}

.navbar-nav > li > a > .label-inline, .navbar-nav > li > a > .badge-inline, .navbar-nav > li > a > .status-mark-inline {
  position: static;
}

.navbar-nav .time.time_now {
  font-size: 30px;
}

.navbar-nav li.dropdown.datetime {
  font-size: 30px;
}

.navbar-nav .language-switch a > img {
  position: relative;
  top: -1px;
}

.navbar-nav > .dropdown-user > a, .navbar-nav > .dropdown-user > a > span {
  padding-top: 0px;
  padding-bottom: 0px;
}

.navbar-nav > .dropdown-user > a > span {
  display: inline-block;
  padding-left: 7px;
}

.navbar-nav > .dropdown-user img {
  border-radius: 50%;
}

.navbar-lg .navbar-nav > .dropdown-user img {
  max-height: 34px;
  margin-top: -3.5px;
}

.navbar-sm .navbar-nav > .dropdown-user img {
  max-height: 28px;
  margin-top: -2px;
}

.navbar-xs .navbar-nav > .dropdown-user img {
  max-height: 26px;
  margin-top: -1.5px;
}

@media (max-width: 768px) {
  .navbar-nav {
      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }

  .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
      padding: 8px 20px;
  }

  .navbar-nav .open .dropdown-menu > .dropdown-submenu > ul > li > a {
      padding-left: 40px;
  }

  .navbar-nav .open .dropdown-menu > .dropdown-submenu > ul > li > ul > li > a {
      padding-left: 60px;
  }

  .navbar-nav > li + li {
      margin-top: 1px;
  }

  .navbar-nav > li > a {
      padding-left: 20px;
      padding-right: 20px;
  }

  .navbar-nav > li > a .caret {
      float: right;
      margin-top: 2px;
      margin-left: 5px;
  }

  .navbar-nav > li > a .label, .navbar-nav > li > a .badge {
      position: static;
      float: right;
  }

  .navbar-nav > .dropdown-user .caret {
      margin-top: 8px;
  }

  .navbar-default .navbar-nav {
      border-bottom: 1px solid rgb(221, 221, 221);
  }

  .navbar-nav:last-child {
      border-bottom: 0px;
  }
}

.navbar-form {
  padding: 13px 20px;
  margin-left: 0px;
  margin-right: 0px;
  border-top: 0px;
  box-shadow: none;
}

.navbar-form:last-child {
  border-bottom: 0px;
}

@media (max-width: 768px) {
  .navbar-form .form-group {
      margin-bottom: 10px;
  }
}

.navbar-form .input-sm, .navbar-form .input-group-sm, .navbar-form .btn-sm, .navbar-form .select-sm, .navbar-form .uploader-sm {
  margin-top: 1px;
  margin-bottom: 1px;
}

.navbar-form .input-sm + .form-control-feedback {
  top: 1px;
}

.navbar-form .input-xs, .navbar-form .input-group-xs, .navbar-form .btn-xs, .navbar-form .select-xs, .navbar-form .uploader-xs {
  margin-top: 2px;
  margin-bottom: 2px;
}

.navbar-form .input-xs + .form-control-feedback {
  top: 2px;
}

.navbar-lg .navbar-form {
  margin-top: 7px;
  margin-bottom: 7px;
}

.navbar-sm .navbar-form {
  margin-top: 4px;
  margin-bottom: 4px;
}

.navbar-xs .navbar-form {
  margin-top: 3px;
  margin-bottom: 3px;
}

.navbar-form .checkbox-switchery[class*="switchery-"] {
  margin-bottom: 0px;
}

.navbar-form .checkbox-inline.switchery-double {
  padding-left: 0px;
}

@media (min-width: 769px) {
  .navbar-form {
      padding: 0px;
  }

  .navbar-form .form-control {
      min-width: 200px;
  }

  .navbar-form .uploader {
      width: 200px;
  }

  .navbar-form .form-group {
      margin-left: 20px;
  }

  .navbar-form .checkbox-inline, .navbar-form .radio-inline {
      margin-top: 8px;
      margin-bottom: 8px;
  }
}

@media (max-width: 768px) {
  .navbar-form {
      margin: 0px;
  }
}

.navbar-nav > li > .dropdown-menu {
  margin-top: 1px;
  border-top-width: 0px;
}

.navbar-nav > li > .dropdown-menu .media-list {
  max-height: 340px;
  overflow-y: auto;
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-top: 0px;
  margin-bottom: 1px;
  border-top-width: 1px;
  border-bottom-width: 0px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.navbar-btn {
  margin-left: 20px;
}

.navbar-btn, .navbar-sm .navbar-btn.btn-sm, .navbar-xs .navbar-btn.btn-xs {
  margin-top: 5px;
  margin-bottom: 5px;
}

.navbar-lg .navbar-btn {
  margin-top: 7px;
  margin-bottom: 7px;
}

.navbar-sm .navbar-btn, .navbar-xs .navbar-btn.btn-sm {
  margin-top: 4px;
  margin-bottom: 4px;
}

.navbar-xs .navbar-btn {
  margin-top: 3px;
  margin-bottom: 3px;
}

.navbar-btn.btn-sm, .navbar-sm .navbar-btn.btn-xs {
  margin-top: 6px;
  margin-bottom: 6px;
}

.navbar-btn.btn-xs, .navbar-lg .navbar-btn.btn-sm {
  margin-top: 7px;
  margin-bottom: 7px;
}

.navbar-lg .navbar-btn.btn-xs {
  margin-top: 9px;
  margin-bottom: 9px;
}

@media (max-width: 768px) {
  .navbar-btn, .navbar-btn.btn-sm, .navbar-btn.btn-xs {
      margin: 13px 20px;
  }

  .navbar-btn + .navbar-btn {
      margin-left: 0px;
  }
}

.navbar-text {
  margin: 0px;
  padding: 13px 20px;
}

.navbar-text:last-child {
  border-bottom: 0px;
}

.navbar-lg .navbar-text {
  padding-top: 15px;
  padding-bottom: 15px;
}

.navbar-sm .navbar-text {
  padding-top: 12px;
  padding-bottom: 12px;
}

.navbar-xs .navbar-text {
  padding-top: 11px;
  padding-bottom: 11px;
}

@media (min-width: 769px) {
  .navbar-text {
      padding-right: 0px;
  }

  .navbar-text + .navbar-nav {
      margin-left: 15px;
  }

  .navbar-header + .navbar-text:first-child {
      padding-left: 0px;
  }
}

@media (min-width: 769px) {
  .navbar-right {
      margin-right: 0px;
      display: inline-block;
      height: 46px;
  }
}

.navbar-default {
  border-top-color: transparent;
}

.navbar-default.navbar-default-secondary {
  background-color: rgb(252, 252, 252);
}

.page-header-content + .navbar-default {
  border-top-color: rgb(221, 221, 221);
}

.navbar-default.navbar-fixed-bottom {
  border-top-color: rgb(221, 221, 221);
  border-bottom-color: rgb(255, 255, 255);
}

.navbar-fixed-bottom > .navbar-default:first-child {
  border-top-color: rgb(221, 221, 221);
}

@media (max-width: 768px) {
  .navbar-default .navbar-nav .open .dropdown-menu {
      color: rgb(51, 51, 51);
      background-color: transparent;
      border-bottom: 1px solid rgb(221, 221, 221);
  }

  .navbar-default .navbar-nav .open > .dropdown-menu {
      border-top: 1px solid rgb(221, 221, 221);
  }

  .navbar-default .navbar-nav .open:last-child .dropdown-menu {
      border-bottom: 0px;
  }
}

.navbar-default .navbar-link {
  color: rgb(30, 136, 229);
}

.navbar-default .navbar-link:hover {
  color: rgb(22, 109, 186);
}

@media (max-width: 768px) {
  .navbar-default .dropdown-menu[class*="bg-"] .label, .navbar-default .dropdown-menu[class*="bg-"] .badge {
      color: rgb(255, 255, 255);
      background-color: rgb(33, 150, 243);
      border-color: transparent;
  }

  .navbar-default .dropdown-menu[class*="bg-"] > .divider {
      background-color: rgb(229, 229, 229);
  }

  .navbar-default .dropdown-menu[class*="bg-"] .dropdown-submenu:hover > a, .navbar-default .dropdown-menu[class*="bg-"] .dropdown-submenu:focus > a {
      background-color: rgb(245, 245, 245);
  }

  .navbar-default .dropdown-menu .table-responsive {
      border-width: 0px;
  }

  .navbar-default .dropdown-menu .dropdown-content-heading + .table-responsive {
      border-top-width: 1px;
  }

  .navbar-default .navbar-text:not([data-toggle="collapse"]) {
      border-bottom: 1px solid rgb(221, 221, 221);
  }

  .navbar-default > .navbar-nav > li > a:not(.collapsed), .navbar-default > .navbar-nav > li > a:hover, .navbar-default > .navbar-nav > li > a:focus {
      background-color: rgb(252, 252, 252);
  }
}

.navbar-inverse {
  border-bottom-color: rgba(255, 255, 255, 0.1);
  color: rgb(255, 255, 255);
  background: rgb(34, 34, 34);
}

.navbar-inverse .navbar-collapse {
  border-color: rgba(0, 0, 0, 0.2);
  padding: 15px;
  background: rgb(34, 34, 34);
}

.navbar-inverse .navbar-form {
  border-color: rgba(255, 255, 255, 0.1);
}

a.btn-sm.btn-primary.heading-btn.reservationItem {
  padding: 10px;
}

@media (max-width: 768px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu {
      color: rgb(255, 255, 255);
      background-color: rgba(0, 0, 0, 0.1);
      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu .text-muted, .navbar-inverse .navbar-nav .open .dropdown-menu .media-annotation {
      color: rgba(255, 255, 255, 0.8);
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu .media-list-linked > li {
      border-top-color: rgba(255, 255, 255, 0.1);
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu .media-list-linked .media-link {
      color: rgb(255, 255, 255);
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu .media-list-linked .media-link:hover, .navbar-inverse .navbar-nav .open .dropdown-menu .media-list-linked .media-link:focus {
      background-color: rgba(0, 0, 0, 0.1);
      color: rgb(255, 255, 255);
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu a:not(.label-flat):not(.badge-flat):not(.disabled > a) {
      color: rgb(255, 255, 255);
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
      background-color: rgba(255, 255, 255, 0.1);
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
      color: rgba(255, 255, 255, 0.6);
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-submenu:hover > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-submenu:focus > a {
      color: rgb(255, 255, 255);
      background-color: rgba(0, 0, 0, 0.1);
  }

  .navbar-inverse .navbar-nav .open > .dropdown-menu {
      border-top: 1px solid rgba(255, 255, 255, 0.1);
      position: absolute;
      background-color: rgb(0, 0, 0);
  }

  .navbar-inverse .navbar-nav .open:last-child .dropdown-menu {
      border-bottom: 0px;
  }

  .navbar-inverse .navbar-nav .label, .navbar-inverse .navbar-nav .badge, .navbar-inverse .navbar-nav .label:hover, .navbar-inverse .navbar-nav .badge:hover, .navbar-inverse .navbar-nav .label:focus, .navbar-inverse .navbar-nav .badge:focus {
      background-color: rgb(255, 255, 255);
      border-color: rgb(255, 255, 255);
      color: rgb(51, 51, 51);
  }

  .navbar-inverse .navbar-nav .checker > span, .navbar-inverse .navbar-nav .choice > span {
      border-color: rgb(255, 255, 255);
      color: rgb(255, 255, 255);
  }

  .navbar-inverse .navbar-nav .nav-tabs {
      background-color: transparent;
      border: 0px;
  }

  .navbar-inverse .navbar-nav .nav-tabs > li > a {
      background-color: transparent;
  }
}

@media (max-width: 768px) {
  .navbar-inverse .navbar-collapse {
      background-color: rgba(0, 0, 0, 0.05);
  }

  .navbar-inverse .navbar-text {
      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }

  .navbar-inverse > .navbar-nav > li > a:not(.collapsed) {
      background-color: rgba(0, 0, 0, 0.1);
  }

  .navbar-inverse .dropdown-menu .media-body a, .navbar-inverse .dropdown-menu .table a {
      color: rgb(255, 255, 255);
  }

  .navbar-inverse .dropdown-menu .table-responsive {
      border-width: 0px 0px 1px;
      border-color: rgba(255, 255, 255, 0.1);
  }

  .navbar-inverse .dropdown-menu .dropdown-content-heading + .table-responsive {
      border-top-width: 1px;
  }

  .navbar-inverse .dropdown-menu .table th, .navbar-inverse .dropdown-menu .table td {
      border-color: rgba(255, 255, 255, 0.1);
  }

  .navbar-inverse .label-flat, .navbar-inverse .badge-flat, .navbar-inverse .btn-flat {
      border-color: rgb(255, 255, 255);
      color: rgb(255, 255, 255);
  }
}

.navbar-lg {
  min-height: 50px;
}

.navbar-lg .navbar-brand {
  height: 50px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.navbar-lg .navbar-nav > li > a {
  padding-top: 15px;
  padding-bottom: 15px;
}

.navbar-lg .navbar-nav > .dropdown-user > a, .navbar-lg .navbar-nav > .dropdown-user > a > span {
  padding-top: 7.5px;
  padding-bottom: 7.5px;
}

.navbar-sm {
  min-height: 44px;
}

.navbar-sm .navbar-brand {
  height: 44px;
  padding-top: 12px;
  padding-bottom: 12px;
}

.navbar-sm .navbar-nav > li > a {
  padding-top: 12px;
  padding-bottom: 12px;
}

.navbar-sm .navbar-nav > .dropdown-user > a, .navbar-sm .navbar-nav > .dropdown-user > a > span {
  padding-top: 6px;
  padding-bottom: 6px;
}

.navbar-xs {
  min-height: 42px;
}

.navbar-xs .navbar-brand {
  height: 42px;
  padding-top: 11px;
  padding-bottom: 11px;
}

.navbar-xs .navbar-nav > li > a {
  padding-top: 11px;
  padding-bottom: 11px;
}

.navbar-xs .navbar-nav > .dropdown-user > a, .navbar-xs .navbar-nav > .dropdown-user > a > span {
  padding-top: 5.5px;
  padding-bottom: 5.5px;
}

.nav .mega-menu {
  position: static;
}

.mega-menu .dropdown-menu {
  left: auto;
}

@media (min-width: 769px) {
  .mega-menu.mega-menu-wide > .dropdown-menu {
      left: 20px;
      right: 20px;
  }

  .layout-boxed .mega-menu.mega-menu-wide > .dropdown-menu {
      left: 0px;
      right: 0px;
  }
}

.dropdown-content-heading {
  padding: 20px;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 500;
}

.dropdown-content-heading + .dropdown-menu-body {
  padding-top: 0px;
}

.dropdown-content-heading + .dropdown-header {
  padding-top: 0px !important;
}

ul.dropdown-menu .dropdown-content-heading {
  padding-left: 15px;
  padding-right: 15px;
}

ul.dropdown-menu .dropdown-content-heading:first-child {
  padding-top: 13px;
  padding-bottom: 13px;
}

.dropdown-content-heading .icons-list {
  float: right;
}

@media (min-width: 769px) {
  .dropdown-content-heading + .table-responsive {
      border-top: 1px solid rgb(221, 221, 221);
  }
}

.dropdown-content-footer {
  background-color: rgb(252, 252, 252);
  color: rgb(51, 51, 51);
  border-top: 1px solid rgb(221, 221, 221);
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.dropdown-content-footer a {
  display: block;
  padding: 7px;
  text-align: center;
  color: rgb(51, 51, 51);
}

.dropdown-content-footer a:hover, .dropdown-content-footer a:focus {
  background-color: rgb(245, 245, 245);
}

.dropdown-content-footer a > i.display-block {
  top: 0px;
}

@media (max-width: 768px) {
  .navbar-inverse .dropdown-content-footer {
      background-color: rgba(0, 0, 0, 0.1);
      color: rgb(255, 255, 255);
      border-color: transparent;
      border-radius: 0px;
  }

  .navbar-inverse .dropdown-content-footer a {
      color: rgb(255, 255, 255);
  }

  .navbar-inverse .dropdown-content-footer a:hover, .navbar-inverse .dropdown-content-footer a:focus {
      background-color: rgba(0, 0, 0, 0.1);
  }
}

.dropdown-content-body {
  padding: 20px;
}

.dropdown-content-heading + .dropdown-content-body {
  padding-top: 0px;
}

.dropdown-content:not(ul) {
  padding-top: 0px;
  padding-bottom: 0px;
}

.dropdown-content .form-inline {
  white-space: nowrap;
}

.menu-list {
  margin: 0px 0px 20px;
  list-style: none;
  padding: 0px;
  overflow: hidden;
}

@media (min-width: 1200px) {
  [class*="col-lg-"] .menu-list {
      margin-bottom: 8px;
  }
}

@media (min-width: 1025px) {
  [class*="col-md-"] .menu-list {
      margin-bottom: 8px;
  }
}

@media (min-width: 769px) {
  [class*="col-sm-"] .menu-list {
      margin-bottom: 8px;
  }
}

@media (min-width: 480px) {
  [class*="col-xs-"] .menu-list {
      margin-bottom: 8px;
  }
}

.menu-list ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  position: absolute;
  display: none;
  left: 110%;
  width: 100%;
}

.menu-list li {
  position: relative;
  margin-top: 1px;
}

.menu-list li:first-child {
  margin-top: 0px;
}

.menu-list li > a {
  display: block;
  color: rgb(51, 51, 51);
  padding: 8px 12px;
  border-radius: 3px;
}

.menu-list li > a:hover, .menu-list li > a:focus {
  background-color: rgb(245, 245, 245);
}

.menu-list li > a > i {
  margin-right: 10px;
}

.menu-list li > a > .label, .menu-list li > a > .badge {
  float: right;
  margin-left: 7px;
}

.menu-list li.active > a, .menu-list li.active > a:hover, .menu-list li.active > a:focus {
  color: rgb(255, 255, 255);
  background-color: rgb(33, 150, 243);
}

.menu-list li.disabled > a, .menu-list li.disabled > a:hover, .menu-list li.disabled > a:focus {
  background-color: transparent;
  color: rgb(153, 153, 153);
  cursor: not-allowed;
}

.menu-list li.disabled > a > .label, .menu-list li.disabled > a > .badge, .menu-list li.disabled > a > img {
  opacity: 0.8;
}

@media (max-width: 768px) {
  .menu-list li > a {
      color: rgb(255, 255, 255);
  }

  .menu-list li > a:hover, .menu-list li > a:focus {
      background-color: rgba(0, 0, 0, 0.1);
  }

  .menu-list li.active > a, .menu-list li.active > a:hover, .menu-list li.active > a:focus {
      background-color: rgba(0, 0, 0, 0.1);
  }

  .menu-list li.disabled > a, .menu-list li.disabled > a:hover, .menu-list li.disabled > a:focus {
      background-color: transparent;
      color: rgba(255, 255, 255, 0.6);
      cursor: not-allowed;
  }

  .navbar-default .menu-list li > a {
      color: rgb(51, 51, 51);
  }

  .navbar-default .menu-list li > a:hover, .navbar-default .menu-list li > a:focus {
      background-color: rgb(245, 245, 245);
  }

  .navbar-default .menu-list li.active > a, .navbar-default .menu-list li.active > a:hover, .navbar-default .menu-list li.active > a:focus {
      color: rgb(255, 255, 255);
      background-color: rgb(33, 150, 243);
  }

  .navbar-default .menu-list li.disabled > a, .navbar-default .menu-list li.disabled > a:hover, .navbar-default .menu-list li.disabled > a:focus {
      background-color: transparent;
      color: rgb(153, 153, 153);
  }
}

@media (min-width: 769px) {
  .menu-list {
      overflow-y: auto;
      max-height: 340px;
  }
}

.dd-wrapper .dd-menu {
  overflow: hidden;
  position: relative;
}

.dd-wrapper .dd-header h6 .label, .dd-wrapper .dd-header h6 .badge {
  margin-left: 7px;
}

.dd-wrapper .dd-header h6 > i {
  margin-right: 7px;
}

.dd-wrapper .dd-header h6:first-child {
  display: none;
}

.dd-wrapper .dd-parent .active-ul + ul {
  position: relative;
  display: block;
  left: 0px;
}

.dd-wrapper .link-back {
  display: block;
  padding: 8px 0px;
  border-radius: 3px;
  margin-bottom: 10px;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 1.66667;
}

.dd-wrapper .link-back::before {
  content: "";
  font-family: icomoon;
  font-size: 16px;
  line-height: 1;
  position: relative;
  top: -1px;
  vertical-align: middle;
  margin-right: 7px;
  -webkit-font-smoothing: antialiased;
}

.dd-wrapper .link-back .dd-icon, .dd-wrapper .link-back i {
  display: none;
}

@media (max-width: 768px) {
  .navbar .dd-wrapper .link-back {
      padding: 20px 0px;
      text-align: center;
      margin-top: -10px;
      margin-bottom: 20px;
      border-bottom: 1px solid rgb(238, 238, 238);
  }

  .navbar-inverse .dd-wrapper .link-back {
      color: rgb(255, 255, 255);
      border-bottom-color: rgba(255, 255, 255, 0.1);
  }
}

.dd-wrapper .dd-icon {
  float: right;
  margin-top: 2px;
}

.dd-wrapper .dd-icon::after {
  content: "";
  font-family: icomoon;
  font-size: 16px;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

.dd-wrapper .dd-header .dd-icon::after {
  content: "";
}

.menu-heading {
  display: block;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 10px;
  padding-top: 4px;
}

.menu-heading > i {
  float: left;
  margin-right: 7px;
}

.menu-heading.underlined {
  padding-bottom: 10px;
  border-bottom: 1px solid rgb(238, 238, 238);
}

@media (max-width: 768px) {
  .menu-heading {
      color: rgb(255, 255, 255);
  }

  div:first-child > .menu-heading {
      margin-top: 0px;
  }

  .navbar-default .menu-heading {
      color: rgb(51, 51, 51);
  }

  .menu-heading.underlined {
      border-bottom-color: rgba(255, 255, 255, 0.1);
  }

  .navbar-default .menu-heading.underlined {
      border-bottom-color: rgb(238, 238, 238);
  }
}

.dropdown-menu .nav-tabs, .dropdown-menu .nav-tabs > li > a {
  border-radius: 0px;
}

.dropdown-menu .nav-tabs > li:first-child > a, .dropdown-menu .nav-tabs > li.active:first-child > a {
  border-left: 0px;
}

.dropdown-menu .nav-tabs > li:last-child > a, .dropdown-menu .nav-tabs > li.active:last-child > a {
  border-right: 0px;
}

@media (max-width: 768px) {
  .dropdown-menu .nav-tabs {
      margin-top: 0px;
  }

  .dropdown-menu .nav-tabs::before {
      content: none;
  }

  .dropdown-menu .nav-tabs > li + li {
      margin-top: 1px;
  }

  .dropdown-menu .nav-tabs > li > a {
      border: 0px;
      padding-left: 20px;
      padding-right: 20px;
  }

  .dropdown-menu .nav-tabs > li > a:hover, .dropdown-menu .nav-tabs > li > a:focus {
      background-color: rgba(0, 0, 0, 0.1);
  }

  .dropdown-menu .nav-tabs > li.active > a, .dropdown-menu .nav-tabs > li.active > a:hover, .dropdown-menu .nav-tabs > li.active > a:focus {
      border: 0px;
      background-color: rgba(0, 0, 0, 0.1);
  }

  .navbar .dropdown-menu .nav-tabs {
      border-top: 1px solid rgba(255, 255, 255, 0.1);
      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }

  .navbar .dropdown-menu .nav-tabs > li {
      margin-bottom: 0px;
  }

  .navbar .dropdown-menu .nav-tabs.active > a {
      border-color: transparent;
  }

  .navbar-inverse .dropdown-menu .nav-tabs > li > a {
      color: rgb(255, 255, 255);
  }

  .navbar-inverse .dropdown-menu .nav-tabs > li.disabled > a, .navbar-inverse .dropdown-menu .nav-tabs > li.disabled > a:hover, .navbar-inverse .dropdown-menu .nav-tabs > li.disabled > a:focus {
      color: rgba(255, 255, 255, 0.6);
      background-color: transparent;
  }

  .navbar-default .dropdown-menu .nav-tabs {
      border-top-color: rgb(221, 221, 221);
      border-bottom-color: rgb(221, 221, 221);
      border-left: 0px;
      border-right: 0px;
  }

  .navbar-default .dropdown-menu .nav-tabs > li > a:hover, .navbar-default .dropdown-menu .nav-tabs > li > a:focus {
      color: rgb(85, 85, 85);
      background-color: rgb(248, 248, 248);
  }

  .navbar-default .dropdown-menu .nav-tabs > li.active > a, .navbar-default .dropdown-menu .nav-tabs > li.active > a:hover, .navbar-default .dropdown-menu .nav-tabs > li.active > a:focus {
      color: rgb(85, 85, 85);
      background-color: rgb(248, 248, 248);
  }

  .navbar-default .dropdown-menu .nav-tabs > li.disabled > a, .navbar-default .dropdown-menu .nav-tabs > li.disabled > a:hover, .navbar-default .dropdown-menu .nav-tabs > li.disabled > a:focus {
      color: rgb(153, 153, 153);
      background-color: transparent;
  }
}

.navbar-progress {
  float: left;
  margin-left: 20px;
}

.navbar-progress .progress {
  width: 200px;
}

@media (max-width: 768px) {
  .navbar-progress {
      margin: 13px 20px;
      float: none;
  }

  .navbar-progress .progress {
      margin-top: 0px;
      margin-bottom: 0px;
      width: 100%;
  }
}

.navbar-xs .navbar-progress .progress {
  margin-top: 12px;
  margin-bottom: 12px;
}

.navbar-progress .progress, .navbar-xs .navbar-progress .progress-sm {
  margin-top: 14px;
  margin-bottom: 14px;
}

.navbar-progress .progress-sm, .navbar-xs .navbar-progress .progress-xs {
  margin-top: 16px;
  margin-bottom: 16px;
}

.navbar-progress .progress-xs, .navbar-xs .navbar-progress .progress-xxs {
  margin-top: 18px;
  margin-bottom: 18px;
}

.navbar-progress .progress-xxs {
  margin-top: 20px;
  margin-bottom: 20px;
}

.navbar-sm .navbar-progress .progress {
  margin-top: 13px;
  margin-bottom: 13px;
}

.navbar-lg .navbar-progress .progress, .navbar-sm .navbar-progress .progress-sm {
  margin-top: 16px;
  margin-bottom: 16px;
}

.navbar-lg .navbar-progress .progress-sm, .navbar-sm .navbar-progress .progress-xs {
  margin-top: 18px;
  margin-bottom: 18px;
}

.navbar-lg .navbar-progress .progress-xs, .navbar-sm .navbar-progress .progress-xxs {
  margin-top: 20px;
  margin-bottom: 20px;
}

.navbar-lg .navbar-progress .progress-xxs {
  margin-top: 22px;
  margin-bottom: 22px;
}

@media (max-width: 768px) {
  .navbar .btn-group .dropdown-menu, .navbar .dropdown .dropdown-menu, .navbar .input-group .dropdown-menu {
      width: 100%;
      border-width: 0px 0px 1px;
      border-radius: 0px;
  }

  .navbar .btn-group .dropdown-menu > li > a, .navbar .dropdown .dropdown-menu > li > a, .navbar .input-group .dropdown-menu > li > a {
      padding-left: 20px;
      padding-right: 20px;
  }

  .navbar .btn-group, .navbar .input-group, .navbar .form-group:not(.has-feedback), .navbar .input-group-btn {
      position: static;
  }

  .navbar .select2-container {
      width: 100% !important;
  }

  .navbar-fixed-bottom .btn-group .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu, .navbar-fixed-bottom .input-group .dropdown-menu {
      border-width: 1px 0px 0px;
  }

  .navbar-component .btn-group .dropdown-menu, .navbar-component .dropdown .dropdown-menu, .navbar-component .input-group .dropdown-menu {
      border-width: 0px 1px 1px;
      border-bottom-right-radius: 3px;
      border-bottom-left-radius: 3px;
  }

  .table-responsive {
      margin-bottom: 0px;
  }
}

.breadcrumb {
  border-radius: 0px;
  margin-bottom: 0px;
}

.breadcrumb > li {
  position: relative;
}

.breadcrumb > li > a {
  color: rgb(51, 51, 51);
}

.breadcrumb > li > a:hover, .breadcrumb > li > a:focus {
  opacity: 0.85;
}

.breadcrumb > li i {
  display: inline-block;
  font-size: 12px;
}

.breadcrumb > li > .dropdown-menu {
  margin-top: 0px;
  margin-left: 5px;
}

.breadcrumb > li:first-child > .dropdown-menu {
  margin-left: 0px;
}

.breadcrumb > li > .dropdown-menu-right {
  margin-left: 0px;
  margin-right: -10px;
}

.breadcrumb > li:hover > .dropdown-menu {
  display: block;
}

.breadcrumb > li.location-text {
  margin-right: 7px;
}

.breadcrumb > li.location-text + li::before {
  content: none;
}

.breadcrumb > li.location-text + li > .dropdown-menu {
  margin-left: 0px;
}

@media (max-width: 768px) {
  .heading-elements .breadcrumb {
      padding-top: 0px;
      padding-bottom: 0px;
  }

  .breadcrumb > li {
      position: static;
  }

  .breadcrumb > li .dropdown-menu {
      width: 100%;
      margin: 0px;
      border-radius: 0px;
      border-width: 1px 0px;
  }

  .breadcrumb > li .dropdown-menu > li {
      position: static;
  }

  .breadcrumb .dropdown-submenu > .dropdown-menu {
      position: static;
  }
}

.page-title .breadcrumb {
  float: none;
  display: block;
  margin: 0px;
  padding-top: 3px;
  padding-bottom: 0px;
}

.page-title .breadcrumb:first-child {
  padding-top: 0px;
  padding-bottom: 3px;
}

.page-title .breadcrumb.position-right {
  margin-left: 28px;
}

.page-header-content > .breadcrumb {
  padding-top: 0px;
  padding-bottom: 20px;
}

.page-header-content > .breadcrumb:first-child {
  padding-bottom: 0px;
  padding-top: 20px;
}

.breadcrumb-dash > li + li::before {
  content: "– ";
}

.breadcrumb-arrow > li + li::before {
  content: "→ ";
}

.breadcrumb-arrows > li + li::before {
  content: "» ";
}

.breadcrumb-caret > li + li::before {
  content: "› "; 
}

.breadcrumb-line {
  position: relative;
  padding-left: 20px;
  padding-right: 20px;
  border-top: 1px solid rgb(221, 221, 221);
}

.breadcrumb-line::after {
  content: "";
  display: table;
  clear: both;
}

.breadcrumb-line:first-child {
  border-top-width: 0px;
  border-bottom: 1px solid rgb(221, 221, 221);
}

.page-header .breadcrumb-line:first-child {
  z-index: 994;
}

.breadcrumb-line:not([class*="bg-"]) {
  background-color: rgb(255, 255, 255);
}

.page-header-content + .breadcrumb-line {
  margin-bottom: 20px;
  border-bottom: 1px solid rgb(221, 221, 221);
}

.page-header-default .page-header-content + .breadcrumb-line, .page-header-inverse .page-header-content + .breadcrumb-line {
  margin-bottom: 0px;
}

.page-header-default .page-header-content + .breadcrumb-line {
  border-bottom-width: 0px;
}

.page-header-default .breadcrumb-line:not([class*="bg-"]) {
  background-color: rgb(252, 252, 252);
}

.page-header-inverse .breadcrumb-line {
  border-top-width: 0px;
}

.page-header-inverse .breadcrumb-line:first-child {
  border-bottom-width: 0px;
}

.breadcrumb-line .breadcrumb {
  margin-right: 46px;
}

@media (min-width: 769px) {
  .breadcrumb-line .breadcrumb {
      float: left;
      margin-right: 0px;
  }
}

@media (max-width: 768px) {
  .breadcrumb-line {
      z-index: 2;
      background-color: inherit;
  }
}

.breadcrumb-line-component {
  border-radius: 3px;
  padding-left: 0px;
  padding-right: 0px;
}

.breadcrumb-line-component:not([class*="bg-"]) {
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(221, 221, 221);
}

.page-header-default .breadcrumb-line-component:not([class*="bg-"]) {
  border-width: 1px;
}

.page-header-inverse .breadcrumb-line-component:not([class*="bg-"]) {
  border-width: 0px;
}

.breadcrumb-line-component .breadcrumb {
  margin-left: 20px;
}

.page-header .breadcrumb-line-component {
  margin-left: 20px;
  margin-right: 20px;
}

.breadcrumb-line[class*="bg-"] a, .breadcrumb-line[class*="bg-"] i {
  color: inherit;
}

.breadcrumb-line[class*="bg-"] .breadcrumb > .active, .breadcrumb-line[class*="bg-"] .breadcrumb > li + li::before {
  color: rgba(255, 255, 255, 0.75);
}

.breadcrumb-line[class*="bg-"] .breadcrumb-elements {
  border-top-color: rgba(255, 255, 255, 0.1);
}

.breadcrumb-line[class*="bg-"] .breadcrumb-elements > li > a {
  color: rgba(255, 255, 255, 0.9);
}

.breadcrumb-line[class*="bg-"] .breadcrumb-elements > li.open > a, .breadcrumb-line[class*="bg-"] .breadcrumb-elements > li > a:hover, .breadcrumb-line[class*="bg-"] .breadcrumb-elements > li > a:focus {
  color: rgb(255, 255, 255);
}

.breadcrumb-elements {
  text-align: center;
  margin: 0px;
  padding: 0px;
  list-style: none;
  border-top: 1px solid rgb(221, 221, 221);
  font-size: 0px;
}

.breadcrumb-elements::after {
  content: "";
  display: table;
  clear: both;
}

.breadcrumb-elements > li {
  display: inline-block;
  position: static;
  font-size: 13px;
}

.breadcrumb-elements > li > a {
  display: block;
  padding: 10px 15px;
  color: rgb(51, 51, 51);
}

.breadcrumb-elements > li.open > a, .breadcrumb-elements > li > a:hover, .breadcrumb-elements > li > a:focus {
  background-color: rgb(249, 249, 249);
}

.breadcrumb-line[class*="bg-"] .breadcrumb-elements > li.open > a, .breadcrumb-line[class*="bg-"] .breadcrumb-elements > li > a:hover, .breadcrumb-line[class*="bg-"] .breadcrumb-elements > li > a:focus {
  background-color: rgba(255, 255, 255, 0.1);
}

.breadcrumb-elements .dropdown-menu {
  margin-top: 0px;
  left: auto;
  right: -1px;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
}

@media (max-width: 768px) {
  .breadcrumb-elements .dropdown-menu {
      left: -1px;
  }

  .breadcrumb-elements .dropdown-menu > li > a {
      padding-left: 15px;
      padding-right: 15px;
  }
}

.breadcrumb-elements .dropup > .dropdown-menu {
  margin-bottom: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

.breadcrumb-elements [data-toggle="collapse"] {
  display: block;
  position: absolute;
  top: 0px;
  right: 20px;
}

@media (min-width: 769px) {
  .breadcrumb-elements {
      float: right;
      text-align: inherit;
      border-top: 0px;
  }

  .breadcrumb-elements.collapse {
      display: block;
      visibility: visible;
  }

  .breadcrumb-elements > li {
      float: left;
  }

  .breadcrumb-elements > li, .breadcrumb-elements > li .btn-group {
      position: relative;
  }

  .breadcrumb-line-component .breadcrumb-elements > li:last-child > a {
      border-bottom-right-radius: 3px;
      border-top-right-radius: 3px;
  }

  .breadcrumb-elements [data-toggle="collapse"] {
      display: none;
  }
}

@media (max-width: 768px) {
  .breadcrumb-line:not(.breadcrumb-line-component) .breadcrumb-elements {
      background-color: inherit;
      margin-left: -20px;
      margin-right: -20px;
      padding-left: 20px;
      padding-right: 20px;
  }
}

.pagination {
  margin-top: 0px;
  margin-bottom: -6px;
}

.pagination > li > a, .pagination > li > span {
  min-width: 36px;
  text-align: center;
}

.pagination.pagination-rounded > li:first-child > a, .pagination.pagination-rounded > li:first-child > span {
  border-bottom-left-radius: 100px;
  border-top-left-radius: 100px;
}

.pagination.pagination-rounded > li:last-child > a, .pagination.pagination-rounded > li:last-child > span {
  border-bottom-right-radius: 100px;
  border-top-right-radius: 100px;
}

.pagination-flat > li > a, .pagination-flat > li > span {
  margin-left: 1px;
  border-radius: 3px;
  min-width: 36px;
  background-color: transparent;
}

.pagination-flat > li > a, .pagination-flat > li > span, .pagination-flat > li > a:hover, .pagination-flat > li > span:hover, .pagination-flat > li > a:focus, .pagination-flat > li > span:focus {
  border-color: transparent;
}

.pagination-flat > .active > a, .pagination-flat > .active > span, .pagination-flat > .active > a:hover, .pagination-flat > .active > span:hover, .pagination-flat > .active > a:focus, .pagination-flat > .active > span:focus {
  border-color: transparent;
}

.pagination-flat > .disabled > span, .pagination-flat > .disabled > span:hover, .pagination-flat > .disabled > span:focus, .pagination-flat > .disabled > a, .pagination-flat > .disabled > a:hover, .pagination-flat > .disabled > a:focus {
  border-color: transparent;
}

.pagination-flat.pagination-rounded > li > a, .pagination-flat.pagination-rounded > li > span {
  border-radius: 100px;
}

.pagination-flat.pagination-lg > li > a, .pagination-flat.pagination-lg > li > span {
  min-width: 40px;
}

.pagination-flat.pagination-sm > li > a, .pagination-flat.pagination-sm > li > span {
  min-width: 34px;
}

.pagination-flat.pagination-xs > li > a, .pagination-flat.pagination-xs > li > span {
  min-width: 32px;
}

.pagination-separated > li > a, .pagination-separated > li > span {
  margin-left: 2px;
}

.pagination-lg > li > a, .pagination-lg > li > span {
  min-width: 40px;
}

.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}

.pagination-sm > li > a, .pagination-sm > li > span {
  min-width: 34px;
}

.pagination-xs > li > a, .pagination-xs > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.66667;
}

.pagination-xs > li:first-child > a, .pagination-xs > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

.pagination-xs > li:last-child > a, .pagination-xs > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}

.pagination-xs > li > a, .pagination-xs > li > span {
  min-width: 32px;
}

.pager {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 0px;
}

.pager li > a, .pager li > span {
  padding: 7px 12px;
  color: rgb(51, 51, 51);
  font-size: 13px;
}

.pager li > a:hover, .pager li > a:focus {
  border-color: rgb(33, 150, 243);
  color: rgb(255, 255, 255);
}

.pager li + li {
  margin-left: 10px;
}

.pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span {
  border-color: rgb(221, 221, 221);
}

.pager.text-left {
  text-align: left;
}

.pager.text-right {
  text-align: right;
}

.pager-lg li > a, .pager-lg li > span {
  padding: 9px 15px;
  font-size: 14px;
  line-height: 1.42857;
}

.pager-sm li > a, .pager-sm li > span {
  padding: 6px 11px;
  font-size: 12px;
  line-height: 1.66667;
}

.pager-xs li > a, .pager-xs li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.66667;
}

.pager-rounded li > a, .pager-rounded li > span {
  border-radius: 100px;
}

.pager-linked li > a, .pager-linked li > span {
  border-color: transparent;
  color: rgb(30, 136, 229);
}

.pager-linked li > a:hover, .pager-linked li > span:hover {
  background-color: rgb(33, 150, 243);
  color: rgb(255, 255, 255);
}

.pager-linked .disabled > a, .pager-linked .disabled > a:hover, .pager-linked .disabled > a:focus, .pager-linked .disabled > span {
  border-color: transparent;
}

.label {
 display: inline-block;
    padding: 4px 14px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    white-space: nowrap;
    line-height: 1.4;
}

.btn .label {
  top: 0px;
}

.list-group-item.active > .label, .nav-pills > .active > a > .label, .nav-tabs-solid > .active > a > .label, .nav-tabs[class*="bg-"] > li > a > .label {
  color: rgb(51, 51, 51);
  background-color: rgb(255, 255, 255);
  border-color: rgb(255, 255, 255);
}

@media (min-width: 769px) {
  .list-group-item > .label {
      float: right;
  }

  .list-group-item > .label + .label {
      margin-right: 7px;
  }
}

.label > .caret, .badge > .caret {
  margin-top: -2px;
}

.open .label.dropdown-toggle, .open .badge.dropdown-toggle {
  box-shadow: none;
}

.label[href]:hover, .badge[href]:hover, .label[href]:focus, .badge[href]:focus {
  opacity: 0.85;
}

.label-default {
  border-color: rgb(153, 153, 153);
}

.label-default[href]:hover, .label-default[href]:focus {
  background-color: rgb(153, 153, 153);
}

.label-primary {
  border-color: rgb(33, 150, 243);
}

.label-primary[href]:hover, .label-primary[href]:focus {
  background-color: rgb(33, 150, 243);
}

.label-success {
  border-color: rgb(76, 175, 80);
}

.label-success[href]:hover, .label-success[href]:focus {
  background-color: rgb(76, 175, 80);
}

.label-info {
  border-color: rgb(0, 188, 212);
}

.label-info[href]:hover, .label-info[href]:focus {
  background-color: rgb(0, 188, 212);
}

.label-warning {
  border-color: rgb(255, 87, 34);
}

.label-warning[href]:hover, .label-warning[href]:focus {
  background-color: rgb(255, 87, 34);
}

.label-danger {
  border-color: rgb(244, 67, 54);
}

.label-danger[href]:hover, .label-danger[href]:focus {
  background-color: rgb(244, 67, 54);
}

.label-striped {
  background-color: rgb(245, 245, 245);
  color: rgb(51, 51, 51);
  border-left-width: 2px;
  padding: 5px 10px;
}

.label-striped.label-striped-right {
  border-left-width: 1px;
  border-right-width: 2px;
}

.label-striped, .label-striped.label-icon {
  border-radius: 0px;
}

.label-striped[href]:hover, .label-striped[href]:focus {
  color: rgb(51, 51, 51);
  background-color: rgb(238, 238, 238);
  box-shadow: none;
}

.label-flat {
  background-color: transparent;
  border-width: 2px;
  border-radius: 0px;
  padding: 1px 4px 0px;
}

.label-flat[href]:hover, .label-flat[href]:focus {
  background-color: transparent;
  box-shadow: none;
}

.label-icon {
  padding: 7px;
  border-radius: 2px;
  line-height: 1;
}

.label-icon > i {
  top: 0px;
}

.label-icon.label-flat {
  padding: 6px;
}

.label-icon-xlg {
  padding: 10px;
}

.label-icon-xlg.label-flat {
  padding: 9px;
}

.label-icon-lg {
  padding: 9px;
}

.label-icon-lg.label-flat {
  padding: 8px;
}

.label-icon-sm {
  padding: 6px;
}

.label-icon-sm.label-flat {
  padding: 5px;
}

.label-icon-xs {
  padding: 5px;
}

.label-icon-xs.label-flat {
  padding: 4px;
}

.label-rounded {
  border-radius: 100px;
}

.label-rounded:not(.label-icon) {
  padding-left: 7px;
  padding-right: 7px;
}

.label-roundless {
  border-radius: 0px;
}

.label-block {
  display: block;
}

.form-control + .label-block {
  margin-top: 7px;
}

.label-block.text-left {
  text-align: left;
  margin-right: 0px;
}

.label-block.text-right {
  text-align: right;
  margin-left: 0px;
}
.label.label-default.label-outlined {
  background: transparent;
  color: #333;
  transition: 0.5s;
}
.label.label-default.label-outlined:hover {
  background-color: rgb(153, 153, 153);
  color: #fff;
}
.badge {
  padding: 2px 6px 1px;
  font-size: 10px;
  letter-spacing: 0.1px;
  vertical-align: baseline;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 100px;
}

.btn .badge {
  top: 0px;
}

.btn-xs .badge {
  padding: 2px 6px 1px;
}

.list-group-item.active > .badge, .nav-pills > .active > a > .badge, .nav-tabs-solid > .active > a > .badge, .nav-tabs[class*="bg-"] > li > a > .badge {
  color: rgb(51, 51, 51);
  background-color: rgb(255, 255, 255);
  border-color: rgb(255, 255, 255);
}

.nav-pills > li > a > .badge {
  margin-left: 0px;
}

.nav-pills > li > a > .badge.position-right {
  margin-left: 7px;
}

.badge-default {
  background-color: rgb(153, 153, 153);
  border-color: rgb(153, 153, 153);
}

.badge-primary {
  background-color: rgb(33, 150, 243);
  border-color: rgb(33, 150, 243);
}

.badge-success {
  background-color: rgb(76, 175, 80);
  border-color: rgb(76, 175, 80);
}

.badge-info {
  background-color: rgb(0, 188, 212);
  border-color: rgb(0, 188, 212);
}

.badge-warning {
  background-color: rgb(255, 87, 34);
  border-color: rgb(255, 87, 34);
}

.badge-danger {
  background-color: rgb(244, 67, 54);
  border-color: rgb(244, 67, 54);
}

.badge-flat {
  background-color: transparent;
  border-width: 2px;
  padding: 1px 5px 0px;
}

.badge-flat[href]:hover, .badge-flat[href]:focus {
  background-color: transparent;
  box-shadow: none;
}

.thumbnail {
  box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 1px;
}

.thumbnail > a {
  display: block;
}

.thumbnail > img, .thumbnail a > img {
  width: 100%;
}

a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
  border-color: rgb(221, 221, 221);
}

.thumbnail .caption {
  padding: 20px 17px 17px;
}

.thumbnail .caption i.pull-right, .thumbnail .caption .icons-list.pull-right {
  margin-top: 4px;
}

.thumbnail .caption .media-heading {
  margin-top: 0px;
}

.thumbnail .caption .media-heading::after {
  content: "";
  display: table;
  clear: both;
}

.modal-dialog .thumbnail {
  border-width: 0px;
  box-shadow: none;
}

.thumbnail > .panel-heading {
  margin: -3px -3px 0px;
}

.thumbnail .panel-footer {
  margin: 0px -3px -3px;
}

.thumbnail.no-padding img, .thumbnail.no-padding .thumb {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  box-shadow: none;
}

.thumbnail.no-padding .caption {
  padding: 20px;
}

.thumbnail.no-padding .panel-heading, .thumbnail.no-padding .panel-footer {
  margin: 0px;
}

.thumb {
  position: relative;
  display: block;
  text-align: center;
}

.thumb img:not(.media-preview) {
  display: inline-block;
  width: 100%;
  max-width: 100%;
  height: auto;
}

.thumb.thumb-fixed img {
  max-width: 240px;
}

.thumb:not(.thumb-rounded) img {
  border-radius: 3px;
}

.thumb:hover .caption-zoom {
  border-radius: 0px;
  box-shadow: rgba(0, 0, 0, 0.7) 0px 0px 0px 10px;
}

.thumb:hover .caption-offset {
  left: 8px;
  top: 8px;
}

.thumb .caption-collapse {
  top: 80%;
  z-index: 10;
  height: auto;
}

.thumb:hover .thumb .caption-collapse {
  top: 100%;
}

.thumb-rounded {
  width: 60%;
  margin: 20px auto 0px;
}

.thumb-rounded, .thumb-rounded img, .thumb-rounded .caption-overflow {
  border-radius: 50%;
}

.caption-overflow {
  position: absolute;
  top: 0px;
  left: 0px;
  color: rgb(255, 255, 255);
  width: 100%;
  height: 100%;
  visibility: hidden;
  border-radius: 3px;
  opacity: 0;
  transition: all 0.15s ease-in-out 0s;
}

.caption-overflow span {
  position: absolute;
  left: 0px;
  top: 50%;
  margin-top: -17px;
  width: 100%;
  text-align: center;
}

.thumb:hover > .caption-overflow {
  background-color: rgba(0, 0, 0, 0.7);
  visibility: visible;
  opacity: 1;
}

.zoom-image {
  color: rgb(255, 255, 255);
  display: inline-block;
  text-align: center;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all 0.15s ease-in-out 0s;
}

.thumb:hover .zoom-image {
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 1;
}

.img-rounded + .zoom-image {
  border-radius: 3px;
}

.img-circle + .zoom-image {
  border-radius: 50%;
}

.zoom-image i {
  font-size: 32px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -16px;
  margin-left: -16px;
}

.thumb-slide {
  overflow: hidden;
}

.thumb-slide .caption {
  position: absolute;
  bottom: -100%;
  left: 0px;
  color: rgb(255, 255, 255);
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 10;
  transition: all 0.1s linear 0s;
}

.thumb-slide .caption span {
  position: absolute;
  top: 50%;
  left: 0px;
  margin-top: -18px;
  width: 100%;
  text-align: center;
}

.thumb-slide:hover .caption {
  bottom: 0px;
}

.alert {
  position: relative;
  padding-left: 20px;
  padding-right: 20px;
}

.alert .alert-heading {
  margin-top: 0px;
  margin-bottom: 5px;
}

.alert .alert-link {
  color: inherit;
}

.alert .close, .alert .close:hover, .alert .close:focus {
  color: inherit;
}

.alert-primary {
  background-color: rgb(227, 242, 253);
  border-color: rgb(30, 136, 229);
  color: rgb(21, 101, 192);
}

.alert-primary hr {
  border-top-color: rgb(24, 123, 209);
}

.alert-primary .alert-link {
  color: rgb(16, 77, 146);
}

.alert-primary, .alert-primary .close {
  color: rgb(16, 77, 146);
}

.alert-success, .alert-success .close {
  color: rgb(32, 88, 35);
}

.alert-info, .alert-info .close {
  color: rgb(0, 84, 92);
}

.alert-warning, .alert-warning .close {
  color: rgb(170, 53, 16);
}

.alert-danger, .alert-danger .close {
  color: rgb(156, 31, 31);
}

.alert.alert-rounded {
  border-radius: 100px;
  padding-left: 25px;
  padding-right: 25px;
}

.alert-component[class*="alert-styled-"] {
  background-color: rgb(255, 255, 255);
}

.alert.float {
  position: fixed;
  z-index: 2;
  right: 15px;
}

.alert[class*="bg-"] a, .alert[class*="bg-"] .alert-link {
  /* color: rgb(255, 255, 255); */
}

.alert[class*="alert-styled-"]::after {
  content: "";
  font-family: icomoon;
  color: rgb(255, 255, 255);
  width: 44px;
  left: -44px;
  text-align: center;
  position: absolute;
  top: 50%;
  margin-top: -8px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

.alert[class*="alert-styled-"].alert-danger::after, .alert[class*="alert-styled-"][class*="bg-danger"]::after {
  content: "";
}

.alert[class*="alert-styled-"].alert-success::after, .alert[class*="alert-styled-"][class*="bg-success"]::after {
  content: "";
}

.alert[class*="alert-styled-"].alert-warning::after, .alert[class*="alert-styled-"][class*="bg-warning"]::after {
  content: "";
}

.alert[class*="alert-styled-"].alert-info::after, .alert[class*="alert-styled-"][class*="bg-info"]::after {
  content: "";
}

.alert.alert-styled-right::after {
  left: auto;
  right: -44px;
}

.alert.alert-styled-custom::after {
  content: "";
}

.alert.alert-styled-left {
  border-left-width: 44px;
}

/* .alert.alert-styled-left[class*="bg-"] {
  border-left-color: rgba(0, 0, 0, 0.15) !important;
} */

.alert.alert-styled-right {
  border-right-width: 44px;
}

.alert.alert-styled-right[class*="bg-"] {
  border-right-color: rgba(0, 0, 0, 0.15) !important;
}

.alert:not(.ui-pnotify)[class*="alert-arrow-"]::before, .ui-pnotify.alert[class*="alert-arrow-"] > .brighttheme::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0px;
  border-left-width: 5px;
  border-left-style: solid;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left-color: inherit;
  margin-top: -5px;
}

.alert:not(.ui-pnotify).alert-arrow-right::before, .ui-pnotify.alert.alert-arrow-right > .brighttheme::before {
  left: auto;
  right: 0px;
  border-left: 0px;
  border-right-width: 5px;
  border-right-style: solid;
  border-right-color: inherit;
}

.progress {
  position: relative;
  margin-bottom: 0px;
  height: 25px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px inset;
  background-color: rgb(244, 68, 54);
}

.progress-bar {
  line-height: 25px;
  overflow: hidden;
  min-width: 2em;
}
.progress-bar.progress-bar-success[aria-valuenow="0"] {
  background: #d11302;
}
.progress-rounded, .progress-rounded > .progress-bar {
  border-radius: 100px;
}

.progress .progressbar-back-text {
  position: absolute;
  left: 0px;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 12px;
}

.progress .progressbar-front-text {
  display: block;
  width: 100%;
  text-align: center;
  position: relative;
  font-size: 12px;
}

.progress.right .progress-bar {
  right: 0px;
  float: right;
}

.progress.right .progressbar-front-text {
  position: absolute;
  right: 0px;
}

.progress.vertical {
  width: 50px;
  height: 100%;
  display: inline-block;
}

.progress.vertical + .progress.vertical {
  margin-left: 10px;
}

.progress.vertical .progress-bar {
  width: 100%;
  height: 0px;
  transition: height 0.6s ease 0s;
}

.progress.vertical.bottom {
  position: relative;
}

.progress.vertical.bottom .progressbar-front-text {
  position: absolute;
  bottom: 0px;
}

.progress.vertical.bottom .progress-bar {
  position: absolute;
  bottom: 0px;
}

.progress-lg {
  height: 22px;
}

.progress-lg .progress-bar {
  line-height: 22px;
}

.progress-sm {
  height: 14px;
}

.progress-xs {
  height: 10px;
}

.progress-xxs {
  height: 6px;
}

.progress-micro {
  height: 2px;
}

.progress-sm .progress-bar, .progress-xs .progress-bar, .progress-xxs .progress-bar, .progress-micro .progress-bar {
  font-size: 0px;
}

@media (max-width: 768px) {
  .progress {
      width: 100%;
  }
}

.media {
  margin-top: 20px;
  position: relative;
}

.media.panel-body {
  margin-top: 0px;
}

.media, .media-body {
  overflow: visible;
}

.media-left, .media-right, .media-body {
  position: relative;
}

.media-heading {
  margin-bottom: 2px;
  display: block;
}

.media-list {
  margin-bottom: 0px;
}

.media-right, .media > .pull-right {
  padding-left: 20px;
}

.media-left, .media > .pull-left {
  padding-right: 20px;
}

@media (max-width: 768px) {
  .stack-media-on-mobile:not(.text-left):not(.text-right) {
      text-align: center;
  }

  .stack-media-on-mobile .media-annotation {
      display: block;
  }

  .stack-media-on-mobile .media-annotation.dotted:not(.pull-right)::before {
      content: none;
      margin: 0px;
  }

  .stack-media-on-mobile .media-heading .media-annotation {
      margin-left: 0px;
      margin-right: 0px;
      padding-bottom: 5px;
  }

  .stack-media-on-mobile .media-left, .stack-media-on-mobile .media-right, .stack-media-on-mobile .media-body {
      display: block;
      width: auto;
      padding-left: 0px;
      padding-right: 0px;
  }

  .stack-media-on-mobile .media-body, .stack-media-on-mobile .media-right {
      margin-top: 15px;
  }

  .stack-media-on-mobile .media-heading {
      margin-bottom: 5px;
  }
}

.media-badge {
  position: absolute;
  left: -10px;
  top: -2px;
}

.media-badge, .media-badge[class*="bg-"] {
  border: 2px solid;
}

@media (max-width: 768px) {
  .navbar-inverse .media-badge {
      border: 0px;
      top: 0px;
  }
}

.media-annotation {
  color: rgb(153, 153, 153);
  font-size: 12px;
  line-height: 1.66667;
  font-weight: 400;
}

.media-heading .media-annotation {
  margin-left: 7px;
}

.media-annotation i {
  font-size: 13px;
}

.media-annotation.dotted:not(.pull-right)::before {
  content: "•";
  margin-right: 10px;
}

.media-header {
  white-space: nowrap;
  margin-top: 20px;
  font-weight: 500;
}

.media-header:first-child {
  margin-top: 0px;
}

.media-list-bordered > li {
  border-top: 1px solid rgb(238, 238, 238);
  padding-top: 15px;
  margin-top: 15px;
}

.media-list-bordered > li:first-child {
  padding-top: 0px;
  border-top-width: 0px;
}

.media-list-bordered.media-list-linked .media-header {
  margin-bottom: 15px;
}

.media-list-linked .media {
  margin-top: 0px;
  padding: 0px;
}

.media-list-linked .media-link {
  display: block;
  padding: 15px 20px;
  color: rgb(51, 51, 51);
}

.media-list-linked .media-link:hover, .media-list-linked .media-link:focus {
  background-color: rgb(250, 250, 250);
  color: rgb(51, 51, 51);
}

.media-list-linked .media-header {
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.media-list-linked .media-header:first-child {
  margin-top: 0px;
}

.media-list-linked.media-list-bordered > li:first-child {
  border-top-width: 1px;
}

.media-list-linked.media-list-bordered > .media-header {
  margin-top: 0px;
}

.media-list-linked.media-list-bordered > .media-header:first-child {
  border-top-width: 0px;
}

.list-group {
  list-style: none;
  margin-bottom: 0px;
  border: 1px solid rgb(221, 221, 221);
  padding: 7px 0px;
  border-radius: 3px;
}

.list-group-item {
  background-color: transparent;
  padding: 10px 20px;
  border: 0px;
}

.list-group-item.disabled .label, .list-group-item.disabled:hover .label, .list-group-item.disabled:focus .label, .list-group-item.disabled .badge, .list-group-item.disabled:hover .badge, .list-group-item.disabled:focus .badge {
  opacity: 0.75;
}

.list-group-divider {
  height: 1px;
  display: block;
  background-color: rgb(229, 229, 229);
  margin-top: 7px;
  margin-bottom: 7px;
}

.list-group-header {
  padding: 7px 20px;
  font-size: 11px;
  line-height: 1.82;
  color: rgb(153, 153, 153);
  text-transform: uppercase;
}

.list-group-header:first-child {
  margin-top: 7px;
}

.list-group-item + .list-group-header, .list-group-divider + .list-group-header {
  margin-top: 14px;
}

.list-group-item > i, .list-group-header > i {
  margin-right: 7px;
}

.list-group-item > i.pull-right, .list-group-header > i.pull-right {
  margin-right: 0px;
  margin-left: 7px;
  margin-top: 3px;
}

.list-group-item-heading {
  margin-top: 7px;
  margin-bottom: 7px;
}

.list-group-item-text {
  line-height: 1.53846;
  margin-bottom: 7px;
}

.list-group-item-success {
  color: rgb(67, 160, 71);
  background-color: rgb(232, 245, 233);
}

a.list-group-item-success, button.list-group-item-success {
  color: rgb(67, 160, 71);
}

a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading {
  color: inherit;
}

a.list-group-item-success:hover, button.list-group-item-success:hover, a.list-group-item-success:focus, button.list-group-item-success:focus {
  color: rgb(67, 160, 71);
  background-color: rgb(214, 237, 216);
}

a.list-group-item-success.active, button.list-group-item-success.active, a.list-group-item-success.active:hover, button.list-group-item-success.active:hover, a.list-group-item-success.active:focus, button.list-group-item-success.active:focus {
  color: rgb(255, 255, 255);
  background-color: rgb(67, 160, 71);
  border-color: rgb(67, 160, 71);
}

.list-group-item-success, a.list-group-item-success, a.list-group-item-success:hover, a.list-group-item-success:focus {
  color: rgb(32, 88, 35);
}

.list-group-item-info {
  color: rgb(21, 101, 192);
  background-color: rgb(227, 242, 253);
}

a.list-group-item-info, button.list-group-item-info {
  color: rgb(21, 101, 192);
}

a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading {
  color: inherit;
}

a.list-group-item-info:hover, button.list-group-item-info:hover, a.list-group-item-info:focus, button.list-group-item-info:focus {
  color: rgb(21, 101, 192);
  background-color: rgb(203, 231, 251);
}

a.list-group-item-info.active, button.list-group-item-info.active, a.list-group-item-info.active:hover, button.list-group-item-info.active:hover, a.list-group-item-info.active:focus, button.list-group-item-info.active:focus {
  color: rgb(255, 255, 255);
  background-color: rgb(21, 101, 192);
  border-color: rgb(21, 101, 192);
}

.list-group-item-info, a.list-group-item-info, a.list-group-item-info:hover, a.list-group-item-info:focus {
  color: rgb(16, 77, 146);
}

.list-group-item-warning {
  color: rgb(239, 108, 0);
  background-color: rgb(255, 243, 224);
}

a.list-group-item-warning, button.list-group-item-warning {
  color: rgb(239, 108, 0);
}

a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading {
  color: inherit;
}

a.list-group-item-warning:hover, button.list-group-item-warning:hover, a.list-group-item-warning:focus, button.list-group-item-warning:focus {
  color: rgb(239, 108, 0);
  background-color: rgb(255, 233, 198);
}

a.list-group-item-warning.active, button.list-group-item-warning.active, a.list-group-item-warning.active:hover, button.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus, button.list-group-item-warning.active:focus {
  color: rgb(255, 255, 255);
  background-color: rgb(239, 108, 0);
  border-color: rgb(239, 108, 0);
}

.list-group-item-warning, a.list-group-item-warning, a.list-group-item-warning:hover, a.list-group-item-warning:focus {
  color: rgb(170, 53, 16);
}

.list-group-item-danger {
  color: rgb(216, 67, 21);
  background-color: rgb(251, 233, 231);
}

a.list-group-item-danger, button.list-group-item-danger {
  color: rgb(216, 67, 21);
}

a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading {
  color: inherit;
}

a.list-group-item-danger:hover, button.list-group-item-danger:hover, a.list-group-item-danger:focus, button.list-group-item-danger:focus {
  color: rgb(216, 67, 21);
  background-color: rgb(247, 213, 209);
}

a.list-group-item-danger.active, button.list-group-item-danger.active, a.list-group-item-danger.active:hover, button.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus, button.list-group-item-danger.active:focus {
  color: rgb(255, 255, 255);
  background-color: rgb(216, 67, 21);
  border-color: rgb(216, 67, 21);
}

.list-group-item-danger, a.list-group-item-danger, a.list-group-item-danger:hover, a.list-group-item-danger:focus {
  color: rgb(156, 31, 31);
}

.panel {
  margin-bottom: 20px;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px;
}

.panel.has-scroll {
  max-width: 100%;
  overflow-x: auto;
}

.panel.has-bg-image {
  background-image: url("../images/backgrounds/panel_bg.png");
}

.panel-flat > .panel-heading + .table, .panel-flat > .panel-heading + .table-responsive {
  border-top: 1px solid rgb(221, 221, 221);
}

.panel[class*="bg-"] > .panel-heading {
  border-color: rgba(255, 255, 255, 0.2);
}

@media (max-width: 768px) {
  .panel[class*="bg-"] > .panel-heading {
      background-color: inherit;
  }
}

.panel[class*="bg-"].panel-flat > .panel-heading {
  border-bottom-color: transparent;
}

.panel[class*="bg-"] .panel-title {
  color: rgb(255, 255, 255);
}

.panel[class*="bg-"] .table thead td, .panel[class*="bg-"] .table tbody td, .panel[class*="bg-"] .table thead th, .panel[class*="bg-"] .table tbody th {
  border-color: rgba(255, 255, 255, 0.1);
}

.panel[class*="bg-"] .text-muted, .panel[class*="bg-"] .help-block, .panel[class*="bg-"] .help-inline {
  color: rgba(255, 255, 255, 0.8);
}

.panel[class*="border-top-"] {
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
}

.panel[class*="border-bottom-"] {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

.panel[class*="border-left-"] {
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
}

.panel[class*="border-right-"] {
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
}

.panel-body {
  position: relative;
}

.panel-flat > .panel-heading + .panel-body {
  padding-top: 0px;
}

.panel-body + .panel-body, .panel-body + .table, .panel-body + .table-responsive, .panel-body.has-top-border {
  border-top: 1px solid rgb(221, 221, 221);
}

.panel[class*="bg-"] .panel-body + .panel-body, .panel[class*="bg-"] .panel-body + .table, .panel[class*="bg-"] .panel-body + .table-responsive, .panel[class*="bg-"] .panel-body.has-top-border {
  border-top-color: rgba(255, 255, 255, 0.5);
}

.panel-body-accent {
  background-color: rgb(252, 252, 252);
}

.panel[class*="bg-"] .panel-body-accent {
  background-color: rgba(0, 0, 0, 0.1);
}

.panel-heading {
  position: relative;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.panel-bordered > .panel-heading {
  margin: 0px;
}

.panel-flat > .panel-heading {
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: rgb(255, 255, 255);
}

.panel-flat > .panel-heading > .panel-title {
  margin-top: 2px;
  margin-bottom: 2px;
}

.panel-flat[class*="bg-"] > .panel-heading {
  background-color: inherit;
}

.panel-heading[class*="bg-"], .panel-primary .panel-heading, .panel-danger .panel-heading, .panel-success .panel-heading, .panel-warning .panel-heading, .panel-info .panel-heading {
  margin: -1px -1px 0px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.panel-white > .panel-heading {
  background-color: rgb(255, 255, 255);
  border-bottom-color: rgb(221, 221, 221);
}

.panel-title {
  position: relative;
  font-size: 13px;
}

.panel-title.text-size-mini {
  font-size: 11px;
}

.panel-title.text-size-small {
  font-size: 12px;
}

.panel-title.text-size-large {
  font-size: 14px;
}

a.panel-title {
  display: block;
}

.panel-title img {
  max-height: 20px;
  display: inline-block;
  vertical-align: top;
}

.panel-title > small:not(.display-block), .panel-title > .small:not(.display-block) {
  margin-left: 5px;
}

h1.panel-title, .h1.panel-title {
  font-size: 25px;
}

h2.panel-title, .h2.panel-title {
  font-size: 23px;
}

h3.panel-title, .h3.panel-title {
  font-size: 21px;
}

h4.panel-title, .h4.panel-title {
  font-size: 19px;
}

h5.panel-title, .h5.panel-title {
  font-size: 17px;
}

h6.panel-title, .h6.panel-title {
  font-size: 15px;
  font-weight: 500;
}

.icons-list a[data-action] {
  vertical-align: middle;
  transition: all 0.2s ease-in-out 0s;
}

.icons-list a[data-action]::after {
  font-family: icomoon;
  font-size: 16px;
  min-width: 16px;
  text-align: center;
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
}

.icons-list a[data-action="collapse"]::after {
  content: "";
}

.icons-list a[data-action="reload"]::after {
  content: "";
}

.icons-list a[data-action="close"]::after {
  content: "";
}

.icons-list a[data-action="move"]::after {
  content: "";
}

.icons-list a[data-action="modal"]::after {
  content: "";
}

.panel-footer {
  position: relative;
  padding-left: 0px;
  padding-right: 0px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel-footer::after {
  content: "";
  display: table;
  clear: both;
}

.panel-footer-transparent {
  background-color: transparent;
  border-top: 0px;
  padding-top: 0px;
  padding-bottom: 12px;
}

.panel-footer-condensed {
  padding-top: 2px;
  padding-bottom: 2px;
}

.panel-footer-bordered {
  background-color: rgb(255, 255, 255);
  padding-right: 0px;
  margin-left: 20px;
  margin-right: 20px;
}

.panel-group-control .panel-title > a {
  padding-left: 26px;
  display: inline-block;
}

.panel-group-control .panel-title > a::before {
  content: "";
  font-family: icomoon;
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 0px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

.panel-group-control .panel-title > a.collapsed::before {
  content: "";
}

.panel-group-control.panel-group-control-right .panel-title > a {
  padding-left: 0px;
  padding-right: 26px;
}

.panel-group-control.panel-group-control-right .panel-title > a::before {
  left: auto;
  right: 0px;
}

.panel-primary {
  border-color: rgb(221, 221, 221);
}

.panel-primary.panel-bordered {
  border-color: rgb(33, 150, 243);
}

.panel-success {
  border-color: rgb(221, 221, 221);
}

.panel-success.panel-bordered {
  border-color: rgb(76, 175, 80);
}

.panel-info {
  border-color: rgb(221, 221, 221);
}

.panel-info.panel-bordered {
  border-color: rgb(0, 188, 212);
}

.panel-warning {
  border-color: rgb(221, 221, 221);
}

.panel-warning.panel-bordered {
  border-color: rgb(255, 87, 34);
}

.panel-danger {
  border-color: rgb(221, 221, 221);
}

.panel-danger.panel-bordered {
  border-color: rgb(244, 67, 54);
}

.well {
  margin-bottom: 0px;
  padding: 20px;
  box-shadow: none;
}

.well-white {
  background-color: rgb(255, 255, 255);
}

.well[class*="border-top-"] {
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
}

.well[class*="border-bottom-"] {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

.well[class*="border-left-"] {
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
}

.well[class*="border-right-"] {
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
}

.well-lg {
  padding: 25px;
  border-radius: 3px;
}

.well-sm {
  padding: 15px;
  border-radius: 3px;
}

.close {
  text-shadow: none;
  opacity: 0.6;
}

.close:hover, .close:focus {
  outline: 0px;
  opacity: 1;
}
.modal-content {
  border-radius: 14px;
  overflow: hidden;
  border: none;
  box-shadow: 0 20px 50px rgba(0,0,0,0.18), 0 0 0 1px rgba(0,0,0,0.05);
}

.modal-header {
  position: relative;
  background: linear-gradient(135deg, var(--main-color), #3a7bd5);
  padding: 14px 18px;
  color: rgb(255, 255, 255);
  text-align: center;
  border-bottom: none;
  border-radius: 0;
}

.modal-header .modal-title {
  font-size: 15px;
  font-weight: 600;
  color: #fff;
  margin: 0;
}

.modal-header[class*="bg-"] {
  padding: 15px 20px;
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
}

.modal-header[class*="bg-"] .close {
  margin-top: -9.75px;
}

.modal-content[class*="bg-"] .modal-header .close, .modal-header[class*="bg-"] .close {
  color: rgb(255, 255, 255);
}

.modal-header .close {
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0px;
  background: rgba(255,255,255,0.15);
  border: none;
  color: #fff;
  border-radius: 8px;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  transition: background 0.2s;
  opacity: 1;
}
.modal-header .close:hover {
  background: rgba(255,255,255,0.3);
}
.modal-header .copyUrl {
  position: absolute;
  left: 55px;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(255,255,255,0.15);
  color: #fff;
  opacity: 1;
  border: none;
  border-radius: 8px;
  width: 30px;
  height: 30px;
  padding: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s;
}
.modal-header .reloadIframe {
  position: absolute;
  left: 18px;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(255,255,255,0.15);
  color: #fff;
  opacity: 1;
  border: none;
  border-radius: 8px;
  width: 30px;
  height: 30px;
  padding: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s;
}
.modal-header .maximize {
  right: 50px;
}

.modal-body {
  padding: 0px;
}

.modal-body .close {
  margin-top: 0px !important;
}

.copyUrl:hover, .copyUrl:focus,.reloadIframe:hover, .reloadIframe:focus {
  outline: 0px;
  opacity: 1;
  background: rgba(255,255,255,0.3);
}


.modal-footer {
  position: absolute;
  right: 5px;
  bottom: 5px;
  width: auto;
  background-color: rgb(255, 255, 255);
  margin: 0px;
  padding: 5px;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.modal-footer.text-center {
  text-align: center;
}

.modal-footer.text-left {
  text-align: left;
}

.modal-footer .btn-secondary {
  background: rgb(110, 110, 110);
  color: rgb(255, 255, 255);
}

.modal {
  padding: 0px !important;
}

.modal .modal-dialog.modal-lg {
  top: 5%;
  width: 90%;
  max-width: 1440px;
  height: 90%;
  margin: auto;
}

.modal .modal-dialog.modal-fullscreen {
  top: 0px;
  width: 100%;
  max-width: 100%;
  height: 100%;
}

.modal .modal-content {
  height: 100%;
  border: 0px;
  border-radius: 14px 14px 0px 0px;
}

.modal .modal-body {
  overflow-y: auto;
  height: 95%;
}

#selectFilesModal .modal-body .content {
  height: 500px;
  overflow: auto;
}

@media (min-width: 769px) {
  .modal-xs {
      width: 300px;
  }

  .modal-m {
      width: 60%;
      margin: auto;
  }

  .modal-full {
      width: 94%;
      margin-left: 3%;
      margin-right: 3%;
  }
}

@media (max-width: 769px) {
  .modal .modal-dialog.modal-lg {
      width: 100%;
      height: calc(100% - 25px);
      top: 0px;
  }
}
.reservation-modal-swal-popup .swal2-close{
display: none !important;
}
.reservation-modal-swal-popup .reservation-modal-swal-container{
  margin:0;
}
.reservation-modal-swal-popup .swal2-footer{
  border-top: none;
  padding: 0px;
  margin: 0px;
}
.reservation-modal-swal-popup .reservation-modal-controls button{
background:#fff; border:1px solid #ccc; border-radius:50%; width:34px; height:34px; line-height:1; font-size:20px; display:flex; align-items:center; justify-content:center;
}
.tooltip {
  font-size: 13px;
  line-height: 1.53846;
}

.tooltip [class*="bg-"] {
  border-radius: 3px;
}

.tooltip [class*="bg-"] > .tooltip-inner {
  background-color: inherit;
}

.tooltip.top [class*="bg-"] .tooltip-arrow {
  border-top-color: inherit;
}

.tooltip.right [class*="bg-"] .tooltip-arrow {
  border-right-color: inherit;
}

.tooltip.bottom [class*="bg-"] .tooltip-arrow {
  border-bottom-color: inherit;
}

.tooltip.left [class*="bg-"] .tooltip-arrow {
  border-left-color: inherit;
}

.tooltip-inner {
  padding: 7px 12px;
}

.popover {
  border-radius: 3px;
  padding: 0px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px;
  width: max-content;
}

.popover-title {
  font-size: 12px;
  line-height: 1.66667;
  border: 0px;
  padding: 15px 15px 0px;
  text-transform: uppercase;
  font-weight: 500;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.popover-title[class*="bg-"] {
  padding: 10px 15px;
  margin: -1px -1px 0px;
}

.popover-content {
  padding: 15px;
}

.popover[class*="bg-"].top > .arrow, .popover[class*="border-"].top > .arrow, .popover[class*="bg-"].top > .arrow::after, .popover[class*="border-"].top > .arrow::after {
  border-top-color: inherit;
}

.popover[class*="bg-"].right > .arrow, .popover[class*="border-"].right > .arrow, .popover[class*="bg-"].right > .arrow::after, .popover[class*="border-"].right > .arrow::after {
  border-right-color: inherit;
}

.popover[class*="bg-"].bottom > .arrow, .popover[class*="border-"].bottom > .arrow, .popover[class*="bg-"].bottom > .arrow::after, .popover[class*="border-"].bottom > .arrow::after {
  border-bottom-color: inherit;
}

.popover[class*="bg-"].left > .arrow, .popover[class*="border-"].left > .arrow, .popover[class*="bg-"].left > .arrow::after, .popover[class*="border-"].left > .arrow::after {
  border-left-color: inherit;
}

.structure.popover {
  min-width: fit-content;
}

#pills-map label {
  display: block;
  font-size: 14px;
}

span#reservationsOutput {
  margin: 15px 0px;
  display: block;
  list-style: none;
  max-height: 150px;
  overflow: auto;
}

span#reservationsOutput li {
  margin: 2px 0px;
  display: block;
}

span#reservationsOutput li div {
  display: inline-block;
  width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#pills-summary .form-group {
  margin-bottom: 5px;
}

#pills-summary .form-group label {
  font-weight: bold;
  color: rgb(118, 118, 118);
}

#pills-summary .form-group > div {
  font-weight: bold;
}

#reservationForm .open > .dropdown-menu {
  display: block;
  right: auto;
}
.assignVehicleToReservation{
width: auto;
display: inline-block;
float: left;
margin: 0px 5px;
}
.panel-folders #append_button {
  position: absolute;
  top: 60px;
  cursor: pointer;
  right: 25px;
}

.panel-folders #remove_button {
  display: none;
  float: right;
}

.panel-folders button.filter_button:hover #remove_button {
  display: inline;
}

.panel.panel-default .panel-heading.blue {
  color: rgb(255, 255, 255);
  background-color: rgb(36, 172, 255);
}

.panel.panel-default .panel-heading.blue .panel-title {
  font-weight: 500;
}

.panel.panel-default .panel-heading.grey {
  color: rgb(0, 0, 0);
  background-color: rgb(238, 238, 238);
}

.panel.panel-default .panel-heading.grey .panel-title {
  font-weight: 500;
}

.panel.panel-default.panel-folders.draggable {
  border-color: rgb(36, 172, 255);
  box-shadow: rgb(36, 172, 255) 2px 2px 10px;
  transition: all 1s ease 0s;
}

.icon-folder.ui-draggable {
  cursor: move;
}

.tab-pane .panel-heading .btn-group.heading-btn {
  position: absolute;
  float: right;
  top: 10px;
  right: 10px;
}
.heading-btn button.btn{
  margin: 0 2px;
}
.folderaddresses {
  display: inline-block;
  width: 100%;
  margin: 0px 0px 25px;
}

.address-breadcrumb {
  cursor: pointer;
}

.folderaddresses .folder-view {
  display: inline-block;
  width: calc(25% - 30px);
  float: left;
  background: rgb(255, 255, 255);
  filter: drop-shadow(rgba(0, 0, 0, 0.15) 0px 2px 3px);
  margin: 15px;
  border-radius: 5px;
  padding: 0px 10px;
  min-height: 50px;
  cursor: pointer;
}

.folderaddresses .folder-view.active {
  /* border: 2px solid rgb(36, 172, 255); */
  -webkit-box-shadow: inset 0px 0px 0px 2px rgb(36, 172, 255);
  -moz-box-shadow:inset 0px 0px 0px 2px rgb(36, 172, 255);
  box-shadow: inset 0px 0px 0px 2px rgb(36, 172, 255);
  background: rgb(238, 238, 238);
  
}
.folderaddresses .folder-view:hover {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px,inset 0px 0px 0px 2px rgb(36, 172, 255);
}
.folderaddresses .folder-view .image {
  width: 28px;
  display: inline-block;
  float: left;
  margin-top: 10px;
}

.folderaddresses .folder-view .text {
  width: calc(100% - 28px);
  display: inline-block;
  padding: 5px 8px;
}

.folderaddresses .folder-view .text span {
  width: 100%;
  display: inline-block;
  float: left;
}

.folderaddresses .folder-view .menu {
  position: absolute;
  top: 13px;
  right: 5px;
  cursor: pointer;
}

.folderaddresses .folder-view .menu-expand {
  display: none;
  position: absolute;
  top: -25px;
  right: 15px;
  width: 100px;
  background: rgb(36, 172, 255);
  border-radius: 5px;
  padding: 10px;
  filter: drop-shadow(rgba(0, 0, 0, 0.15) 0px 2px 3px);
  z-index: 9;
}

.folderaddresses .folder-view .menu-expand a {
  color: rgb(255, 255, 255);
  display: block;
  padding: 5px;
}

.folderaddresses .folder-view .menu-expand a:hover {
  background: rgb(255, 255, 255);
  color: rgb(0, 0, 0);
}

.folderaddresses .folders {
  display: none;
}

.folderaddresses .folders ul {
  list-style-type: none;
}

.documentsaddresses, .reservationsaddresses, .mainreservationsaddresses, .settlementsaddresses,.scansaddresses,.productsaddresses {
  display: none;
}
.clientData-module,.contractorData-module{
  display: inline-block;
  width: 100%;
}
.clientData.card-body,.contractorData.card-body {
  border: 1px dotted rgb(238, 238, 238);
  padding: 20px;
}

.choose-Folders-form {
  display: none;
}

.choose-Folders {
  padding: 25px;
  margin-bottom: 50px;
  max-height: 200px;
  height: auto;
  overflow: auto;
  background: rgb(238, 238, 238);
  box-shadow: rgba(50, 50, 93, 0.25) 0px 10px 10px -12px inset, rgba(0, 0, 0, 0.3) 10px 8px 15px -18px inset;
}

.choose-Folders > div {
  font-size: 16px;
  font-weight: bold;
  padding: 5px;
}

.choose-Folders > div > div {
  margin-left: 10px;
  font-weight: normal;
}
.choose-clientProduct {
  float: left;
  padding: 25px;
}
#newAddressModal .modal-footer {
  bottom: 0px;
}

.addAddressForm {
  width: 100%;
  display: inline-block;
  filter: drop-shadow(rgba(0, 0, 0, 0.15) 0px 2px 3px);
  background-color: rgb(255, 255, 255);
  padding: 0px;
}

.addAddressForm .panel-heading {
  background: transparent;
  border: none;
}

.addAddressForm .panel-default {
  border: none;
  margin: 0px;
  min-height: 400px;
}
.addAddressForm .form-group > div {
  padding: 0;
}
.addAddressForm .panel.panel-default.personal, .addAddressForm .personal .panel-heading {
  background: rgb(36, 172, 255);
}

.addAddressForm .panel-heading h6.panel-title {
  font-weight: bold;
  font-size: 15px;
}

.addAddressForm .personal .panel-heading h6.panel-title {
  color: rgb(255, 255, 255);
}

.addAddressForm input.form-control {
  margin: 15px 0px;
  border-radius: 10px;
}

@media (max-width: 768px) {
  .folderaddresses .folder-view {
      width: calc(100% - 30px);
  }

  .addAddressForm .panel-default {
      min-height: auto;
  }
}
.dashboard .reloadReservations{
  cursor: pointer;
    text-align: center;
    width: 150px;
    position: absolute;
    margin-top: -20px;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    transition: all 0.3s;
}
.dashboard .reloadReservations:hover{
  font-weight: bold;
}
.dashboard .payment-info {
  float: right;
  border-radius: 0px 5px;
  padding: 5px;
}

.dashboard .welcome-stats {
  padding: 25px;
  background: url("../images/dashboard_worker.png") right center / auto no-repeat rgb(35, 171, 255);
  border-radius: 5px;
  color: rgb(255, 255, 255);
  margin-bottom: 20px;
}

.dashboard .welcome-stats span {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
}

.dashboard .welcome-stats ul {
  padding: 0px;
  list-style: none;
}

.dashboard .welcome-stats ul li a {
  font-size: 18px;
  color: rgb(255, 255, 255);
}

.dashboard .table-responsive {
  margin-top: -55px;
  position: relative;
  padding: 0px;
  border-top: 0px !important;
}

.loading {
  display: inline-block;
  width: 100%;
  margin: auto;
  background-image: url("../images/loading-bars.gif");
  height: 50px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}

.swal2-container {
  z-index: 9999999 !important;
}

.swal2-styled.swal2-confirm {
  background-color: rgb(71, 174, 255) !important;
}

/* .loadingoverlay {
  z-index: 999999 !important;
} */

.loadingoverlay > div {
  width: 280px !important;
  height: auto !important;
  aspect-ratio: 720 / 300;
}

.loadingoverlay > div > svg,
.loadingoverlay > div > img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain;
}
 
.truncate {
  max-width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dashboard .table-responsive tbody tr {
  cursor: pointer;
}

.table-responsive .no-sort::after, .table-responsive .no-sort::before {
  display: none !important;
}

.table-responsive .no-sort {
  pointer-events: none !important;
  cursor: default !important;
}

.dashboard .table-responsive table thead th {
  color: rgb(160, 167, 182);
  padding: 10px;
  text-transform: none !important;
}
.dashboard .panel-flat .table thead th{
  background-color: #fff;
  border-bottom: 2px solid #eee;
}
.table-responsive table tbody th {
  position: relative;
}

.table-responsive table tbody th .toggle-icon {
  position: absolute;
  top: 50%;
  left: 0px;
  transform: translate(0px, -50%);
  color: rgb(160, 167, 182);
  transition: all 0.5s ease 0s;
}

.table-responsive table tbody .details th .toggle-icon {
  transform: translate(0px, -50%) rotate(180deg);
}

.table-responsive .col-name {
  width: 250px;
}

.table-responsive .col-name b {
  float: right;
  width: calc(100% - 45px);
}

.table-responsive .actions {
  min-width: 105px;
}

.table-responsive .actions .dropdown {
  display: inline-block;
}

.table-responsive .title {
  font-weight: bold;
}

.table-responsive .detail-row {
  border-left: 5px solid rgb(238, 238, 238);
  display: inline-block;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}

.table-responsive .detail-row .card {
  border-left: 2px solid rgb(238, 238, 238);
}

.table-responsive .detail-row .image {
  width: 100%;
}

.table-responsive .detail-row img {
  max-width: 100%;
  height: auto;
}

.table-responsive .detail-row > li {
  display: inline-block;
  list-style: none;
  color: rgb(0, 0, 0);
  padding: 5px 0px;
  word-break: break-word;
}

.table-responsive .detail-row > li.title {
  background: rgb(238, 238, 238);
  padding: 5px;
  font-weight: bold;
  text-wrap: wrap;
  word-wrap: break-word;
}

.table-responsive .detail-row > li span {
  color: rgb(160, 167, 182);
  font-weight: bold;
  display: inline-block;
  width: 100%;
}

.table-responsive .todo-list {
  list-style: none;
}

.table-responsive .detail-row .todo-list__label__description {
  color: rgb(0, 0, 0);
  font-weight: normal;
  display: inline;
  padding-left: 10px;
}

.table-responsive tbody .description {
  max-height: 150px;
  overflow: auto;
}

.table-responsive .avatar {
  border-radius: 50%;
}

.table-responsive .coworkers {
  display: inline-block;
  margin-left: 0px;
  vertical-align: bottom;
}
div#swal2-content {
  font-size: 13px;
}
.table-responsive .coworkers img {
  /* margin: -15px; */
  overflow: hidden;
  border-radius: 50%;
  position: relative;
  margin-left: -7px;
  transition: transform 0.3s ease;
  cursor: pointer;
}

.table-responsive .workers .coworkers {
  float: right;
  padding-top: 15px;
}
.table-responsive .coworkers .hidden-avatars {
  border-radius: 50%;
  display: inline-block;
  justify-content: center;
  align-items: center;
  margin-left: 0px;
  background-color: #2c303a;
  color: #fff;
  font-size: 10px;
  padding: 3px;
}
.dataTable figure.table {
  width: auto !important;
}

.dashboard .table-responsive .dataTable tbody td.actions > a {
  width: 40px;
  display: inline-block;
  float: left;
}

.dashboard .table-responsive .dataTable tbody td.actions .dropdown {
  width: 50%;
  display: inline-block;
  float: left;
}

.table-responsive .dropdown-menu {
  right: 0px;
  left: auto;
  bottom: auto;
}

/* .table-striped > tbody > tr:first-child .dropdown-menu {
  bottom: -20px;
  top: auto;
  right: 70px;
} */

.dashboard .table-responsive .dataTable thead tr {
  background: rgb(255, 255, 255);
  color: rgb(0, 0, 0);
}

.dashboard .table-responsive .dataTable thead .sorting::before {
  color: rgb(160, 167, 182);
}

.dashboard .table-responsive .dataTable thead .sorting::after {
  color: rgb(160, 167, 182);
}

.dashboard .dt-buttons {
  margin: 0px 20px;
}

.dashboard button.dt-button.btn.btn-primary.btn-outline {
  background: rgb(255, 255, 255);
  border: none;
  color: rgb(66, 139, 202);
  line-height: 16px;
}
button.dt-button.btn.btn-primary.btn-outline.dt-button-active {
    background: rgba(22, 22, 22, 0.28);
  color: rgb(255, 255, 255);
}
.dashboard button.dt-button.btn.btn-primary.btn-outline.active {
  background: rgba(22, 22, 22, 0.28);
  color: rgb(255, 255, 255);
}

.dashboard .my-reservations {
  color: rgb(255, 255, 255);
  background: linear-gradient(0deg, rgb(44, 122, 196) 0%, rgb(56, 151, 207) 60%);
}

.dashboard .all-reservations {
  color: rgb(255, 255, 255);
  background: linear-gradient(0deg, rgb(170, 135, 41) 0%, rgb(203, 166, 0) 60%);
}

.dashboard .main-reservations {
  color: rgb(255, 255, 255);
  background: linear-gradient(0deg, rgb(60, 141, 63) 0%, rgb(76, 175, 80) 60%);
}

.dashboard .service-reservations {
  color: rgb(255, 255, 255);
  background: linear-gradient(0deg, rgb(139, 131, 60) 0%, rgb(176, 164, 108) 60%);
}
.dashboard .service-register-reservations {
  color: rgb(255, 255, 255);
  background: linear-gradient(0deg, rgb(0 138 112) 0%, rgb(2 175 142) 60%);
}
.dashboard .complain-reservations {
  color: rgb(255, 255, 255);
  background: linear-gradient(0deg, rgb(195, 41, 74) 0%, rgb(255, 54, 97) 60%);
}
.dashboard .registration-reservations {
  color: rgb(255, 255, 255);
  background: linear-gradient(0deg, rgb(70 87 94) 0%, rgb(98 117 124) 60%);
}
.dashboard .statistics-widget {
  color: rgb(255, 255, 255);
  background: linear-gradient(0deg, rgb(65 168 182) 0%, rgb(78 208 225) 60%);
}
.dashboard .buffer-reservations  {
  color: rgb(255, 255, 255);
  background: linear-gradient(0deg, rgb(0 0 0) 0%, rgb(75 75 75) 60%);
}
.dashboard #MainReservations .mainreservations-progress {
  max-height: 550px;
  overflow: auto;
}

.dashboard .mr-dashboard-filter {
  display: inline-block;
  float: right;
  position: absolute;
  right: 20px;
  top: 13px;
}

#MainReservations .dataTables_filter.mr-search {
  position: absolute;
  top: 3px;
  left: 0px;
  z-index: 2;
}

.dashboard .panel-title {
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
}

.dashboard .dataTables_filter input {
  font-size: 15px;
}
.dashboard .half .panel-title {
  text-align: left;
}
.dashboard .half  .dataTables_filter.mr-search {
  display: none;
}
.dashboard .half .panel-heading:hover .dataTables_filter.mr-search {
  display: inline-block;
}
.dashboard #statisticsWidget.half .col-lg-3{
  width: 50%;
}
.dashboard .statistics .card-title{
  margin-bottom: 0;
}
.sortable {
  display: flex;
  flex-direction: column;
}
.dashboard-main .sortable{
  flex-flow: wrap;
}
.dashboard-main .sortable > div.full{
  width: 100%
}
.dashboard-main .sortable > div.half{
  width: 50%;
  padding: 5px;
}
.dashboard-main .truncate{
  max-width: 100%;
  white-space: normal;
  
}
.toggle-right-panel:hover, .toggle-right-panel.active {
  background: var(--main-color)8c;
  border-radius: 25px;
}

.right-panel {
  position: fixed;
  right: 0px;
  background: rgba(255, 255, 255, 0.65);
  height: calc(100% - 78px);
  overflow: auto;
  transition: transform 0.5s ease 0s;
  transform: translateX(100%);
  backdrop-filter: blur(8px);
  max-width: 350px;
}

.right-panel.right-panel-fixed {
  z-index: 2;
  top: 78px;
  transform: translateX(0px);
  padding: 10px;
}

.right-sidebar #editRightPanel, #editDashboard {
  order: 99;
  margin: auto;
  background: rgba(0, 0, 0, 0.33);
  cursor: pointer;
  color: rgb(255, 255, 255);
}

.right-sidebar #editRightPanel:hover, #editDashboard:hover {
  background: rgb(0, 0, 0);
}

.modal-body .right-sidebar {
  display: none;
}

.sortable.editMode {
  box-shadow: rgba(0, 0, 0, 0.43) 1px -1px 58px -11px;
}

.sortable.editMode > div {
  cursor: move;
  /* animation: 0.25s ease 0s infinite normal none running jiggle;
  transform: rotate(-1deg); */
}

@keyframes jiggle {
  0% {
      transform: rotate(-1deg);
  }

  50% {
      transform: rotate(1deg);
  }
}

@-webkit-keyframes jiggle {
  0% {
      transform: rotate(-1deg);
  }

  50% {
      transform: rotate(1deg);
  }
}


/* workerPRO Desktop */
.app-desktop .payment-info{
  pointer-events: none;

}
.app-desktop .mobile-apps{
  display:none;
}
/* End workerPRO Desktop */
@media (max-width: 768px) {
 .dashboard .right-sidebar {
    position: absolute;
    top: 50px;
    right: 0;
    height: calc(100% - 78px);
    overflow: auto;
    background:rgba(255, 255, 255, 0.65);
    backdrop-filter: blur(8px);
    max-width: 350px;
    display: none;
    transition: transform 0.5s ease 0s;
    padding: 10px;
    box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
}
.right-panel.right-panel-fixed{
  top: 50px;
  box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
}
.dashboard #editRightPanel{
  display: inline-block;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 15px !important;
}

.dashboard .half .panel-title {
  text-align: center;
}
.dashboard .half  .dataTables_filter.mr-search {
  display: inline-block;
}
.dashboard-main .sortable > div.half{
  width: 100%;
  padding: 0;
}

}
.current-datetime {
  background: linear-gradient(45deg, rgb(71, 173, 255) 0%, rgb(62, 147, 215) 100%);
  color: rgb(255, 255, 255);
  padding: 13px;
  text-align: center;
  border-radius: 5px;
}

.current-datetime .day {
  font-size: 16px;
}

.current-datetime .date {
  font-size: 16px;
}

.current-datetime .time {
  font-size: 50px;
}

@keyframes blink {
  0% {
      opacity: 1;
  }

  100% {
      opacity: 0;
  }
}

.time_now span {
  animation: 1s ease 0s infinite normal none running blink;
}

span.hide_element {
  display: none;
  position: absolute;
  z-index: 2;
  right: 0px;
  margin-top: -15px;
}

.dashboard-main .sortable .unused {
  padding: 25px;
}

.dashboard-main .sortable .unused button {
  background-image: url("../images/widget-list.png");
  background-repeat: no-repeat;
  width: 250px;
  height: 150px;
  border: none;
  background-color: transparent;
  color: rgb(255, 255, 255);
  display: inline-flex;
  align-items: start;
  padding: 5px 10px;
  transition: transform 0.5s ease 0s;
  background-size: contain;
  position: relative;
}
.dashboard-main .sortable .unused button#addOwnWidget{
  background-image: url("../images/widget-add.png");

}

.dashboard-main .sortable .unused button:hover {
  transform: scale(1.1);
}
.dashboard-main .sortable .unused span.remove-widget {
  position: absolute;
  right: 10px;
  top: -5px;
}
.dashboard.notes {
  background: linear-gradient(to left bottom, transparent 50%, rgba(0, 0, 0, 0.4) 0px) 100% 0px / 2em 2em no-repeat, linear-gradient(-135deg, transparent 1.5em, rgb(251, 210, 73) 0px);
  filter: drop-shadow(rgba(0, 0, 0, 0.1) 0px 0px);
  border-top: none;
  border-right: none;
  box-shadow: none;
}

.dashboard.notes::before {
  content: " ";
  position: absolute;
  top: 2em;
  right: 0px;
  background: linear-gradient(to left bottom, transparent 50%, rgba(0, 0, 0, 0.1) 0px) 100% 0px no-repeat;
  width: 2em;
  height: 2em;
  transform: rotate(180deg);
}

.dashboard.notes .header {
  font-weight: bold;
}

.dashboard.notes p {
  word-break: break-all;
}
.dashboard.notes input, .dashboard.notes select {
    background: transparent;
    border: 1px dotted rgba(0, 0, 0, 0.56);
}
.dashboard.notes textarea {
  background: rgb(251, 210, 73);
  border: 1px dotted rgba(0, 0, 0, 0.56);
  color: rgb(0, 0, 0);
}

@media only screen and (min-device-width: 768px) and (max-width: 1281px) {
  .dashboard .col-sm-8 .dataTables_filter input {
      width: 150px;
  }

  .dashboard .col-sm-8 .dt-buttons {
      margin: 10px 5px;
  }

  .dashboard .col-sm-8 .panel-title {
      visibility: hidden;
  }
}

@media (max-width: 768px) {
  .dashboard .table-responsive .dt-buttons {
      margin: 54px 20px 10px 0px;
      background: rgb(238, 238, 238);
  }

  #MainReservations .dataTables_filter.mr-search {
      display: none;
  }
}

.dashboard.todo {
  background: rgb(251, 251, 251);
}

.dashboard.todo .header {
  font-weight: bold;
}

.dashboard.todo .header span.remove_todos {
  float: right;
  color: var(--main-color);
  cursor: pointer;
  font-weight: normal;
}

.dashboard.todo .header span.remove_todos:hover {
  font-weight: bold;
}

.dashboard.todo .todo-form {
  display: inline-block;
  width: calc(100% - 50px);
}

.dashboard.todo input {
  padding: 5px;
  width: 100%;
  border: 2px solid rgb(230, 230, 230);
  border-radius: 5px;
  margin-bottom: 15px;
}

.dashboard.todo .row {
  max-height: 200px;
  overflow: auto;
}

.dashboard.todo #button {
}

.dashboard.todo #button:hover {
  cursor: pointer;
  opacity: 0.8;
}

.dashboard.todo ol {
  padding-left: 8px;
  list-style: none;
}

.dashboard.todo ol li {
  display: inline-block;
  width: 100%;
  padding: 8px 5px;
  color: rgb(0, 0, 0);
}

.dashboard.todo ol li:hover {
  background-color: rgb(238, 238, 238);
}

.dashboard.todo ol li.strike span {
  text-decoration: line-through;
}

.dashboard.todo li:hover {
  cursor: pointer;
}

.dashboard.todo ol li span {
  overflow-wrap: break-word;
  display: inline-block;
  width: calc(100% - 30px);
  float: right;
}

.dashboard.todo ol li a.check_button {
  display: inline-block;
  width: 20px;
}

.icon-checkbox-checked::before {
  content: "";
  color: rgb(255, 255, 255);
  background: var(--main-color);
  border: 1px solid var(--main-color);
}

.notifications {
  padding: 0px;
}

.notifications .toast .close {
  font-size: 27px;
  padding: 0px 0px 0px 10px;
  line-height: 12px;
}

.notification-indicator {
  position: absolute;
  top: 3px;
  right: 0px;
  background: red;
  font-size: 10px;
  border-radius: 50%;
  height: 14px;
  width: 14px;
  text-align: center;
  line-height: 15px;
}

.reservation-type {
  display: inline-block;
  padding: 1px 4px;
  font-size: 10px;
  color: rgb(255, 255, 255);
  border-radius: 4px;
  text-transform: uppercase;
  float: left;
  margin-right: 5px;
}

.reservationTable .reservation-type {
  margin-left: 16px;
}

.preview .panel-body {
  background: rgb(238, 238, 238);
  max-height: 750px;
  overflow: hidden auto;
}

.preview .preview-doc {
  border: 1px solid rgb(211, 211, 211);
  background: white;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px;
  padding: 25px;
}
.preview .preview-doc iframe{
  border: none;
    width: 100%;
    min-height: 650px;
}
.preview-doc img {
  width: auto;
}

/* .table-hover > tbody > tr:hover {
  background-color: var(--main-color)12;
} */

.panel.panel-default .contacts-area {
  border: 1px solid rgb(202, 202, 202);
  border-radius: 5px;
  padding: 10px;
}

.panel.panel-default .contacts-area .contacts label, .panel.panel-default .contacts-area .contacts_contractor label {
  width: 100%;
}

.panel.panel-default .contacts-area .contacts label input, .panel.panel-default .contacts-area .contacts_contractor label input {
  margin: 0px 5px 0px 0px;
}

.isPlaceholder {
  border: 1px dotted rgb(174, 176, 18);
  background: rgb(255, 249, 5);
}

a.previewDocument.underline {
  text-decoration: underline;
}

.mainreservation-sorting {
  text-align: right;
  display: inline-block;
  width: 100%;
}

.mainreservations-progress > a > div {
  padding: 5px;
}

.mainreservations-progress > a {
  display: inline-block;
  width: calc(50% - 12px);
  padding: 5px;
  background: rgb(255, 255, 255);
  margin: 5px;
  transition: all 0.5s ease 0s;
}

.mainreservations-progress > a:hover {
  box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;
  zoom: 1; }

.mainreservations-progress .title {
  float: left;
}

.mainreservations-progress .time-left {
  float: right;
}

.mainreservations-progress .editStatus {
  display: inline-block;
  padding: 0px 15px;
  color: rgb(107, 107, 107);
  position: relative;
}

.mainreservations-progress .editStatus::after {
  content: "✎";
  position: absolute;
  display: none;
  right: -5px;
  top: 0px;
}

.mainreservations-progress .editStatus:hover::after {
  display: inline-block;
}

.mainreservations-progress a .addStatus {
  display: none;
  background: rgb(238, 238, 238);
  border-radius: 5px;
  padding: 0px 5px;
}

.mainreservations-progress a:hover .addStatus {
  display: inline-block;
}

.mainreservations-progress .editStatus span {
  position: absolute;
  right: -80px;
}

@media (max-width: 768px) {
  .mainreservations-progress > a {
      width: 100%;
  }
}

.settings .nav-pills {
  margin: 0px 20px;
  background: rgb(255, 255, 255);
  border: none;
}

.settings .nav a.nav-item {
  padding: 15px;
  display: block;
  color: rgb(0, 0, 0);
  font-size: 15px;
}

.settings .nav a.nav-item svg {
  display: inline-block;
  margin-right: 25px;
  vertical-align: bottom;
}

.settings .nav-link {
  color: rgb(74, 85, 104);
}

.settings .nav a.nav-item:hover {
  background: rgb(247, 247, 247);
  border-radius: 5px;
}

.settings .nav a.nav-item.active {
  background: rgb(229, 229, 229);
  border-radius: 5px;
}

.settings .card {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}

.settings .card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0px;
  overflow-wrap: break-word;
  background-color: rgb(255, 255, 255);
  background-clip: border-box;
  border: 0px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}

.settings .card-body {
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1rem;
}

.settings .gutters-sm {
  margin-right: -8px;
  margin-left: -8px;
}

.settings .gutters-sm > .col, .gutters-sm > [class*="col-"] {
  padding-right: 8px;
  padding-left: 8px;
}

.settings .mb-3, .my-3 {
  margin-bottom: 1rem !important;
}

.settings .bg-gray-300 {
  background-color: rgb(226, 232, 240);
}

.settings .h-100 {
  height: 100% !important;
}

.settings .shadow-none {
  box-shadow: none !important;
}

.settings li.list-group-item {
  display: inline-block;
  width: 100%;
}

.settings li.list-group-item.disabled {
  font-size: 15px;
}

@media (min-width: 768px) {
  .d-md-none {
      display: none !important;
  }
}

.gantt-container {
  overflow: scroll;
  display: inline-block;
  width: 100%;
}

.gantt .bar-progress {
  fill: rgb(77, 175, 80) !important;
}

.gantt .bar {
  fill: rgb(179, 83, 76) !important;
}

.gantt .bar-label {
  font-weight: normal !important;
}

.gantt .tick {
  stroke: rgb(146, 146, 146) !important;
}

.gantt .today-highlight {
  opacity: 0.5;
  fill: rgb(71, 171, 255) !important;
}

.faq-search-wrap {
  padding: 50px 0px 60px;
}
.faq-search-wrap input#searchDB::placeholder {
  color: #9d9d9d;
}
.faq-search-wrap .input-group {
  width: 100%;
}

.faq-search-wrap .form-group .form-control, .faq-search-wrap .form-group .dd-handle {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.faq-search-wrap .form-group .input-group-append {
  position: absolute;
  right: 5px;
  top: 8px;
  bottom: 0px;
  z-index: 10;
  pointer-events: none;
}

.faq-search-wrap .form-group .input-group-append .input-group-text {
  background: transparent;
  border: none;
}

.faq-search-wrap .form-group .input-group-append .input-group-text .feather-icon > svg {
  height: 18px;
  width: 18px;
}

.filled-input::placeholder {
  color: grey;
  opacity: 1;
}

.bg-teal-light-3 {
  background-color: rgb(71, 174, 255) !important;
}

.hk-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -10px;
  margin-left: -10px;
}
.app-desktop .smartbanner{
  display:none;
}
.smartbanner{
  position: fixed;
  bottom:0;
  top: auto;
}
.smartbanner__button {
  background: #3578f6;
  color: #fff;
  padding: 5px 10px;
  border-radius: 25px;
  font-size: 14px;
    font-weight: bold;
}
@media (min-width: 576px) {
  .mt-sm-60 {
      margin-top: 60px !important;
  }
}

.mt-30 {
  margin-top: 30px !important;
}

.list-group-item:hover {
  cursor: pointer;
  background-color: rgb(238, 238, 238);
}

.list-group-item.active {
  background-color: rgb(70, 173, 255);
  border-color: rgb(70, 173, 255);
}

.accordion .card .card-header.activestate {
  border-width: 1px;
}

.accordion .card .card-header {
  padding: 0px;
  border-width: 0px;
}

.card.card-lg .card-header, .card.card-lg .card-footer {
  padding: 0.9rem 1.5rem;
}

.accordion > .card .card-header {
  border: 1px solid rgb(238, 238, 238);
  margin: 5px;
}

.card .card-header {
  background: transparent;
  border: none;
}

.accordion.accordion-type-2 .card .card-header > a.collapsed {
  color: rgb(50, 65, 72);
  padding: 15px 50px;
}

.accordion .card:first-of-type .card-header:first-child > a {
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.accordion.accordion-type-2 .card .card-header > a {
  background: transparent;
  color: rgb(0, 172, 240);
  padding-left: 50px;
}

.accordion .card .card-header > a.collapsed {
  color: rgb(50, 65, 72);
  background: transparent;
}

.accordion .card .card-header > a {
  background: rgb(0, 172, 240);
  color: rgb(255, 255, 255);
  font-weight: 500;
  padding: 0.75rem 1.25rem;
  display: block;
  width: 100%;
  text-align: left;
  position: relative;
  transition: all 0.2s ease-in-out 0s;
}

a {
  text-decoration: none;
  color: rgb(0, 172, 240);
  transition: color 0.2s ease 0s;
}

.badge.badge-pill {
  border-radius: 50px;
  width: 26px;
  height: 26px;
}

.badge.badge-light {
  background: rgb(234, 236, 236);
  color: rgb(50, 65, 72);
}

.badge {
  font-weight: 500;
  border-radius: 4px;
  padding: 5px 7px;
  font-size: 72%;
  letter-spacing: 0.3px;
  vertical-align: middle;
  display: inline-block;
  text-align: center;
  text-transform: capitalize;
}

.badge-sm {
  padding: 2px 4px;
}

.badge-secondary {
  background: rgb(128, 128, 128);
}

.ml-15 {
  margin-left: 15px !important;
}

.accordion.accordion-type-2 .card .card-header > a.collapsed::after {
  content: "";
}

.accordion.accordion-type-2 .card .card-header > a::after {
  display: inline-block;
  font: 21px / 1 Ionicons;
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  text-rendering: auto;
  position: absolute;
  content: "";
  top: 15px;
  left: 20px;
}

.mr-15 {
  margin-right: 15px !important;
}

.home-5-bg {
  background: center center / cover rgb(71, 174, 255);
  position: relative;
  height: 30vh;
}

.section {
  position: relative;
}

.home-5-content {
  z-index: 1;
  position: relative;
}

.bg-overlay {
  background-color: rgb(71, 174, 255);
  opacity: 0.7;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
}
@media (max-width: 768px) {
  .helpPage .card-body iframe {
      width: 100% !important;
  }
}

.home-center {
  display: table;
  width: 100%;
  height: 100%;
}

.home-desc-center {
  display: table-cell;
  vertical-align: middle;
}

.home-5-content {
  z-index: 1;
  position: relative;
}

.text-white-70 {
  color: rgba(255, 255, 255, 0.8);
}

.f-15 {
  font-size: 15px;
}

.home-5-bg #particles-js {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1 !important;
}

.app-desktop .cards table,.app-desktop  .cards thead,.app-desktop  .cards tbody,.app-desktop  .cards th,.app-desktop  .cards td,.app-desktop  .cards tr {
  display: block;
}

.app-desktop .cards thead tr {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.app-desktop .cards td {
  border-top: none;
  border-right: none;
  border-left: none;
  border-image: initial;
  border-bottom: 1px solid rgb(238, 238, 238);
  position: relative;
  white-space: normal;
  text-align: left;
}

.app-desktop .cards td::before {
  position: absolute;
  top: 6px;
  left: 6px;
  width: 45%;
  padding-right: 10px;
  white-space: nowrap;
  text-align: left;
  font-weight: bold;
}

.app-desktop .cards th::before {
  content: attr(data-label);
  position: relative;
  float: left;
  color: rgb(128, 128, 128);
  margin-left: 10px;
  margin-right: 1rem;
  text-align: left;
  min-width: 70px;
}
 
.app-desktop .cards tbody > tr:first-child > th, .cards tbody > tr:first-child > td {
  border-top: 1px solid rgb(221, 221, 221) !important;
}

.app-desktop .cards .popover {
  margin-left: -50%;
  margin-top: -80px;
}

.table-responsive .cards .col-name {
  width: 100%;
  max-width: 100%;
  display: inline-block;
  position: relative;
}

.table-responsive .cards .col-name b {
  float: left;
  text-overflow: ellipsis;
  overflow: hidden; 
  width: 250px; 
   white-space: nowrap;
}

.app-desktop .cards {
  border-spacing: revert;
}

.app-desktop .cards th.workers {
  top: 0px;
}

.app-desktop .cards th {
  min-height: 30px;
  text-wrap: wrap !important;
  
}

.app-desktop .cards tbody th.hide-label::before {
  display: none;
}

.app-desktop .cards tbody th.clients-odbiorca a {
  width: 35px !important;
}

.app-desktop .cards tbody th.clients-odbiorca a img {
  width: 30px;
}

.app-desktop .cards tr.odd,.app-desktop  .cards tr.even {
  position: relative;
  margin-top: 25px;
  padding: 10px;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.app-desktop .cards tr.odd::before,.app-desktop  .cards tr.even::before {
  content: "";
  position: absolute;
  bottom: 0px;
  height: 10px;
  background-color: rgb(238, 238, 238);
  width: calc(100% + 15px);
  text-align: center;
  margin-left: -15px;
  border-radius: 8px;
}

.app-desktop .cards th.sorting_1 {
  text-align: center;
}

.app-desktop .cards th.sorting_1::before {
  float: none;
}

.app-desktop .cards th.col-name::before {
  display: none;
}

.app-desktop .cards th.col-name {
  font-size: 15px;
}

.app-desktop .cards th.table-date::before {
  display: none;
}

.app-desktop .cards th.table-date {
  display: inline-block;
  min-width: 49% !important;
}

.app-desktop .cards .progress {
  width: auto;
}

.app-desktop .cards .status {
  width: auto;
  display: inline-block;
}

.app-desktop .cards .detail-row > li span {
  display: block;
}

.app-desktop .cards .detail-row > li {
  vertical-align: top;
     display: inline-block;
    float:left;
  }
  .app-desktop .cards .table-docs-attachments a {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 200px;
    white-space: nowrap;
    display: inline-block;
}
@media only screen and (min-width: 800px) {
  .app-desktop .cards tbody tr {
      width: calc(50% - 30px);
      float: left;
      margin: 15px;
  }


}

/* ============================================================
   MODERN DATATABLE STYLES (global)
   ============================================================ */

/* --- Table header & refresh button --- */
.datatable-header { position: relative; display: inline-block;}
.refresh-button { position: absolute; right: 0; top: 0; z-index: 0; }
.refresh-button .btn { padding: 7px 12px; }

/* --- Table base --- */
.panel-flat .table { border-collapse: separate; border-spacing: 0; }
.panel-flat .table thead th {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 600;
  color: #fff;
  background: #47adff;
  border-bottom: 2px solid #1976D2;
  padding: 10px 12px;
  white-space: nowrap;
}
.panel-flat .table tbody td {
  vertical-align: middle;
  padding: 10px 12px;
  font-size: 13px;
  border-bottom: 1px solid #f0f0f0;
}
.panel-flat .table tbody tr {
  transition: background-color 0.15s ease;
}
.panel-flat .table tbody tr:hover {
  background-color: #f5f9ff !important;
}

/* --- Column links (client, contractor, etc.) --- */
.panel-flat .table .client-column a,
.panel-flat .table .contractor-column a {
  color: #1976D2;
  font-weight: 500;
  text-decoration: none;
}
.panel-flat .table .client-column a:hover,
.panel-flat .table .contractor-column a:hover {
  color: #0d47a1;
  text-decoration: underline;
}

/* --- Doc name --- */
.panel-flat .table td.doc-name { font-weight: 600; color: #333; max-width: 220px; }
.doc-title { font-weight: 600; color: #1a1a1a; font-size: 13px; }

/* --- Category badge --- */
.doc-category-badge {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 600;
  background: #e3f2fd;
  color: #1565c0;
  white-space: nowrap;
}

/* --- Nr columns --- */
.doc-num { font-weight: 600; font-size: 13px; color: #333; white-space: nowrap; }
.doc-num2 { font-size: 12px; color: #888; white-space: nowrap; }

/* --- Attachments list --- */
.att-list { list-style: none; padding: 0; margin: 0; }
.att-list li { margin-bottom: 3px; }
.att-list a { color: #546e7a; font-size: 12px; text-decoration: none; display: inline-flex; align-items: center; gap: 4px; }
.att-list a:hover { color: #1976D2; }
.att-list .icon-attachment { font-size: 13px; color: #90a4ae; }

/* --- Values column --- */
.doc-values { font-size: 12px; color: #555; line-height: 1.6; }
.doc-values .val-label { color: #999; font-size: 11px; }

/* --- Date column --- */
.doc-date { font-size: 12px; color: #666; line-height: 1.5; }
.doc-date .date-label { color: #aaa; font-size: 11px; text-transform: uppercase; letter-spacing: 0.3px; }
.doc-date .date-value { font-weight: 500; color: #333; }

/* --- Info buttons --- */
.info-btn {
  background: none;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  padding: 4px 7px;
  margin: 1px;
  cursor: pointer;
  color: #757575;
  transition: all 0.15s;
}
.info-btn:hover {
  background: #f5f5f5;
  border-color: #bdbdbd;
  color: #333;
}

/* --- Status badge (override legacy .table .status) --- */
.doc-status {
  display: inline-block;
  padding: 4px 14px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  white-space: nowrap;
  line-height: 1.4;
}

/* --- Action buttons --- */
.panel-flat .table .actions { white-space: nowrap; display: flex; align-items: center; justify-content: center; gap: 4px; }
.panel-flat .table .actions .btn-icon,
.table-responsive .actions .btn-icon {
  width: 32px;
  height: 32px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  flex-shrink: 0;
}
.panel-flat .table .actions .dropdown,
.table-responsive .actions .dropdown { display: inline-flex; flex-shrink: 0; }
.panel-flat .table .actions .dropdown .dropdown-toggle,
.table-responsive .actions .dropdown .dropdown-toggle {
  background: none;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  width: 32px;
  height: 32px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.panel-flat .table .actions .dropdown .dropdown-toggle:hover,
.table-responsive .actions .dropdown .dropdown-toggle:hover {
  background: #f5f5f5;
}
.panel-flat .table .actions .dropdown-menu li a {
  padding: 6px 16px;
  font-size: 13px;
  display: flex;
  align-items: center;
  gap: 6px;
}

/* --- Category filter buttons (dt-buttons) --- */
.dt-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 10px 0 8px;
}
.dt-buttons .dt-button.btn {
  border: 1px solid #e0e0e0;
  border-radius: 20px;
  padding: 7px 16px;
  font-size: 12px;
  font-weight: 500;
  color: #555;
  background: #fff;
  transition: all 0.2s ease;
  cursor: pointer;
  text-transform: none;
  letter-spacing: 0;
}
.dt-buttons .dt-button.btn:hover {
  background: #e3f2fd;
  border-color: #90caf9;
  color: #1565c0;
}
.dt-buttons .dt-button.btn.active {
  background: #47adff;
  border-color: #47adff;
  color: #fff;
  box-shadow: 0 2px 6px rgba(33, 150, 243, 0.3);
}

/* ============================================================
   SETTLEMENT TYPE BADGES
   ============================================================ */
.settlement-type-badge {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
}
.settlement-type-badge.income {
  background: #e8f5e9;
  color: #2e7d32;
  border: 1px solid #a5d6a7;
}
.settlement-type-badge.cost {
  background: #ffebee;
  color: #c62828;
  border: 1px solid #ef9a9a;
}

/* ============================================================
   USERS TABLE
   ============================================================ */
.user-avatar-link {
  float: left;
  width: 50px;
  height: 50px;
  margin-right: 12px;
}
.user-avatar-link img {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  object-fit: cover;
}
.user-info {
  overflow: hidden;
}
.user-info .doc-title {
  display: block;
  margin-bottom: 2px;
}
.user-access-badge {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
}
.user-access-badge.system {
  background: #e3f2fd;
  color: #1565c0;
  border: 1px solid #90caf9;
}
.user-access-badge.mobile {
  background: #e8f5e9;
  color: #2e7d32;
  border: 1px solid #a5d6a7;
}
.user-access-badge.mix {
  background: #f3e5f5;
  color: #7b1fa2;
  border: 1px solid #ce93d8;
}

/* ===== MODERN RESERVATION FORM STYLES ===== */

/* Modern pill tabs */
.modern-pills {
display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 8px 0;
    border: none;
    margin-bottom: 0;
    background: transparent;
}
.modern-pills .nav-item {
  list-style: none;
}
.modern-pills .nav-item .nav-link {
  border-radius: 25px !important;
  padding: 8px 20px;
  font-size: 13px;
  font-weight: 500;
  color: #555d6b;
  background: #f4f5f7;
  border: 1px solid #dce0e6;
  transition: all 0.25s ease;
  white-space: nowrap;
}
.modern-pills .nav-item .nav-link:hover {
  background: #e8eaef;
  color: #333;
  border-color: #b0b5bf;
}
.modern-pills .nav-item.active > .nav-link {
  background: #53a9f8 !important;
  color: #fff !important;
  border-color: transparent !important;
  box-shadow: 0 2px 6px rgba(83, 169, 248, 0.3);
}

/* Modern panels */
.modern-panel {
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 2px 12px rgba(0,0,0,0.06);
  border: 1px solid #e8ecf1;
  margin-bottom: 20px;
}
.modern-panel .panel-body {
  padding: 18px;
}

/* Section headers - base (muted teal/green) */
.modern-section-header {
  background: #6b9e8a;
  color: #fff;
  padding: 12px 20px;
  font-size: 14px;
  font-weight: 600;
  display: flex;
  align-items: center;
  letter-spacing: 0.3px;
}
.modern-section-header .heading-elements:not(.not-collapsible), .breadcrumb-elements:not(.not-collapsible){
  display: inline-block;
}
/* Round top corners of header when it's the first child of a modern-panel */
.modern-panel > .modern-section-header:first-child {
  border-radius: 14px 14px 0 0;
}
.modern-section-header i {
  margin-right: 8px;
  font-size: 16px;
}
.modern-section-header .header-right {
  margin-left: auto;
  font-size: 12px;
  opacity: 0.9;
}

/* Section headers - Blue (main info) */
.modern-section-header.blue {
  background: #53a9f8;
}

/* Section headers - Amber (contractor) */
.modern-section-header.amber {
  background: #c4a95a;
  color: #fff;
}
/* Section headers - Amber (contractor) */
.modern-section-header.red {
  background: #ed6d52;
  color: #fff;
}
/* Form group modernization */
#pills-home .form-group {
  margin-bottom: 14px;
}
#pills-home .form-group .control-label {
  font-size: 13px;
  color: #4a5568;
  font-weight: 500;
}
#pills-home .form-control {
  border-radius: 8px;
  border: 1px solid #d2d6dc;
  padding: 8px 12px;
  font-size: 13px;
  transition: border-color 0.2s, box-shadow 0.2s;
}
#pills-home .form-control:focus {
  border-color: #53a9f8;
  box-shadow: 0 0 0 3px rgba(83, 169, 248, 0.15);
}

/* Select2 modernization */
#pills-home .select2-container--default .select2-selection--single {
  border-radius: 8px !important;
  border: 1px solid #d2d6dc !important;
  height: 38px !important;
  padding: 4px 8px;
}
#pills-home .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 28px;
  font-size: 13px;
}
#pills-home .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 36px;
}

/* Inner sub-panels (Odbiorca, Dostawca) */
#pills-home .panel.panel-default {
  border-radius: 12px;
  border: 1px solid #e8ecf1;
  box-shadow: 0 1px 6px rgba(0,0,0,0.04);
  margin-bottom: 18px;
}
#pills-home .panel.panel-default > .panel-heading {
  border-radius: 12px 12px 0 0;
}

/* Card data modules */
#pills-home .clientData-module .card,
#pills-home .contractorData-module .card {
  border-radius: 10px;
  border: 1px solid #e2e8f0;
}

/* Button modernization */
#pills-home .btn-success.btn-outline,
#pills-home .btn-info.btn-sm {
  border-radius: 8px;
  font-size: 12px;
  padding: 4px 12px;
}

/* Status select colorful pill */
.statuses-box .select2-selection__rendered {
  border-radius: 25px !important;
  text-align: center;
  padding: 2px 16px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .modern-pills {
    gap: 5px;
  }
  .modern-pills .nav-item .nav-link {
    padding: 6px 14px;
    font-size: 12px;
  }
}

/* Ensure datetimepicker widget is above other panels */
.bootstrap-datetimepicker-widget {
  z-index: 99999 !important;
}

/* Section header - darker green variant */
.modern-section-header.green-dark {
  background: #4e8a6e;
}

/* ===== TYPES FORM STYLES ===== */
.res-cf-builder{
  display: none;
      margin-top: 10px;
    background: rgb(248, 249, 250);
    border: 1px dashed rgb(221, 221, 221);
    border-radius: 4px;
    padding: 8px 5px;
}
/* Custom fields builder */
#type-custom-fields-container { min-height: 10px; margin-bottom: 10px; }
.type-cf-item {
  display: flex; align-items: center; gap: 8px;
  padding: 7px 12px 7px 8px; margin: 2px 0;
  background: #fff; border: 1px solid #e8e8e8;
  border-radius: 4px; transition: all .15s;
}
.type-cf-item:hover { border-color: #bbb; background: #fafafa; }
.type-cf-drag { color: #ccc; cursor: grab; font-size: 12px; }
.type-cf-name { flex: 1; font-size: 13px; color: #333; font-weight: 500; }
.type-cf-type-badge {
  font-size: 10px; color: #666; background: #eee;
  padding: 2px 8px; border-radius: 10px; text-transform: uppercase;
}
.type-cf-options-badge { color: #999; font-size: 12px; cursor: help; }
.type-cf-remove { border: none; background: none; color: #cc3333; cursor: pointer; padding: 2px 6px; font-size: 14px; }
.type-cf-remove:hover { color: #ff0000; }
.type-cf-edit { border: none; background: none; color: #1565c0; cursor: pointer; padding: 2px 6px; font-size: 14px; }
.type-cf-edit:hover { color: #1976d2; }
.type-cf-badge-req {
  font-size: 10px; color: #d32f2f; background: #ffebee;
  padding: 2px 8px; border-radius: 10px; font-weight: 500;
}
.type-cf-badge-app {
  font-size: 13px; color: #1565c0; background: #e3f2fd;
  padding: 2px 6px; border-radius: 10px;
}
.type-cf-builder-opt {
  display: inline-block; font-size: 12px; font-weight: normal;
  margin: 2px 8px 2px 0; cursor: pointer; white-space: nowrap;
}
.type-cf-builder-opt input { margin-right: 3px; }
.type-cf-builder { background: #f8f9fa; border: 1px dashed #ddd; border-radius: 4px; padding: 8px 5px; }
.type-cf-item.cf-drag-over { border-color: #2196F3; border-style: dashed; background: #e3f2fd; }
.type-cf-item.cf-dragging { opacity: 0.4; }
.type-cf-item.cf-editing { opacity: 0.4; border-color: #1565c0; border-style: dashed; }

/* Hidden tabs toggles */
.hidden-tabs-toggles { display: flex; flex-wrap: wrap; gap: 8px; }
.hidden-tab-toggle {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 6px 14px; border-radius: 20px; cursor: grab;
  border: 1px solid #ccc; background: #fff; color: #333;
  font-size: 13px; transition: all .2s; user-select: none;
}
.hidden-tab-toggle:hover { border-color: #999; }
.hidden-tab-toggle.is-hidden {
  background: #f5f5f5; color: #aaa; border-color: #ddd;
  text-decoration: line-through;
}
.hidden-tab-toggle.is-hidden .tab-vis-icon { color: #ccc; }
.hidden-tab-toggle .tab-vis-icon { font-size: 14px; cursor: pointer; }
.hidden-tab-toggle .tab-drag-handle { color: #ccc; font-size: 11px; cursor: grab; }
.hidden-tab-toggle.tab-dragging { opacity: 0.4; }
.hidden-tab-toggle.tab-drag-over { border-color: #2196F3; border-style: dashed; background: #e3f2fd; }

/* Section colors */
.section-colors-list { display: flex; flex-direction: column; gap: 6px; }
.section-color-item {
  display: inline-flex; align-items: center; gap: 10px;
  padding: 6px 14px; border-radius: 6px;
  border: 1px solid #e8e8e8; border-left: 4px solid #e8e8e8;
  background: #fff; font-size: 13px;
}
.section-color-item:hover { border-color: #999; }
.section-color-input {
  width: 24px; height: 24px; padding: 0; border: 1px solid #ccc;
  border-radius: 50%; cursor: pointer; background: none;
  -webkit-appearance: none; appearance: none;
}
.section-color-input::-webkit-color-swatch-wrapper { padding: 0; }
.section-color-input::-webkit-color-swatch { border: none; border-radius: 50%; }
.section-color-input::-moz-color-swatch { border: none; border-radius: 50%; }
.section-color-clear {
  border: none; background: none; color: #999; font-size: 16px;
  cursor: pointer; padding: 0 2px; line-height: 1; margin-left: auto;
}
.section-color-clear:hover { color: #cc3333; }

/* Fields visibility */
.fields-visibility-container { padding: 0 0 15px; }
.fv-section { margin-bottom: 12px; }
.fv-section-header {
  display: flex; align-items: center; gap: 8px;
  padding: 8px 12px; background: #f8f9fa;
  font-weight: 600; font-size: 13px; color: #333;
  border-radius: 4px; margin-bottom: 4px;
}
.fv-fields-list { min-height: 10px; }
.fv-field-item {
  display: flex; align-items: center; gap: 8px;
  padding: 7px 12px 7px 8px; margin: 2px 0;
  background: #fff; border: 1px solid #e8e8e8;
  border-radius: 4px; cursor: grab; transition: all .15s;
}
.fv-field-item:hover { border-color: #bbb; background: #fafafa; }
.fv-field-item.is-hidden {
  background: #f5f5f5; border-color: #e0e0e0;
}
.fv-field-item.is-hidden .fv-field-name {
  color: #aaa; text-decoration: line-through;
}
.fv-field-item.drag-over { border-color: #2196F3; border-style: dashed; background: #e3f2fd; }
.fv-field-item.dragging { opacity: 0.4; }
.fv-drag-handle { color: #ccc; cursor: grab; font-size: 12px; padding: 0 4px; }
.fv-drag-handle:active { cursor: grabbing; }
.fv-field-name { flex: 1; font-size: 13px; color: #333; }
.fv-toggle-btn {
  border: none; background: none; cursor: pointer;
  padding: 2px 6px; font-size: 15px; color: #666;
  border-radius: 3px; transition: all .15s;
}
.fv-toggle-btn:hover { background: #eee; color: #333; }
.fv-field-item.is-hidden .fv-toggle-btn { color: #ccc; }
.fv-field-item.is-locked {
  background: #fff; border-color: #e8e8e8; cursor: grab;
}
.fv-field-item.is-locked .fv-drag-handle { color: #ccc; cursor: grab; }
.fv-locked-badge {
  font-size: 10px; color: #999; background: #eee;
  padding: 2px 8px; border-radius: 10px; text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* ===== END TYPES FORM STYLES ===== */

/* ===== MODERN SIDEBAR NAVIGATION ===== */

/* Sidebar base */
.sidebar {
  background: #1a1d23;
  border-right: 1px solid rgba(255,255,255,0.06);
}
.sidebar .sidebar-logout {
  background: #1a1d23;
  border-top: 1px solid rgba(255,255,255,0.08);
  transition: all .2s;
}
.sidebar .sidebar-logout:hover {
  background: rgba(255,255,255,0.05);
  color: #ef5350;
}

/* Navigation items */
.navigation.navigation-main {
  padding: 8px 10px;
}
.navigation.navigation-main > li > a {
  padding: 10px 14px;
  min-height: 40px;
  border-radius: 8px;
  margin: 1px 0;
  font-size: 13px;
  font-weight: 400;
  color: rgba(255,255,255,0.7);
  letter-spacing: 0.2px;
  transition: all .2s ease;
}
.navigation.navigation-main > li > a:hover,
.navigation.navigation-main > li > a:focus {
  background: rgba(255,255,255,0.07);
  color: #fff;
}
.navigation.navigation-main > li > a > i {
  font-size: 17px;
  margin-right: 12px;
  opacity: 0.7;
  transition: opacity .2s;
  width: 20px;
  text-align: center;
}
.navigation.navigation-main > li > a:hover > i,
.navigation.navigation-main > li.active > a > i {
  opacity: 1;
}

/* Active item */
.navigation.navigation-main > li.active > a,
.navigation.navigation-main > li.active > a:hover,
.navigation.navigation-main > li.active > a:focus {
  background: var(--main-color);
  color: #fff;
  box-shadow: 0 2px 8px rgba(71,173,255,0.3);
  font-weight: 500;
}

/* Section header */
.navigation.navigation-main .navigation-header {
  height: auto;
  padding: 16px 14px 6px;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 1.2px;
  color: rgba(255,255,255,0.3);
  text-transform: uppercase;
}
.navigation.navigation-main .navigation-header > span {
  margin-top: 0;
}
 
.navigation.navigation-main li + .navigation-header {
  margin-top: 8px;
}

/* Logo header - first navigation-header */
.navigation.navigation-main > li:first-child.navigation-header {
  padding: 12px 14px 12px;
  margin-bottom: 4px;
  height: auto;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}

/* Submenu */
.navigation.navigation-main > li > ul {
  background: transparent;
  box-shadow: none;
  padding: 0 0 4px 0;
}
.navigation.navigation-main > li > ul > li > a {
  padding: 8px 14px 8px 46px;
  min-height: 34px;
  font-size: 13px;
  color: rgba(255,255,255,0.5);
  border-radius: 6px;
  margin: 1px 0;
  transition: all .2s;
}
.navigation.navigation-main > li > ul > li > a:hover,
.navigation.navigation-main > li > ul > li > a:focus {
  background: rgba(255,255,255,0.05);
  color: rgba(255,255,255,0.9);
}
.navigation.navigation-main > li > ul > li.active > a,
.navigation.navigation-main > li > ul > li.active > a:hover,
.navigation.navigation-main > li > ul > li.active > a:focus {
  background: rgba(255,255,255,0.08);
  color: #fff;
  font-weight: 500;
}
.navigation.navigation-main > li > ul > li:first-child {
  padding-top: 4px;
}
.navigation.navigation-main > li > ul > li:last-child {
  padding-bottom: 4px;
}

/* Sub-submenu */
.navigation.navigation-main > li > ul > li > ul > li > a {
  padding-left: 60px;
  font-size: 12px;
  border-radius: 6px;
}

/* Has-ul arrow */
.navigation.navigation-main li > .has-ul:after {
  font-size: 14px;
  right: 14px;
  opacity: 1;
}

/* Whats new icon */
.navigation.navigation-main .whats-new {
  cursor: pointer;
  opacity: 1;
  transition: opacity .2s;
}
.navigation.navigation-main .whats-new:hover {
  opacity: 1;
}

/* Version tag */
.navigation.navigation-main .navigation-header > d {
  font-size: 10px;
  opacity: 1;
  font-weight: 400;
  letter-spacing: 0;
}

/* ===== END MODERN SIDEBAR NAVIGATION ===== */

/* Sidebar collapsed (sidebar-xs) overrides for modern nav */
@media (min-width: 769px) {

  /* Remove all transitions for instant toggle */
  .sidebar-xs .sidebar-main,
  .sidebar-xs .sidebar-main .sidebar-content,
  .sidebar-xs .sidebar-main .navigation.navigation-main,
  .sidebar-xs .sidebar-main .navigation.navigation-main > li,
  .sidebar-xs .sidebar-main .navigation.navigation-main > li > a,
  .sidebar-xs .sidebar-main .navigation.navigation-main > li > a > span,
  .sidebar-xs .sidebar-main .navigation.navigation-main > li > a > i,
  .sidebar-xs .sidebar-main .navigation.navigation-main > li > ul,
  .sidebar-xs .sidebar .sidebar-logout {
    transition: none !important;
  }

  /* Collapsed state: icons only */
  .sidebar-xs .sidebar-main .navigation.navigation-main {
    padding: 8px 4px;
  }
  .sidebar-xs .sidebar-main .navigation.navigation-main > li > a {
    padding: 10px 0;
    border-radius: 6px;
    margin: 1px 0;
    text-align: center;
    justify-content: center;
  }
  .sidebar-xs .sidebar-main .navigation.navigation-main > li > a > i {
    margin: 0;
    float: none;
    display: block;
    font-size: 18px;
    width: auto;
  }
  .sidebar-xs .sidebar-main .navigation.navigation-main > li.active > a {
    box-shadow: 0 2px 6px rgba(71,173,255,0.25);
  }
  .sidebar-xs .sidebar-main .navigation.navigation-main > .navigation-header {
    padding: 0;
  }
  .sidebar-xs .sidebar-main .navigation.navigation-main > li:first-child.navigation-header {
    padding: 17px 4px;
    margin-bottom: 0;
    border-bottom: 1px solid rgba(255,255,255,0.06);
  }

  /* Hover expand: restore full sidebar overlaying content */
  .sidebar-xs .sidebar-main:hover {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 260px;
    z-index: 1001;
    box-shadow: 4px 0 20px rgba(0,0,0,0.3);
  }
   .sidebar-xs .sidebar-fixed.sidebar-main:hover .sidebar-content{
    width: 260px;
 overflow-x: visible;
   }
  .sidebar-xs .sidebar-main:hover .sidebar-content {
    width: 260px;
    overflow-x: visible;
  }

  /* Restore normal navigation layout on hover */
  .sidebar-xs .sidebar-main:hover .navigation.navigation-main {
    padding: 8px 10px;
  }
  .sidebar-xs .sidebar-main:hover .navigation.navigation-main > li > a {
    padding: 10px 14px;
    text-align: left;
    display: block;
  }
  .sidebar-xs .sidebar-main:hover .navigation.navigation-main > li > a > span {
    display: inline !important;
    position: static;
    right: auto;
    background-color: transparent;
    border: none;
    padding: 0;
    width: auto;
    color: inherit;
    cursor: pointer;
  }
  .sidebar-xs .sidebar-main:hover .navigation.navigation-main > li > a > i {
    margin-right: 12px;
    float: left;
    display: inline-block;
    font-size: 17px;
    width: 20px;
  }

  /* Restore has-ul arrow on hover */
  .sidebar-xs .sidebar-main:hover .navigation.navigation-main > li > .has-ul:after,
  .sidebar-xs .sidebar-main:hover .navigation.navigation-main > li.active > .has-ul:after {
    content: '\e9c5';
  }

  /* Restore active submenu on hover */
  .sidebar-xs .sidebar-main:hover .navigation.navigation-main > li.active > ul {
    display: block !important;
    position: static;
    right: auto;
    top: auto;
    width: auto;
    background-color: transparent;
    border-left: none;
    border-radius: 0;
  }

  /* Flyout submenu reset on hover */
  .sidebar-xs .sidebar-main:hover .navigation.navigation-main > li > ul {
    position: static;
    right: auto;
    top: auto;
    width: auto;
    background-color: transparent;
    border-left: none;
    border-radius: 0;
  }

  /* Restore navigation header on hover */
  .sidebar-xs .sidebar-main:hover .navigation.navigation-main > .navigation-header {
    padding: 16px 14px 6px;
    text-align: left;
  }
  .sidebar-xs .sidebar-main:hover .navigation.navigation-main > .navigation-header > span {
    display: inline;
  }
  .sidebar-xs .sidebar-main:hover .navigation.navigation-main > .navigation-header > i {
    display: none;
  }
  .sidebar-xs .sidebar-main:hover .navigation.navigation-main > li:first-child.navigation-header {
    padding: 12px 14px 12px;
    margin-bottom: 4px;
    border-bottom: 1px solid rgba(255,255,255,0.06);
  }
  .sidebar-xs .sidebar-main:hover .navigation.navigation-main > li:first-child.navigation-header img {
    width: 145px;
    margin-left: 0;
  }
  .sidebar-xs .sidebar-main:hover .navigation.navigation-main > li:first-child.navigation-header d {
    display: inline;
  }

  /* Restore sidebar-logout on hover */
  .sidebar-xs .sidebar:hover .sidebar-logout {
    width: 260px;
  }
  .sidebar-xs .sidebar:hover .sidebar-logout span {
    display: inline;
  }
.sidebar-xs .sidebar:hover .sidebar-edit-btn{
  width: 260px;
}
  /* Restore category titles on hover */
  .sidebar-xs .sidebar-main:hover .category-title > span {
    display: inline;
  }
  .sidebar-xs .sidebar-main:hover .sidebar-category {
    display: block;
  }
}

/* ===== END MODERN STYLES ===== */