@charset "UTF-8";
body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  background: #000;
  margin: 0;
  padding: 0;
}

#fader_wrapper {
  background: #bbb;
  min-height: 100%;
}

#blend {
  width: 100%;
  height: 100vh;
  position: fixed;
  z-index: 666;
  background: url(img/blend.png);
  top: 0;
  left: 0;
}
#blend > * {
  max-height: 100%;
  overflow-y: auto;
}

body.inactive:not(.tinymce-focused) #fader_wrapper {
  -webkit-transition: opacity 2s;
  -moz-transition: opacity 2s;
  transition: opacity 2s;
  opacity: 0.6;
}

body.non-dimmable.inactive #fader_wrapper {
  opacity: 1;
}

ul.links {
  margin: 0;
  padding: 0;
}
ul.links li {
  list-style: none;
}

html, body {
  height: 100%;
}

#container {
  min-height: 100%;
  height: auto;
  position: relative;
}

#head, #content, #footer {
  /*    padding: 0 10px;  */
}

#head {
  height: 32px;
  background: #000;
  position: fixed;
  z-index: 666;
  width: 100%;
  box-shadow: 0 0px 20px;
  top: 0;
}

#content {
  width: 960px;
  margin: 32px auto 0;
  position: relative;
  border-left: dotted 1px #999;
  border-right: dotted 1px #999;
}

@media (min-width: 1280px) {
  .wide-content #content {
    width: calc(100% - 300px);
    border: none;
  }
}
body.grid-content #content {
  display: grid;
  padding-top: 25px;
}

.grid-content .box {
  background: white;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.5333333333) 2px 2px 5px;
}

.onHeader {
  position: absolute;
  top: 1em;
  right: 2em;
}

#footer_container {
  height: 160px;
  margin: 0 auto;
}

#footer {
  padding: 30px 0 45px;
  width: 100%;
  /*		margin: 100px auto 0 auto;*/
  background: #000 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAGCAIAAAB4jOjWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAH9JREFUeNpi3L17NwMS2Lt37/bt2/Pz82VlZeGCTMgqDhw40NPTc/HixYaGhsePH2NRBFTR1dX1588fIPvRo0eNjY1Pnz5FUbR//36git+/f8P1PHz4sK6u7smTJyAO0E3V1dWsrKwM2ADQZQsWLGDIyspiZ2dnwA1UVFQAAgwAl/M1n2kKQX0AAAAASUVORK5CYII=) center 0 repeat-x;
  color: #777;
  overflow: auto;
  position: absolute;
  bottom: 0;
}
#footer > * {
  width: 960px;
  margin: 0 auto;
}
#footer .quaterWidth {
  width: 25%;
  float: left;
}
#footer .credits {
  color: #999;
  font-family: Georgia;
  font-style: italic;
  margin-top: 8px;
}
#footer .disk_free_space {
  text-align: left;
}
#footer .bugTracer {
  position: absolute;
  bottom: 1.5em;
  left: 50%;
  margin-bottom: 0.5em;
  text-align: center;
  margin-left: -480px;
}
#footer .bugTracer a {
  padding-left: 22px;
  line-height: 16px;
  color: #777;
  background: url(img/bug.png) 0 0 no-repeat;
}

#head .navigation {
  width: 960px;
  margin: 0 auto;
}
#head .navigation .home {
  float: left;
  text-indent: -9999px;
  background: url(img/home.png) 50% 50% no-repeat;
  width: 40px;
  height: 32px;
  position: relative;
  z-index: 10;
}
#head .navigation .mobile-toggle {
  display: none;
}

ul.main_menu {
  border-left: solid 1px #4B4B4B;
  border-right: solid 1px #4B4B4B;
  display: block;
  text-align: left;
  height: 32px;
  background: #000000;
  margin-left: 40px;
}

span.menu-dzial {
  color: white;
  font-family: "Open Sans Condensed", Georgia;
  line-height: 32px;
  width: 80px;
  display: block;
  font-size: 16px;
  padding: 0 10px;
  background: rgb(10, 78, 137);
  background-color: #123451;
}

ul.main_menu > li,
ul.sub_menu > li {
  display: block;
  float: left;
  border-right: solid 1px #4B4B4B;
  height: 32px;
  background: #000;
  position: relative;
}

ul.main_menu i.fa {
  width: 1.5em;
}

ul.sub_menu {
  position: absolute;
  z-index: 15;
  left: 0;
  margin: 0;
  padding: 0;
  width: 150px;
  background: black;
  display: none;
}

ul.main_menu > li:hover > ul.sub_menu {
  display: block;
}

ul.sub_menu > li {
  width: 100%;
  float: none;
  border-top: solid 1px #4B4B4B;
}

ul.main_menu li.logout {
  float: right;
  border-left: solid 1px #4B4B4B;
}

ul.main_menu > li > a,
ul.sub_menu > li > a {
  padding: 0 10px;
  color: #acacac;
  font-size: 9px;
  text-decoration: none;
  line-height: 32px;
  display: block;
}

ul.main_menu > li > a:hover,
ul.sub_menu > li > a:hover {
  color: #fff;
  background-color: #333;
}

ul.main_menu li a.profil {
  padding: 5px 35px 5px 5px;
  margin: 0;
  background: none;
  display: inline;
  color: #000;
  font-size: 13px;
  float: none;
  font-weight: bold;
  font-family: georgia;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAARCAQAAABtcaS7AAAAaElEQVQoz2NgiGVoIAHGMpCkHATJ11DDYMogDcQ1CCk0gKZBByqsQ6wN0lAN0sTaYAoVNiXWhloGMwYZIK4l1gaSQymCQQEMI4izIQJJIoIYGxSQNCgQYwM2Kbw2YDWLyqFEtAYS8wMAhiWcbMsyfK8AAAAASUVORK5CYII=) right center no-repeat;
}

ul.main_menu li a.profil:hover {
  text-decoration: underline;
}

ul.main_menu li a.selected {
  color: #000;
  background-color: #fff;
}

ul.main_menu li a.selected:hover {
  color: #000;
}

ul.main_menu li.logged_user {
  background: #cde;
  padding: 0px 10px;
  line-height: 26px;
  float: right;
  font-family: "Open Sans Condensed", sans-serif;
}

h1 {
  background: #e5e5e5 url(../images/header_background.png) 0 50% repeat-x;
  padding: 21px 55px;
  font-family: "Open Sans Condensed", Georgia;
  color: #fff;
  font-size: 45px;
  font-weight: normal;
  border-bottom: solid 1px #318d9e;
  border-top: solid 1px #318d9e;
  margin: 0;
  text-shadow: 1px 1px black;
  -moz-text-shadow: 1px 1px black;
  -webkit-text-shadow: 1px 1px black;
}

.big_button {
  display: inline-block;
  font-family: "Open Sans Condensed", Verdana, Arial;
  font-size: 18px;
  padding: 1em 2em;
  /*    padding: 5px 15px;*/
  margin: 5px;
  color: #5d5d5d;
  border: 0;
  /*    border: 0;
      border-bottom:4px solid #318D9E;
      border-top:4px solid #318D9E;*/
  background: #E5E5E5 url(../images/bb_background.png) 0 0px repeat-x;
  text-decoration: none;
  border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
  /*    vertical-align: middle;*/
}

.big_button.onHeader {
  border: 0;
}

.onHeader .big_button {
  display: inline-block;
}

.big_button:hover {
  background: #b5b5b5 url(../images/bb_background.png) 0 -60px repeat-x;
}

.big_button.disabled {
  pointer-events: none;
  color: #c2c2c2;
  background: #e6e6e6;
}

.big_button.disabled.waiting {
  cursor: wait;
}

.error {
  background-color: #990000;
  color: #FFFFFF;
  font-family: georgia;
  font-size: 1.4em;
  font-style: italic;
  font-weight: bold;
  letter-spacing: 0.03em;
  line-height: 1.4em;
  margin: 10px;
  padding: 10px;
}

.message {
  background-color: #ff8;
  color: #000;
  font-family: georgia;
  font-size: 1.4em;
  font-style: italic;
  letter-spacing: 0.03em;
  line-height: 1.4em;
  margin: 10px;
  padding: 10px;
}

#zlecenia_lista h1 + .message {
  margin: 0;
}

#notification_icon {
  background: red url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAQCAYAAAAMJL+VAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMRJREFUeNqslGsNwzAMhK0gCIMWSqGMwhCsRTAKHYJCCYYhSBmkF82bqrwWV7Z0f+r6s+OLYkIIE+SCfkTmZIhog17QSnqxMnOLDSz0hN7QogBfmBWZ1pwSD2iA7tB+Abxz7cCsT9R2B3nBvn3NS5IWSAcylePaTvN/ZnJNHh1HH6G5kJs511yl6TDNJeafzXR/L0Vj8lsy3XfXqTelf5smtwp843uxhgTwnqua1ZISvMogRXixCSnDsyZ04VkQPR+HAAMAyiseI3LkGgcAAAAASUVORK5CYII=) 10px 8px no-repeat;
  color: white;
  padding: 3px 10px 3px 43px;
  font-weight: bold;
  margin-right: -10px;
  margin-left: 10px;
  cursor: pointer;
  float: right;
  position: relative;
  z-index: 10;
}

@-webkit-keyframes bounce /* Safari and Chrome */ {
  0% {
    margin-top: 0px;
    -webkit-animation-timing-function: ease-out;
  }
  15% {
    margin-top: 20px;
    -webkit-animation-timing-function: ease-in;
  }
  30% {
    margin-top: 0px;
    -webkit-animation-timing-function: ease-out;
  }
  42% {
    margin-top: 12px;
    -webkit-animation-timing-function: ease-in;
  }
  55% {
    margin-top: 0px;
    -webkit-animation-timing-function: ease-out;
  }
  68% {
    margin-top: 6px;
    -webkit-animation-timing-function: ease-in;
  }
  80% {
    margin-top: 0px;
    -webkit-animation-timing-function: ease-out;
  }
  90% {
    margin-top: 3px;
    -webkit-animation-timing-function: ease-in;
  }
  100% {
    margin-top: 0px;
    -webkit-animation-timing-function: ease-out;
  }
}
@-moz-keyframes bounce /* Mozilla */ {
  0% {
    margin-top: 0px;
    -moz-animation-timing-function: ease-out;
  }
  15% {
    margin-top: 20px;
    -moz-animation-timing-function: ease-in;
  }
  30% {
    margin-top: 0px;
    -moz-animation-timing-function: ease-out;
  }
  42% {
    margin-top: 12px;
    -moz-animation-timing-function: ease-in;
  }
  55% {
    margin-top: 0px;
    -moz-animation-timing-function: ease-out;
  }
  68% {
    margin-top: 6px;
    -moz-animation-timing-function: ease-in;
  }
  80% {
    margin-top: 0px;
    -moz-animation-timing-function: ease-out;
  }
  90% {
    margin-top: 3px;
    -moz-animation-timing-function: ease-in;
  }
  100% {
    margin-top: 0px;
    -moz-animation-timing-function: ease-out;
  }
}
@-o-keyframes bounce /* Opera */ {
  0% {
    margin-top: 0px;
    -o-animation-timing-function: ease-out;
  }
  15% {
    margin-top: 20px;
    -o-animation-timing-function: ease-in;
  }
  30% {
    margin-top: 0px;
    -o-animation-timing-function: ease-out;
  }
  42% {
    margin-top: 12px;
    -o-animation-timing-function: ease-in;
  }
  55% {
    margin-top: 0px;
    -o-animation-timing-function: ease-out;
  }
  68% {
    margin-top: 6px;
    -o-animation-timing-function: ease-in;
  }
  80% {
    margin-top: 0px;
    -o-animation-timing-function: ease-out;
  }
  90% {
    margin-top: 3px;
    -o-animation-timing-function: ease-in;
  }
  100% {
    margin-top: 0px;
    -o-animation-timing-function: ease-out;
  }
}
@keyframes bounce /* CSS3 */ {
  0% {
    margin-top: 0px;
    animation-timing-function: ease-out;
  }
  15% {
    margin-top: 20px;
    animation-timing-function: ease-in;
  }
  30% {
    margin-top: 0px;
    animation-timing-function: ease-out;
  }
  42% {
    margin-top: 12px;
    animation-timing-function: ease-in;
  }
  55% {
    margin-top: 0px;
    animation-timing-function: ease-out;
  }
  68% {
    margin-top: 6px;
    animation-timing-function: ease-in;
  }
  80% {
    margin-top: 0px;
    animation-timing-function: ease-out;
  }
  90% {
    margin-top: 3px;
    animation-timing-function: ease-in;
  }
  100% {
    margin-top: 0px;
    animation-timing-function: ease-out;
  }
}
#notification_icon.alert {
  animation: bounce 1.2s;
  -moz-animation: bounce 1.2s; /* Firefox */
  -webkit-animation: bounce 1.2s; /* Safari and Chrome */
  -o-animation: bounce 1.2s; /* Opera */
}

#notifications {
  position: absolute;
  top: 30px;
  right: -1px;
  z-index: 1;
  width: 400px;
  background-color: #fff;
  border: solid 1px #333;
  display: none;
}

#notifications ul {
  margin: 0;
  padding: 0;
  list-style: none;
  max-height: 70vh;
  overflow: auto;
}

#notifications ul li {
  margin: 0;
  padding: 10px 10px 10px 10px;
  border-bottom: dotted 1px #ccc;
  line-height: 1.4em;
  text-align: left;
}

#notifications ul li > div {
  margin-right: 26px;
}

#notifications a {
  color: #00c;
  text-decoration: underline;
}

#notifications a:hover {
  text-decoration: none;
  background-color: #ffc;
}

#notifications a.notification_closer {
  text-decoration: none;
  display: block;
  float: right;
  width: 16px;
  height: 16px;
  background: url(img/close_icon.png) 0 0 no-repeat;
}

#notifications a.notification_closer:hover {
  background-position: -16px 0;
}

.disk_free_space .outline {
  width: 225px;
  height: 12px;
  border: solid 1px #4e4e4e;
  background-color: #000;
  position: relative;
  margin: 3px 0;
}

.disk_free_space .indicator {
  float: left;
  width: 95%;
  background-color: #383838;
  height: 12px;
}

#content {
  -webkit-transition: all 0.5s;
}

.blurred {
  -webkit-filter: blur(4px);
}

.navigation.expanded .main_menu {
  box-shadow: black 5px 5px 15px;
}

/*.navigation.expanded .logged_user {*/
/*display: none;*/
/*}*/
/*.navigation.expanded .active .logged_user {*/
/*display: block;*/
/*}*/
.navigation .main_menu:not(.active) {
  display: none;
}

.navigation.expanded .main_menu:not(.active) {
  display: block;
}

.navigation .main_menu.user_menu {
  float: right;
  margin: 0;
  padding: 0;
  display: block !important;
}

#keyboard-shortcuts-legend {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  color: #adadad;
  list-style: none;
  margin: 0;
  padding: 3px 1em;
  background: black;
  font-size: 0.8em;
  text-align: center;
  z-index: 100;
}

#keyboard-shortcuts-legend li {
  display: inline-block;
  margin-right: 2em;
}

#keyboard-shortcuts-legend:hover {
  color: white;
}

#keyboard-shortcuts-legend .key {
  font-style: normal;
  border: solid 1px #adadad;
  border-radius: 3px;
  padding: 0 0.25em;
  line-height: 1em;
  display: inline-block;
  min-width: 0.6em;
  text-align: center;
  border-bottom-color: #717171;
  border-right-color: #717171;
}

#keyboard-shortcuts-legend:hover .key {
  border-color: white;
}

.circular-tasks-counter {
  width: 2.5em;
  height: 2.5em;
  border-radius: 50%;
  background: red;
  color: white;
  text-indent: 0;
  text-align: center;
  line-height: 2.3em;
  font-size: 7px;
  display: inline-block;
}

.list-tasks-counter {
  display: block;
  position: absolute;
  top: 5px;
  left: 73px;
  box-shadow: 1px 1px 0 gray;
}

#main-menu-tasks-counter {
  position: absolute;
  bottom: -6px;
  right: -3px;
  z-index: 100;
}

@media screen and (min-device-width: 0px) and (max-device-width: 1025px) {
  #keyboard-shortcuts-legend {
    display: none;
  }
}
*.fa {
  font-family: FontAwesome !important;
}

@media screen and (max-width: 1024px) {
  h1 {
    font-size: 30px;
    padding: 21px;
    overflow: hidden;
  }
  h1 img.logo {
    width: 50px;
    margin-right: 10px;
  }
  .big_button.onHeader {
    position: static;
    display: inline-block;
    padding: 0.5em;
    font-size: 1rem;
    float: right;
  }
  #footer_container {
    height: auto;
  }
  #footer {
    position: static;
    margin-top: 3em;
  }
  #footer > * {
    width: auto;
  }
  #footer .quaterWidth {
    width: auto;
    float: none;
    margin: 0 1em;
  }
  ul.main_menu > li, ul.sub_menu > li {
    display: none;
    float: none;
  }
  #head .navigation .user_menu {
    float: none;
    margin-right: 40px;
    flex-flow: column;
    display: flex !important;
  }
  .navigation .user_menu .logout {
    order: 2;
  }
  .navigation .user_menu .logged_user {
    order: 1;
    float: none;
    height: auto;
  }
  #head {
    overflow-x: hidden;
    overflow-y: visible;
    padding: 8px 0;
    position: static;
    height: auto;
  }
  #head .navigation {
    width: auto;
  }
  #head ul.main_menu {
    width: auto;
    height: auto;
  }
  span.menu-dzial {
    width: auto;
    margin-left: -40px;
    padding-left: 40px;
  }
  .navigation.expanded ul.main_menu li,
  .navigation.expanded ul.sub_menu li {
    display: block;
  }
  .navigation.expanded > ul {
    /*position: absolute;*/
    width: calc(100% - 40px);
    z-index: 9;
  }
  .navigation .main_menu:not(.active) {
    display: block;
  }
  #head .navigation .mobile-toggle {
    display: block;
    position: absolute;
    right: 8px;
    top: 12px;
    z-index: 10;
    text-decoration: none;
  }
  #head .navigation .mobile-toggle:before {
    content: "\f0c9";
    font: normal normal normal 14px/1 FontAwesome;
    color: white;
    font-size: 1.6em;
  }
  #content {
    width: auto;
  }
}
#sf_admin_container #sf_admin_content td > ul:first-child:last-child {
  margin: 0;
}

#sf_admin_container ul li.sf_admin_action_promote a {
  background: url(../sfDoctrinePlugin/images/desc.png) no-repeat 0 0;
}

#sf_admin_container ul li.sf_admin_action_demote a {
  background: url(../sfDoctrinePlugin/images/asc.png) no-repeat 0 0;
}

.apple_overlay {
  /* initially overlay is hidden */
  display: none;
  /* growing background image */
  background-image: url(effects/white.png) !important;
  /*
      width after the growing animation finishes
      height is automatically calculated
  */
  width: 650px;
  /* some padding to layout nested elements nicely  */
  padding: 35px;
  /* a little styling */
  font-size: 11px;
  box-sizing: border-box;
  left: 50%;
  margin-left: -320px;
}

.apple_overlay:after {
  content: " ";
  width: 650px;
  height: 30px;
  background-position: 0 bottom;
  background-image: url(effects/white.png) !important;
  position: absolute;
  bottom: -30px;
  left: 0;
}

/* default close button positioned on upper right corner */
.apple_overlay .close {
  background-image: url(effects/close.png);
  position: absolute;
  right: 5px;
  top: 5px;
  cursor: pointer;
  height: 35px;
  width: 35px;
}

.apple_overlay #zlecenia_klienci_nazwa,
.apple_overlay #zlecenia_klienci_nazwa_pelna {
  width: 100%;
  font-size: 1em;
  padding: 0.5em;
  box-sizing: border-box;
}

.apple_overlay #new_client_form {
  margin-top: 1em;
  font-size: 1.3rem;
}

.koncern-chooser {
  list-style: none;
  display: flex;
  width: auto;
  padding: 0;
  margin: -35px;
  margin-bottom: 35px;
  clear: both;
}

.koncern-chooser li {
  padding: 1em;
  font-size: 2em;
  color: white;
  opacity: 0.3;
  flex: 1;
  cursor: pointer;
}

.koncern-chooser li:before {
  content: "☐";
  font-size: 2em;
  vertical-align: sub;
  /* font-weight: bold; */
}

.koncern-chooser li.active,
.koncern-chooser li:hover {
  opacity: 1;
}

.koncern-chooser li.active:before {
  content: "☑";
}

.rte-autocomplete {
  max-height: 300px;
  overflow: auto;
}

/*!
* # Semantic UI 2.5.0 - Popup
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
/*******************************
            Popup
*******************************/
/*******************************
            Types
*******************************/
/*--------------
    Tooltip
---------------*/
/* Content */
[data-tooltip] {
  position: relative;
}

/* Arrow */
[data-tooltip]:before {
  pointer-events: none;
  position: absolute;
  content: "";
  font-size: 1rem;
  width: 0.71428571em;
  height: 0.71428571em;
  background: #FFFFFF;
  transform: rotate(45deg);
  z-index: 102;
  box-shadow: 1px 1px 0px 0px #bababc;
}

/* Popup */
[data-tooltip]:after {
  pointer-events: none;
  content: attr(data-tooltip);
  position: absolute;
  text-transform: none;
  text-align: left;
  white-space: nowrap;
  font-size: 1rem;
  border: 1px solid #D4D4D5;
  line-height: 1.4285em;
  max-width: none;
  background: #FFFFFF;
  padding: 0.833em 1em;
  font-weight: normal;
  font-style: normal;
  color: rgba(0, 0, 0, 0.87);
  border-radius: 0.28571429rem;
  box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
  z-index: 101;
}

/* Default Position (Top Center) */
[data-tooltip]:not([data-position]):before {
  top: auto;
  right: auto;
  bottom: 100%;
  left: 50%;
  background: #FFFFFF;
  margin-left: -0.07142857rem;
  margin-bottom: 0.14285714rem;
}

[data-tooltip]:not([data-position]):after {
  left: 50%;
  transform: translateX(-50%);
  bottom: 100%;
  margin-bottom: 0.5em;
}

/* Animation */
[data-tooltip]:before,
[data-tooltip]:after {
  pointer-events: none;
  visibility: hidden;
}

[data-tooltip]:before {
  opacity: 0;
  transform: rotate(45deg) scale(0) !important;
  transform-origin: center top;
  transition: all 0.1s ease;
}

[data-tooltip]:after {
  opacity: 1;
  transform-origin: center bottom;
  transition: all 0.1s ease;
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  pointer-events: auto;
}

[data-tooltip]:hover:before {
  transform: rotate(45deg) scale(1) !important;
  opacity: 1;
}

[data-position="bottom center"][data-tooltip]:hover:before {
  transform: translateX(-50%) rotate(45deg) scale(1) !important;
  opacity: 1;
}

/* Animation Position */
[data-tooltip]:after,
[data-tooltip][data-position="top center"]:after,
[data-tooltip][data-position="bottom center"]:after {
  transform: translateX(-50%) scale(0) !important;
}

[data-tooltip]:hover:after,
[data-tooltip][data-position="bottom center"]:hover:after {
  transform: translateX(-50%) scale(1) !important;
}

[data-tooltip][data-position="left center"]:after,
[data-tooltip][data-position="right center"]:after {
  transform: translateY(-50%) scale(0) !important;
}

[data-tooltip][data-position="left center"]:hover:after,
[data-tooltip][data-position="right center"]:hover:after {
  transform: translateY(-50%) scale(1) !important;
}

[data-tooltip][data-position="top left"]:after,
[data-tooltip][data-position="top right"]:after,
[data-tooltip][data-position="bottom left"]:after,
[data-tooltip][data-position="bottom right"]:after {
  transform: scale(0) !important;
}

[data-tooltip][data-position="top left"]:hover:after,
[data-tooltip][data-position="top right"]:hover:after,
[data-tooltip][data-position="bottom left"]:hover:after,
[data-tooltip][data-position="bottom right"]:hover:after {
  transform: scale(1) !important;
}

/*--------------
    Inverted
---------------*/
/* Arrow */
[data-tooltip][data-inverted]:before {
  box-shadow: none !important;
}

/* Arrow Position */
[data-tooltip][data-inverted]:before {
  background: #1B1C1D;
}

/* Popup  */
[data-tooltip][data-inverted]:after {
  background: #1B1C1D;
  color: #FFFFFF;
  border: none;
  box-shadow: none;
}

[data-tooltip][data-inverted]:after .header {
  background-color: none;
  color: #FFFFFF;
}

/*--------------
    Position
---------------*/
/* Top Center */
[data-position="top center"][data-tooltip]:after {
  top: auto;
  right: auto;
  left: 50%;
  bottom: 100%;
  transform: translateX(-50%);
  margin-bottom: 0.5em;
}

[data-position="top center"][data-tooltip]:before {
  top: auto;
  right: auto;
  bottom: 100%;
  left: 50%;
  background: #FFFFFF;
  margin-left: -0.07142857rem;
  margin-bottom: 0.14285714rem;
}

/* Top Left */
[data-position="top left"][data-tooltip]:after {
  top: auto;
  right: auto;
  left: 0;
  bottom: 100%;
  margin-bottom: 0.5em;
}

[data-position="top left"][data-tooltip]:before {
  top: auto;
  right: auto;
  bottom: 100%;
  left: 1em;
  margin-left: -0.07142857rem;
  margin-bottom: 0.14285714rem;
}

/* Top Right */
[data-position="top right"][data-tooltip]:after {
  top: auto;
  left: auto;
  right: 0;
  bottom: 100%;
  margin-bottom: 0.5em;
}

[data-position="top right"][data-tooltip]:before {
  top: auto;
  left: auto;
  bottom: 100%;
  right: 1em;
  margin-left: -0.07142857rem;
  margin-bottom: 0.14285714rem;
}

/* Bottom Center */
[data-position="bottom center"][data-tooltip]:after {
  bottom: auto;
  right: auto;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  margin-top: 0.5em;
}

[data-position="bottom center"][data-tooltip]:before {
  bottom: auto;
  right: auto;
  top: 100%;
  left: 50%;
  margin-left: -0.07142857rem;
  margin-top: 0.14285714rem;
}

/* Bottom Left */
[data-position="bottom left"][data-tooltip]:after {
  left: 0;
  top: 100%;
  margin-top: 0.5em;
}

[data-position="bottom left"][data-tooltip]:before {
  bottom: auto;
  right: auto;
  top: 100%;
  left: 1em;
  margin-left: -0.07142857rem;
  margin-top: 0.14285714rem;
}

/* Bottom Right */
[data-position="bottom right"][data-tooltip]:after {
  right: 0;
  top: 100%;
  margin-top: 0.5em;
}

[data-position="bottom right"][data-tooltip]:before {
  bottom: auto;
  left: auto;
  top: 100%;
  right: 1em;
  margin-left: -0.14285714rem;
  margin-top: 0.07142857rem;
}

/* Left Center */
[data-position="left center"][data-tooltip]:after {
  right: 100%;
  top: 50%;
  margin-right: 0.5em;
  transform: translateY(-50%);
}

[data-position="left center"][data-tooltip]:before {
  right: 100%;
  top: 50%;
  margin-top: -0.14285714rem;
  margin-right: -0.07142857rem;
}

/* Right Center */
[data-position="right center"][data-tooltip]:after {
  left: 100%;
  top: 50%;
  margin-left: 0.5em;
  transform: translateY(-50%);
}

[data-position="right center"][data-tooltip]:before {
  left: 100%;
  top: 50%;
  margin-top: -0.07142857rem;
  margin-left: 0.14285714rem;
}

/* Arrow */
[data-position~=bottom][data-tooltip]:before {
  background: #FFFFFF;
  box-shadow: -1px -1px 0px 0px #bababc;
}

[data-position="left center"][data-tooltip]:before {
  background: #FFFFFF;
  box-shadow: 1px -1px 0px 0px #bababc;
}

[data-position="right center"][data-tooltip]:before {
  background: #FFFFFF;
  box-shadow: -1px 1px 0px 0px #bababc;
}

[data-position~=top][data-tooltip]:before {
  background: #FFFFFF;
}

/* Inverted Arrow Color */
[data-inverted][data-position~=bottom][data-tooltip]:before {
  background: #1B1C1D;
  box-shadow: -1px -1px 0px 0px #bababc;
}

[data-inverted][data-position="left center"][data-tooltip]:before {
  background: #1B1C1D;
  box-shadow: 1px -1px 0px 0px #bababc;
}

[data-inverted][data-position="right center"][data-tooltip]:before {
  background: #1B1C1D;
  box-shadow: -1px 1px 0px 0px #bababc;
}

[data-inverted][data-position~=top][data-tooltip]:before {
  background: #1B1C1D;
}

[data-position~=bottom][data-tooltip]:before {
  transform-origin: center bottom;
}

[data-position~=bottom][data-tooltip]:after {
  transform-origin: center top;
}

[data-position="left center"][data-tooltip]:before {
  transform-origin: top center;
}

[data-position="left center"][data-tooltip]:after {
  transform-origin: right center;
}

[data-position="right center"][data-tooltip]:before {
  transform-origin: right center;
}

[data-position="right center"][data-tooltip]:after {
  transform-origin: left center;
}

[data-tooltip]:before,
[data-tooltip]:after {
  font-size: 0.9rem;
}

#refresh-indicator {
  display: none;
  position: fixed;
  opacity: 0;
  top: 10px;
  padding: 20px;
  background: #e51d9b !important;
  right: 20px;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.168627451) 10px 10px 10px;
  color: white;
  transition: all 0.5s ease;
  transition: opacity 1s ease;
  cursor: pointer;
}
#refresh-indicator i.fa {
  transition: all 0.5s ease-out;
  font-size: 20px;
  display: block;
}
#refresh-indicator:hover {
  box-shadow: rgba(0, 0, 0, 0.168627451) 14px 14px 10px;
  padding: 24px;
  margin-right: -4px;
  margin-top: -4px;
}
#refresh-indicator:hover i.fa {
  transform: rotate(180deg);
  font-size: 24px;
}

/*# sourceMappingURL=main.css.map */