@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);
@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
.glightbox-container {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999 !important;
  overflow: hidden;
  touch-action: none;
  -webkit-text-size-adjust: 100%;
  -webkit-backface-visibility: hidden;
  outline: none;
  overflow: hidden;
}

.glightbox-container.inactive {
  display: none;
}

.glightbox-container .gcontainer {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 9999;
  overflow: hidden;
}

.glightbox-container .gslider {
  transition: transform .4s ease;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  position: relative;
  overflow: hidden;
  display: flex !important;
  justify-content: center;
  align-items: center;
  transform: translate3d(0, 0, 0);
}

.glightbox-container .gslide {
  width: 100%;
  position: absolute;
  opacity: 1;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
}


/* top: 0;
        left: 0;
        right: 0;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); */

.glightbox-container .gslide.current {
  opacity: 1;
  z-index: 99999;
  position: relative;
}

.glightbox-container .gslide.prev {
  opacity: 1;
  z-index: 9999;
}

.glightbox-container .gslide-inner-content {
  width: 100%;
}

.glightbox-container .ginner-container {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  max-width: 100%;
  margin: auto;
  height: 100vh;
}

.glightbox-container .ginner-container.gvideo-container {
  width: 100%;
}

.glightbox-container .ginner-container.desc-bottom,
        .glightbox-container .ginner-container.desc-top {
  flex-direction: column;
}

.glightbox-container .ginner-container.desc-left,
        .glightbox-container .ginner-container.desc-right {
  max-width: 100% !important;
}

.gslide iframe,
    .gslide video {
  outline: none !important;
  border: none;
  min-height: 165px;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  touch-action: auto;
}

.gslide-image {
  align-items: center;
}

.gslide-image img {
  max-height: 100vh;
  display: block;
  max-width: 100%;
  margin: 0;
  padding: 0;
  float: none;
  outline: none;
  border: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  max-width: 100vw;
  width: auto;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  touch-action: none;
  margin: auto;
  min-width: 200px;
}

.desc-top .gslide-image img,
        .desc-bottom .gslide-image img {
  width: auto;
}

.desc-left .gslide-image img,
        .desc-right .gslide-image img {
  width: auto;
  max-width: 100%;
}

.gslide-image img.zoomable {
  position: relative;
}

.gslide-image img.dragging {
  cursor: grabbing !important;
  transition: none;
}

.gslide-video {
  width: 100%;
  max-width: 100%;
  position: relative;
  width: 100vh;
  max-width: 100vh;
  width: 100% !important;
}

.gslide-video .gvideo-wrapper {
  width: 100%;
        /* max-width: 160vmin; */
  margin: auto;
}

.gslide-video::before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 0, 0, 0.34);
  display: none;
}

.gslide-video.playing::before {
  display: none;
}

.gslide-video.fullscreen {
  max-width: 100% !important;
  min-width: 100%;
  height: 80vh;
}

.gslide-video.fullscreen video {
  max-width: 100% !important;
  width: 100% !important;
}

.gslide-inline {
  background: #fff;
  text-align: left;
  max-height: calc(100vh - 40px);
  overflow: auto;
  max-width: 100%;
}

.gslide-inline .ginlined-content {
  padding: 20px;
  width: 100%;
}

.ginlined-content {
  overflow: auto;
  display: block !important;
  opacity: 1;
}

.gslide-external {
  display: flex;
  width: 100%;
  min-width: 100%;
  background: #fff;
  padding: 0;
  overflow: auto;
  max-height: 75vh;
  height: 100%;
}

.gslide-media {
  display: block;
  display: inline-flex;
  display: flex;
  width: auto;
}

.zoomed .gslide-media {
  box-shadow: none !important;
}

.desc-top .gslide-media,
    .desc-bottom .gslide-media {
  margin: 0 auto;
  flex-direction: column;
}

.gslide-description {
  position: relative;
}

.gslide-description.description-left,
    .gslide-description.description-right {
  max-width: 100%;
}

.gslide-description.description-bottom,
    .gslide-description.description-top {
  margin: 0 auto;
  width: 100%;
}

.gslide-description p {
  margin-bottom: 12px;
}

.gslide-description p::last-child {
  margin-bottom: 0;
}

.zoomed .gslide-description {
  display: none;
}



/*
 * Description for mobiles
 * something like facebook does the description
 * for the photos
*/

.glightbox-mobile .glightbox-container .gslide-description {
  height: auto !important;
  width: 100%;
  background: transparent;
  position: absolute;
  bottom: 15px;
  padding: 19px 11px;
  max-width: 100vw !important;
  order: 2 !important;
  max-height: 78vh;
  overflow: auto !important;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .75) 100%);
  transition: opacity .3s linear;
  padding-bottom: 50px;
}

.glightbox-mobile .glightbox-container .gslide-title {
  color: #fff;
  font-size: 1em;
}

.glightbox-mobile .glightbox-container .gslide-desc {
  color: #a1a1a1;
}

.glightbox-mobile .glightbox-container .gslide-desc a {
  color: #fff;
  font-weight: bold;
}

.glightbox-mobile .glightbox-container .gslide-desc * {
  color: inherit;
}

.glightbox-mobile .glightbox-container .gslide-desc string {
  color: #fff;
}

.glightbox-mobile .glightbox-container .gslide-desc .desc-more {
  color: #fff;
  opacity: .4;
}

.gdesc-open .gslide-media {
  transition: opacity .5s ease;
  opacity: .4;
}

.gdesc-open .gdesc-inner {
  padding-bottom: 30px;
}

.gdesc-closed .gslide-media {
  transition: opacity .5s ease;
  opacity: 1;
}

.greset {
  transition: all .3s ease;
}

.gabsolute {
  position: absolute;
}

.grelative {
  position: relative;
}

.glightbox-desc {
  display: none !important;
}

.glightbox-open {
  overflow: hidden;
}

.gloader {
  height: 25px;
  width: 25px;
  animation: lightboxLoader .8s infinite linear;
  border: 2px solid #fff;
  border-right-color: transparent;
  border-radius: 50%;
  position: absolute;
  display: block;
  z-index: 9999;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 47%;
}

.goverlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #000;
  will-change: opacity;
}

.glightbox-mobile .goverlay {
  background: #000;
}

.gprev,
.gnext,
.gclose {
  background-repeat: no-repeat;
  z-index: 99999;
  cursor: pointer;
  width: 26px;
  height: 44px;
  display: block;
  background-position: 0 0;
  border: none;
}

.gprev svg,
.gnext svg,
.gclose svg {
  display: block;
  width: 100%;
  height: auto;
}

.gprev.disabled,
.gnext.disabled,
.gclose.disabled {
  opacity: .1;
}

.gprev .garrow,
.gnext .garrow,
.gclose .garrow {
  stroke: #fff;
}

iframe.wait-autoplay {
  opacity: 0;
}

.glightbox-closing .gnext,
    .glightbox-closing .gprev,
    .glightbox-closing .gclose {
  opacity: 0 !important;
}




/*Skin */

.glightbox-clean .gslide-description,
.glightbox-modern .gslide-description {
  background: #fff;
}

.glightbox-clean .gdesc-inner,
.glightbox-modern .gdesc-inner {
  padding: 22px 20px;
}

.glightbox-clean .gslide-title,
.glightbox-modern .gslide-title {
  font-size: 1em;
  font-weight: normal;
  font-family: arial;
  color: #000;
  margin-bottom: 19px;
  line-height: 1.4em;
}

.glightbox-clean .gslide-desc,
.glightbox-modern .gslide-desc {
  font-size: 0.86em;
  margin-bottom: 0;
  font-family: arial;
  line-height: 1.4em;
}

.glightbox-clean .gslide-video,
.glightbox-modern .gslide-video {
  background: #000;
}

/* .gprev,
    .gnext,
    .gclose{
        border: none;
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGMAAAA2CAYAAADTeCfRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5NThDMEMwNzg3NjgxMUU1QUM2MUYwRDYwNTNEN0UxMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5NThDMEMwODg3NjgxMUU1QUM2MUYwRDYwNTNEN0UxMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjk1OEMwQzA1ODc2ODExRTVBQzYxRjBENjA1M0Q3RTExIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjk1OEMwQzA2ODc2ODExRTVBQzYxRjBENjA1M0Q3RTExIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+htE8KwAAA9BJREFUeNrsm1tIFGEYhndDI4OSLgqkMrKjBXYwCjt40QkpL4pMyoqMgigIgm6iiy66KSwpj2vrucKgpINRRhYRooQkWYEWUkaWERokhVQXbu/QOyDhpjPzz3H/Dx7W1f2+753/3X9mnPnHHwqFfDKcEWPkEEgzZEgzpBkybDbjHLhvIP8GKLNhPILgksEaFaDKKWacAMdAn4Ean8F+kGOxGXFgDyjSmZ8L9oFpurKVU1uBnAr9jZMCah1hrQLBGkciyL7FGvNymXdZb2+RG3GGYo4LrHmINS9abEiZRkMu8PNXjPQVJV4Vc9SEgclm7WqLDSkd5RdBiBGizCihmMMmDkwWe1yz2JBy9g2E+ft5o7smkWZUUMwBCwYmg71u2nQMCZhphFEzaihmt4UDk86e9TYZUsj3OaKNMGJGHcVkWjwoChvZ+7HFfQvZt42vpaJ76Em6SzHbbDBCZR01NFvct519u8yorzXhEcWk2WiESiq1tFrUT901veZrnp1mNFHEWgcYoZJMTe0m98ljn3K+z+f7oB1mtLD5agcZoZJEbZ3Ab0J9deCrwpzSB6004xWbLnegESqJ1NgNok04aFeF+XtA5MF8pA90stkiBxuhkkCtvSBGQL2iEYz415Bys8yIAu/ZZKELjFCJp+Z+EGugTgHrVGq8ClEm2oxZ4CUYAHNcZIRKHOjj6ed8A8eISo15xUaPIcP9spFFk11ohMp0bkOHxrxa5lXo7Ksack9Pvn+YpTqLwS0QDZbxRo+bYgJoBZPAZtCiIVe5QzceZBroXwP8YKfWRH+YdVOx4AOYCOJBt0uMUAz4BGLAVNDjhXvg/bwF2UdTElywLVOoN5o/97hsRv/3HvgAv10fwVuQ6ODtUO45f6HmyaDXi6tDfoMZNKMdJDlwG2ZyN/qVs/mbl5fqDILZoAO8AMkO0j8XvONJhjKLf0TKuqkF4Dl4BlY6QLty1vcGdHE39SvSFrEtBc2gCWywUfcKfjE6eHIxGKkrCleBRvAApNmgOQU8BW2crRG/vDMV1JN0C/WmcmYqZizxeSyMLO/cBG6DOyDDAq3rwRPOyhSfB8PoWtst4DrJMlGnYnwDeMjZ4c0QdGGumhfIsk246LeVtetcfOFyVEQJ8nQv+AkqwThQIqjuDnAV1ILtPo9HlMBaB/kfewCMBfkG6ylL85VnJZSroLt8kRAmTLezOpfUD+W0WQvFnIzfpEePlaeO5oE1OvOVp56+R8KuaWiYZYYMG05tZUgzpBkypBnSDBnSDGmGDGmGDGmGNEOGNEOaIUOa4YH4I8AAM9m8BFEzyDIAAAAASUVORK5CYII=');
    } */

.glightbox-clean .gprev,
    .glightbox-clean .gnext,
    .glightbox-clean .gclose,
    .glightbox-modern .gprev,
    .glightbox-modern .gnext,
    .glightbox-modern .gclose {
  background-color: rgba(0, 0, 0, 0.12);
}

.glightbox-clean .gprev:hover,
.glightbox-clean .gnext:hover,
.glightbox-clean .gclose:hover,
.glightbox-modern .gprev:hover,
.glightbox-modern .gnext:hover,
.glightbox-modern .gclose:hover {
  background-color: rgba(0, 0, 0, 0.20);
}

.glightbox-clean .gprev path,
.glightbox-clean .gnext path,
.glightbox-clean .gclose path,
.glightbox-modern .gprev path,
.glightbox-modern .gnext path,
.glightbox-modern .gclose path {
  fill: #fff;
}

.glightbox-clean button:focus:not(.focused):not(.disabled),
.glightbox-modern button:focus:not(.focused):not(.disabled) {
  outline: none;
}

.glightbox-clean .gprev,
.glightbox-modern .gprev {
  position: absolute;
  top: -100%;
  left: 30px;
  width: 40px;
  height: 56px;
}

.glightbox-clean .gnext,
.glightbox-modern .gnext {
  position: absolute;
  top: -100%;
  right: 30px;
  width: 40px;
  height: 56px;
}

.glightbox-clean .gclose,
.glightbox-modern .gclose {
  width: 35px;
  height: 35px;
  top: 15px;
  right: 10px;
  position: absolute;
  opacity: .7;
  background-position: -59px 2px;
}

.glightbox-clean .gclose svg,
.glightbox-modern .gclose svg {
  width: 20px;
}

.glightbox-clean .gclose:hover,
.glightbox-modern .gclose:hover {
  opacity: 1;
}




/*CSS Animations*/

.gfadeIn {
  animation: gfadeIn .5s ease;
}

.gfadeOut {
  animation: gfadeOut .5s ease;
}

.gslideOutLeft {
  animation: gslideOutLeft .3s ease;
}

.gslideInLeft {
  animation: gslideInLeft .3s ease;
}

.gslideOutRight {
  animation: gslideOutRight .3s ease;
}

.gslideInRight {
  animation: gslideInRight .3s ease;
}

.gzoomIn {
  animation: gzoomIn .5s ease;
}

.gzoomOut {
  animation: gzoomOut .5s ease;
}

@keyframes lightboxLoader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes gfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes gfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes gslideInLeft {
  from {
    opacity: 0;
    transform: translate3d(-60%, 0, 0);
  }
  to {
    visibility: visible;
    transform: translate3d( 0, 0, 0);
    opacity: 1;
  }
}

@keyframes gslideOutLeft {
  from {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-60%, 0, 0);
    opacity: 0;
    visibility: hidden;
  }
}

@keyframes gslideInRight {
  from {
    opacity: 0;
    visibility: visible;
    transform: translate3d(60%, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes gslideOutRight {
  from {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(60%, 0, 0);
    opacity: 0;
  }
}

@keyframes gzoomIn {
  from {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }
  to {
    opacity: 1;
  }
}

@keyframes gzoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }
  to {
    opacity: 0;
  }
}

@media (min-width: 769px) {
  .glightbox-container .ginner-container {
    width: auto;
    height: auto;
    flex-direction: row;
  }
  .glightbox-container .ginner-container.desc-top .gslide-description {
    order: 0;
  }
  .glightbox-container .ginner-container.desc-top .gslide-image,
                .glightbox-container .ginner-container.desc-top .gslide-image img {
    order: 1;
  }
  .glightbox-container .ginner-container.desc-left .gslide-description {
    order: 0;
  }
  .glightbox-container .ginner-container.desc-left .gslide-image {
    order: 1;
  }
  .gslide-image img {
    max-height: 97vh;
    max-width: calc(100% - 20px);
    max-width: 100%;
  }
  .gslide-image img.zoomable {
    cursor: zoom-in;
  }
  .zoomed .gslide-image img.zoomable {
    cursor: grab;
  }
  .gslide-inline {
    max-height: 95vh;
  }
  .gslide-external {
    max-height: 100vh;
  }
  .gslide-description.description-left,
    .gslide-description.description-right {
    max-width: 275px;
  }
  .glightbox-open {
    height: auto;
  }
  .goverlay {
    background: rgba(0, 0, 0, .92);
  }
  .glightbox-clean .gslide-media,
.glightbox-modern .gslide-media {
    box-shadow: 1px 2px 9px 0px rgba(0, 0, 0, 0.65);
  }
  .glightbox-clean .gprev,
.glightbox-modern .gprev {
    top: 45%;
  }
  .glightbox-clean .gnext,
.glightbox-modern .gnext {
    top: 45%;
  }
}

@media (min-width: 992px) {
  .glightbox-clean .gclose,
.glightbox-modern .gclose {
    right: 20px;
  }
}

@media screen and (max-height: 420px) {
  .goverlay {
    background: #000;
  }
}

.flatpickr-monthSelect-months {
  margin: 10px 1px 3px 1px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.flatpickr-monthSelect-month {
  background: none;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  display: inline-block;
  font-weight: 400;
  margin: 0.5px;
  justify-content: center;
  padding: 10px;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  text-align: center;
  width: 33%;
}

.flatpickr-monthSelect-month.flatpickr-disabled {
	color: #eee;
}

.flatpickr-monthSelect-month.flatpickr-disabled:hover,
.flatpickr-monthSelect-month.flatpickr-disabled:focus {
	cursor: not-allowed;
	background: none !important;
}

.flatpickr-monthSelect-theme-dark {
  background: #3f4458;
}

.flatpickr-monthSelect-theme-dark .flatpickr-current-month input.cur-year {
  color: #fff;
}

.flatpickr-monthSelect-theme-dark .flatpickr-months .flatpickr-prev-month,
.flatpickr-monthSelect-theme-dark .flatpickr-months .flatpickr-next-month {
  color: #fff;
  fill: #fff;
}

.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month {
  color: rgba(255, 255, 255, 0.95);
}

.flatpickr-monthSelect-month.today {
  border-color: #959ea9;
}

.flatpickr-monthSelect-month.inRange,
.flatpickr-monthSelect-month.inRange.today,
.flatpickr-monthSelect-month:hover,
.flatpickr-monthSelect-month:focus {
  background: #e6e6e6;
  cursor: pointer;
  outline: 0;
  border-color: #e6e6e6;
}

.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.inRange,
.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month:hover,
.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month:focus {
  background: #646c8c;
  border-color: #646c8c;
}

.flatpickr-monthSelect-month.today:hover,
.flatpickr-monthSelect-month.today:focus {
  background: #959ea9;
  border-color: #959ea9;
  color: #fff;
}

.flatpickr-monthSelect-month.selected,
.flatpickr-monthSelect-month.startRange,
.flatpickr-monthSelect-month.endRange {
  background-color: #569ff7;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #fff;
  border-color: #569ff7;
}

.flatpickr-monthSelect-month.startRange {
  border-radius: 50px 0 0 50px;
}

.flatpickr-monthSelect-month.endRange {
  border-radius: 0 50px 50px 0;
}

.flatpickr-monthSelect-month.startRange.endRange {
  border-radius: 50px;
}

.flatpickr-monthSelect-month.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
          box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}

.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.selected,
.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.startRange,
.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.endRange {
  background: #80cbc4;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  border-color: #80cbc4;
}

/*! X-editable - v1.5.3 
* In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery
* http://github.com/vitalets/x-editable
* Copyright (c) 2018 Vitaliy Potapov; Licensed MIT */
.editableform {
    margin-bottom: 0; /* overwrites bootstrap margin */
}

.editableform .control-group {
    margin-bottom: 0; /* overwrites bootstrap margin */
    white-space: nowrap; /* prevent wrapping buttons on new line */
    line-height: 20px; /* overwriting bootstrap line-height. See #133 */
}

/*
    BS3 fix: stop css from breaking when the form is inside a popup and inside a form with the class .form-horizontal
    See: https://github.com/vitalets/x-editable/issues/682
*/
.form-horizontal .editable-popup .editableform .form-group {
    margin-left:0;
    margin-right:0;
}


/* 
  BS3 width:1005 for inputs breaks editable form in popup 
  See: https://github.com/vitalets/x-editable/issues/393
*/
.editableform .form-control {
    width: auto;
}

.editable-buttons {
   display: inline-block; /* should be inline to take effect of parent's white-space: nowrap */
   vertical-align: top;
   margin-left: 7px;
}

.editable-buttons.editable-buttons-bottom {
   display: block; 
   margin-top: 7px;
   margin-left: 0;
}

.editable-input {
    vertical-align: top; 
    display: inline-block; /* should be inline to take effect of parent's white-space: nowrap */
    width: auto; /* bootstrap-responsive has width: 100% that breakes layout */
    white-space: normal; /* reset white-space decalred in parent*/
}

.editable-buttons .editable-cancel {
   margin-left: 7px; 
}

/*for jquery-ui buttons need set height to look more pretty*/
.editable-buttons button.ui-button-icon-only {
   height: 24px; 
   width: 30px;
}

.editableform-loading {
    background: url(./images/vendor/X-editable/dist/bootstrap5-editable/loading.gif?56d4c7ce2d3591a021073d07a6ea7342) center center no-repeat;  
    height: 25px;
    width: auto; 
    min-width: 25px; 
}

.editable-inline .editableform-loading {
    background-position: left 5px;      
}

 .editable-error-block {
    max-width: 300px;
    margin: 5px 0 0 0;
    width: auto;
    white-space: normal;
}

/*add padding for jquery ui*/
.editable-error-block.ui-state-error {
    padding: 3px;  
}  

.editable-error {
   color: red;  
}

/* ---- For specific types ---- */

.editableform .editable-date {
    padding: 0; 
    margin: 0;
    float: left;
}

/* move datepicker icon to center of add-on button. See https://github.com/vitalets/x-editable/issues/183 */
.editable-inline .add-on .icon-th {
   margin-top: 3px;
   margin-left: 1px; 
}


/* checklist vertical alignment */
.editable-checklist label input[type="checkbox"], 
.editable-checklist label span {
    vertical-align: middle;
    margin: 0;
}

.editable-checklist label {
    white-space: nowrap; 
}

/* set exact width of textarea to fit buttons toolbar */
.editable-wysihtml5 {
    width: 566px; 
    height: 250px; 
}

/* clear button shown as link in date inputs */
.editable-clear {
   clear: both;
   font-size: 0.9em;
   text-decoration: none;
   text-align: right;
}

/* IOS-style clear button for text inputs */
.editable-clear-x {
   background: url(./images/vendor/X-editable/dist/bootstrap5-editable/clear.png?240c0c6464de0b4bf116fb54d231e46b) center center no-repeat;
   display: block;
   width: 13px;    
   height: 13px;
   position: absolute;
   opacity: 0.6;
   z-index: 100;
   
   top: 50%;
   right: 6px;
   margin-top: -6px;
   
}

.editable-clear-x:hover {
   opacity: 1;
}

.editable-pre-wrapped {
   white-space: pre-wrap;
}

.editable-container.editable-popup {
    max-width: none !important; /* without this rule poshytip/tooltip does not stretch */
}  

.editable-container.popover {
    width: auto; /* without this rule popover does not stretch */
}

.editable-container.editable-inline {
    display: inline-block; 
    vertical-align: middle;
    width: auto;
}

.editable-container.ui-widget {
   font-size: inherit;  /* jqueryui widget font 1.1em too big, overwrite it */
   z-index: 9990; /* should be less than select2 dropdown z-index to close dropdown first when click */
}
.editable-click, 
a.editable-click, 
a.editable-click:hover {
    text-decoration: none;
    border-bottom: dashed 1px #0088cc;
}

.editable-click.editable-disabled, 
a.editable-click.editable-disabled, 
a.editable-click.editable-disabled:hover {
   color: #585858;  
   cursor: default;
   border-bottom: none;
}

.editable-empty, .editable-empty:hover, .editable-empty:focus{
  font-style: italic; 
  color: #DD1144;  
  /* border-bottom: none; */
  text-decoration: none;
}

.editable-unsaved {
  font-weight: bold; 
}

.editable-unsaved:after {
/*    content: '*'*/
}

.editable-bg-transition {
  transition: background-color 1400ms ease-out;  
}

/*see https://github.com/vitalets/x-editable/issues/139 */
.form-horizontal .editable
{ 
    padding-top: 5px;
    display:inline-block;
}


/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datepicker {
  padding: 4px;
  border-radius: 4px;
  direction: ltr;
  /*.dow {
		border-top: 1px solid #ddd !important;
	}*/

}
.datepicker-inline {
  width: 220px;
}
.datepicker.datepicker-rtl {
  direction: rtl;
}
.datepicker.datepicker-rtl table tr td span {
  float: right;
}
.datepicker-dropdown {
  top: 0;
  left: 0;
}
.datepicker-dropdown:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 6px;
}
.datepicker-dropdown:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  position: absolute;
  top: -6px;
  left: 7px;
}
.datepicker > div {
  display: none;
}
.datepicker.days div.datepicker-days {
  display: block;
}
.datepicker.months div.datepicker-months {
  display: block;
}
.datepicker.years div.datepicker-years {
  display: block;
}
.datepicker table {
  margin: 0;
}
.datepicker td,
.datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: none;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}
.datepicker table tr td.day:hover {
  background: #eeeeee;
  cursor: pointer;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #999999;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
  background-color: #fde19a;
  background-image: linear-gradient(top, #fdd49a, #fdf59a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
  border-color: #fdf59a #fdf59a #fbed50;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #000;
}
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
  background-color: #fdf59a;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active {
  background-color: #fbf069 \9;
}
.datepicker table tr td.today:hover:hover {
  color: #000;
}
.datepicker table tr td.today.active:hover {
  color: #fff;
}
.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
  background: #eeeeee;
  border-radius: 0;
}
.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
  background-color: #f3d17a;
  background-image: linear-gradient(top, #f3c17a, #f3e97a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
  border-color: #f3e97a #f3e97a #edde34;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  border-radius: 0;
}
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled] {
  background-color: #f3e97a;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active {
  background-color: #efe24b \9;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
  background-color: #9e9e9e;
  background-image: linear-gradient(top, #b3b3b3, #808080);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
  border-color: #808080 #808080 #595959;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled] {
  background-color: #808080;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active {
  background-color: #666666 \9;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  background-color: #006dcc;
  background-image: linear-gradient(top, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
  background-color: #0044cc;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
  background-color: #003399 \9;
}
.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  border-radius: 4px;
}
.datepicker table tr td span:hover {
  background: #eeeeee;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  background-color: #006dcc;
  background-image: linear-gradient(top, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
  background-color: #0044cc;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
  background-color: #003399 \9;
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #999999;
}
.datepicker th.datepicker-switch {
  width: 145px;
}
.datepicker thead tr:first-child th,
.datepicker tfoot tr th {
  cursor: pointer;
}
.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr th:hover {
  background: #eeeeee;
}
.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}
.datepicker thead tr:first-child th.cw {
  cursor: default;
  background-color: transparent;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
  display: block;
  cursor: pointer;
  width: 16px;
  height: 16px;
}
.input-daterange input {
  text-align: center;
}
.input-daterange input:first-child {
  border-radius: 3px 0 0 3px;
}
.input-daterange input:last-child {
  border-radius: 0 3px 3px 0;
}
.input-daterange .add-on {
  display: inline-block;
  width: auto;
  min-width: 16px;
  height: 18px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 18px;
  text-align: center;
  text-shadow: 0 1px 0 #ffffff;
  vertical-align: middle;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  margin-left: -5px;
  margin-right: -5px;
}

/*!
 * Datetimepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datetimepicker {
  padding: 4px;
  margin-top: 1px;
  border-radius: 4px;
  direction: ltr;
  /*.dow {
		border-top: 1px solid #ddd !important;
	}*/

}
.datetimepicker-inline {
  width: 220px;
}
.datetimepicker.datetimepicker-rtl {
  direction: rtl;
}
.datetimepicker.datetimepicker-rtl table tr td span {
  float: right;
}
.datetimepicker-dropdown, .datetimepicker-dropdown-left {
  top: 0;
  left: 0;
}
[class*=" datetimepicker-dropdown"]:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}
[class*=" datetimepicker-dropdown"]:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  position: absolute;
}
[class*=" datetimepicker-dropdown-top"]:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #ccc;
  border-top-color: rgba(0, 0, 0, 0.2);
  border-bottom: 0;
}
[class*=" datetimepicker-dropdown-top"]:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #ffffff;
  border-bottom: 0;
}
.datetimepicker-dropdown-bottom-right:before {
  top: -7px;
  right: 6px;
}
.datetimepicker-dropdown-bottom-right:after {
  top: -6px;
  right: 7px;
}
.datetimepicker-dropdown-bottom-left:before {
  top: -7px;
  left: 6px;
}
.datetimepicker-dropdown-bottom-left:after {
  top: -6px;
  left: 7px;
}
.datetimepicker-dropdown-top-right:before {
  bottom: -7px;
  right: 6px;
}
.datetimepicker-dropdown-top-right:after {
  bottom: -6px;
  right: 7px;
}
.datetimepicker-dropdown-top-left:before {
  bottom: -7px;
  left: 6px;
}
.datetimepicker-dropdown-top-left:after {
  bottom: -6px;
  left: 7px;
}
.datetimepicker > div {
  display: none;
}
.datetimepicker.minutes div.datetimepicker-minutes {
    display: block;
}
.datetimepicker.hours div.datetimepicker-hours {
    display: block;
}
.datetimepicker.days div.datetimepicker-days {
    display: block;
}
.datetimepicker.months div.datetimepicker-months {
  display: block;
}
.datetimepicker.years div.datetimepicker-years {
  display: block;
}
.datetimepicker table {
  margin: 0;
}
.datetimepicker  td,
.datetimepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: none;
}
.table-striped .datetimepicker table tr td,
.table-striped .datetimepicker table tr th {
  background-color: transparent;
}
.datetimepicker table tr td.minute:hover {
    background: #eeeeee;
    cursor: pointer;
}
.datetimepicker table tr td.hour:hover {
    background: #eeeeee;
    cursor: pointer;
}
.datetimepicker table tr td.day:hover {
    background: #eeeeee;
    cursor: pointer;
}
.datetimepicker table tr td.old,
.datetimepicker table tr td.new {
  color: #999999;
}
.datetimepicker table tr td.disabled,
.datetimepicker table tr td.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}
.datetimepicker table tr td.today,
.datetimepicker table tr td.today:hover,
.datetimepicker table tr td.today.disabled,
.datetimepicker table tr td.today.disabled:hover {
  background-color: #fde19a;
  background-image: linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
  border-color: #fdf59a #fdf59a #fbed50;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.datetimepicker table tr td.today:hover,
.datetimepicker table tr td.today:hover:hover,
.datetimepicker table tr td.today.disabled:hover,
.datetimepicker table tr td.today.disabled:hover:hover,
.datetimepicker table tr td.today:active,
.datetimepicker table tr td.today:hover:active,
.datetimepicker table tr td.today.disabled:active,
.datetimepicker table tr td.today.disabled:hover:active,
.datetimepicker table tr td.today.active,
.datetimepicker table tr td.today:hover.active,
.datetimepicker table tr td.today.disabled.active,
.datetimepicker table tr td.today.disabled:hover.active,
.datetimepicker table tr td.today.disabled,
.datetimepicker table tr td.today:hover.disabled,
.datetimepicker table tr td.today.disabled.disabled,
.datetimepicker table tr td.today.disabled:hover.disabled,
.datetimepicker table tr td.today[disabled],
.datetimepicker table tr td.today:hover[disabled],
.datetimepicker table tr td.today.disabled[disabled],
.datetimepicker table tr td.today.disabled:hover[disabled] {
  background-color: #fdf59a;
}
.datetimepicker table tr td.today:active,
.datetimepicker table tr td.today:hover:active,
.datetimepicker table tr td.today.disabled:active,
.datetimepicker table tr td.today.disabled:hover:active,
.datetimepicker table tr td.today.active,
.datetimepicker table tr td.today:hover.active,
.datetimepicker table tr td.today.disabled.active,
.datetimepicker table tr td.today.disabled:hover.active {
  background-color: #fbf069 \9;
}
.datetimepicker table tr td.active,
.datetimepicker table tr td.active:hover,
.datetimepicker table tr td.active.disabled,
.datetimepicker table tr td.active.disabled:hover {
  background-color: #006dcc;
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datetimepicker table tr td.active:hover,
.datetimepicker table tr td.active:hover:hover,
.datetimepicker table tr td.active.disabled:hover,
.datetimepicker table tr td.active.disabled:hover:hover,
.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover:active,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled:hover.active,
.datetimepicker table tr td.active.disabled,
.datetimepicker table tr td.active:hover.disabled,
.datetimepicker table tr td.active.disabled.disabled,
.datetimepicker table tr td.active.disabled:hover.disabled,
.datetimepicker table tr td.active[disabled],
.datetimepicker table tr td.active:hover[disabled],
.datetimepicker table tr td.active.disabled[disabled],
.datetimepicker table tr td.active.disabled:hover[disabled] {
  background-color: #0044cc;
}
.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover:active,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled:hover.active {
  background-color: #003399 \9;
}
.datetimepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  border-radius: 4px;
}
.datetimepicker .datetimepicker-hours span {
  height: 26px;
  line-height: 26px;
}
.datetimepicker .datetimepicker-hours table tr td span.hour_am,
.datetimepicker .datetimepicker-hours table tr td span.hour_pm {
  width: 14.6%;
}
.datetimepicker .datetimepicker-hours fieldset legend,
.datetimepicker .datetimepicker-minutes fieldset legend {
  margin-bottom: inherit;
  line-height: 30px;
}
.datetimepicker .datetimepicker-minutes span {
  height: 26px;
  line-height: 26px;
}
.datetimepicker table tr td span:hover {
  background: #eeeeee;
}
.datetimepicker table tr td span.disabled,
.datetimepicker table tr td span.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}
.datetimepicker table tr td span.active,
.datetimepicker table tr td span.active:hover,
.datetimepicker table tr td span.active.disabled,
.datetimepicker table tr td span.active.disabled:hover {
  background-color: #006dcc;
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datetimepicker table tr td span.active:hover,
.datetimepicker table tr td span.active:hover:hover,
.datetimepicker table tr td span.active.disabled:hover,
.datetimepicker table tr td span.active.disabled:hover:hover,
.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover:active,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled:hover.active,
.datetimepicker table tr td span.active.disabled,
.datetimepicker table tr td span.active:hover.disabled,
.datetimepicker table tr td span.active.disabled.disabled,
.datetimepicker table tr td span.active.disabled:hover.disabled,
.datetimepicker table tr td span.active[disabled],
.datetimepicker table tr td span.active:hover[disabled],
.datetimepicker table tr td span.active.disabled[disabled],
.datetimepicker table tr td span.active.disabled:hover[disabled] {
  background-color: #0044cc;
}
.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover:active,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled:hover.active {
  background-color: #003399 \9;
}
.datetimepicker table tr td span.old {
  color: #999999;
}
.datetimepicker th.switch {
  width: 145px;
}
.datetimepicker thead tr:first-child th,
.datetimepicker tfoot tr:first-child th {
  cursor: pointer;
}
.datetimepicker thead tr:first-child th:hover,
.datetimepicker tfoot tr:first-child th:hover {
  background: #eeeeee;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
  cursor: pointer;
  width: 14px;
  height: 14px;
}

.snotifyToast {
  animation-fill-mode: both; }

.snotify-leftTop .fadeIn,
.snotify-leftCenter .fadeIn,
.snotify-leftBottom .fadeIn {
  animation-name: fadeInLeft; }

.snotify-leftTop .fadeOut,
.snotify-leftCenter .fadeOut,
.snotify-leftBottom .fadeOut {
  animation-name: fadeOutLeft; }

.snotify-rightTop .fadeIn,
.snotify-rightCenter .fadeIn,
.snotify-rightBottom .fadeIn {
  animation-name: fadeInRight; }

.snotify-rightTop .fadeOut,
.snotify-rightCenter .fadeOut,
.snotify-rightBottom .fadeOut {
  animation-name: fadeOutRight; }

.snotify-centerTop .fadeIn {
  animation-name: fadeInDown; }

.snotify-centerTop .fadeOut {
  animation-name: fadeOutUp; }

.snotify-centerCenter .fadeIn {
  animation-name: fadeIn; }

.snotify-centerCenter .fadeOut {
  animation-name: fadeOut; }

.snotify-centerBottom .fadeIn {
  animation-name: fadeInUp; }

.snotify-centerBottom .fadeOut {
  animation-name: fadeOutDown; }

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) scaleX(1.2); }
  100% {
    opacity: 1;
    transform: none; } }

@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0) scaleX(1.2); }
  100% {
    opacity: 1;
    transform: none; } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0) scaleY(1.2); }
  100% {
    opacity: 1;
    transform: none; } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -100%, 0) scaleY(1.2); }
  100% {
    opacity: 1;
    transform: none; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeOutDown {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    transform: translate3d(0, 100%, 0); } }

@keyframes fadeOutLeft {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0); } }

@keyframes fadeOutRight {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    transform: translate3d(100%, 0, 0); } }

@keyframes fadeOutUp {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    transform: translate3d(0, -100%, 0); } }

@keyframes appear {
  0% {
    max-height: 0; }
  100% {
    max-height: 50vh; } }

@keyframes disappear {
  0% {
    opacity: 0;
    max-height: 50vh; }
  100% {
    opacity: 0;
    max-height: 0; } }

@keyframes async {
  0% {
    transform: translate(0, -50%) rotate(0deg); }
  100% {
    transform: translate(0, -50%) rotate(360deg); } }

.snotify {
  display: block;
  position: fixed;
  width: 300px;
  z-index: 9999;
  box-sizing: border-box;
  pointer-events: none; }
  .snotify * {
    box-sizing: border-box; }

.snotify-leftTop,
.snotify-leftCenter,
.snotify-leftBottom {
  left: 10px; }

.snotify-rightTop,
.snotify-rightCenter,
.snotify-rightBottom {
  right: 10px; }

.snotify-centerTop,
.snotify-centerCenter,
.snotify-centerBottom {
  left: calc(50% - 300px / 2); }

.snotify-leftTop,
.snotify-centerTop,
.snotify-rightTop {
  top: 10px; }

.snotify-leftCenter,
.snotify-rightCenter,
.snotify-centerCenter {
  top: 50%;
  transform: translateY(-50%); }

.snotify-leftBottom,
.snotify-rightBottom,
.snotify-centerBottom {
  bottom: 10px; }

.snotify-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #000;
  opacity: 0;
  z-index: 9998;
  transition: opacity .3s; }

.snotifyToast {
  display: block;
  cursor: pointer;
  background-color: #fff;
  max-height: 300px;
  height: 100%;
  margin: 5px;
  opacity: 0;
  overflow: hidden;
  pointer-events: auto; }
  .snotifyToast--in {
    animation-name: appear; }
  .snotifyToast--out {
    animation-name: disappear; }
  .snotifyToast__inner {
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    padding: 5px 65px 5px 15px;
    min-height: 78px;
    font-size: 16px;
    color: #000; }
  .snotifyToast__noIcon {
    padding: 5px 15px 5px 15px; }
  .snotifyToast__progressBar {
    position: relative;
    width: 100%;
    height: 5px;
    background-color: #c7c7c7; }
    .snotifyToast__progressBar__percentage {
      position: absolute;
      top: 0;
      left: 0;
      height: 5px;
      background-color: #4c4c4c;
      max-width: 100%; }
  .snotifyToast__title {
    font-size: 1.4em;
    line-height: 1.2em;
    margin-bottom: 5px;
    color: #000; }
  .snotifyToast__body {
    font-size: 1em;
    color: #000; }

.snotifyToast-show {
  transform: translate(0, 0);
  opacity: 1; }

.snotifyToast-remove {
  max-height: 0;
  overflow: hidden;
  transform: translate(0, 50%);
  opacity: 0; }

/***************
 ** Modifiers **
 **************/
.snotify-simple {
  border-left: 4px solid #000; }

.snotify-success {
  border-left: 4px solid #4caf50; }

.snotify-info {
  border-left: 4px solid #1e88e5; }

.snotify-warning {
  border-left: 4px solid #ff9800; }

.snotify-error {
  border-left: 4px solid #f44336; }

.snotify-async {
  border-left: 4px solid #1e88e5; }

.snotify-confirm {
  border-left: 4px solid #009688; }

.snotify-prompt {
  border-left: 4px solid #009688; }

.snotify-confirm .snotifyToast__inner,
.snotify-prompt .snotifyToast__inner {
  padding: 10px 15px; }

.snotifyToast__input {
  position: relative;
  z-index: 1;
  display: inline-block;
  margin: 0;
  width: 100%;
  vertical-align: top;
  transition: all .5s;
  transition-delay: .3s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
  .snotifyToast__input__field {
    position: relative;
    display: block;
    float: right;
    padding: .85em .5em;
    width: 100%;
    border: none;
    border-radius: 0;
    background: transparent;
    color: #333;
    font-weight: bold;
    -webkit-appearance: none;
    /* for box shadows to show on iOS */
    opacity: 0;
    transition: opacity .3s; }
    .snotifyToast__input__field:focus {
      outline: none; }
  .snotifyToast__input__label {
    display: inline-block;
    float: right;
    padding: 0 .85em;
    width: 100%;
    color: #999;
    font-weight: bold;
    font-size: 70.25%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    position: absolute;
    left: 0;
    height: 100%;
    text-align: left;
    pointer-events: none; }
    .snotifyToast__input__label::before, .snotifyToast__input__label::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      transition: transform .3s; }
    .snotifyToast__input__label::before {
      border-top: 2px solid #009688;
      transform: translate3d(0, 100%, 0) translate3d(0, -2px, 0);
      transition-delay: .3s; }
    .snotifyToast__input__label::after {
      z-index: -1;
      background: #eee;
      transform: scale3d(1, 0, 1);
      transform-origin: 50% 0; }
  .snotifyToast__input__labelContent {
    position: relative;
    display: block;
    padding: 1em 0;
    width: 100%;
    transition: transform .3s .3s; }

.snotifyToast__input--filled {
  margin-top: 2.5em; }
  .snotifyToast__input--filled:focus,
  .snotifyToast__input--filled .snotifyToast__input__field {
    opacity: 1;
    transition-delay: .3s; }

.snotifyToast__input__field:focus + .snotifyToast__input__label .snotifyToast__input__labelContent,
.snotifyToast__input--filled .snotifyToast__input__labelContent {
  transform: translate(0, -80%);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }

.snotifyToast__input__field:focus + .snotifyToast__input__label::before,
.snotifyToast__input--filled .snotifyToast__input__label::before {
  transition-delay: 0s; }

.snotifyToast__input__field:focus + .snotifyToast__input__label::before,
.snotifyToast__input--filled .snotifyToast__input__label::before {
  transform: translate(0, 0); }

.snotifyToast__input__field:focus + .snotifyToast__input__label::after,
.snotifyToast__input--filled .snotifyToast__input__label::after {
  transform: scale(1, 1);
  transition-delay: .3s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }

.snotifyToast--invalid .snotifyToast__input__label::before {
  border-color: #f44336; }

.snotifyToast--valid .snotifyToast__input__label::before {
  border-color: #4caf50; }

.snotifyToast__buttons {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  border-top: 1px solid rgba(0, 0, 0, 0.1); }
  .snotifyToast__buttons button {
    position: relative;
    width: 100%;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    border-top: none;
    border-bottom: none;
    background: transparent;
    padding: 8px;
    text-transform: capitalize;
    color: #000; }
    .snotifyToast__buttons button:hover, .snotifyToast__buttons button:focus {
      background: rgba(0, 0, 0, 0.1);
      outline: none; }
    .snotifyToast__buttons button:active {
      background: rgba(0, 0, 0, 0.15); }
    .snotifyToast__buttons button:last-child {
      border-right: none; }
    .snotifyToast__buttons button:first-child {
      border-left: none; }
  .snotifyToast__buttons--bold {
    font-weight: 700; }

.snotify-icon {
  position: absolute;
  right: 10px;
  top: 50%;
  line-height: 0;
  transform: translate(0, -50%);
  max-height: 48px;
  max-width: 48px;
  width: 100%;
  height: 100%; }

.snotify-icon--error {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20version=%221.1%22%20x=%220px%22%20y=%220px%22%20viewBox=%220%200%20512%20512%22%20fill=%22%23f44336%22%3E%3Cg%3E%3Cpath%20d=%22M437,75A256,256,0,1,0,75,437,256,256,0,1,0,437,75ZM416.43,416.43a226.82,226.82,0,0,1-320.86,0C7.11,328,7.11,184,95.57,95.57a226.82,226.82,0,0,1,320.86,0C504.89,184,504.89,328,416.43,416.43Z%22/%3E%3Cpath%20d=%22M368.81,143.19a14.5,14.5,0,0,0-20.58,0L256,235.42l-92.23-92.23a14.55,14.55,0,0,0-20.58,20.58L235.42,256l-92.23,92.23a14.6,14.6,0,0,0,10.24,24.89,14.19,14.19,0,0,0,10.24-4.31l92.23-92.23,92.23,92.23a14.64,14.64,0,0,0,10.24,4.31,14,14,0,0,0,10.24-4.31,14.5,14.5,0,0,0,0-20.58l-92-92.23,92.23-92.23A14.5,14.5,0,0,0,368.81,143.19Z%22/%3E%3C/g%3E%3C/svg%3E"); }

.snotify-icon--warning {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20version=%221.1%22%20x=%220px%22%20y=%220px%22%20viewBox=%220%200%20512%20512%22%20fill=%22%23ff9800%22%3E%3Cg%3E%3Cpath%20d=%22M256,512c141.15,0,256-114.84,256-256S397.15,0,256,0,0,114.84,0,256,114.85,512,256,512Zm0-480.49c123.79,0,224.49,100.71,224.49,224.49S379.79,480.49,256,480.49,31.51,379.79,31.51,256,132.21,31.51,256,31.51Z%22/%3E%3Ccircle%20cx=%22260.08%22%20cy=%22343.87%22%20r=%2226.35%22/%3E%3Cpath%20d=%22M254.68,278.39a15.76,15.76,0,0,0,15.75-15.75V128.72a15.75,15.75,0,1,0-31.51,0V262.63A15.76,15.76,0,0,0,254.68,278.39Z%22/%3E%3C/g%3E%3C/svg%3E"); }

.snotify-icon--info {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20version=%221.1%22%20x=%220px%22%20y=%220px%22%20viewBox=%220%200%20512%20512%22%20fill=%22%231e88e5%22%3E%3Cg%3E%3Cpath%20d=%22M256,0C114.84,0,0,114.84,0,256S114.84,512,256,512,512,397.16,512,256,397.15,0,256,0Zm0,478.43C133.35,478.43,33.57,378.64,33.57,256S133.35,33.58,256,33.58,478.42,133.36,478.42,256,378.64,478.43,256,478.43Z%22/%3E%3Cpath%20d=%22M251.26,161.24a22.39,22.39,0,1,0-22.38-22.39A22.39,22.39,0,0,0,251.26,161.24Z%22/%3E%3Cpath%20d=%22M286.84,357.87h-14v-160A16.79,16.79,0,0,0,256,181.05H225.17a16.79,16.79,0,0,0,0,33.58h14.05V357.87H225.17a16.79,16.79,0,0,0,0,33.57h61.67a16.79,16.79,0,1,0,0-33.57Z%22/%3E%3C/g%3E%3C/svg%3E"); }

.snotify-icon--success {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20version=%221.1%22%20x=%220px%22%20y=%220px%22%20viewBox=%220%200%20512%20512%22%20fill=%22%234caf50%22%3E%3Cg%3E%3Cpath%20d=%22M256,0C114.85,0,0,114.84,0,256S114.85,512,256,512,512,397.16,512,256,397.15,0,256,0Zm0,492.31c-130.29,0-236.31-106-236.31-236.31S125.71,19.69,256,19.69,492.31,125.71,492.31,256,386.29,492.31,256,492.31Z%22/%3E%3Cpath%20class=%22cls-1%22%20d=%22M376.64,151,225.31,321.24l-91.17-72.93a9.85,9.85,0,0,0-12.3,15.38l98.46,78.77a9.86,9.86,0,0,0,13.52-1.15L391.36,164.08A9.85,9.85,0,0,0,376.64,151Z%22/%3E%3C/g%3E%3C/svg%3E"); }

.snotify-icon--async {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20version=%221.1%22%20x=%220px%22%20y=%220px%22%20viewBox=%220%200%20512%20512%22%20fill=%22%231e88e5%22%3E%3Cg%3E%3Cpath%20d=%22M256,0a32,32,0,0,0-32,32V96a32,32,0,0,0,64,0V32A32,32,0,0,0,256,0Zm0,384a32,32,0,0,0-32,32v64a32,32,0,0,0,64,0V416A32,32,0,0,0,256,384ZM391.74,165.5,437,120.22A32,32,0,0,0,391.74,75L346.5,120.22a32,32,0,0,0,45.25,45.28Zm-271.52,181L75,391.74A32,32,0,0,0,120.22,437l45.25-45.25a32,32,0,0,0-45.25-45.25Zm0-271.52A32,32,0,1,0,75,120.22l45.25,45.28a32,32,0,1,0,45.25-45.28ZM391.74,346.5a32,32,0,0,0-45.25,45.25L391.74,437A32,32,0,0,0,437,391.74ZM480,224H416a32,32,0,0,0,0,64h64a32,32,0,0,0,0-64ZM128,256a32,32,0,0,0-32-32H32a32,32,0,0,0,0,64H96A32,32,0,0,0,128,256Z%22/%3E%3C/g%3E%3C/svg%3E");
  animation: async 3s infinite linear;
  transform-origin: 50% 50%; }

.editable-buttons, .editable-input {
  display: block;
  width: 100%;
  text-align: center;
  padding: 0.3em 0;
}

.editable-input select {
  padding: 0.2em 0.4em;
  border-radius: 5px;
}

.editable-clear-x {
  right: 5px !important;
}

.editable-buttons {
  display: flex;
  justify-content: flex-end;
  padding-right: 8px;
}
.editable-buttons .fa {
  speak: none;
  line-height: 1;
}
.editable-buttons .fa-check:before {
  content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="white" viewBox="0 0 32 32"><path d="M16 0c-8.836 0-16 7.163-16 16s7.163 16 16 16c8.837 0 16-7.163 16-16s-7.163-16-16-16zM16 30.032c-7.72 0-14-6.312-14-14.032s6.28-14 14-14 14 6.28 14 14-6.28 14.032-14 14.032zM22.386 10.146l-9.388 9.446-4.228-4.227c-0.39-0.39-1.024-0.39-1.415 0s-0.391 1.023 0 1.414l4.95 4.95c0.39 0.39 1.024 0.39 1.415 0 0.045-0.045 0.084-0.094 0.119-0.145l9.962-10.024c0.39-0.39 0.39-1.024 0-1.415s-1.024-0.39-1.415 0z"></path></svg>');
}
.editable-buttons .fa-times:before {
  content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 32 32"><path d="M21.66,10.34a1,1,0,0,0-1.42,0L16,14.59l-4.24-4.25a1,1,0,0,0-1.42,1.42L14.59,16l-4.25,4.24a1,1,0,0,0,1.42,1.42L16,17.41l4.24,4.25a1,1,0,0,0,1.42-1.42L17.41,16l4.25-4.24A1,1,0,0,0,21.66,10.34Z"></path></svg>');
}

.gslide-image {
  background-color: #ffffff;
}

.gslide-image img {
  min-width: 800px !important;
  -o-object-fit: contain !important;
     object-fit: contain !important;
}
@media (max-width: 800px) {
  .gslide-image img {
    min-width: 100% !important;
  }
}

.carousel__controls .prev, .carousel__controls .next {
  color: #007bff !important;
}

.catalog-more {
  display: flex;
  justify-content: center;
}

.catalog-more__btn-more {
  margin-top: 50px;
  margin-bottom: 50px;
  height: 50px;
  width: 300px;
  font-size: 16px;
  font-weight: bold;
  color: #017eec;
  background-color: transparent;
  border: 1px solid #e9ecef;
  box-shadow: 0 0 5px 0.5px rgba(199, 199, 199, 0.59);
  transition: box-shadow 0.2s ease-in-out;
}

.catalog-more__btn-more:hover {
  box-shadow: 0 0 5px 2px rgba(208, 40, 40, 0.59);
  color: #dc3545;
  border-color: #dc3545;
}
.catalog-more__btn-more:active {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
}
.catalog-more__btn-more:focus {
  color: #dc3545;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
  border-color: #dc3545;
}

.filter-label {
  width: 100%;
}

.filter-select {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem top 12px;
  background-size: 13px 10px;
  padding-right: 28px;
}

.card-body__catalog {
  display: flex;
  flex-direction: column;
}

.cards {
  box-shadow: 0 0 8px -2px rgba(0, 0, 0, 0.18);
  transition: box-shadow 0.2s ease-in-out;
}
.cards:hover {
  box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.2);
}
.cards:hover .cards__hover-color {
  color: #dc3545 !important;
}

.cards__text {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  flex-wrap: wrap;
  place-items: baseline;
}

.cards__features-holder {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  top: 190px;
  left: 1rem;
  background-color: #fdc700;
  padding-left: 10px;
  padding-top: 8px;
}

.cards__feature {
  width: 23px;
  height: 23px;
}

.cards__building-status {
  padding: 0;
  font-weight: normal;
  text-shadow: none;
  font-size: 12px;
}

.cards__badge-done-building {
  color: #28a745;
}

.cards__badge-is-building {
  color: #ff9000;
}

.cards__developing {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}

.cards__mame {
  color: #017eec;
  font-weight: 600;
  margin-bottom: 0.1rem !important;
}

.cards__icon {
  height: 10px;
  width: 10px;
  background-color: #0f6674;
  border-radius: 50%;
}

.cards__location {
  align-items: baseline;
  display: flex;
  flex-direction: column;
}

.cards__address {
  display: flex;
  align-items: end;
}

.cards__street {
  padding-left: 5px;
}

.cards__img {
  height: 250px;
  -o-object-fit: cover;
     object-fit: cover;
}

.cards__apartments-free-count {
  color: #017eec;
  font-weight: 600;
}

/*manualComplexCard styles*/
.manual-complex-text {
  font-size: 16px;
}

.manual-complex-icon {
  margin: 0 5px 3px 0;
  font-size: 18px;
}

.manual-complex-end-button {
  margin: -10px 0 0 -10px;
}

.manual-complex-end-text {
  margin: 0 0 0 -2px;
}

.manual-complex-image {
  height: 250px;
  -o-object-fit: cover;
     object-fit: cover;
}

.manual-complex-empty {
  font-size: 22px;
  font-weight: 500;
  line-height: 2;
}

.apartments__card {
  flex-grow: 2;
}

.apartments__apartment {
  overflow: hidden;
}

.apartments__apartment:after {
  content: "...........................................................";
  display: block;
  white-space: nowrap;
  overflow: hidden;
  color: #b1afaf;
}

.apartments__offer {
  padding-right: 5px;
  float: left;
}

.apartments__lowPrice {
  padding-left: 5px;
  float: right;
}

.sidebar {
  width: 120px !important;
  min-width: 8em !important;
  position: relative;
  height: 100%;
}
@media (max-width: 768px) {
  .sidebar {
    width: 100% !important;
  }
}

@media (max-width: 768px) {
  .sidebar__hide {
    display: none !important;
  }
}

.sidebar__toggle {
  align-items: center;
  display: flex;
}

.sidebar__logo {
  background-color: #ffffff;
}
@media (max-width: 768px) {
  .sidebar__logo {
    display: none !important;
  }
}

.sidebar__header-icon {
  text-align: center;
  height: 77px;
  border-bottom: 1px solid #eae7e7;
}
@media (min-width: 320px) and (max-width: 768px) {
  .sidebar__header-icon {
    width: 100px;
    border-bottom: none;
  }
}
@media (max-width: 350px) {
  .sidebar__header-icon {
    display: none;
  }
}

.sidebar__header-img {
  margin: 0 !important;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 350px) {
  .sidebar__header-img {
    display: block !important;
  }
}

.sidebar__content {
  width: auto;
}
@media (max-width: 768px) {
  .sidebar__content {
    width: 100%;
  }
}

.sidebar__group {
  width: 80%;
  justify-content: center;
  color: #353535;
  margin-top: 10px;
  margin-bottom: 10px;
}

.sidebar__group-element {
  font-size: 12px;
  font-weight: 600;
  display: flex;
  text-align: center;
}

.sidebar__elements {
  text-align: center;
  flex-wrap: unset;
  overflow: auto;
  align-items: center !important;
}

.sidebar__elements::-webkit-scrollbar {
  width: 0;
}

.sidebar__elements {
  -ms-overflow-style: none;
}

.sidebar__elements {
  scrollbar-width: none;
}

.sidebar__item {
  margin-top: 8px;
  margin-bottom: 8px;
  flex-direction: column !important;
  color: #363535;
  font-size: 12px;
  z-index: 10;
  transition: all 0.5s;
  line-height: 1em;
}

.sidebar__icon {
  color: #000000;
  height: 14px;
  width: 14px;
}

.sidebar__link {
  padding: 0;
  margin-bottom: 7px;
  border: 1px solid;
  border-radius: 50% !important;
  height: 40px;
  width: 40px !important;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  z-index: 10;
  transition: all 0.5s;
}
.sidebar__link:hover {
  background-color: #dee2e6;
}

.sidebar__dropdown-item {
  color: #000000;
  font-size: 14px;
  padding: 0 !important;
  align-content: center;
  display: flex;
  width: 100%;
  justify-content: center;
  transition: all 0.5s;
}
.sidebar__dropdown-item:hover {
  background: #dee2e6;
}

.sidebar__dropdown-inner {
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px !important;
  transition: all 0.2s;
  border-bottom: 1px solid #eae7e7;
}
.sidebar__dropdown-inner:hover {
  background-color: #dee2e6;
}

.sidebar__dropdown-icon {
  width: 14px;
  height: 14px;
  margin-top: -3px;
}

.sidebar__up {
  color: #000000;
  flex-grow: 1;
}

.collapse.width {
  transition: width 0.3s linear !important;
}

.collapsing {
  transition: none;
  display: none;
}

@media (max-width: 768px) {
  .sidebar-profile {
    padding: 0 !important;
  }
}

.sidebar-profile__content {
  display: flex;
  flex-direction: column;
  text-align: center;
}

.sidebar-profile__header {
  text-align: center;
}

.sidebar-profile__link {
  justify-content: center;
}

.sidebar-profile__subtitle {
  font-size: 12px;
  white-space: normal;
  margin-bottom: 10px;
}
@media (max-width: 768px) {
  .sidebar-profile__subtitle {
    margin-bottom: 3px;
  }
}

.sidebar-profile__avatar-holder {
  display: flex;
  width: 100%;
  justify-content: center;
}

.sidebar-profile__avatar {
  width: 50px !important;
  height: 50px !important;
}

.sidebar-profile__open-btn {
  border: none;
  background: none;
  padding: 0;
  margin: 0;
}

.sidebar-profile__title {
  line-height: 1.1em;
  font-size: 13px;
  margin-top: 7px;
}
@media (max-width: 768px) {
  .sidebar-profile__title {
    margin: 0;
  }
}

.sidebar-notification__holder {
  padding: 3px;
  position: absolute;
  right: -3px;
  top: 16px;
  border-radius: 50%;
  background: #fff;
}
@media (max-width: 768px) {
  .sidebar-notification__holder {
    right: 30px;
    top: 15px;
  }
}

.sidebar-notification__link {
  justify-content: flex-end;
  color: #ffffff;
  padding: 2px;
  border-radius: 15px;
}

.sidebar-notification__icon {
  color: #000000;
  height: 16px;
  width: 16px;
}

.sidebar-submenu {
  overflow: auto;
  background-color: #ffffff;
  top: 0;
  width: 250px;
  z-index: 2;
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #eae7e7;
  box-shadow: 6px 0 8px -3px rgba(34, 60, 80, 0.2);
}

.sidebar-submenu-fixed {
  position: fixed;
  left: 115px;
  height: 100vh;
}

.sidebar-submenu-absolute {
  position: absolute;
  left: 121px;
  height: calc(100vh - 77px);
  margin-top: 77px;
}

.collapse.width {
  transition: width 0.3s ease;
}

.mobile-menu {
  display: none;
  padding: 10px;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .mobile-menu {
    display: flex;
  }
}

.mobile-menu__header {
  height: 95px;
  margin-bottom: 5px;
}

.mobile-menu__logo {
  width: 33.3333333333%;
  justify-content: center;
  display: flex;
}
@media (max-width: 350px) {
  .mobile-menu__logo {
    display: none;
  }
}

.mobile-menu__icon {
  width: 2em;
  height: 1.5em;
  margin-right: 5px;
}

.mobile-menu__profile {
  width: 33.3333333333%;
}
@media (max-width: 350px) {
  .mobile-menu__profile {
    margin-right: 15px;
  }
}

.mobile-menu__open {
  width: 33.3333333333%;
  display: flex;
  align-items: center;
}

.mobile-menu__current-title {
  font-size: 12px;
}

.mobile-menu__content {
  overflow-y: scroll;
  transition: 0.3s;
  transform: translateX(-100%);
  position: fixed;
  background: white;
  z-index: 10;
  height: calc(100% - 96px);
  width: 102vw;
}

.mobile-menu__content--active {
  transform: translateX(0%);
}

.mobile-menu__btn {
  border: none;
  outline: none;
  background: transparent;
}

.mobile-menu__active {
  overflow: hidden;
}

.mobile-menu__list {
  font-size: 13px;
  border-bottom: 1px solid #99a6ad;
  justify-content: space-between;
}

.mobile-menu__item {
  width: 100%;
}

.mobile-menu__link {
  margin: 3px 0;
}

.mobile-menu__direction-icon {
  color: #363f44;
  height: 20px;
  margin-right: 20px;
}

.mobile-menu__direction-icon--m0 {
  margin: 0;
}

.mobile-submenu {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  transition: 0.3s;
  transform: translateX(-100%);
  position: fixed;
  background: white;
  z-index: 12;
  top: 0;
}

.mobile-submenu__back {
  border-bottom: 1px solid #99a6ad;
  border-top: 1px solid #99a6ad;
  outline: none;
  background: #e8e9e9;
  padding: 0.7rem 1rem;
  display: flex;
}

.mobile-submenu__link {
  border-bottom: 1px solid #99a6ad;
  padding: 0.7rem 1rem;
}

.mobile-submenu--active {
  transform: translateX(0%);
}

.mobile-third-menu {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  transition: 0.3s;
  transform: translateX(-100%);
  position: fixed;
  background: white;
  z-index: 12;
  top: 0;
}

.mobile-third-menu__back {
  border-bottom: 1px solid #99a6ad;
  border-top: 1px solid #99a6ad;
  outline: none;
  background: #e8e9e9;
  padding: 0.7rem 1rem;
  display: flex;
}

.mobile-third-menu__link {
  border-bottom: 1px solid #99a6ad;
  padding: 0.7rem 1rem;
}

.mobile-third-menu--active {
  transform: translateX(0%);
}

.ratings-table thead tr th {
  padding: 0.8rem;
}

.ratings-table tbody tr td {
  padding: 0.35rem 0.8rem;
}

body {
  font-family: "Roboto", sans-serif;
  overflow: visible;
}

.modal-body {
  padding: 0 1.5rem !important;
}

.table tbody tr td, .table tbody tr td button, .table tbody tr td a {
  word-break: normal !important;
  white-space: normal !important;
}

@media (max-width: 760px) {
  .table tbody tr td {
    word-break: normal !important;
    white-space: nowrap !important;
  }
}
.app:before {
  background: #fff;
}

.alert button.close {
  font-size: 1.4em;
}

.departments-table tr {
  height: 57px;
}

.select2 {
  max-width: 100% !important;
}

.select2-container--default .select2-selection--multiple {
  border-radius: 0 !important;
}

.bootstrap-tagsinput, .chosen-choices, .chosen-single, .form-control {
  max-width: 100%;
  padding: 8px;
}

.aside + div {
  overflow: hidden;
}

.toast-wrapper {
  z-index: 9999;
}

.alert {
  border-radius: 0 !important;
  margin: 0 !important;
}

/* pipelines */
.b-pipelines .card .help-text {
  font-size: 12px;
  margin: 10px 10px 10px 0;
  color: #999;
}

.b-pipelines .card .status-name {
  font-size: 16px;
}

/* floors */
.b-floor-actions .form-group {
  margin-bottom: 0;
  display: inline-block;
}

/* main menu */
.b-white-menu {
  background: #fff;
}
.b-white-menu .nav-item.active, .b-white-menu .dropdown-item.active {
  color: #000000;
}
.b-white-menu .nav-item.active .sidebar__link, .b-white-menu .dropdown-item.active .sidebar__link {
  color: #000000;
  background-color: #dee2e6;
}
.b-white-menu .dropdown-item.active {
  background-color: #dee2e6;
}
.b-white-menu .dropdown-item.active:hover, .b-white-menu .nav-item.active a:hover {
  color: #000000 !important;
}

body .container-fluid {
  padding-left: 0 !important;
}
@media (max-width: 768px) {
  body .container-fluid {
    padding-right: 0;
    overflow: hidden;
  }
}

.accordion > .card {
  overflow: visible;
}

.row {
  margin-right: -5px;
  margin-left: -5px;
}

.col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-auto, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-auto, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-auto, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-auto {
  padding-right: 5px;
  padding-left: 5px;
}

#layoutAttachModal .modal-header .close {
  margin: -2rem -1rem -1rem auto;
}

.text-vtop {
  vertical-align: top !important;
  padding: 5px !important;
}

.text-vtop td {
  padding: 5px !important;
}

.bg-black .nav > li.active > a, .bg-black .nav > li:focus > a, .bg-black .nav > li:hover > a, .bg-danger .nav > li.active > a, .bg-danger .nav > li:focus > a, .bg-danger .nav > li:hover > a, .bg-dark .nav .command-bar .active.btn, .bg-dark .nav .command-bar .dropzone-wrapper .dz-preview .active.btn-edit, .bg-dark .nav .command-bar .dropzone-wrapper .dz-preview .active.btn-remove, .bg-dark .nav .command-bar .dropzone .dz-preview .active.btn-edit, .bg-dark .nav .command-bar .dropzone .dz-preview .active.btn-remove, .bg-dark .nav .dropdown-item.active, .bg-dark .nav .dropzone-wrapper .dz-preview .command-bar .active.btn-edit, .bg-dark .nav .dropzone-wrapper .dz-preview .command-bar .active.btn-remove, .bg-dark .nav .dropzone-wrapper .dz-preview .table td .active.btn-edit, .bg-dark .nav .dropzone-wrapper .dz-preview .table td .active.btn-remove, .bg-dark .nav .dropzone .dz-preview .command-bar .active.btn-edit, .bg-dark .nav .dropzone .dz-preview .command-bar .active.btn-remove, .bg-dark .nav .dropzone .dz-preview .table td .active.btn-edit, .bg-dark .nav .dropzone .dz-preview .table td .active.btn-remove, .bg-dark .nav .table td .active.btn, .bg-dark .nav .table td .dropzone-wrapper .dz-preview .active.btn-edit, .bg-dark .nav .table td .dropzone-wrapper .dz-preview .active.btn-remove, .bg-dark .nav .table td .dropzone .dz-preview .active.btn-edit, .bg-dark .nav .table td .dropzone .dz-preview .active.btn-remove, .bg-dark .nav > li.active > a, .bg-dark .nav > li:focus > a, .bg-dark .nav > li:hover > a, .bg-info .nav > li.active > a, .bg-info .nav > li:focus > a, .bg-info .nav > li:hover > a, .bg-primary .nav > li.active > a, .bg-primary .nav > li:focus > a, .bg-primary .nav > li:hover > a, .bg-success .nav > li.active > a, .bg-success .nav > li:focus > a, .bg-success .nav > li:hover > a, .bg-warning .nav > li.active > a, .bg-warning .nav > li:focus > a, .bg-warning .nav > li:hover > a, .command-bar .bg-dark .nav .active.btn, .command-bar .dropzone-wrapper .dz-preview .bg-dark .nav .active.btn-edit, .command-bar .dropzone-wrapper .dz-preview .bg-dark .nav .active.btn-remove, .command-bar .dropzone-wrapper .dz-preview .graph-svg-tip .nav .active.btn-edit, .command-bar .dropzone-wrapper .dz-preview .graph-svg-tip .nav .active.btn-remove, .command-bar .dropzone .dz-preview .bg-dark .nav .active.btn-edit, .command-bar .dropzone .dz-preview .bg-dark .nav .active.btn-remove, .command-bar .dropzone .dz-preview .graph-svg-tip .nav .active.btn-edit, .command-bar .dropzone .dz-preview .graph-svg-tip .nav .active.btn-remove, .command-bar .graph-svg-tip .nav .active.btn, .dropzone-wrapper .dz-preview .command-bar .bg-dark .nav .active.btn-edit, .dropzone-wrapper .dz-preview .command-bar .bg-dark .nav .active.btn-remove, .dropzone-wrapper .dz-preview .command-bar .graph-svg-tip .nav .active.btn-edit, .dropzone-wrapper .dz-preview .command-bar .graph-svg-tip .nav .active.btn-remove, .dropzone-wrapper .dz-preview .table td .bg-dark .nav .active.btn-edit, .dropzone-wrapper .dz-preview .table td .bg-dark .nav .active.btn-remove, .dropzone-wrapper .dz-preview .table td .graph-svg-tip .nav .active.btn-edit, .dropzone-wrapper .dz-preview .table td .graph-svg-tip .nav .active.btn-remove, .dropzone .dz-preview .command-bar .bg-dark .nav .active.btn-edit, .dropzone .dz-preview .command-bar .bg-dark .nav .active.btn-remove, .dropzone .dz-preview .command-bar .graph-svg-tip .nav .active.btn-edit, .dropzone .dz-preview .command-bar .graph-svg-tip .nav .active.btn-remove, .dropzone .dz-preview .table td .bg-dark .nav .active.btn-edit, .dropzone .dz-preview .table td .bg-dark .nav .active.btn-remove, .dropzone .dz-preview .table td .graph-svg-tip .nav .active.btn-edit, .dropzone .dz-preview .table td .graph-svg-tip .nav .active.btn-remove, .graph-svg-tip .nav .command-bar .active.btn, .graph-svg-tip .nav .command-bar .dropzone-wrapper .dz-preview .active.btn-edit, .graph-svg-tip .nav .command-bar .dropzone-wrapper .dz-preview .active.btn-remove, .graph-svg-tip .nav .command-bar .dropzone .dz-preview .active.btn-edit, .graph-svg-tip .nav .command-bar .dropzone .dz-preview .active.btn-remove, .graph-svg-tip .nav .dropdown-item.active, .graph-svg-tip .nav .dropzone-wrapper .dz-preview .command-bar .active.btn-edit, .graph-svg-tip .nav .dropzone-wrapper .dz-preview .command-bar .active.btn-remove, .graph-svg-tip .nav .dropzone-wrapper .dz-preview .table td .active.btn-edit, .graph-svg-tip .nav .dropzone-wrapper .dz-preview .table td .active.btn-remove, .graph-svg-tip .nav .dropzone .dz-preview .command-bar .active.btn-edit, .graph-svg-tip .nav .dropzone .dz-preview .command-bar .active.btn-remove, .graph-svg-tip .nav .dropzone .dz-preview .table td .active.btn-edit, .graph-svg-tip .nav .dropzone .dz-preview .table td .active.btn-remove, .graph-svg-tip .nav .table td .active.btn, .graph-svg-tip .nav .table td .dropzone-wrapper .dz-preview .active.btn-edit, .graph-svg-tip .nav .table td .dropzone-wrapper .dz-preview .active.btn-remove, .graph-svg-tip .nav .table td .dropzone .dz-preview .active.btn-edit, .graph-svg-tip .nav .table td .dropzone .dz-preview .active.btn-remove, .graph-svg-tip .nav > li.active > a, .graph-svg-tip .nav > li:focus > a, .graph-svg-tip .nav > li:hover > a, .layout, .shadow-sm, .table td .bg-dark .nav .active.btn, .table td .dropzone-wrapper .dz-preview .bg-dark .nav .active.btn-edit, .table td .dropzone-wrapper .dz-preview .bg-dark .nav .active.btn-remove, .table td .dropzone-wrapper .dz-preview .graph-svg-tip .nav .active.btn-edit, .table td .dropzone-wrapper .dz-preview .graph-svg-tip .nav .active.btn-remove, .table td .dropzone .dz-preview .bg-dark .nav .active.btn-edit, .table td .dropzone .dz-preview .bg-dark .nav .active.btn-remove, .table td .dropzone .dz-preview .graph-svg-tip .nav .active.btn-edit, .table td .dropzone .dz-preview .graph-svg-tip .nav .active.btn-remove, .table td .graph-svg-tip .nav .active.btn {
  box-shadow: 0 0 black !important;
}

.order-last p img {
  margin-left: 15px;
}

.bg-white .md-4 .v-md-center {
  padding: 13px 20px !important;
}

.breadcrumb {
  background-color: #e9ecef;
}

.nav-tabs-alt .nav.nav-tabs {
  margin-bottom: 1em;
}

.b-apartment-popper__count-rooms {
  white-space: nowrap;
}

.choices {
  width: 250px;
  font-size: 13px !important;
}

.choices__inner {
  font-size: 13px !important;
}

.choices__list--dropdown .choices__item, .choices__list[aria-expanded] .choices__item {
  font-size: 13px !important;
}

.choices__inner {
  padding: 0 !important;
  min-height: auto !important;
}
.choices__inner .choices__item {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}

.choices__item {
  padding: 8px 8px 8px !important;
  text-align: left !important;
}
.choices__item::after {
  display: none;
}

.input-group {
  max-width: 100% !important;
}

.editable-checklist label {
  justify-content: flex-start !important;
  margin: 5px 0;
}

.editable-checklist label input[type=checkbox] {
  margin-right: 3px;
}

.b-entrances {
  min-height: 150px !important;
  padding-bottom: 3rem !important;
}

[data-controller=mymap] {
  position: relative;
  z-index: 1;
}

.table [data-column=id]:last-child > div {
  display: flex;
  justify-content: center;
}

.dropdown-filter .form-group {
  width: 100%;
}

.ts-dropdown .option {
  white-space: break-spaces;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.clearfix {
  clear: both;
}

.b-floor-actions {
  display: flex;
}