@charset "UTF-8";
/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
input[type=text]:focus, input[type=number]:focus, select:focus, textarea:focus, div.e-formula-input[contenteditable="true"]:focus {
  outline: none;
  -webkit-box-shadow: 0px 0px 5px #2598da;
  box-shadow: 0px 0px 5px #2598da; }

input[type=radio], input[type=checkbox] {
  outline: none; }

input[type="text"], input[type="password"], input[type="tel"], input[type="date"], input[type="number"] {
  border: solid 1px #dcdcdc;
  color: #525252;
  line-height: 18px;
  padding: 3px 9px;
  height: 25px;
  font-size: 12px; }

textarea, select, div.e-formula-input[contenteditable="true"] {
  border: solid 1px #dcdcdc;
  color: #525252;
  line-height: 18px;
  padding: 2px 9px;
  height: 25px;
  font-size: 12px; }

textarea.e-soft-disabled[disabled] {
  border: solid 1px #dcdcdc;
  background: #fff;
  color: #525252;
  line-height: 18px;
  padding: 2px 9px;
  font-size: 12px; }

textarea, div.e-formula-input[contenteditable="true"] {
  resize: none;
  height: 100px; }
  textarea.single-line, div.e-formula-input[contenteditable="true"].single-line {
    height: 25px; }

/* SELECT2 SPECIFIC STYLES */
.select2-container.select2-container-active:not(.select2-dropdown-open) .select2-choice {
  outline: none;
  -webkit-box-shadow: 0px 0px 5px #2598da;
  box-shadow: 0px 0px 5px #2598da; }

@media screen and (max-width: 682px) {
  input[type=text].e-login__form__input, input[type=password].e-login__form__input {
    font-size: 16px;
    line-height: 1.5;
    padding-top: 3px !important;
    padding-bottom: 3px !important; } }

input[readonly] {
  background: #f1f3f5; }

input.e-hidden-with-validation, textarea.e-hidden-with-validation {
  position: absolute;
  left: 10px;
  top: -5px;
  width: 0;
  height: 0;
  padding: 0;
  border: transparent 1px solid;
  overflow: visible;
  display: block;
  outline: 0; }
  input.e-hidden-with-validation:focus, textarea.e-hidden-with-validation:focus {
    -webkit-box-shadow: none;
    box-shadow: none; }

/* Hack for Vacation/AddCustomFreeDayPolicy */
.contact-line input[type=text].e-hidden-with-validation {
  position: absolute;
  left: 10px;
  top: -5px;
  width: 0;
  height: 0;
  padding: 0;
  border: transparent 1px solid;
  overflow: visible;
  display: block;
  outline: 0; }

.e-grid-5, .e-grid-10, .e-grid-15, .e-message__post-time.e-message__post-time--event, .e-message__post-time.e-message__post-time--notification, .e-message__post-time.e-message__post-time--task, .e-grid-20, .e-grid-25, .e-grid-30, .e-form-label, .e-form-label--full, .e-form-label--title, .e-form-label--icon, .e-form-label--empty, .e-form-label--empty--height-15, .e-grid-35, .e-grid-40, .e-grid-45, .e-grid-50, .e-grid-55, .e-grid-60, .e-grid-65, .e-grid-70, .e-form-content, .e-form-content--inline, .e-grid-75, .icons-list-item, .e-grid-80, .e-grid-85, .e-message__content__text--event, .e-message__content__text--notification, .e-message__content__text--task, .e-grid-90, .e-grid-95, .e-grid-100, .statistics-summary, .icons-list-item-container, .e-simple-editor__actions, .e-simple-editor__input, .e-action-bar, .e-message__content__block, .e-grid-33, .e-grid-66, .e-grid-main, .e-comment-editor--expanded, .e-grid-main-parent, .e-grid-template, .e-message__icon-holder, .e-message__heading, .e-message__show-comments, .e-comment-editor__input-container {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 5px;
  padding-right: 5px;
  display: block;
  float: left; }

table tr.e-grid-5, table tr.e-grid-10, table tr.e-grid-15, table tr.e-message__post-time.e-message__post-time--event, table tr.e-message__post-time.e-message__post-time--notification, table tr.e-message__post-time.e-message__post-time--task, table tr.e-grid-20, table tr.e-grid-25, table tr.e-grid-30, table tr.e-form-label, table tr.e-form-label--full, table tr.e-form-label--title, table tr.e-form-label--icon, table tr.e-form-label--empty, table tr.e-form-label--empty--height-15, table tr.e-grid-35, table tr.e-grid-40, table tr.e-grid-45, table tr.e-grid-50, table tr.e-grid-55, table tr.e-grid-60, table tr.e-grid-65, table tr.e-grid-70, table tr.e-form-content, table tr.e-form-content--inline, table tr.e-grid-75, table tr.icons-list-item, table tr.e-grid-80, table tr.e-grid-85, table tr.e-message__content__text--event, table tr.e-message__content__text--notification, table tr.e-message__content__text--task, table tr.e-grid-90, table tr.e-grid-95, table tr.e-grid-100, table tr.statistics-summary, table tr.icons-list-item-container, table tr.e-simple-editor__actions, table tr.e-simple-editor__input, table tr.e-action-bar, table tr.e-message__content__block, table tr.e-grid-33, table tr.e-grid-66, table tr.e-grid-main, table tr.e-comment-editor--expanded, table tr.e-grid-main-parent, table tr.e-grid-template, table tr.e-message__icon-holder, table tr.e-message__heading, table tr.e-message__show-comments, table tr.e-comment-editor__input-container {
  float: none;
  display: table-row; }

table td.grid-5, table td.e-grid-10, table td.e-grid-15, table td.e-message__post-time.e-message__post-time--event, table td.e-message__post-time.e-message__post-time--notification, table td.e-message__post-time.e-message__post-time--task, table td.e-grid-20, table td.e-grid-25, table td.e-grid-30, table td.e-form-label, table td.e-form-label--full, table td.e-form-label--title, table td.e-form-label--icon, table td.e-form-label--empty, table td.e-form-label--empty--height-15, table td.e-grid-35, table td.e-grid-40, table td.e-grid-45, table td.e-grid-50, table td.e-grid-55, table td.e-grid-60, table td.e-grid-65, table td.e-grid-70, table td.e-form-content, table td.e-form-content--inline, table td.e-grid-75, table td.icons-list-item, table td.e-grid-80, table td.e-grid-85, table td.e-message__content__text--event, table td.e-message__content__text--notification, table td.e-message__content__text--task, table td.e-grid-90, table td.e-grid-95, table td.e-grid-100, table td.statistics-summary, table td.icons-list-item-container, table td.e-simple-editor__actions, table td.e-simple-editor__input, table td.e-action-bar, table td.e-message__content__block, table td.e-grid-33, table td.e-grid-66, table td.e-grid-main, table td.e-comment-editor--expanded, table td.e-grid-main-parent, table td.e-grid-template, table td.e-message__icon-holder, table td.e-message__heading, table td.e-message__show-comments, table td.e-comment-editor__input-container {
  float: none;
  display: table-cell; }

table th.grid-5, table th.grid-10, table th.grid-15, table th.grid-20, table th.grid-25, table th.grid-30, table th.grid-35, table th.grid-40, table th.grid-45, table th.grid-50, table th.grid-55, table th.grid-60, table th.grid-65, table th.grid-70, table th.grid-75, table th.grid-80, table th.grid-85, table th.grid-90, table th.grid-95, table th.grid-100, table th.grid-33, table th.grid-66, table th.grid-main, table th.grid-main-parent, table th.grid-template {
  float: none;
  display: table-cell; }

.e-grid-5 {
  width: 5%; }

.e-grid-10 {
  width: 10%; }

.e-grid-15, .e-message__post-time.e-message__post-time--event, .e-message__post-time.e-message__post-time--notification, .e-message__post-time.e-message__post-time--task {
  width: 15%; }

.e-grid-20 {
  width: 20%; }

.e-grid-25 {
  width: 25%; }

.e-grid-30, .e-form-label, .e-form-label--full, .e-form-label--title, .e-form-label--icon, .e-form-label--empty, .e-form-label--empty--height-15 {
  width: 30%; }

.e-grid-35 {
  width: 35%; }

.e-grid-40 {
  width: 40%; }

.e-grid-45 {
  width: 45%; }

.e-grid-50 {
  width: 50%; }

.e-grid-55 {
  width: 55%; }

.e-grid-60 {
  width: 60%; }

.e-grid-65 {
  width: 65%; }

.e-grid-70, .e-form-content, .e-form-content--inline {
  width: 70%; }

.e-grid-75, .icons-list-item {
  width: 75%; }

.e-grid-80 {
  width: 80%; }

.e-grid-85, .e-message__content__text--event, .e-message__content__text--notification, .e-message__content__text--task {
  width: 85%; }

.e-grid-90 {
  width: 90%; }

.e-grid-95 {
  width: 95%; }

.e-grid-100, .statistics-summary, .icons-list-item-container, .e-simple-editor__actions, .e-simple-editor__input, .e-action-bar, .e-message__content__block {
  width: 100%; }

.e-grid-33 {
  width: 33.3333%; }

.e-grid-66 {
  width: 66.6666%; }

.e-grid-parent, .e-message__heading, .e-message__post-time.e-message__post-time--event, .e-message__post-time.e-message__post-time--notification, .e-message__post-time.e-message__post-time--task, .e-message__content__text--event, .e-message__content__text--notification, .e-message__content__text--task, .e-comment, .e-comment__avatar {
  padding-left: 0;
  padding-right: 0; }

.e-grid-main, .e-comment-editor--expanded {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px; }

.e-grid-main-parent {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px; }

.e-grid-left-0 {
  padding-left: 0px; }

.e-grid-left-5 {
  padding-left: 5px; }

.e-grid-left-10 {
  padding-left: 10px; }

.e-grid-left-15 {
  padding-left: 15px; }

.e-grid-left-20 {
  padding-left: 20px; }

.e-grid-left-25 {
  padding-left: 25px; }

.e-grid-left-30 {
  padding-left: 30px; }

.e-grid-left-35 {
  padding-left: 35px; }

.e-grid-left-40 {
  padding-left: 40px; }

.e-grid-left-45 {
  padding-left: 45px; }

.e-grid-left-50 {
  padding-left: 50px; }

.e-grid-left-55 {
  padding-left: 55px; }

.e-grid-left-60, .icons-list-item-container {
  padding-left: 60px; }

.e-grid-left-65 {
  padding-left: 65px; }

.e-grid-left-70 {
  padding-left: 70px; }

.e-grid-left-75 {
  padding-left: 75px; }

.e-grid-left-80 {
  padding-left: 80px; }

.e-grid-left-85 {
  padding-left: 85px; }

.e-grid-left-90 {
  padding-left: 90px; }

.e-grid-left-95 {
  padding-left: 95px; }

.e-grid-left-100 {
  padding-left: 100px; }

.e-grid-left-105 {
  padding-left: 105px; }

.e-grid-left-110 {
  padding-left: 110px; }

.e-grid-left-115 {
  padding-left: 115px; }

.e-grid-left-120 {
  padding-left: 120px; }

.e-grid-left-125 {
  padding-left: 125px; }

.e-grid-left-130 {
  padding-left: 130px; }

.e-grid-left-135 {
  padding-left: 135px; }

.e-grid-left-140 {
  padding-left: 140px; }

.e-grid-left-145 {
  padding-left: 145px; }

.e-grid-left-150 {
  padding-left: 150px; }

.e-grid-left-155 {
  padding-left: 155px; }

.e-grid-left-160 {
  padding-left: 160px; }

.e-grid-left-165 {
  padding-left: 165px; }

.e-grid-left-170 {
  padding-left: 170px; }

.e-grid-left-175 {
  padding-left: 175px; }

.e-grid-left-180 {
  padding-left: 180px; }

.e-grid-left-185 {
  padding-left: 185px; }

.e-grid-left-190 {
  padding-left: 190px; }

.e-grid-left-195 {
  padding-left: 195px; }

.e-grid-left-200 {
  padding-left: 200px; }

.e-grid-left-205 {
  padding-left: 205px; }

.e-grid-left-210 {
  padding-left: 210px; }

.e-grid-left-215 {
  padding-left: 215px; }

.e-grid-left-220 {
  padding-left: 220px; }

.e-grid-left-225 {
  padding-left: 225px; }

.e-grid-left-230 {
  padding-left: 230px; }

.e-grid-left-235 {
  padding-left: 235px; }

.e-grid-left-240 {
  padding-left: 240px; }

.e-grid-left-245 {
  padding-left: 245px; }

.e-grid-left-250 {
  padding-left: 250px; }

.e-grid-right-0 {
  padding-right: 0px; }

.e-grid-right-5 {
  padding-right: 5px; }

.e-grid-right-10 {
  padding-right: 10px; }

.e-grid-right-15 {
  padding-right: 15px; }

.e-grid-right-20 {
  padding-right: 20px; }

.e-grid-right-25 {
  padding-right: 25px; }

.e-grid-right-30 {
  padding-right: 30px; }

.e-grid-right-35 {
  padding-right: 35px; }

.e-grid-right-40 {
  padding-right: 40px; }

.e-grid-right-45 {
  padding-right: 45px; }

.e-grid-right-50 {
  padding-right: 50px; }

.e-grid-right-55 {
  padding-right: 55px; }

.e-grid-right-60 {
  padding-right: 60px; }

.e-grid-right-65 {
  padding-right: 65px; }

.e-grid-right-70 {
  padding-right: 70px; }

.e-grid-right-75 {
  padding-right: 75px; }

.e-grid-right-80 {
  padding-right: 80px; }

.e-grid-right-85 {
  padding-right: 85px; }

.e-grid-right-90 {
  padding-right: 90px; }

.e-grid-right-95 {
  padding-right: 95px; }

.e-grid-right-100 {
  padding-right: 100px; }

.e-grid-right-105 {
  padding-right: 105px; }

.e-grid-right-110 {
  padding-right: 110px; }

.e-grid-right-115 {
  padding-right: 115px; }

.e-grid-right-120 {
  padding-right: 120px; }

.e-grid-right-125 {
  padding-right: 125px; }

.e-grid-right-130 {
  padding-right: 130px; }

.e-grid-right-135 {
  padding-right: 135px; }

.e-grid-right-140 {
  padding-right: 140px; }

.e-grid-right-145 {
  padding-right: 145px; }

.e-grid-right-150 {
  padding-right: 150px; }

.e-grid-right-155 {
  padding-right: 155px; }

.e-grid-right-160 {
  padding-right: 160px; }

.e-grid-right-165 {
  padding-right: 165px; }

.e-grid-right-170 {
  padding-right: 170px; }

.e-grid-right-175 {
  padding-right: 175px; }

.e-grid-right-180 {
  padding-right: 180px; }

.e-grid-right-185 {
  padding-right: 185px; }

.e-grid-right-190 {
  padding-right: 190px; }

.e-grid-right-195 {
  padding-right: 195px; }

.e-grid-right-200 {
  padding-right: 200px; }

.e-grid-right-205 {
  padding-right: 205px; }

.e-grid-right-210 {
  padding-right: 210px; }

.e-grid-right-215 {
  padding-right: 215px; }

.e-grid-right-220 {
  padding-right: 220px; }

.e-grid-right-225 {
  padding-right: 225px; }

.e-grid-right-230 {
  padding-right: 230px; }

.e-grid-right-235 {
  padding-right: 235px; }

.e-grid-right-240 {
  padding-right: 240px; }

.e-grid-right-245 {
  padding-right: 245px; }

.e-grid-right-250 {
  padding-right: 250px; }

.e-grid-both-0 {
  padding-left: 0px;
  padding-right: 0px; }

.e-grid-both-5 {
  padding-left: 5px;
  padding-right: 5px; }

.e-grid-both-10, .e-simple-editor__actions {
  padding-left: 10px;
  padding-right: 10px; }

.e-grid-both-15 {
  padding-left: 15px;
  padding-right: 15px; }

.e-grid-both-20 {
  padding-left: 20px;
  padding-right: 20px; }

.e-grid-both-25 {
  padding-left: 25px;
  padding-right: 25px; }

.e-grid-both-30 {
  padding-left: 30px;
  padding-right: 30px; }

.e-grid-both-35 {
  padding-left: 35px;
  padding-right: 35px; }

.e-grid-both-40 {
  padding-left: 40px;
  padding-right: 40px; }

.e-grid-both-45 {
  padding-left: 45px;
  padding-right: 45px; }

.e-grid-both-50 {
  padding-left: 50px;
  padding-right: 50px; }

.e-grid-both-55 {
  padding-left: 55px;
  padding-right: 55px; }

.e-grid-both-60 {
  padding-left: 60px;
  padding-right: 60px; }

.e-grid-both-65 {
  padding-left: 65px;
  padding-right: 65px; }

.e-grid-both-70 {
  padding-left: 70px;
  padding-right: 70px; }

.e-grid-both-75 {
  padding-left: 75px;
  padding-right: 75px; }

.e-grid-both-80 {
  padding-left: 80px;
  padding-right: 80px; }

.e-grid-both-85 {
  padding-left: 85px;
  padding-right: 85px; }

.e-grid-both-90 {
  padding-left: 90px;
  padding-right: 90px; }

.e-grid-both-95 {
  padding-left: 95px;
  padding-right: 95px; }

.e-grid-both-100 {
  padding-left: 100px;
  padding-right: 100px; }

.e-grid-both-105 {
  padding-left: 105px;
  padding-right: 105px; }

.e-grid-both-110 {
  padding-left: 110px;
  padding-right: 110px; }

.e-grid-both-115 {
  padding-left: 115px;
  padding-right: 115px; }

.e-grid-both-120 {
  padding-left: 120px;
  padding-right: 120px; }

.e-grid-both-125 {
  padding-left: 125px;
  padding-right: 125px; }

.e-grid-both-130 {
  padding-left: 130px;
  padding-right: 130px; }

.e-grid-both-135 {
  padding-left: 135px;
  padding-right: 135px; }

.e-grid-both-140 {
  padding-left: 140px;
  padding-right: 140px; }

.e-grid-both-145 {
  padding-left: 145px;
  padding-right: 145px; }

.e-grid-both-150 {
  padding-left: 150px;
  padding-right: 150px; }

.e-grid-both-155 {
  padding-left: 155px;
  padding-right: 155px; }

.e-grid-both-160 {
  padding-left: 160px;
  padding-right: 160px; }

.e-grid-both-165 {
  padding-left: 165px;
  padding-right: 165px; }

.e-grid-both-170 {
  padding-left: 170px;
  padding-right: 170px; }

.e-grid-both-175 {
  padding-left: 175px;
  padding-right: 175px; }

.e-grid-both-180 {
  padding-left: 180px;
  padding-right: 180px; }

.e-grid-both-185 {
  padding-left: 185px;
  padding-right: 185px; }

.e-grid-both-190 {
  padding-left: 190px;
  padding-right: 190px; }

.e-grid-both-195 {
  padding-left: 195px;
  padding-right: 195px; }

.e-grid-both-200 {
  padding-left: 200px;
  padding-right: 200px; }

.e-grid-both-205 {
  padding-left: 205px;
  padding-right: 205px; }

.e-grid-both-210 {
  padding-left: 210px;
  padding-right: 210px; }

.e-grid-both-215 {
  padding-left: 215px;
  padding-right: 215px; }

.e-grid-both-220 {
  padding-left: 220px;
  padding-right: 220px; }

.e-grid-both-225 {
  padding-left: 225px;
  padding-right: 225px; }

.e-grid-both-230 {
  padding-left: 230px;
  padding-right: 230px; }

.e-grid-both-235 {
  padding-left: 235px;
  padding-right: 235px; }

.e-grid-both-240 {
  padding-left: 240px;
  padding-right: 240px; }

.e-grid-both-245 {
  padding-left: 245px;
  padding-right: 245px; }

.e-grid-both-250 {
  padding-left: 250px;
  padding-right: 250px; }

.e-grid-top-0 {
  padding-top: 0px; }

.e-grid-top-5 {
  padding-top: 5px; }

.e-grid-top-10 {
  padding-top: 10px; }

.e-grid-top-15 {
  padding-top: 15px; }

.e-grid-top-20 {
  padding-top: 20px; }

.e-grid-top-25 {
  padding-top: 25px; }

.e-grid-top-30 {
  padding-top: 30px; }

.e-grid-top-35 {
  padding-top: 35px; }

.e-grid-top-40 {
  padding-top: 40px; }

.e-grid-top-45 {
  padding-top: 45px; }

.e-grid-top-50 {
  padding-top: 50px; }

.e-grid-top-55 {
  padding-top: 55px; }

.e-grid-top-60 {
  padding-top: 60px; }

.e-grid-top-65 {
  padding-top: 65px; }

.e-grid-top-70 {
  padding-top: 70px; }

.e-grid-top-75 {
  padding-top: 75px; }

.e-grid-top-80 {
  padding-top: 80px; }

.e-grid-top-85 {
  padding-top: 85px; }

.e-grid-top-90 {
  padding-top: 90px; }

.e-grid-top-95 {
  padding-top: 95px; }

.e-grid-top-100 {
  padding-top: 100px; }

.e-grid-top-105 {
  padding-top: 105px; }

.e-grid-top-110 {
  padding-top: 110px; }

.e-grid-top-115 {
  padding-top: 115px; }

.e-grid-top-120 {
  padding-top: 120px; }

.e-grid-top-125 {
  padding-top: 125px; }

.e-grid-top-130 {
  padding-top: 130px; }

.e-grid-top-135 {
  padding-top: 135px; }

.e-grid-top-140 {
  padding-top: 140px; }

.e-grid-top-145 {
  padding-top: 145px; }

.e-grid-top-150 {
  padding-top: 150px; }

.e-grid-top-155 {
  padding-top: 155px; }

.e-grid-top-160 {
  padding-top: 160px; }

.e-grid-top-165 {
  padding-top: 165px; }

.e-grid-top-170 {
  padding-top: 170px; }

.e-grid-top-175 {
  padding-top: 175px; }

.e-grid-top-180 {
  padding-top: 180px; }

.e-grid-top-185 {
  padding-top: 185px; }

.e-grid-top-190 {
  padding-top: 190px; }

.e-grid-top-195 {
  padding-top: 195px; }

.e-grid-top-200 {
  padding-top: 200px; }

.e-grid-bottom-0 {
  padding-bottom: 0px; }

.e-grid-bottom-5 {
  padding-bottom: 5px; }

.e-grid-bottom-10 {
  padding-bottom: 10px; }

.e-grid-bottom-15 {
  padding-bottom: 15px; }

.e-grid-bottom-20 {
  padding-bottom: 20px; }

.e-grid-bottom-25 {
  padding-bottom: 25px; }

.e-grid-bottom-30 {
  padding-bottom: 30px; }

.e-grid-bottom-35 {
  padding-bottom: 35px; }

.e-grid-bottom-40 {
  padding-bottom: 40px; }

.e-grid-bottom-45 {
  padding-bottom: 45px; }

.e-grid-bottom-50 {
  padding-bottom: 50px; }

.e-grid-bottom-55 {
  padding-bottom: 55px; }

.e-grid-bottom-60 {
  padding-bottom: 60px; }

.e-grid-bottom-65 {
  padding-bottom: 65px; }

.e-grid-bottom-70 {
  padding-bottom: 70px; }

.e-grid-bottom-75 {
  padding-bottom: 75px; }

.e-grid-bottom-80 {
  padding-bottom: 80px; }

.e-grid-bottom-85 {
  padding-bottom: 85px; }

.e-grid-bottom-90 {
  padding-bottom: 90px; }

.e-grid-bottom-95 {
  padding-bottom: 95px; }

.e-grid-bottom-100 {
  padding-bottom: 100px; }

.e-grid-m-top-0 {
  margin-top: 0px; }

.e-grid-m-top-5, .e-like-bar--comment {
  margin-top: 5px; }

.e-grid-m-top-10 {
  margin-top: 10px; }

.e-grid-m-top-15 {
  margin-top: 15px; }

.e-grid-m-top-20, .icons-list-item {
  margin-top: 20px; }

.e-grid-m-top-25 {
  margin-top: 25px; }

.e-grid-m-top-30 {
  margin-top: 30px; }

.e-grid-m-top-35 {
  margin-top: 35px; }

.e-grid-m-top-40 {
  margin-top: 40px; }

.e-grid-m-top-45 {
  margin-top: 45px; }

.e-grid-m-top-50 {
  margin-top: 50px; }

.e-grid-m-top-55 {
  margin-top: 55px; }

.e-grid-m-top-60 {
  margin-top: 60px; }

.e-grid-m-top-65 {
  margin-top: 65px; }

.e-grid-m-top-70 {
  margin-top: 70px; }

.e-grid-m-top-75 {
  margin-top: 75px; }

.e-grid-m-top-80 {
  margin-top: 80px; }

.e-grid-m-top-85 {
  margin-top: 85px; }

.e-grid-m-top-90 {
  margin-top: 90px; }

.e-grid-m-top-95 {
  margin-top: 95px; }

.e-grid-m-top-100 {
  margin-top: 100px; }

.e-grid-m-bottom-0, .e-simple-editor__input {
  margin-bottom: 0px; }

.e-grid-m-bottom-5 {
  margin-bottom: 5px; }

.e-grid-m-bottom-10, .e-simple-editor__visibility-info, .e-message__author {
  margin-bottom: 10px; }

.e-grid-m-bottom-15 {
  margin-bottom: 15px; }

.e-grid-m-bottom-20 {
  margin-bottom: 20px; }

.e-grid-m-bottom-25 {
  margin-bottom: 25px; }

.e-grid-m-bottom-30 {
  margin-bottom: 30px; }

.e-grid-m-bottom-35 {
  margin-bottom: 35px; }

.e-grid-m-bottom-40 {
  margin-bottom: 40px; }

.e-grid-m-bottom-45 {
  margin-bottom: 45px; }

.e-grid-m-bottom-50 {
  margin-bottom: 50px; }

.e-grid-m-bottom-55 {
  margin-bottom: 55px; }

.e-grid-m-bottom-60 {
  margin-bottom: 60px; }

.e-grid-m-bottom-65 {
  margin-bottom: 65px; }

.e-grid-m-bottom-70 {
  margin-bottom: 70px; }

.e-grid-m-bottom-75 {
  margin-bottom: 75px; }

.e-grid-m-bottom-80 {
  margin-bottom: 80px; }

.e-grid-m-bottom-85 {
  margin-bottom: 85px; }

.e-grid-m-bottom-90 {
  margin-bottom: 90px; }

.e-grid-m-bottom-95 {
  margin-bottom: 95px; }

.e-grid-m-bottom-100 {
  margin-bottom: 100px; }

.e-prefix-5 {
  margin-left: 5%; }

.e-prefix-10 {
  margin-left: 10%; }

.e-prefix-15 {
  margin-left: 15%; }

.e-prefix-20 {
  margin-left: 20%; }

.e-prefix-25 {
  margin-left: 25%; }

.e-prefix-30 {
  margin-left: 30%; }

.e-prefix-35 {
  margin-left: 35%; }

.e-prefix-40 {
  margin-left: 40%; }

.e-prefix-45 {
  margin-left: 45%; }

.e-prefix-50 {
  margin-left: 50%; }

.e-prefix-55 {
  margin-left: 55%; }

.e-prefix-60 {
  margin-left: 60%; }

.e-prefix-65 {
  margin-left: 65%; }

.e-prefix-70 {
  margin-left: 70%; }

.e-prefix-75 {
  margin-left: 75%; }

.e-prefix-80 {
  margin-left: 80%; }

.e-prefix-85 {
  margin-left: 85%; }

.e-prefix-90 {
  margin-left: 90%; }

.e-prefix-95 {
  margin-left: 95%; }

.e-prefix-100 {
  margin-left: 100%; }

.e-suffix-5 {
  margin-right: 5%; }

.e-suffix-10 {
  margin-right: 10%; }

.e-suffix-15 {
  margin-right: 15%; }

.e-suffix-20 {
  margin-right: 20%; }

.e-suffix-25 {
  margin-right: 25%; }

.e-suffix-30 {
  margin-right: 30%; }

.e-suffix-35 {
  margin-right: 35%; }

.e-suffix-40 {
  margin-right: 40%; }

.e-suffix-45 {
  margin-right: 45%; }

.e-suffix-50 {
  margin-right: 50%; }

.e-suffix-55 {
  margin-right: 55%; }

.e-suffix-60 {
  margin-right: 60%; }

.e-suffix-65 {
  margin-right: 65%; }

.e-suffix-70 {
  margin-right: 70%; }

.e-suffix-75 {
  margin-right: 75%; }

.e-suffix-80 {
  margin-right: 80%; }

.e-suffix-85 {
  margin-right: 85%; }

.e-suffix-90 {
  margin-right: 90%; }

.e-suffix-95 {
  margin-right: 95%; }

.e-suffix-100 {
  margin-right: 100%; }

.e-grid-page-container {
  margin-bottom: 30%; }

.e-grid-border {
  border: 1px solid #ddd;
  padding: 0; }

@media only screen and (max-width: 400px) {
  .e-grid-mobile-both-20 {
    padding-left: 20px;
    padding-right: 20px; } }

@media only screen and (max-width: 600px) {
  .e-grid-mobile--100 {
    width: 100%; }
    .e-grid-mobile--100.e-grid-left-10 {
      padding: 0; }
    .e-grid-mobile--100.e-grid-right-10 {
      padding: 0; }
  .e-grid-mobile-both-0 {
    padding-left: 0;
    padding-right: 0; } }

.e-grid-allow-empty {
  min-height: 1px; }

.e-grid-push-right {
  float: right; }

.e-grid-push-left {
  float: left; }

.e-grid-m-top-7 {
  margin-top: 7px; }

.e-grid-m-top-12 {
  margin-top: 12px; }

/*
==============================================
CSS3 ANIMATION CHEAT SHEET
==============================================

Made by Justin Aguilar

www.justinaguilar.com/animations/

Questions, comments, concerns, love letters:
justin@justinaguilar.com
==============================================
*/
/*
==============================================
slideDown
==============================================
*/
.slideDown {
  animation-name: slideDown;
  -webkit-animation-name: slideDown;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  visibility: visible !important; }

@keyframes slideDown {
  0% {
    transform: translateY(-100%); }
  50% {
    transform: translateY(8%); }
  65% {
    transform: translateY(-4%); }
  80% {
    transform: translateY(4%); }
  95% {
    transform: translateY(-2%); }
  100% {
    transform: translateY(0%); } }

@-webkit-keyframes slideDown {
  0% {
    -webkit-transform: translateY(-100%); }
  50% {
    -webkit-transform: translateY(8%); }
  65% {
    -webkit-transform: translateY(-4%); }
  80% {
    -webkit-transform: translateY(4%); }
  95% {
    -webkit-transform: translateY(-2%); }
  100% {
    -webkit-transform: translateY(0%); } }

/*
==============================================
slideUp
==============================================
*/
.slideUp {
  animation-name: slideUp;
  -webkit-animation-name: slideUp;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  visibility: visible !important; }

@keyframes slideUp {
  0% {
    transform: translateY(100%); }
  50% {
    transform: translateY(-8%); }
  65% {
    transform: translateY(4%); }
  80% {
    transform: translateY(-4%); }
  95% {
    transform: translateY(2%); }
  100% {
    transform: translateY(0%); } }

@-webkit-keyframes slideUp {
  0% {
    -webkit-transform: translateY(100%); }
  50% {
    -webkit-transform: translateY(-8%); }
  65% {
    -webkit-transform: translateY(4%); }
  80% {
    -webkit-transform: translateY(-4%); }
  95% {
    -webkit-transform: translateY(2%); }
  100% {
    -webkit-transform: translateY(0%); } }

/*
==============================================
slideLeft
==============================================
*/
.slideLeft {
  animation-name: slideLeft;
  -webkit-animation-name: slideLeft;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  visibility: visible !important; }

@keyframes slideLeft {
  0% {
    transform: translateX(150%); }
  50% {
    transform: translateX(-8%); }
  65% {
    transform: translateX(4%); }
  80% {
    transform: translateX(-4%); }
  95% {
    transform: translateX(2%); }
  100% {
    transform: translateX(0%); } }

@-webkit-keyframes slideLeft {
  0% {
    -webkit-transform: translateX(150%); }
  50% {
    -webkit-transform: translateX(-8%); }
  65% {
    -webkit-transform: translateX(4%); }
  80% {
    -webkit-transform: translateX(-4%); }
  95% {
    -webkit-transform: translateX(2%); }
  100% {
    -webkit-transform: translateX(0%); } }

/*
==============================================
slideRight
==============================================
*/
.slideRight {
  animation-name: slideRight;
  -webkit-animation-name: slideRight;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  visibility: visible !important; }

@keyframes slideRight {
  0% {
    transform: translateX(-150%); }
  50% {
    transform: translateX(8%); }
  65% {
    transform: translateX(-4%); }
  80% {
    transform: translateX(4%); }
  95% {
    transform: translateX(-2%); }
  100% {
    transform: translateX(0%); } }

@-webkit-keyframes slideRight {
  0% {
    -webkit-transform: translateX(-150%); }
  50% {
    -webkit-transform: translateX(8%); }
  65% {
    -webkit-transform: translateX(-4%); }
  80% {
    -webkit-transform: translateX(4%); }
  95% {
    -webkit-transform: translateX(-2%); }
  100% {
    -webkit-transform: translateX(0%); } }

/*
==============================================
slideExpandUp
==============================================
*/
.slideExpandUp {
  animation-name: slideExpandUp;
  -webkit-animation-name: slideExpandUp;
  animation-duration: 1.6s;
  -webkit-animation-duration: 1.6s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease -out;
  visibility: visible !important; }

@keyframes slideExpandUp {
  0% {
    transform: translateY(100%) scaleX(0.5); }
  30% {
    transform: translateY(-8%) scaleX(0.5); }
  40% {
    transform: translateY(2%) scaleX(0.5); }
  50% {
    transform: translateY(0%) scaleX(1.1); }
  60% {
    transform: translateY(0%) scaleX(0.9); }
  70% {
    transform: translateY(0%) scaleX(1.05); }
  80% {
    transform: translateY(0%) scaleX(0.95); }
  90% {
    transform: translateY(0%) scaleX(1.02); }
  100% {
    transform: translateY(0%) scaleX(1); } }

@-webkit-keyframes slideExpandUp {
  0% {
    -webkit-transform: translateY(100%) scaleX(0.5); }
  30% {
    -webkit-transform: translateY(-8%) scaleX(0.5); }
  40% {
    -webkit-transform: translateY(2%) scaleX(0.5); }
  50% {
    -webkit-transform: translateY(0%) scaleX(1.1); }
  60% {
    -webkit-transform: translateY(0%) scaleX(0.9); }
  70% {
    -webkit-transform: translateY(0%) scaleX(1.05); }
  80% {
    -webkit-transform: translateY(0%) scaleX(0.95); }
  90% {
    -webkit-transform: translateY(0%) scaleX(1.02); }
  100% {
    -webkit-transform: translateY(0%) scaleX(1); } }

/*
==============================================
expandUp
==============================================
*/
.expandUp {
  animation-name: expandUp;
  -webkit-animation-name: expandUp;
  animation-duration: 0.7s;
  -webkit-animation-duration: 0.7s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  visibility: visible !important; }

@keyframes expandUp {
  0% {
    transform: translateY(100%) scale(0.6) scaleY(0.5); }
  60% {
    transform: translateY(-7%) scaleY(1.12); }
  75% {
    transform: translateY(3%); }
  100% {
    transform: translateY(0%) scale(1) scaleY(1); } }

@-webkit-keyframes expandUp {
  0% {
    -webkit-transform: translateY(100%) scale(0.6) scaleY(0.5); }
  60% {
    -webkit-transform: translateY(-7%) scaleY(1.12); }
  75% {
    -webkit-transform: translateY(3%); }
  100% {
    -webkit-transform: translateY(0%) scale(1) scaleY(1); } }

/*
==============================================
fadeIn
==============================================
*/
.fadeIn {
  animation-name: fadeIn;
  -webkit-animation-name: fadeIn;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  visibility: visible !important; }

@keyframes fadeIn {
  0% {
    transform: scale(0);
    opacity: 0.0; }
  60% {
    transform: scale(1.1); }
  80% {
    transform: scale(0.9);
    opacity: 1; }
  100% {
    transform: scale(1);
    opacity: 1; } }

@-webkit-keyframes fadeIn {
  0% {
    -webkit-transform: scale(0);
    opacity: 0.0; }
  60% {
    -webkit-transform: scale(1.1); }
  80% {
    -webkit-transform: scale(0.9);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1);
    opacity: 1; } }

/*
==============================================
expandOpen
==============================================
*/
.expandOpen {
  animation-name: expandOpen;
  -webkit-animation-name: expandOpen;
  animation-duration: 1.2s;
  -webkit-animation-duration: 1.2s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  visibility: visible !important; }

@keyframes expandOpen {
  0% {
    transform: scale(1.8); }
  50% {
    transform: scale(0.95); }
  80% {
    transform: scale(1.05); }
  90% {
    transform: scale(0.98); }
  100% {
    transform: scale(1); } }

@-webkit-keyframes expandOpen {
  0% {
    -webkit-transform: scale(1.8); }
  50% {
    -webkit-transform: scale(0.95); }
  80% {
    -webkit-transform: scale(1.05); }
  90% {
    -webkit-transform: scale(0.98); }
  100% {
    -webkit-transform: scale(1); } }

/*
==============================================
bigEntrance
==============================================
*/
.bigEntrance {
  animation-name: bigEntrance;
  -webkit-animation-name: bigEntrance;
  animation-duration: 1.6s;
  -webkit-animation-duration: 1.6s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  visibility: visible !important; }

@keyframes bigEntrance {
  0% {
    transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
    opacity: 0.2; }
  30% {
    transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
    opacity: 1; }
  45% {
    transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1; }
  60% {
    transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
    opacity: 1; }
  75% {
    transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1; }
  90% {
    transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1; }
  100% {
    transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1; } }

@-webkit-keyframes bigEntrance {
  0% {
    -webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
    opacity: 0.2; }
  30% {
    -webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
    opacity: 1; }
  45% {
    -webkit-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1; }
  60% {
    -webkit-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
    opacity: 1; }
  75% {
    -webkit-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1; }
  90% {
    -webkit-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1; } }

/*
==============================================
hatch
==============================================
*/
.hatch {
  animation-name: hatch;
  -webkit-animation-name: hatch;
  animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
  visibility: visible !important; }

@keyframes hatch {
  0% {
    transform: rotate(0deg) scaleY(0.6); }
  20% {
    transform: rotate(-2deg) scaleY(1.05); }
  35% {
    transform: rotate(2deg) scaleY(1); }
  50% {
    transform: rotate(-2deg); }
  65% {
    transform: rotate(1deg); }
  80% {
    transform: rotate(-1deg); }
  100% {
    transform: rotate(0deg); } }

@-webkit-keyframes hatch {
  0% {
    -webkit-transform: rotate(0deg) scaleY(0.6); }
  20% {
    -webkit-transform: rotate(-2deg) scaleY(1.05); }
  35% {
    -webkit-transform: rotate(2deg) scaleY(1); }
  50% {
    -webkit-transform: rotate(-2deg); }
  65% {
    -webkit-transform: rotate(1deg); }
  80% {
    -webkit-transform: rotate(-1deg); }
  100% {
    -webkit-transform: rotate(0deg); } }

/*
==============================================
bounce
==============================================
*/
.bounce {
  animation-name: bounce;
  -webkit-animation-name: bounce;
  animation-duration: 1.6s;
  -webkit-animation-duration: 1.6s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%; }

@keyframes bounce {
  0% {
    transform: translateY(0%) scaleY(0.6); }
  60% {
    transform: translateY(-100%) scaleY(1.1); }
  70% {
    transform: translateY(0%) scaleY(0.95) scaleX(1.05); }
  80% {
    transform: translateY(0%) scaleY(1.05) scaleX(1); }
  90% {
    transform: translateY(0%) scaleY(0.95) scaleX(1); }
  100% {
    transform: translateY(0%) scaleY(1) scaleX(1); } }

@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateY(0%) scaleY(0.6); }
  60% {
    -webkit-transform: translateY(-100%) scaleY(1.1); }
  70% {
    -webkit-transform: translateY(0%) scaleY(0.95) scaleX(1.05); }
  80% {
    -webkit-transform: translateY(0%) scaleY(1.05) scaleX(1); }
  90% {
    -webkit-transform: translateY(0%) scaleY(0.95) scaleX(1); }
  100% {
    -webkit-transform: translateY(0%) scaleY(1) scaleX(1); } }

/*
==============================================
pulse
==============================================
*/
.pulse {
  animation-name: pulse;
  -webkit-animation-name: pulse;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite; }

@keyframes pulse {
  0% {
    transform: scale(0.9);
    opacity: 0.7; }
  50% {
    transform: scale(1);
    opacity: 1; }
  100% {
    transform: scale(0.9);
    opacity: 0.7; } }

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0.95);
    opacity: 0.7; }
  50% {
    -webkit-transform: scale(1);
    opacity: 1; }
  100% {
    -webkit-transform: scale(0.95);
    opacity: 0.7; } }

/*
==============================================
floating
==============================================
*/
.floating {
  animation-name: floating;
  -webkit-animation-name: floating;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite; }

@keyframes floating {
  0% {
    transform: translateY(0%); }
  50% {
    transform: translateY(8%); }
  100% {
    transform: translateY(0%); } }

@-webkit-keyframes floating {
  0% {
    -webkit-transform: translateY(0%); }
  50% {
    -webkit-transform: translateY(8%); }
  100% {
    -webkit-transform: translateY(0%); } }

/*
==============================================
tossing
==============================================
*/
.tossing {
  animation-name: tossing;
  -webkit-animation-name: tossing;
  animation-duration: 2.5s;
  -webkit-animation-duration: 2.5s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite; }

@keyframes tossing {
  0% {
    transform: rotate(-4deg); }
  50% {
    transform: rotate(4deg); }
  100% {
    transform: rotate(-4deg); } }

@-webkit-keyframes tossing {
  0% {
    -webkit-transform: rotate(-4deg); }
  50% {
    -webkit-transform: rotate(4deg); }
  100% {
    -webkit-transform: rotate(-4deg); } }

/*
==============================================
pullUp
==============================================
*/
.pullUp {
  animation-name: pullUp;
  -webkit-animation-name: pullUp;
  animation-duration: 1.1s;
  -webkit-animation-duration: 1.1s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%; }

@keyframes pullUp {
  0% {
    transform: scaleY(0.1); }
  40% {
    transform: scaleY(1.02); }
  60% {
    transform: scaleY(0.98); }
  80% {
    transform: scaleY(1.01); }
  100% {
    transform: scaleY(0.98); }
  80% {
    transform: scaleY(1.01); }
  100% {
    transform: scaleY(1); } }

@-webkit-keyframes pullUp {
  0% {
    -webkit-transform: scaleY(0.1); }
  40% {
    -webkit-transform: scaleY(1.02); }
  60% {
    -webkit-transform: scaleY(0.98); }
  80% {
    -webkit-transform: scaleY(1.01); }
  100% {
    -webkit-transform: scaleY(0.98); }
  80% {
    -webkit-transform: scaleY(1.01); }
  100% {
    -webkit-transform: scaleY(1); } }

/*
==============================================
pullDown
==============================================
*/
.pullDown {
  animation-name: pullDown;
  -webkit-animation-name: pullDown;
  animation-duration: 1.1s;
  -webkit-animation-duration: 1.1s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  -webkit-transform-origin: 50% 0%; }

@keyframes pullDown {
  0% {
    transform: scaleY(0.1); }
  40% {
    transform: scaleY(1.02); }
  60% {
    transform: scaleY(0.98); }
  80% {
    transform: scaleY(1.01); }
  100% {
    transform: scaleY(0.98); }
  80% {
    transform: scaleY(1.01); }
  100% {
    transform: scaleY(1); } }

@-webkit-keyframes pullDown {
  0% {
    -webkit-transform: scaleY(0.1); }
  40% {
    -webkit-transform: scaleY(1.02); }
  60% {
    -webkit-transform: scaleY(0.98); }
  80% {
    -webkit-transform: scaleY(1.01); }
  100% {
    -webkit-transform: scaleY(0.98); }
  80% {
    -webkit-transform: scaleY(1.01); }
  100% {
    -webkit-transform: scaleY(1); } }

/*
==============================================
stretchLeft
==============================================
*/
.stretchLeft {
  animation-name: stretchLeft;
  -webkit-animation-name: stretchLeft;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  transform-origin: 100% 0%;
  -ms-transform-origin: 100% 0%;
  -webkit-transform-origin: 100% 0%; }

@keyframes stretchLeft {
  0% {
    transform: scaleX(0.3); }
  40% {
    transform: scaleX(1.02); }
  60% {
    transform: scaleX(0.98); }
  80% {
    transform: scaleX(1.01); }
  100% {
    transform: scaleX(0.98); }
  80% {
    transform: scaleX(1.01); }
  100% {
    transform: scaleX(1); } }

@-webkit-keyframes stretchLeft {
  0% {
    -webkit-transform: scaleX(0.3); }
  40% {
    -webkit-transform: scaleX(1.02); }
  60% {
    -webkit-transform: scaleX(0.98); }
  80% {
    -webkit-transform: scaleX(1.01); }
  100% {
    -webkit-transform: scaleX(0.98); }
  80% {
    -webkit-transform: scaleX(1.01); }
  100% {
    -webkit-transform: scaleX(1); } }

/*
==============================================
stretchRight
==============================================
*/
.stretchRight {
  animation-name: stretchRight;
  -webkit-animation-name: stretchRight;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -webkit-transform-origin: 0% 0%; }

@keyframes stretchRight {
  0% {
    transform: scaleX(0.3); }
  40% {
    transform: scaleX(1.02); }
  60% {
    transform: scaleX(0.98); }
  80% {
    transform: scaleX(1.01); }
  100% {
    transform: scaleX(0.98); }
  80% {
    transform: scaleX(1.01); }
  100% {
    transform: scaleX(1); } }

@-webkit-keyframes stretchRight {
  0% {
    -webkit-transform: scaleX(0.3); }
  40% {
    -webkit-transform: scaleX(1.02); }
  60% {
    -webkit-transform: scaleX(0.98); }
  80% {
    -webkit-transform: scaleX(1.01); }
  100% {
    -webkit-transform: scaleX(0.98); }
  80% {
    -webkit-transform: scaleX(1.01); }
  100% {
    -webkit-transform: scaleX(1); } }

/*
==============================================
scaleForward
==============================================
*/
.scaleForward {
  animation-name: scaleForward;
  -webkit-animation-name: scaleForward;
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  visibility: visible !important; }

@keyframes scaleForward {
  0% {
    transform: scale(1); }
  100% {
    transform: scale(1.1); } }

@-webkit-keyframes scaleForward {
  0% {
    -webkit-transform: scale(1); }
  100% {
    -webkit-transform: scale(1.1); } }

/*
==============================================
fadeIn
==============================================
*/
.fadeInForQuestion {
  animation-name: fadeInForQuestion;
  -webkit-animation-name: fadeInForQuestion;
  animation-duration: 0.3s;
  -webkit-animation-duration: 0.3s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  visibility: visible !important; }

@keyframes fadeInForQuestion {
  0% {
    transform: scale(0.95);
    opacity: 0.0; }
  100% {
    transform: scale(1);
    opacity: 1; } }

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    transform: scale3d(1, 1, 1); } }

.bounceIn {
  animation-name: bounceIn;
  animation-duration: 2s; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
/* globalne */
body {
  font-family: 'robotolight', sans-serif;
  font-size: 14px;
  line-height: 1.3;
  color: #535353; }

input::-moz-focus-inner {
  border: 0;
  padding: 0; }

a, object, map, img, area {
  outline: none !important; }

a {
  color: #3d5569;
  transition: text-decoration .5s, color .5s; }
  a:hover {
    color: #2598da;
    text-decoration: underline;
    cursor: pointer; }
  a:focus {
    text-decoration: none; }

b, strong, h1, h2, h3, h4, h5, h6, .font-bold, .e-people-picker__filters__header-1, .e-people-picker__header__workers, .e-list-table .e-list-table__td__heading, .e-tag .e-tag__number, .e-list .e-list__item__heading, .e-simple-table__item__heading, .e-people-list__item__name, .e-key-results__percentage, .ui-widget-content .ui-datepicker-current-day .ui-state-default, .questionnairy-page .questions-list .question-nr-main, .notificationChangeUserPhoto .person-card .user-name, .notificationNewEmplo .person-card .user-name, .absence-graph tr.main-user td.employeeName .employee-name, .new-grid .form-line .form-label.gray-bg, .event-preview .ddl-invitation-status.btn-with-drop .lbl, span.fancytree-title {
  font-family: 'robotobold', sans-serif;
  font-weight: normal; }

.simple-edit .preview .value .list-item, .simple-edit .always-visible .list-item {
  font-family: 'robotobold', sans-serif;
  font-weight: normal; }

.hd-bold-with-icon, .box-with-medium-icon .box-title {
  font-family: 'robotobold', sans-serif;
  font-weight: normal; }

.font-semibold, .e-form-label--title .only-label, .statistics-live-counter, .permission-popup__name, .e-avatar-list__counter, .e-avatar-list__label, .e-people-list-sidebar__main-header, .e-chat__username, .font-medium {
  font-family: 'robotomedium', sans-serif; }

#main-nav .main li a, #main-nav .secondary .basic .lbl {
  font-family: 'robotomedium', sans-serif; }

.btn, .btn-file-upload .select-file-box a, label, .form-label, .validation-summary-errors {
  font-family: 'robotomedium', sans-serif; }

.degree-feedback-details .remaining-block .days-left .count, .degree-feedback-details .remaining-block.after-time strong, .degree-feedback-details .remaining-block.last-day strong {
  font-family: 'robotomedium', sans-serif; }

ul.fancytree-container ul span.fancytree-title, .btn-xxl, .absence-request-dates-popover .popover-title {
  font-family: 'robotomedium', sans-serif; }

.fancytree--article-links .e-button--select-link {
  position: absolute;
  top: 10px;
  right: 20px;
  opacity: 0;
  -moz-transition: opacity 0.15s ease-in;
  -o-transition: opacity 0.15s ease-in;
  -webkit-transition: opacity 0.15s ease-in;
  transition: opacity 0.15s ease-in;
  display: none; }

.fancytree--article-links .fancytree-active {
  position: relative; }
  .fancytree--article-links .fancytree-active .e-button--select-link {
    opacity: 1;
    display: block; }

.fancytree--article-links ul.ui-fancytree .fancytree-node.fancytree-node--article {
  position: relative;
  border: 1px dotted transparent;
  -moz-transition: border 0.15s ease-in;
  -o-transition: border 0.15s ease-in;
  -webkit-transition: border 0.15s ease-in;
  transition: border 0.15s ease-in; }
  .fancytree--article-links ul.ui-fancytree .fancytree-node.fancytree-node--article .e-button--select-link {
    display: block; }
  .fancytree--article-links ul.ui-fancytree .fancytree-node.fancytree-node--article:hover {
    border: 1px dashed #bcd5e3; }
    .fancytree--article-links ul.ui-fancytree .fancytree-node.fancytree-node--article:hover .e-button--select-link {
      opacity: 1; }

.font-regular, .e-box-title, .e-simple-table--instant-feeback .e-simple-table__item__heading a, .ui-widget, .gray-hd, .one-calendar .fc-header .fc-header-title h2, .ui-datepicker-multi.ui-widget-content .ui-datepicker-current-day .ui-state-default, label, .degree-feedback-details .remaining-block .days-left, .search-bar .search-query {
  font-family: 'robotoregular', sans-serif; }

.single-message-view .message-desc h1, .single-message-view .message-title {
  font-family: 'robotoregular', sans-serif; }

.single-message-view .message-desc h2, .single-message-view .message-desc h3, .single-message-view .message-desc h4, .single-message-view .message-desc h5 {
  font-family: 'robotoregular', sans-serif; }

.events-calendar .fc-day-header, .events-calendar .fc-header-title h2 {
  font-family: 'robotoregular', sans-serif; }

body.Popup .popup-title-bar h1, .page-hd-gray h1, .edition-vacation-days .days-of-week .dayOfWeek {
  font-family: 'robotoregular', sans-serif; }

.font-light, .e-form-label, .e-form-label--full, .e-form-label--title, .e-form-label--icon, .e-form-label--empty, .e-form-label--empty--height-15, .page-heading--vacancies, .e-people-picker__filters__list__item label, .e-people-picker__filters__submenu__list__item__span label, .e-people-picker__filters__submenu__list__item__span label a, .e-people-picker__groups-menu__item a, .e-tag--skills, .e-tag--gray, .e-tag--suppliers, .e-list--condensed .e-list__item__type, .e-people-list__item__date, .e-chat__time, .e-people-list__item__description, .e-people-list-sidebar__list__item--active .e-people-list-sidebar__list__item__name, .e-people-list-sidebar__list__item--active .e-people-list-sidebar__list__item__position, .e-people-list-sidebar__list__item__name, .e-people-list-sidebar__list__item__position, .e-chat__message-content, .e-selected-tag__tag {
  font-family: 'robotolight', sans-serif; }

input[type="text"], input[type="password"], input[type="tel"], input[type="date"], input[type="number"] {
  font-family: 'robotolight', sans-serif; }

textarea, select, .chzn-container-multi .chzn-choices .search-field input, .edit-form .main-info h1 {
  font-family: 'robotolight', sans-serif; }

.new-grid .form-line .form-label.with-icon .only-label, .new-grid .checkbox {
  font-family: 'robotolight', sans-serif;
  font-size: 12px; }

.btn-with-drop.small .lbl, .btn-with-drop .dropdown-menu a, .btn-with-drop .hd {
  font-family: 'robotolight', sans-serif; }

.hd-light-20, .hd-light-14, .gray-hd-with-triangle, .link-with-icon, ul.fancytree-container ul ul span.fancytree-title, .new-grid .form-line .form-label.light-gray-bg, .hd-with-photo .hd h1 {
  font-family: 'robotolight', sans-serif; }

.font-black {
  font-family: 'robotoblack', sans-serif; }

.box-with-icon.vacations:after, .box-with-icon.vacations-vertical:after {
  font-family: 'robotoblack', sans-serif; }

i, .font-italic {
  font-family: 'robotoitalic', sans-serif; }

b i, strong i, h1 i, h2 i, h3 i, h4 i, h5 i, h6 i, .font-bold i, .e-people-picker__filters__header-1 i, .e-people-picker__header__workers i, .e-list-table .e-list-table__td__heading i, .e-tag .e-tag__number i, .e-list .e-list__item__heading i, .e-simple-table__item__heading i, .e-people-list__item__name i, .e-key-results__percentage i, b .font-italic, strong .font-italic, h1 .font-italic, h2 .font-italic, h3 .font-italic, h4 .font-italic, h5 .font-italic, h6 .font-italic, .font-bold .font-italic, .e-people-picker__filters__header-1 .font-italic, .e-people-picker__header__workers .font-italic, .e-list-table .e-list-table__td__heading .font-italic, .e-tag .e-tag__number .font-italic, .e-list .e-list__item__heading .font-italic, .e-simple-table__item__heading .font-italic, .e-people-list__item__name .font-italic, .e-key-results__percentage .font-italic {
  font-family: 'robotobold_italic', sans-serif; }

i b, i strong, i h1, i h2, i h3, i h4, i h5, i h6, i .font-bold, i .e-people-picker__filters__header-1, i .e-people-picker__header__workers, i .e-list-table .e-list-table__td__heading, .e-list-table i .e-list-table__td__heading, i .e-tag .e-tag__number, .e-tag i .e-tag__number, i .e-list .e-list__item__heading, .e-list i .e-list__item__heading, i .e-simple-table__item__heading, i .e-people-list__item__name, i .e-key-results__percentage {
  font-family: 'robotobold_italic', sans-serif; }

.font-italic b, .font-italic strong, .font-italic h1, .font-italic h2, .font-italic h3, .font-italic h4, .font-italic h5, .font-italic h6, .font-italic .font-bold, .font-italic .e-people-picker__filters__header-1, .font-italic .e-people-picker__header__workers, .font-italic .e-list-table .e-list-table__td__heading, .e-list-table .font-italic .e-list-table__td__heading, .font-italic .e-tag .e-tag__number, .e-tag .font-italic .e-tag__number, .font-italic .e-list .e-list__item__heading, .e-list .font-italic .e-list__item__heading, .font-italic .e-simple-table__item__heading, .font-italic .e-people-list__item__name, .font-italic .e-key-results__percentage {
  font-family: 'robotobold_italic', sans-serif; }

.font-semibold i, .e-form-label--title .only-label i, .statistics-live-counter i, .permission-popup__name i, .e-avatar-list__counter i, .e-avatar-list__label i, .e-people-list-sidebar__main-header i, .e-chat__username i, .font-semibold .font-italic, .e-form-label--title .only-label .font-italic, .statistics-live-counter .font-italic, .permission-popup__name .font-italic, .e-avatar-list__counter .font-italic, .e-avatar-list__label .font-italic, .e-people-list-sidebar__main-header .font-italic, .e-chat__username .font-italic {
  font-family: 'robotomedium_italic', sans-serif; }

i .font-semibold, i .e-form-label--title .only-label, .e-form-label--title i .only-label, i .statistics-live-counter, i .permission-popup__name, i .e-avatar-list__counter, i .e-avatar-list__label, i .e-people-list-sidebar__main-header, i .e-chat__username, .font-italic .font-semibold, .font-italic .e-form-label--title .only-label, .e-form-label--title .font-italic .only-label, .font-italic .statistics-live-counter, .font-italic .permission-popup__name, .font-italic .e-avatar-list__counter, .font-italic .e-avatar-list__label, .font-italic .e-people-list-sidebar__main-header, .font-italic .e-chat__username {
  font-family: 'robotomedium_italic', sans-serif; }

.padding10 {
  padding: 10px; }

.padding-20-15 {
  padding: 20px 15px; }

.bottom10 {
  padding-bottom: 10px; }

.bottom20 {
  padding-bottom: 20px; }

.bottom30 {
  padding-bottom: 30px; }

.top5 {
  padding-top: 5px; }

.top10 {
  padding-top: 10px; }

.top20 {
  padding-top: 20px; }

.top22 {
  padding-top: 22px; }

.top25 {
  padding-top: 25px; }

.left10 {
  padding-left: 10px; }

.left15 {
  padding-left: 15px; }

.left20 {
  padding-left: 20px; }

.right10 {
  padding-right: 10px; }

.mar-bottom0 {
  margin-bottom: 0; }

.mar-bottom5 {
  margin-bottom: 5px; }

.mar-bottom8 {
  margin-bottom: 8px; }

.mar-bottom10 {
  margin-bottom: 10px !important; }

.mar-bottom15 {
  margin-bottom: 15px !important; }

.mar-bottom20 {
  margin-bottom: 20px !important; }

.mar-bottom25 {
  margin-bottom: 25px !important; }

.mar-bottom40 {
  margin-bottom: 40px; }

.margin-left-30 {
  margin-left: 30px; }

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

.margin-left-16 {
  margin-left: 16px; }

.margin-left-12 {
  margin-left: 12px; }

.margin-left-10 {
  margin-left: 10px; }

.margin-left-3 {
  margin-left: 3px; }

.margin-left-neg-10 {
  margin-left: -10px; }

.margin-left-neg-20 {
  margin-left: -20px; }

.margin-top-3 {
  margin-top: 3px; }

.margin-top-6 {
  margin-top: 6px; }

.margin-top-9 {
  margin-top: 9px; }

.margin-top-10 {
  margin-top: 10px; }

.margin-top-20 {
  margin-top: 20px; }

.margin-top-30 {
  margin-top: 20px; }

.margin-top-100 {
  margin-top: 100px; }

.margin-top-80 {
  margin-top: 80px; }

.margin-top-neg-2 {
  margin-top: -2px; }

.margin-top-neg-10 {
  margin-top: -10px; }

.margin-top-neg-15 {
  margin-top: -15px; }

.margin-top-neg-20 {
  margin-top: -20px; }

.margin-rgt-3 {
  margin-right: 3px; }

.margin-rgt-5 {
  margin-right: 5px; }

.margin-rgt-10 {
  margin-right: 10px; }

.margin-rgt-13 {
  margin-right: 13px; }

.margin-rgt-20 {
  margin-right: 20px; }

.margin-rgt-50 {
  margin-right: 50px; }

.width100pc {
  width: 100% !important; }

.width100 {
  width: 100px !important; }

.width70 {
  width: 70px !important; }

.no-float {
  width: 100%;
  clear: both;
  float: none !important;
  font-size: 0; }

.txt-red {
  color: red !important; }

.txt-green {
  color: green !important; }

.txt-light-gray {
  color: #909090 !important; }

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

.font-size-12, .education-content-faculty, .education-dates, .education-content-description, .permission-set__item__name__description {
  font-size: 12px; }

.font-size-15 {
  font-size: 15px; }

.lowercase {
  text-transform: lowercase; }

.hidden-fields {
  width: 1px;
  height: 1px;
  font-size: 0;
  line-height: 0;
  overflow: hidden; }

.display-none {
  display: none; }

.display-table {
  display: table; }

.display-table-cell {
  display: table-cell; }

i.i-display-inline:before {
  display: inline; }

.valign-middle {
  vertical-align: middle; }

.pos-relative {
  position: relative; }

.no-wrap {
  white-space: nowrap; }

.wrap-normal {
  white-space: normal; }

.hide {
  display: none; }

select option[disabled] {
  color: #cccccc; }

.wrap-any-text {
  white-space: pre;
  /* CSS 2.0 */
  white-space: pre-wrap;
  /* CSS 2.1 */
  white-space: pre-line;
  /* CSS 3.0 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  white-space: -moz-pre-wrap;
  /* Mozilla */
  white-space: -hp-pre-wrap;
  /* HP Printers */
  word-wrap: break-word;
  /* IE 5+ */ }

.hd-with-line {
  background: transparent url("/Content/tms/_img/bg-line.png") repeat-x 0 9px;
  padding: 0 0 0 5px;
  margin: 0 0 5px 0; }
  .hd-with-line .hd {
    background-color: #ffffff;
    display: inline;
    color: #7b7b7b;
    text-transform: uppercase;
    font-size: 11px;
    padding: 0 10px 0 5px;
    margin: 0; }

.gray-hd {
  background-color: #f6f6f6;
  font-size: 11px;
  font-weight: normal;
  text-transform: uppercase;
  color: #7b7b7b;
  clear: both;
  padding: 9px 10px;
  margin: 0 0 20px 0; }
  .gray-hd .actions {
    float: right; }

.border-box {
  padding: 10px;
  border: 1px solid #E7E7E7; }

.hd-light-20 {
  font-size: 20px;
  padding-bottom: 5px;
  margin: 0 0 10px 0;
  border-bottom: solid 2px #f3f3f3;
  color: #3d5569; }
  .hd-light-20.no-bottom-border {
    border-bottom-width: 0; }
  .hd-light-20.no-bottom-margin {
    margin-bottom: 0; }
  .hd-light-20.bottom20 {
    margin-bottom: 20px; }
  .hd-light-20 .small-link {
    font-size: 11px;
    color: #1c9cd8;
    float: right;
    white-space: nowrap;
    margin-top: 7px; }

.hd-light-14 {
  font-size: 14px;
  padding-bottom: 5px;
  margin: 0 0 10px 0;
  border-bottom: solid 1px #f3f3f3;
  color: #5f656d; }
  .hd-light-14.no-bottom-border {
    border-bottom-width: 0; }
  .hd-light-14.no-bottom-margin {
    margin-bottom: 0; }

.hd-bold-with-icon {
  font-size: 12px;
  color: #5f656d;
  margin: 0 0 10px 0;
  padding: 0; }
  .hd-bold-with-icon.no-bottom {
    margin-bottom: 0; }
  .hd-bold-with-icon i:before {
    font-size: 16px;
    margin: 0 5px 0 0;
    color: #bcbebf; }

.hd-bold-with-icon--with-link {
  margin: 0; }

.stripped-bg {
  background: transparent url("/Content/tms/_img/bg-strips.png") repeat 0 0; }

.gray-hd-with-triangle {
  display: inline-block;
  padding: 5px 20px 5px 10px;
  margin: 0;
  min-width: 150px;
  background: transparent url("/Content/tms/_img/bg-gray-hd-with-triangle.png") no-repeat 100% 0;
  color: #ffffff;
  font-size: 13px; }

.img-thumbnail-container {
  padding: 10px;
  border: solid 1px #d0d0d0;
  background-color: #f4f4f4;
  border-radius: 2px;
  display: inline-block; }

.simple-list {
  clear: both;
  margin: 0;
  padding: 0; }
  .simple-list li {
    clear: both;
    list-style-type: disc;
    margin: 0 0 7px 30px;
    padding: 0; }

.open-question-answer {
  list-style-type: none !important;
  margin-top: -17px; }

.open-question-answer:before {
  content: "•";
  font-size: 140%;
  /* or whatever */
  padding-right: 5px;
  margin-top: -3px;
  margin-left: -15px;
  position: absolute;
  font-family: Arial; }

.main-hd {
  background-color: #ffffff;
  color: #3d5569;
  font-size: 18px;
  padding: 15px;
  margin: 0; }

.vertical-bar {
  background-color: #f0efef;
  width: 160px;
  height: 8px;
  border-radius: 4px;
  font-size: 0;
  line-height: 0; }

.vertical-bar__inside {
  height: 100%;
  font-size: 0;
  line-height: 0;
  background-color: #5ebd5e;
  border-radius: 4px; }

.vertical-bar__inside--gray {
  background-color: #c1c1c1; }

.floatBox {
  float: left; }

.date-box i {
  color: #7dbcdc;
  font-size: 20px; }

.date-box--grey-icon i {
  color: #bcbebf; }

.date-box input {
  max-width: 160px; }

.hour-box {
  float: left; }
  .hour-box i {
    color: #bcbebf;
    font-size: 20px; }

.fill-questionnairy .description-box {
  max-width: 800px; }

.x-axis-label {
  font-size: 11px; }

.download-report-link {
  font-size: 24px;
  margin: 0 10px 0 0;
  border: solid 1px #dcdcdc; }
  .download-report-link:hover {
    text-decoration: none; }

.inf-scroll-loading-container {
  background-color: transparent; }

.inf-scroll-loading-container--wall {
  padding: 15px;
  width: 720px; }

.popover-title {
  color: #5f646a; }

/* nadpisanie bootstrapowych styli */
/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
label {
  font-weight: normal;
  display: inline;
  margin-bottom: 0; }

.radio, .checkbox {
  margin: 0;
  min-height: 10px; }

.radio + .radio, .checkbox + .checkbox {
  margin: 0; }

input[type="radio"], input[type="checkbox"] {
  margin-top: 3px; }

.cb-list .radio, .cb-list .checkbox {
  margin-bottom: 10px; }

.form-horizontal .radio {
  width: auto;
  float: left; }

.form-horizontal .margin-rgt-20 {
  margin-right: 20px; }

.dropdown-menu {
  border-radius: 0;
  padding: 0; }

hr {
  border-color: #f3f3f3;
  clear: both; }
  hr.only-bottom-margin {
    margin: 0 0 10px 0; }
  hr.no-bottom-margin {
    margin-bottom: 0; }
  hr.mar-10 {
    margin: 10px 0; }

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

.help-block {
  color: #7b7b7b;
  margin-bottom: 0; }
  .help-block.small {
    font-size: 12px; }
  .help-block.margin-bottom-10 {
    margin-bottom: 10px; }

.table {
  clear: both;
  font-size: 12px; }
  .table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td {
    vertical-align: middle;
    border-color: #f4f5f7;
    padding: 20px; }
  .table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th {
    border-top-width: 0;
    padding: 5px 20px;
    background-color: #fbfbfb;
    font-size: 11px;
    color: #7b7b7b;
    font-weight: normal;
    text-transform: uppercase; }

.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) th {
  background-color: #fdfdfe; }

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

.table-hover tbody > tr.clickablePreviewVacation:hover > th, .table-hover tbody > tr.clickablePreviewVacation:hover > td {
  cursor: pointer; }

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

.table-striped > tbody > tr.without-hover:nth-child(2n+1) > td, .table-striped > tbody > tr.without-hover:nth-child(2n+1) > th {
  background-color: #fbfbfb; }

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

.table-condensed thead > tr > th, .table-condensed tbody > tr > th, .table-condensed tfoot > tr > th {
  padding: 5px 10px; }

.table tbody > tr > td.align-top, .table-condensed tbody > tr > td.align-top {
  vertical-align: top; }

.table tbody > tr > td.align-right {
  text-align: right; }

.table-clean thead > tr > th, .table-clean tbody > tr > th, .table-clean tfoot > tr > th, .table-clean thead > tr > td, .table-clean tbody > tr > td, .table-clean tfoot > tr > td {
  padding: 3px 5px;
  border-width: 0; }

.table-clean > tbody > tr:nth-child(2n+1) > td, .table-clean > tbody > tr:nth-child(2n+1) > th {
  background-color: #fdfdfd; }

.btn, .btn-file-upload .select-file-box a {
  font-size: 12px;
  border-radius: 0;
  border: solid 1px #dcdcdc;
  outline-width: 0;
  box-shadow: #d5e1e2 0 0 5px;
  padding: 3px 10px;
  outline-offset: 0;
  outline-width: 0; }
  .btn.small, .btn-file-upload .select-file-box a.small {
    padding: 3px 9px 2px 9px;
    font-size: 11px; }
  .btn.big, .btn-file-upload .select-file-box a.big {
    padding: 16px 30px;
    font-size: 20px; }
  .btn:focus, .btn-file-upload .select-file-box a:focus, .btn:hover, .btn-file-upload .select-file-box a:hover {
    outline-offset: 0;
    outline-width: 0; }

.btn--no-shadow {
  box-shadow: none !important;
  border: 0 !important;
  border-radius: 5px !important;
  padding: 7px 5px 6px 5px !important; }
  .btn--no-shadow i {
    padding: 3px 2px 3px 5px; }

.btn-group, .btn-group-vertical {
  position: static; }

.btn-group.open, .btn-group-vertical.open {
  position: relative; }

.btn-gray {
  color: #eef6f7;
  box-shadow: #aeb2ba 0 1px 1px 0 inset, #d5e1e2 0 0 5px;
  border-color: #7f848d;
  background-color: #6f747e;
  background: -webkit-gradient(linear, left top, left bottom, from(#8a919c), to(#52575f));
  background: -webkit-linear-gradient(top, #8a919c, #52575f);
  background: -moz-linear-gradient(top, #8a919c, #52575f);
  background: -ms-linear-gradient(top, #8a919c, #52575f);
  background: -o-linear-gradient(top, #8a919c, #52575f); }
  .btn-gray:active, .btn-gray:focus {
    color: #eef6f7;
    box-shadow: #aeb2ba 0 1px 1px 0 inset, #d5e1e2 0 0 5px;
    border-color: #7f848d;
    background-color: #6f747e;
    background: -webkit-gradient(linear, left top, left bottom, from(#8a919c), to(#52575f));
    background: -webkit-linear-gradient(top, #8a919c, #52575f);
    background: -moz-linear-gradient(top, #8a919c, #52575f);
    background: -ms-linear-gradient(top, #8a919c, #52575f);
    background: -o-linear-gradient(top, #8a919c, #52575f); }
  .btn-gray:hover {
    color: #ffffff;
    background-color: #565b63;
    background: -webkit-gradient(linear, left top, left bottom, from(#52575f), to(#8a919c));
    background: -webkit-linear-gradient(top, #52575f, #8a919c);
    background: -moz-linear-gradient(top, #52575f, #8a919c);
    background: -ms-linear-gradient(top, #52575f, #8a919c);
    background: -o-linear-gradient(top, #52575f, #8a919c); }

.btn-green {
  color: #ffffff;
  box-shadow: #a6c36d 0 1px 1px 0 inset;
  border-color: #98b75c;
  text-shadow: 1px 1px 1px #658732;
  background-color: #92af59;
  background: -webkit-gradient(linear, left top, left bottom, from(#9ab95d), to(#849f53));
  background: -webkit-linear-gradient(top, #9ab95d, #849f53);
  background: -moz-linear-gradient(top, #9ab95d, #849f53);
  background: -ms-linear-gradient(top, #9ab95d, #849f53);
  background: -o-linear-gradient(top, #9ab95d, #849f53); }
  .btn-green:active, .btn-green:focus {
    color: #ffffff;
    box-shadow: #a6c36d 0 1px 1px 0 inset;
    border-color: #98b75c;
    text-shadow: 1px 1px 1px #658732;
    background-color: #92af59;
    background: -webkit-gradient(linear, left top, left bottom, from(#9ab95d), to(#849f53));
    background: -webkit-linear-gradient(top, #9ab95d, #849f53);
    background: -moz-linear-gradient(top, #9ab95d, #849f53);
    background: -ms-linear-gradient(top, #9ab95d, #849f53);
    background: -o-linear-gradient(top, #9ab95d, #849f53); }
  .btn-green:hover {
    color: #ffffff;
    background-color: #849f53;
    background: -webkit-gradient(linear, left top, left bottom, from(#849f53), to(#9ab95d));
    background: -webkit-linear-gradient(top, #849f53, #9ab95d);
    background: -moz-linear-gradient(top, #849f53, #9ab95d);
    background: -ms-linear-gradient(top, #849f53, #9ab95d);
    background: -o-linear-gradient(top, #849f53, #9ab95d); }

.btn-orange {
  color: #ffffff;
  box-shadow: #ffaf6f 0 1px 1px 0 inset;
  border-color: #ff8c2f;
  text-shadow: 1px 1px 1px #ff8c2f;
  background-color: #ffa053;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffaf6f), to(#ff8c2f));
  background: -webkit-linear-gradient(top, #ffaf6f, #ff8c2f);
  background: -moz-linear-gradient(top, #ffaf6f, #ff8c2f);
  background: -ms-linear-gradient(top, #ffaf6f, #ff8c2f);
  background: -o-linear-gradient(top, #ffaf6f, #ff8c2f); }
  .btn-orange:active, .btn-orange:focus {
    color: #ffffff;
    box-shadow: #ffaf6f 0 1px 1px 0 inset;
    border-color: #ff8c2f;
    text-shadow: 1px 1px 1px #ff8c2f;
    background-color: #ffa053;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffaf6f), to(#ff8c2f));
    background: -webkit-linear-gradient(top, #ffaf6f, #ff8c2f);
    background: -moz-linear-gradient(top, #ffaf6f, #ff8c2f);
    background: -ms-linear-gradient(top, #ffaf6f, #ff8c2f);
    background: -o-linear-gradient(top, #ffaf6f, #ff8c2f); }
  .btn-orange:hover {
    color: #ffffff;
    background-color: #ffa053;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8c2f), to(#ffaf6f));
    background: -webkit-linear-gradient(top, #ff8c2f, #ffaf6f);
    background: -moz-linear-gradient(top, #ff8c2f, #ffaf6f);
    background: -ms-linear-gradient(top, #ff8c2f, #ffaf6f);
    background: -o-linear-gradient(top, #ff8c2f, #ffaf6f); }

.btn-white {
  background-color: #ffffff;
  color: #5f656d; }
  .btn-white:hover {
    background-color: #ebf1f1;
    color: #5f656d; }
  .btn-white i:before {
    color: #bcbebf; }

.btn-light-gray-round {
  background-color: #edeeee;
  color: #3d5569;
  border-radius: 3px;
  box-shadow: rgba(169, 177, 184, 0.75) 2px 2px 3px;
  /*box-shadow: 2px 2px 3px #a9b1b7;*/
  border-color: #edeeef #a9b1b7 #a9b1b7 #a9b1b7; }
  .btn-light-gray-round:hover {
    background-color: #ebf1f1;
    color: #3d5569; }

.btn.small.btn-back-global, .btn-file-upload .select-file-box a.small.btn-back-global {
  padding-left: 5px; }

.btn.no-shadow, .btn-file-upload .select-file-box a.no-shadow {
  box-shadow: none; }

.btn-link {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
  padding-left: 0;
  padding-right: 0; }
  .btn-link.gray {
    color: #535353; }

.link-with-icon {
  font-size: 11px;
  white-space: nowrap;
  color: #1c9cd8;
  padding: 1px 5px;
  display: inline-block; }

button.link-with-icon {
  background-color: transparent;
  background-image: none;
  border-width: 0; }

.link-with-icon i:before {
  margin: 0 2px 0 0;
  font-size: 14px; }

.link-with-icon:hover {
  background-color: #1c9cd8;
  color: #ffffff;
  text-decoration: none; }

.link-only-icon {
  font-size: 0;
  display: inline-block;
  padding: 0;
  margin: 0;
  color: #1c9cd8; }

button.link-only-icon {
  background-color: transparent;
  background-image: none;
  border-width: 0; }

.link-only-icon i:before {
  margin: 0;
  font-size: 11px; }

.link-only-icon.red-x {
  color: #f4999e !important; }
  .link-only-icon.red-x i:before {
    font-size: 20px;
    color: #f4999e !important; }

.btn-icon {
  padding: 5px 0;
  display: inline-block;
  vertical-align: top; }
  .btn-icon.left-border {
    border-left: solid 1px #c0ccce; }
  .btn-icon [class^="icon-"]:before, .btn-icon [class*=" icon-"]:before {
    font-size: 22px;
    line-height: 22px;
    color: #61666f;
    margin: 0 10px 0 15px; }
  .btn-icon:hover {
    color: #fff;
    text-decoration: none; }
    .btn-icon:hover [class^="icon-"]:before, .btn-icon:hover [class*=" icon-"]:before {
      color: #fff;
      text-decoration: none; }

.btn [class^="icon-"]:before, .btn-file-upload .select-file-box a [class^="icon-"]:before, .btn [class*=" icon-"]:before, .btn-file-upload .select-file-box a [class*=" icon-"]:before {
  margin-left: 0;
  margin-right: 5px;
  font-size: 18px;
  vertical-align: bottom; }

.btn.small [class^="icon-"]:before, .btn-file-upload .select-file-box a.small [class^="icon-"]:before, .btn.small [class*=" icon-"]:before, .btn-file-upload .select-file-box a.small [class*=" icon-"]:before {
  margin-right: 6px;
  font-size: 14px;
  vertical-align: top; }

.btn.big [class^="icon-"]:before, .btn-file-upload .select-file-box a.big [class^="icon-"]:before, .btn.big [class*=" icon-"]:before, .btn-file-upload .select-file-box a.big [class*=" icon-"]:before {
  margin-right: 10px;
  font-size: 20px;
  vertical-align: baseline; }

/*.btn.small.btn-back-global [class^="icon-"]:before,
.btn.small.btn-back-global [class*=" icon-"]:before {margin-right: 0}*/
.icon-circle {
  display: inline-block;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -khtml-border-radius: 50%; }

.btn-xxl {
  background-color: #f6f6f6;
  border-width: 0;
  border-top: solid 5px #e5e6e7;
  background-image: none;
  padding: 15px;
  height: 65px;
  line-height: 30px;
  display: inline-block;
  font-size: 14px;
  color: #5f656d;
  text-transform: uppercase;
  text-align: left; }
  .btn-xxl i:before {
    color: #e5e6e7;
    margin: 0 5px 0 -7px;
    font-size: 30px;
    height: 30px;
    vertical-align: middle;
    display: inline-block; }
  .btn-xxl.middle {
    text-align: center; }
  .btn-xxl.right {
    text-align: right; }
    .btn-xxl.right i:before {
      margin: 0 -7px 0 5px; }
  .btn-xxl.btn-start {
    background-color: #ffffff;
    border-top: solid 5px #405a6f;
    color: #5f656d; }
    .btn-xxl.btn-start i:before {
      color: #5f656d; }
    .btn-xxl.btn-start:hover {
      background-color: #fffcf7; }
  .btn-xxl:hover {
    text-decoration: none;
    background-color: #ffffff;
    border-color: #ff9137;
    color: #5f656d; }
    .btn-xxl:hover i:before {
      color: #5f656d; }

.bootstrap-timepicker-widget table td input {
  padding-left: 0;
  padding-right: 0;
  width: 30px;
  float: none;
  display: inline-block; }

.sliderDarkGreen .ui-slider-range {
  background: #62be61;
  filter: none;
  border: 1px solid #62be61; }

.label {
  border-radius: 3px;
  padding: .2em .5em; }

.label-danger {
  background-color: #e41919; }

.popover-content {
  font-size: 12px; }

.popover--costs {
  max-width: 400px; }

.popover--permissions {
  width: 235px; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
/* custom multiselect */
.chzn-container-multi {
  width: 100% !important; }
  .chzn-container-multi .chzn-choices {
    background-image: none;
    border-color: #dcdcdc;
    width: 94%; }

.admin-view .select2-container-multi {
  background-image: none;
  border-color: #dcdcdc;
  width: 94%; }
  .admin-view .select2-container-multi .select2-choices {
    background-image: none;
    border: solid 1px #dcdcdc;
    color: #525252;
    background-color: #fff;
    box-shadow: none;
    -moz-box-shadow: none; }

.select2-container-multi .select2-choices {
  border: solid 1px #dcdcdc;
  background-image: none; }

.select2-results .select2-no-results {
  border: none;
  background-image: none; }

.chzn-container-multi.chzn-container-active .select2-container .chzn-choices {
  box-shadow: none; }

.chzn-container-multi .chzn-choices .search-field {
  min-width: 200px; }
  .chzn-container-multi .chzn-choices .search-field input {
    padding: 0 9px;
    height: 28px;
    width: 100% !important;
    font-size: 14px; }

.select2-container-multi .select2-choices .select2-search-field {
  width: 100%;
  padding-right: 10px; }
  .select2-container-multi .select2-choices .select2-search-field input {
    padding: 0 9px;
    height: 20px;
    width: 100% !important;
    font-size: 12px;
    font-family: 'robotolight', sans-serif; }

.select2-container-multi .select2-choices {
  min-height: 25px; }

.chzn-container-multi .chzn-choices .search-choice {
  background-image: none;
  background-color: #f4f4f4;
  border-color: #d0d0d0;
  border-radius: 2px;
  box-shadow: none;
  padding: 2px 18px 3px 9px; }

.admin-view .select2-container-multi .select2-choices .select2-search-choice {
  background-image: none;
  background-color: #f4f4f4;
  border-color: #d0d0d0;
  border-radius: 2px;
  box-shadow: none;
  padding: 2px 18px 3px 9px;
  padding-top: 0;
  padding-bottom: 0; }

.select2-container-multi .select2-choices .select2-search-field .chzn-container-multi .chzn-choices .search-choice > span {
  border-right: solid 1px #d0d0d0;
  padding: 1px 9px 1px 0;
  line-height: 1;
  font-size: 11px; }

.admin-view .select2-container-multi .select2-choices .select2-search-choice > div {
  border-right: solid 1px #d0d0d0;
  padding: 3px 9px 1px 0;
  line-height: 1;
  font-size: 11px;
  padding-bottom: 6px; }

.chzn-container-multi .chzn-choices .search-choice .search-choice-close {
  top: 4px; }

.admin-view .select2-container-multi .select2-search-choice-close {
  background: url("/Content/chosen/_img/chosen-sprite.png") no-repeat scroll right top transparent;
  font-size: 1px;
  height: 13px;
  right: 3px;
  left: auto;
  top: 4px;
  width: 12px; }

.chzn-container-multi .chzn-drop {
  width: 94% !important; }

.admin-view .select2-drop {
  border-color: #dcdcdc;
  margin-top: -1px; }

.admin-view .select2-results {
  margin: 0;
  padding: 0; }
  .admin-view .select2-results .select2-highlighted {
    background-color: #f4f6f9;
    color: #61666c; }

.chzn-container-single {
  width: 100% !important;
  font-size: 14px;
  color: #535353; }
  .chzn-container-single .chzn-single {
    background-image: none;
    filter: none;
    border-color: #dcdcdc;
    width: 94%;
    box-shadow: none;
    border-radius: 0;
    padding: 5px 0 5px 13px;
    height: 32px;
    color: #525252; }
    .chzn-container-single .chzn-single span {
      line-height: 22px; }
    .chzn-container-single .chzn-single div {
      top: 3px;
      right: 8px; }
  .chzn-container-single.chzn-container-active .chzn-single-with-drop {
    background-color: #ffffff; }
  .chzn-container-single .chzn-drop {
    border-color: #dcdcdc;
    box-shadow: none;
    border-radius: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box; }
    .chzn-container-single .chzn-drop:before, .chzn-container-single .chzn-drop:after {
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
      box-sizing: content-box; }
  .chzn-container-single .chzn-search input {
    background: white url("/Content/tms/_img/icon-search.png") no-repeat 99% 8px;
    padding-right: 25px; }
  .chzn-container-single .chzn-results .group-result {
    font-weight: bold;
    color: #000000; }

.select2-container .select2-choice abbr {
  top: 5px; }

/* custom jquery ui */
/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.ui-datepicker {
  border-color: #797e87;
  border-radius: 0;
  background: #ffffff none no-repeat 0 0;
  padding: 20px;
  width: 20em;
  -webkit-box-shadow: 0 0 5px #c2c2c2;
  box-shadow: 0 0 5px #c2c2c2;
  z-index: 999 !important; }

.ui-datepicker--light-border {
  border-color: #ddd; }

.ui-datepicker-calendar {
  border: solid 1px #dcdcdc;
  border-width: 1px 0 0 1px;
  margin: 0; }

.ui-datepicker .ui-datepicker-header {
  border-radius: 0;
  border-width: 0;
  background: transparent none no-repeat 0 0;
  padding: 0;
  margin: 0 0 20px 0; }

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  width: 19px;
  height: 26px;
  top: 0;
  border-radius: 0;
  border-width: 0;
  background: transparent none no-repeat 0 0; }

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-prev-hover {
  left: 0; }

.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-next-hover {
  right: 0; }

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
  opacity: 0.8; }

.ui-datepicker .ui-datepicker-prev .ui-icon, .ui-datepicker .ui-datepicker-next .ui-icon {
  width: 19px;
  height: 26px;
  background: transparent url("/Content/tms/_img/sprite.png") no-repeat 0 0; }

.ui-datepicker .ui-datepicker-prev .ui-icon {
  background-position: -135px 0; }

.ui-datepicker .ui-datepicker-next .ui-icon {
  background-position: -154px 0; }

.ui-datepicker .ui-datepicker-title {
  margin: 0 30px; }
  .ui-datepicker .ui-datepicker-title select {
    font-size: 12px;
    margin: 5px 0 0 0;
    padding: 2px 5px;
    height: 26px;
    text-align: left; }

.ui-datepicker select.ui-datepicker-month {
  margin-right: 10px;
  width: 55%; }

.ui-datepicker select.ui-datepicker-year {
  width: 40%; }

.ui-datepicker table {
  font-size: 12px;
  color: #525252;
  margin-bottom: 0; }

.ui-datepicker td, .ui-datepicker th {
  padding: 0;
  font-weight: normal; }

.ui-datepicker td span, .ui-datepicker td a {
  padding: 10px;
  text-align: center;
  display: block;
  border: solid 1px #dcdcdc;
  border-width: 0 1px 1px 0; }

.ui-datepicker th span, .ui-datepicker th a {
  padding: 10px;
  text-align: center;
  display: block;
  border: solid 1px #dcdcdc;
  border-width: 0 1px 1px 0; }

.ui-datepicker .ui-state-default, .ui-datepicker.ui-widget-content .ui-state-default, .ui-datepicker .ui-widget-header .ui-state-default {
  color: #525252;
  font-size: 12px;
  border-width: 0 1px 1px 0;
  background: #fafafa none no-repeat 0 0; }

.ui-datepicker .ui-state-focus, .ui-datepicker.ui-widget-content .ui-state-hover, .ui-datepicker .ui-widget-header .ui-state-hover, .ui-datepicker .ui-state-focus, .ui-datepicker.ui-widget-content .ui-state-focus, .ui-datepicker .ui-widget-header .ui-state-focus .ui-datepicker .ui-state-active, .ui-datepicker.ui-widget-content .ui-state-active, .ui-datepicker .ui-widget-header .ui-state-active, .ui-datepicker .ui-state-highlight, .ui-datepicker.ui-widget-content .ui-state-highlight, .ui-datepicker .ui-widget-header .ui-state-highlight {
  border-color: #dcdcdc; }

.ui-datepicker.ui-widget-content td.ui-datepicker-week-end span, .ui-datepicker.ui-widget-content td.ui-datepicker-week-end a {
  background-color: #ffffff;
  color: #d6d6d6; }

.ui-datepicker .ui-state-disabled, .ui-datepicker.ui-widget-content .ui-state-disabled, .ui-datepicker .ui-widget-header .ui-state-disabled {
  opacity: 1; }

.ui-datepicker .ui-state-disabled span, .ui-datepicker .ui-state-disabled a {
  color: #9c9c9c;
  background-color: #f0f0f0; }

.ui-datepicker.ui-widget-content td.ui-state-disabled span, .ui-datepicker.ui-widget-content td.ui-state-disabled a {
  color: #9c9c9c;
  background-color: #f0f0f0; }

.ui-datepicker .ui-widget-header td.ui-state-disabled span, .ui-datepicker .ui-widget-header td.ui-state-disabled a {
  color: #9c9c9c;
  background-color: #f0f0f0; }

.ui-datepicker.ui-widget-content .ui-datepicker-current-day .ui-state-default {
  /*background-color: #dbdbdb;
      -webkit-box-shadow: 0 0 5px #bababa inset;
      box-shadow: 0 0 5px #bababa inset;*/ }

.ui-datepicker.ui-widget-content .ui-datepicker-today a, .ui-datepicker.ui-widget-content .ui-datepicker-today span {
  /*background-color: #eeeeee;*/
  border: 1px solid #FF7800; }

.ui-datepicker-multi {
  width: 660px !important;
  padding: 0;
  border-width: 0;
  box-shadow: none; }

.ui-datepicker-condensed .ui-datepicker {
  background-color: transparent; }

.ui-datepicker-condensed .ui-datepicker-group {
  margin: 0 0 20px 30px;
  height: 240px;
  width: 188px; }
  .ui-datepicker-condensed .ui-datepicker-group table {
    margin-bottom: 0; }

.ui-datepicker-condensed .ui-datepicker-header {
  margin-bottom: 10px;
  font-weight: normal;
  color: #525252;
  font-size: 14px;
  background-color: #f9f9f9;
  padding: 5px 0; }

.ui-datepicker-condensed .ui-datepicker-title {
  margin: 0;
  line-height: 1.3; }

.ui-datepicker-condensed .ui-datepicker-prev, .ui-datepicker-condensed .ui-datepicker-next {
  display: none; }

.ui-datepicker-condensed .ui-state-default, .ui-datepicker-condensed .ui-widget-content .ui-state-default, .ui-datepicker-condensed .ui-widget-header .ui-state-default {
  font-size: 11px;
  background-color: #ffffff; }

.ui-datepicker-condensed td span, .ui-datepicker-condensed td a {
  padding: 5px;
  border-color: #f3f3f3; }

.ui-datepicker-condensed th span, .ui-datepicker-condensed th a {
  padding: 5px;
  margin: 0;
  border-color: #f3f3f3; }

.ui-datepicker-condensed .ui-datepicker-calendar, .ui-datepicker-condensed .ui-state-default, .ui-datepicker-condensed .ui-widget-content .ui-state-active {
  border-color: #f3f3f3; }

.ui-datepicker-condensed th span, .ui-datepicker-condensed th a {
  color: #909090;
  font-size: 11px;
  font-weight: normal; }

.ui-datepicker-condensed .ui-widget-content td.ui-datepicker-week-end.ui-datepicker-week-end--work-day.absenceDay.ui-state-disabled span, .ui-datepicker-condensed .ui-widget-content td.ui-datepicker-week-end.ui-datepicker-week-end--work-day.absenceDay.ui-state-disabled a {
  color: #ffffff;
  background-color: #ffffff;
  box-shadow: none; }

.ui-datepicker-condensed .ui-widget-content td.ui-datepicker-week-end.ui-datepicker-week-end--work-day.absenceDay span, .ui-datepicker-condensed .ui-widget-content td.ui-datepicker-week-end.ui-datepicker-week-end--work-day.absenceDay a {
  color: #525252; }

.ui-datepicker-condensed .ui-widget-content td.ui-datepicker-week-end.ui-datepicker-week-end--work-day.ui-state-disabled span, .ui-datepicker-condensed .ui-widget-content td.ui-datepicker-week-end.ui-datepicker-week-end--work-day.ui-state-disabled a {
  color: #ffffff;
  background-color: #ffffff;
  box-shadow: none; }

.ui-datepicker-condensed .ui-widget-content td.ui-datepicker-week-end.ui-datepicker-week-end--work-day span, .ui-datepicker-condensed .ui-widget-content td.ui-datepicker-week-end.ui-datepicker-week-end--work-day a {
  color: #525252; }

.ui-datepicker-condensed .ui-widget-content td.ui-datepicker-week-end span, .ui-datepicker-condensed .ui-widget-content td.ui-datepicker-week-end a {
  background-color: #ffffff;
  color: #d6d6d6; }

.ui-datepicker-condensed .ui-widget-content td.ui-datepicker-week-end.absenceDay span, .ui-datepicker-condensed .ui-widget-content td.ui-datepicker-week-end.absenceDay a {
  color: #ffffff; }

.ui-datepicker-condensed .ui-widget-content td.ui-datepicker-week-end.alreadyUnselectedDate.ui-datepicker-week-end--work-day span, .ui-datepicker-condensed .ui-widget-content td.ui-datepicker-week-end.alreadyUnselectedDate.ui-datepicker-week-end--work-day a {
  color: #c1c1c1;
  background-color: #a6dfff; }

.ui-datepicker-condensed .ui-widget-content td.ui-datepicker-week-end.alreadyUnselectedDate.ui-datepicker-week-end--work-day.absenceDay span, .ui-datepicker-condensed .ui-widget-content td.ui-datepicker-week-end.alreadyUnselectedDate.ui-datepicker-week-end--work-day.absenceDay a {
  color: #c1c1c1;
  background-color: #a6dfff; }

.ui-datepicker-condensed .ui-widget-content .ui-datepicker-current-day .ui-state-default {
  box-shadow: none; }

.ui-datepicker-condensed .ui-widget-content td.currentPreviewedAbsence span, .ui-datepicker-condensed .ui-widget-content td.currentPreviewedAbsence a {
  background-color: #a6dfff; }

.ui-datepicker-condensed .ui-widget-content td.alreadyUnselectedDate span, .ui-datepicker-condensed .ui-widget-content td.alreadyUnselectedDate a {
  color: #c1c1c1;
  background-color: #a6dfff; }

.ui-datepicker-condensed .ui-widget-header td.currentPreviewedAbsence span, .ui-datepicker-condensed .ui-widget-header td.currentPreviewedAbsence a {
  background-color: #a6dfff; }

.ui-datepicker-condensed .ui-widget-content .currentPreviewedAbsence.ui-datepicker-current-day .ui-state-default, .ui-datepicker-condensed .ui-widget-content td.currentPreviewedAbsence.ui-datepicker-today .ui-state-default {
  background-color: #a6dfff; }

.ui-datepicker-condensed .ui-widget-content .ui-datepicker-today a, .ui-datepicker-condensed .ui-widget-content .ui-datepicker-today span {
  border-color: #ff7800;
  border-width: 1px;
  padding-top: 5px;
  padding-left: 5px;
  background-color: #ffffff; }

.ui-datepicker-condensed .ui-widget-content .ui-datepicker-current-day .ui-state-default, .ui-datepicker-condensed .ui-widget-content .ui-datepicker-today.ui-datepicker-current-day .ui-state-default {
  background-color: #ffffff; }

.ui-datepicker-condensed .ui-widget-content td.ui-state-disabled.ui-datepicker-today a, .ui-datepicker-condensed .ui-widget-content td.ui-state-disabled.ui-datepicker-today span {
  border-color: #f3f3f3;
  border-width: 0 1px 1px 0;
  padding-top: 6px;
  padding-left: 6px; }

.ui-datepicker-condensed .ui-state-disabled span, .ui-datepicker-condensed .ui-state-disabled a {
  color: #ffffff;
  background-color: #ffffff;
  box-shadow: none; }

.ui-datepicker-condensed .ui-widget-content td.ui-state-disabled span, .ui-datepicker-condensed .ui-widget-content td.ui-state-disabled a {
  color: #ffffff;
  background-color: #ffffff;
  box-shadow: none; }

.ui-datepicker-condensed .ui-widget-header td.ui-state-disabled span, .ui-datepicker-condensed .ui-widget-header td.ui-state-disabled a {
  color: #ffffff;
  background-color: #ffffff;
  box-shadow: none; }

.ui-datepicker-condensed .ui-widget-content td.ui-state-disabled.ui-datepicker-current-day .ui-state-default {
  color: #ffffff;
  background-color: #ffffff;
  box-shadow: none; }

/*body.admin-view .ui-datepicker-condensed .ui-datepicker-header {color: #444444; background-color: #E7E7E7;}*/
/*
body.admin-view .ui-datepicker-condensed td span,
body.admin-view .ui-datepicker-condensed td a,
body.admin-view .ui-datepicker-condensed th span,
body.admin-view .ui-datepicker-condensed th a,
body.admin-view .ui-datepicker-condensed .ui-datepicker-calendar,
body.admin-view .ui-datepicker-condensed .ui-state-default,
body.admin-view .ui-datepicker-condensed .ui-widget-content .ui-state-active,
body.admin-view .ui-datepicker-condensed .ui-widget-content td.ui-state-disabled.ui-datepicker-today a,
body.admin-view .ui-datepicker-condensed .ui-widget-content td.ui-state-disabled.ui-datepicker-today span {border-color: #E7E7E7;}
*/
.ui-slider {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }
  .ui-slider:before, .ui-slider:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box; }
  .ui-slider * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box; }
    .ui-slider *:before, .ui-slider *:after {
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
      box-sizing: content-box; }

.ui-slider-horizontal--numeric-scale {
  border: none;
  background: #f1f3f5;
  height: 8px; }
  .ui-slider-horizontal--numeric-scale .ui-slider-range {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background: #2597da; }
    .ui-slider-horizontal--numeric-scale .ui-slider-range[width^='100%'] {
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px; }

.ui-datepicker--emplo .ui-datepicker {
  border-width: 0;
  box-shadow: none;
  width: 188px;
  margin: 0 0 0 0;
  padding: 0; }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  border: 0px;
  background: none;
  font-weight: normal;
  color: #1c9cd8;
  border-radius: 0; }
  .ui-state-hover:active, .ui-widget-content .ui-state-hover:active, .ui-widget-header .ui-state-hover:active, .ui-state-focus:active, .ui-widget-content .ui-state-focus:active, .ui-widget-header .ui-state-focus:active {
    outline: 0; }

.ui-menu-item {
  outline: none !important; }

.ui-widget-content {
  outline: 0; }
  .ui-widget-content:active {
    outline: 0; }

/* formularze */
/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.e-bg-dark-grey {
  background-color: #5f656d; }

.e-bg-lighter-grey {
  background-color: #f1f3f5; }

.e-bg-light-grey {
  background-color: #dfe3e9; }

.e-bg-lightest-grey {
  background-color: #faf9f9; }

.e-bg-navy-grey {
  background-color: #5f656d; }

.e-bg-aqua {
  background-color: #dcf3ff; }

.e-bg-white {
  background-color: #fff; }

.e-bg-purple {
  background-color: #a63a64; }

.e-bg-lighten-red {
  background-color: #ff8080; }

.e-bg-concrete-blue {
  background-color: #2598da; }

.e-bg-list-hover-grey {
  background-color: #f4f6f9; }

.e-bg-light-mid-grey {
  background-color: #bbbbbb; }

.bg-dark-grey {
  background-color: #5f656d; }

.bg-lighter-grey {
  background-color: #f1f3f5; }

.bg-light-grey {
  background-color: #dfe3e9; }

.bg-lightest-grey {
  background-color: #faf9f9; }

.bg-navy-grey {
  background-color: #5f656d; }

.bg-aqua {
  background-color: #dcf3ff; }

.bg-white {
  background-color: #fff; }

.e-icon-light-blue-box {
  background-color: white;
  color: #BAD8E9; }
  .e-icon-light-blue-box:before {
    color: #BAD8E9 !important; }

.e-icon-light-green-box {
  background-color: white;
  color: #d8e9ba; }
  .e-icon-light-green-box:before {
    color: #d8e9ba !important; }

.e-icon-light-purple-box {
  background-color: white;
  color: #e9bad8; }
  .e-icon-light-purple-box:before {
    color: #e9bad8 !important; }

.bg-stripped {
  background: transparent url("/Content/tms/_img/bg-strips.png") repeat 0 0; }

/*
    Koniec teł
*/
/*
    Tekstowe
*/
.e-smaller {
  font-size: 10px; }

.e-small {
  font-size: 11px; }

.e-small-date {
  font-size: 10px;
  font-family: "robotoregular", sans-serif;
  line-height: 1em;
  color: #a1a1a1; }

.e-medium {
  font-size: 12px; }

.e-big {
  font-size: 13px; }

.e-bigger {
  font-size: 14px; }

.e-biggest {
  font-size: 16px; }

.e-huge {
  font-size: 18px; }

.e-font-size-10 {
  font-size: 10px; }

.e-font-size-11 {
  font-size: 11px; }

.e-font-size-12 {
  font-size: 12px; }

.e-font-size-13 {
  font-size: 13px; }

.e-font-size-14 {
  font-size: 14px; }

.e-font-size-16 {
  font-size: 16px; }

.e-font-size-18 {
  font-size: 18px; }

.e-font-size-20 {
  font-size: 20px; }

.e-font-size-22 {
  font-size: 22px; }

.e-font-size-24 {
  font-size: 24px; }

.e-font-size-28 {
  font-size: 28px; }

.e-font-size-32 {
  font-size: 32px; }

.e-font-size-36 {
  font-size: 36px; }

.e-font-size-48 {
  font-size: 48px; }

.e-heading-smallest {
  font-size: 20px; }

.e-heading-smaller {
  font-size: 22px; }

.e-heading-medium {
  font-size: 24px; }

.e-heading-big {
  font-size: 28px; }

.e-heading-bigger {
  font-size: 32px; }

.e-heading-biggest {
  font-size: 36px; }

.e-heading--underline {
  padding-bottom: 5px;
  margin: 0 0 10px 0;
  border-bottom: solid 2px #f3f3f3; }

.e-breath-both {
  padding-left: 1em;
  padding-right: 1em; }

.e-breath-left {
  padding-left: 1em; }

.e-breath-right {
  padding-right: 1em; }

.e-underline {
  text-decoration: underline; }

.font-light, .e-form-label, .e-form-label--full, .e-form-label--title, .e-form-label--icon, .e-form-label--empty, .e-form-label--empty--height-15, .page-heading--vacancies, .e-people-picker__filters__list__item label, .e-people-picker__filters__submenu__list__item__span label, .e-people-picker__filters__submenu__list__item__span label a, .e-people-picker__groups-menu__item a, .e-tag--skills, .e-tag--gray, .e-tag--suppliers, .e-list--condensed .e-list__item__type, .e-people-list__item__date, .e-chat__time, .e-people-list__item__description, .e-people-list-sidebar__list__item--active .e-people-list-sidebar__list__item__name, .e-people-list-sidebar__list__item--active .e-people-list-sidebar__list__item__position, .e-people-list-sidebar__list__item__name, .e-people-list-sidebar__list__item__position, .e-chat__message-content, .e-selected-tag__tag {
  font-family: 'robotolight', sans-serif; }

.font-light-italic {
  font-family: 'robotolight_italic', sans-serif; }

.font-bold, .e-people-picker__filters__header-1, .e-people-picker__header__workers, .e-list-table .e-list-table__td__heading, .e-tag .e-tag__number, .e-list .e-list__item__heading, .e-simple-table__item__heading, .e-people-list__item__name, .e-key-results__percentage {
  font-family: 'robotobold', sans-serif;
  font-weight: normal; }

.font-regular, .e-box-title, .e-simple-table--instant-feeback .e-simple-table__item__heading a {
  font-family: 'roboto', sans-serif;
  font-weight: normal; }

.font-medium {
  font-family: 'robotomedium', sans-serif; }

.font-medium-italic {
  font-family: "robotomedium_italic", sans-serif; }

.e-pull-left {
  float: left !important; }

.e-pull-right {
  float: right !important; }

.e-pull-center {
  margin: 0 auto; }

.e-hidden {
  display: none !important; }

.e-visible {
  display: block !important; }

.e-display-table {
  display: table; }

.e-display-table-cell {
  display: table-cell; }

.e-color-black {
  color: #000; }

.e-color-white {
  color: #fff; }

.e-color-grey {
  color: #a1a1a1; }

.e-color-dark-navy {
  color: #3d5569; }

.e-color-dark-grey {
  color: #5f656d; }

.e-color-metalic-grey {
  color: #61666c; }

.e-color-medium-grey {
  color: #797979; }

.e-color-event {
  color: #ffa053; }

.e-color-dark-blue {
  color: #33a6dc; }

.e-color-red {
  color: red; }

.e-color-dark-red {
  color: #b11515; }

.e-color-semi-dark-red {
  color: #c30000; }

.e-color-green {
  color: green; }

.e-color-lighter-green {
  color: #b2dcb2; }

.e-color-light-green {
  color: #5ebd5e; }

.e-color-light-blue {
  color: #7dbcdc; }

.e-color-light-orange {
  color: #fac767; }

.e-color-transparent {
  color: transparent; }

.e-color-concrete-blue {
  color: #2598da; }

.e-color-light-grey {
  color: #dfe3e9; }

.e-color-pink {
  color: #f4989d; }

.e-color-dark-full-grey {
  color: darkFullGrey; }

.e-color-light-mid-grey {
  color: #bbbbbb; }

.e-color-medium-dark-grey {
  color: #666a74; }

.e-color-knowledge-test {
  color: #8baa50; }

.e-color-lightOrage {
  color: #fac767; }

.e-color-dark-orange {
  color: #fe9037; }

.e-pseudo-color-black:before {
  color: #000 !important; }

.e-pseudo-color-black:after {
  color: #000 !important; }

.e-pseudo-color-white:before {
  color: #fff !important; }

.e-pseudo-color-white:after {
  color: #fff !important; }

.e-pseudo-color-grey:before {
  color: #a1a1a1 !important; }

.e-pseudo-color-grey:after {
  color: #a1a1a1 !important; }

.e-pseudo-color-dark-navy:before {
  color: #3d5569 !important; }

.e-pseudo-color-dark-navy:after {
  color: #3d5569 !important; }

.e-pseudo-color-dark-grey:before {
  color: #5f656d !important; }

.e-pseudo-color-dark-grey:after {
  color: #5f656d !important; }

.e-pseudo-color-metalic-grey:before {
  color: #61666c !important; }

.e-pseudo-color-metalic-grey:after {
  color: #61666c !important; }

.e-pseudo-color-medium-grey:before {
  color: #797979 !important; }

.e-pseudo-color-medium-grey:after {
  color: #797979 !important; }

.e-pseudo-color-event:before {
  color: #ffa053 !important; }

.e-pseudo-color-event:after {
  color: #ffa053 !important; }

.e-pseudo-color-dark-blue:before {
  color: #33a6dc !important; }

.e-pseudo-color-dark-blue:after {
  color: #33a6dc !important; }

.e-pseudo-color-red:before {
  color: red !important; }

.e-pseudo-color-red:after {
  color: red !important; }

.e-pseudo-color-dark-red:before {
  color: #b11515 !important; }

.e-pseudo-color-dark-red:after {
  color: #b11515 !important; }

.e-pseudo-color-semi-dark-red:before {
  color: #c30000 !important; }

.e-pseudo-color-semi-dark-red:after {
  color: #c30000 !important; }

.e-pseudo-color-green:before {
  color: green !important; }

.e-pseudo-color-green:after {
  color: green !important; }

.e-pseudo-color-lighter-green:before {
  color: #b2dcb2 !important; }

.e-pseudo-color-lighter-green:after {
  color: #b2dcb2 !important; }

.e-pseudo-color-light-green:before {
  color: #5ebd5e !important; }

.e-pseudo-color-light-green:after {
  color: #5ebd5e !important; }

.e-pseudo-color-light-blue:before {
  color: #7dbcdc !important; }

.e-pseudo-color-light-blue:after {
  color: #7dbcdc !important; }

.e-pseudo-color-light-orange:before {
  color: #fac767 !important; }

.e-pseudo-color-light-orange:after {
  color: #fac767 !important; }

.e-pseudo-color-transparent:before {
  color: transparent !important; }

.e-pseudo-color-transparent:after {
  color: transparent !important; }

.e-pseudo-color-concrete-blue:before {
  color: #2598da !important; }

.e-pseudo-color-concrete-blue:after {
  color: #2598da !important; }

.e-pseudo-color-light-grey:before {
  color: #dfe3e9 !important; }

.e-pseudo-color-light-grey:after {
  color: #dfe3e9 !important; }

.e-pseudo-color-pink:before {
  color: #f4989d !important; }

.e-pseudo-color-pink:after {
  color: #f4989d !important; }

.e-pseudo-color-dark-full-grey:before {
  color: darkFullGrey !important; }

.e-pseudo-color-dark-full-grey:after {
  color: darkFullGrey !important; }

.e-pseudo-color-light-mid-grey:before {
  color: #bbbbbb !important; }

.e-pseudo-color-light-mid-grey:after {
  color: #bbbbbb !important; }

.e-pseudo-color-medium-dark-grey:before {
  color: #666a74 !important; }

.e-pseudo-color-medium-dark-grey:after {
  color: #666a74 !important; }

.e-pseudo-color-knowledge-test:before {
  color: #8baa50 !important; }

.e-pseudo-color-knowledge-test:after {
  color: #8baa50 !important; }

.e-pseudo-color-lightOrage:before {
  color: #fac767 !important; }

.e-pseudo-color-lightOrage:after {
  color: #fac767 !important; }

.e-pseudo-color-dark-orange:before {
  color: #fe9037 !important; }

.e-pseudo-color-dark-orange:after {
  color: #fe9037 !important; }

.e-color-transition {
  -moz-transition: color 0.25s ease-in-out;
  -o-transition: color 0.25s ease-in-out;
  -webkit-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out; }

.e-pseudo-color-black:before {
  color: #000 !important; }

.e-pseudo-color-black:after {
  color: #000 !important; }

.e-pseudo-color-grey:before {
  color: #a1a1a1 !important; }

.e-pseudo-color-grey:after {
  color: #a1a1a1 !important; }

.e-pseudo-color-dark-navy:before {
  color: #3d5569 !important; }

.e-pseudo-color-dark-navy:after {
  color: #3d5569 !important; }

.e-pseudo-color-dark-grey:before {
  color: #5f656d !important; }

.e-pseudo-color-dark-grey:after {
  color: #5f656d !important; }

.e-pseudo-color-metalic-grey:before {
  color: #61666c !important; }

.e-pseudo-color-metalic-grey:after {
  color: #61666c !important; }

.e-pseudo-color-medium-grey:before {
  color: #797979 !important; }

.e-pseudo-color-medium-grey:after {
  color: #797979 !important; }

.e-align-left {
  text-align: left; }

.e-align-center {
  text-align: center; }

.e-align-right {
  text-align: right; }

.e-align-justify {
  text-align: justify; }

.e-page-heading1 {
  font-size: 24px;
  margin: 0;
  padding: 0; }

.e-article-heading {
  font-size: 36px;
  line-height: 1.18;
  margin: 0 0 20px 0;
  color: #3d5569; }
  .e-article-heading--report {
    font-size: 80px; }

.e-report-logo-bottom-space {
  padding-bottom: 200px; }

.e-underscored-heading {
  border-bottom: 1px solid #f1f3f5; }

.e-underscored {
  border-bottom: solid 1px #dcdcdc; }

.e-text-row {
  padding-bottom: 15px; }

/**
    Koniec tekstowych
*/
/**
    Blokowe
*/
.e-inline-block {
  display: inline-block; }

.e-block {
  display: block; }

.e-inline {
  display: inline; }

/** Koniec blokowych 

*/
/*
    Imitacja zachowań innych elementów
*/
.e-link-tag-hover:hover {
  color: #2598da;
  text-decoration: underline;
  cursor: pointer; }

/**
    Komponent ikonki "przyetykietowej"
    Ikonki takie w systemie występują z reguły przy etykietach, nagłowkach, etc.
    np. w SkillsList
*/
.e-label-icon {
  position: relative;
  width: 24px;
  height: 24px;
  padding: 2px;
  margin-right: 5px;
  background-color: #f8f9fa;
  font-size: 14px;
  color: #bcbebf; }

.e-label-icon--breath {
  margin-right: 0.5em; }

.e-label-icon--small {
  font-size: 13px;
  padding: 1px;
  top: 1px;
  width: 16px;
  height: 16px; }

.e-label-icon--medium {
  font-size: 18px;
  padding: 0.15em;
  top: 2px;
  width: 30px;
  height: 30px; }

.e-label-icon--big {
  display: inline-block;
  font-size: 22px;
  padding: 0.2em;
  padding-top: 6px;
  width: 40px;
  height: 40px;
  text-align: center; }

.e-label-icon--big.e-label-icon--enormous {
  font-size: 34px;
  width: 60px;
  height: 60px; }

.e-label-icon--img-size {
  display: inline-block;
  font-size: 32px;
  padding: 0.2em;
  padding-top: 6px;
  width: 44px;
  height: 45px;
  text-align: center; }

.e-label-icon--large {
  font-size: 25px;
  top: 2px; }

.e-label-icon--x-large {
  font-size: 90px;
  top: 0; }

.e-label-icon--box {
  font-size: 20px; }

.e-label-icon--fill {
  display: block;
  width: 100%;
  height: 100%; }

.e-label-icon--dark {
  background-color: #f1f1f4;
  color: #fff; }

.e-label-icon--light {
  background-color: #fff;
  color: #bcbebf; }

.e-label-icon--formultiline {
  float: left; }

.e-label-icon--hoverable:hover, .e-label-icon--hoverable:hover i {
  color: #319ED5; }

.e-phantom-label-icon-margin {
  margin-left: 28px; }

.e-label-icon__foot {
  padding: 0.1em 0.5em;
  position: absolute;
  font-size: 12px;
  right: 0;
  bottom: 0;
  background: blue;
  color: white;
  font-family: "robotolight", sans-serif;
  font-style: normal;
  background: #3e5568; }
  .e-label-icon__foot:hover {
    background: #2598da;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -webkit-transition: 0.2s;
    transition: 0.2s; }

.e-label-icon--rose-bud {
  color: #fff;
  background: #F8AD88; }

.e-label-icon--green {
  color: #5ab55a; }

.e-label-icon--light-blue:before {
  color: #7dbcdc; }

.e-label-icon--blue:before {
  color: #2598da; }

.e-label-icon--disabled {
  color: #a1a1a1; }

.e-label-icon--no-margin::before {
  margin: 0; }

i.e-label-icon--rose-bud:before {
  color: #fff !important; }

.e-label-icon-valign-top:before {
  vertical-align: top; }

.e-label-icon--block {
  display: block;
  top: 0;
  margin: 0; }

.e-label-icon--rotaion-z-90 {
  transform: rotateZ(90deg); }

.e-label-icon--rotate-90:before {
  transform: rotate(90deg); }

/**
    Komponent kółeczka pokazującego status
    Z reguły na prostych listach tabelarycznych
    np. _NotesPartial
    Podpięte też przez extend pod vacancies__status w _vacancies.scss
*/
.e-status-circle {
  display: inline-block;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 16px;
  height: 16px; }

.e-status-circle--em {
  width: 1.6em;
  height: 1.6em;
  line-height: 1.4; }

.e-status-circle--big {
  width: 32px;
  height: 32px; }

.e-status-circle--number {
  border: 1px solid #a1a1a1;
  background: #fff;
  color: #a1a1a1; }

.e-wrapfix, .e-form-content__preview, .e-message__title, .e-comment__content__text {
  -ms-word-break: normal;
  word-break: normal;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  white-space: normal; }

.e-wrapfix--break-all {
  word-break: break-all; }

.e-no-wrap {
  white-space: nowrap; }

.e-circle {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%; }

.e-break-word {
  word-break: break-all;
  word-break: break-word; }

.e-img-repsonsive {
  max-width: 100%;
  height: auto; }

.e-vertical-aligner {
  display: table;
  width: 100%;
  table-layout: fixed; }

.e-vertical-aligner__item {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%; }

.e-relative {
  position: relative; }

.e-absolute {
  position: absolute; }

.e-fixed {
  position: fixed; }

.e-pinned-right {
  right: 0; }

.e-pinned-left {
  left: 0; }

.e-pinned-bottom {
  bottom: 0; }

.e-pinned-top {
  top: 0; }

.e-top-20 {
  top: 20px; }

.e-cutted-text, .e-dropdown-button--searcher .e-dropdown-button__rewrite > a, .e-bookmarked-message__header__title, .e-smart-tooltip {
  /* essential */
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap !important;
  overflow: hidden; }

.e-cut-text-wrapped {
  /* essential */
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden; }

.e-well {
  font-family: "robotoregular", sans-serif;
  font-size: 12px;
  display: block;
  padding: 10px 15px;
  border: 1px solid #a1a1a1;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #faf9f9; }

.e-well--error {
  border-color: #f6afb3;
  background-color: #fbdddf;
  color: #aa0808; }

.e-well--yellow {
  border-color: #f2ecda;
  background-color: #fcf8e2;
  color: #c09853; }

.e-ul--no-marker {
  padding: 0;
  list-style-type: none;
  list-style-position: inside; }

.e-ul--tight {
  padding: 0; }

.e-ul--loose {
  padding-left: 2em; }

.e-ul--disc {
  list-style-type: disc; }

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

.e-ul--inside {
  list-style-position: inside; }

.e-ul__item--with-icon {
  padding-bottom: 10px; }

.e-ul--separate li {
  margin-bottom: 5px; }

.e-ul--separate-large li {
  margin-bottom: 10px; }

.e-ul--floatleft {
  float: left;
  width: 100%; }

.e-cursor-pointer {
  cursor: pointer; }

.e-cursor-auto {
  cursor: auto; }

.e-cursor-move {
  cursor: move; }

.e-remove-button {
  font-size: 16px;
  margin: 0;
  color: #f4989d;
  cursor: pointer; }
  .e-remove-button:hover {
    text-decoration: none;
    color: #f4989d; }

.e-remove-button--tag {
  font-size: 13px; }

.e-remove-button--hoverable:hover {
  color: #db0a0a; }

.e-auto-frame {
  overflow: auto;
  border: 1px solid #dfe3e9; }

.e-overflow-auto {
  overflow: auto; }

.e-overflow-hidden {
  overflow: hidden; }

.e-overflow-x-auto {
  overflow-x: auto; }

.icon--bigger {
  font-size: 1.25em;
  line-height: 0.75em; }

.e-help-icon {
  cursor: pointer;
  color: #5f646a; }
  .e-help-icon:hover {
    text-decoration: none; }

.e-form-content .e-help-icon {
  margin-top: 3px; }

.e-help-icon--light {
  color: #9f9f9f; }

.e-help-icon--active {
  color: #3d5569; }

.e-popover-inner {
  font-size: 12px; }

.e-rank-indicator {
  float: left;
  min-width: 25px;
  margin-right: 5px;
  background: #68b66a;
  color: white;
  font-size: 14px;
  font-family: "robotomedium", sans-serif;
  text-align: center; }

.pull-center, .e-pull-center {
  margin: 0 auto; }

.icon--rounded-none {
  border: solid 1px transparent;
  padding: 2px 2px 4px 2px;
  width: 30px;
  text-align: center;
  display: block !important;
  left: -4px;
  position: relative; }
  .icon--rounded-none:before {
    margin: 3px 0 0 0;
    padding: 0; }
  .icon--rounded-none--paddings {
    padding-left: 15px;
    padding-top: 0; }

.icon--rounded {
  border: solid 1px #ececec;
  background: #fff;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 2px 2px 4px 2px;
  width: 30px;
  text-align: center;
  display: block !important; }
  .icon--rounded:before {
    margin: 3px 0 0 0;
    padding: 0; }

.icon--blue:before {
  color: #7dbcdc; }

.icon--qustion-type:before {
  font-size: 16px;
  margin-right: 8px; }

.e-word-highlight {
  background: #ffff00; }

.reset-weight {
  font-weight: normal; }

.e-uppercase {
  text-transform: uppercase; }

.e-hover-highlight {
  transition: color 0.5s ease-in-out; }
  .e-hover-highlight:hover {
    color: #7dbcdc; }

.e-small-header {
  font-size: 12px;
  font-family: "robotobold", sans-serif;
  text-transform: uppercase; }

.e-light-header {
  display: inline-block;
  font-size: 16px;
  font-family: "robotolight", sans-serif;
  color: #3d5569;
  padding-bottom: 20px; }

.e-fade {
  opacity: 1;
  transition: opacity 0.5s ease-out; }

.e-fade.e-fade--out {
  opacity: 0;
  transition: opacity 0.5s ease-out; }

.e-fade.e-fade--semi-out {
  opacity: 0.5;
  transition: opacity 0.5s ease-out; }

.e-visibility-zero-opacity {
  opacity: 0; }

.e-visibility-hidden {
  visibility: hidden; }

.e-visibility-visible {
  visibility: visible; }

.hd-light-20.hd-light-20--no-underline {
  border-bottom: none; }

.e-hide-bottom-border-last:last-child {
  border-bottom: none; }

.e-come-down {
  transition: top 1s ease-in-out;
  top: -20px; }

.e-come-down--down {
  top: 45px; }

.e-inherit-height {
  height: inherit; }

.e-sticky-card--shadow {
  -moz-box-shadow: 2px 10px 10px -10px #ddd;
  -webkit-box-shadow: 0 2px 10px #ddd;
  box-shadow: 2px 10px 10px -10px #ddd;
  z-index: 2; }

.e-sticky-card {
  z-index: 60;
  padding: 15px 15px 10px;
  background: #fff;
  -moz-transition: top 0.5s ease-in-out;
  -o-transition: top 0.5s ease-in-out;
  -webkit-transition: top 0.5s ease-in-out;
  transition: top 0.5s ease-in-out;
  -moz-box-shadow: 2px 10px 10px -10px #ddd;
  -webkit-box-shadow: 0 2px 10px #ddd;
  box-shadow: 2px 10px 10px -10px #ddd;
  z-index: 2;
  border-bottom: 1px solid #ddd; }
  @media screen and (min-height: 500px) and (min-width: 1266px) {
    .e-sticky-card {
      position: fixed;
      top: -100px; } }
  @media (max-height: 499px), (max-width: 1265px) {
    .e-sticky-card {
      position: static;
      margin-bottom: -100px; } }
  @media (max-height: 499px), (max-width: 1265px) {
    .e-sticky-card.e-sticky-card--summary {
      display: none; } }

.e-light-blue {
  color: #7dbcdc; }

.e-valign-middle {
  vertical-align: middle; }

.e-valign-top {
  vertical-align: top; }

.e-valign-sub {
  vertical-align: sub; }

.e-valign-super {
  vertical-align: super; }

.e-valign-text-top {
  vertical-align: text-top; }

.e-valign-text-bottom {
  vertical-align: text-bottom; }

.e-valign-inherit {
  vertical-align: inherit; }

.e-line-inherit {
  line-height: inherit; }

.e-line-height-150p {
  line-height: 150%; }

.e-clickable-height {
  height: 50px; }

.e-border-separator {
  border-bottom: 1px solid #dfe3e9; }

.e-border-separator--thick {
  border-bottom: 2px solid #dfe3e9; }

.e-border-top-separator {
  border-top: 1px solid #dfe3e9; }

.e-border-top-separator--thick {
  border-top: 2px solid #dfe3e9; }

.e-clearfix:before {
  display: table;
  content: ' '; }

.e-clearfix:after {
  display: table;
  content: ' ';
  clear: both; }

.e-cancel-pulling {
  float: none; }

/* Absence Request cshtml */
.popover.popover-hack {
  left: 0 !important; }

.popover--objective-card {
  width: 550px;
  max-width: 550px;
  padding-top: 0; }
  .popover--objective-card .popover-content {
    padding: 0; }

.popover--auto {
  max-width: 800px;
  width: auto; }

.e-calendar-popover {
  width: 300px; }

.e-layer-1 {
  z-index: 1; }

.e-spinner-for-tr {
  padding: 0 !important;
  text-align: center;
  width: 100%; }
  .e-spinner-for-tr img {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    max-height: 100%; }

.e-popover-table {
  table-layout: fixed;
  color: #535353;
  margin-top: -5px; }
  .e-popover-table td {
    vertical-align: top;
    padding: 5px;
    width: 50%;
    font-family: "robotolight", sans-serif; }
    .e-popover-table td:first-child {
      text-align: right;
      font-family: "robotomedium", sans-serif; }

.e-review-result-icon {
  position: absolute;
  top: -4px;
  right: 0; }

.e-tooltip-trigger {
  color: inherit; }
  .e-tooltip-trigger:hover, .e-tooltip-trigger:focus {
    text-decoration: inherit; }
  .e-tooltip-trigger:focus {
    color: inherit; }

/* Dropdown */
.e-tight-dropdown.dropdown-menu {
  min-width: 90px;
  border-radius: 5px; }

/* Because of too specific selector on e-list-template */
a.e-tooltip-trigger {
  color: inherit; }
  a.e-tooltip-trigger:hover, a.e-tooltip-trigger:focus {
    text-decoration: inherit; }
  a.e-tooltip-trigger:focus {
    color: inherit; }

.e-absence-public-info:before {
  content: '\e833';
  float: left;
  color: #3d5569;
  font: 16px "fontello-entypo-full";
  line-height: 1; }

.e-absence-public-info__quote {
  padding: 2px 10px;
  margin: 0 0 0 20px;
  font-size: 11px;
  color: #a1a1a1;
  border-left-width: 3px; }

@keyframes red-blink {
  0% {
    color: #db0a0a; }
  100% {
    color: #000; } }

.e-countdown-blink {
  display: block;
  animation: red-blink 1s 0s infinite;
  transition: animation; }

@keyframes countdown-icon-blink {
  0% {
    color: #fff;
    background: #db0a0a; }
  100% {
    background: #faf9f9;
    color: #a1a1a1; } }

.e-countdown-icon-blink {
  display: block;
  animation: countdown-icon-blink 1s 0s infinite;
  transition: animation; }

.e-move-to-left {
  transform: translateX(-100%);
  transition: animation 1s ease-in-out; }

.e-img-responsive {
  display: block;
  height: auto;
  max-width: 100%; }

.form-section {
  padding-bottom: 30px; }
  .form-section.with-indent {
    padding-left: 10px;
    padding-right: 10px; }
  .form-section .section-hd {
    margin-bottom: 10px; }

.form-line {
  width: 100%;
  clear: both;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: solid 1px #f3f3f3; }

.form-only-labels .form-line {
  margin-bottom: 15px;
  padding-bottom: 15px; }

.lines-without-border .form-line {
  margin-bottom: 20px;
  padding-bottom: 0;
  border-bottom-width: 0; }

.form-line.without-border, .form-line.buttons {
  margin-bottom: 20px;
  padding-bottom: 0;
  border-bottom-width: 0; }

.form-line.without-bottom-padding {
  padding-bottom: 0; }

.form-line:before {
  display: table;
  content: " "; }

.form-line:after {
  display: table;
  content: " ";
  clear: both; }

.form-line.with-left-padding {
  padding-left: 10px; }

.form-line.with-indent {
  margin-left: 30px;
  width: 670px; }

.form-line .with-top-margin {
  margin-top: 5px; }

.form-label {
  float: left;
  width: 28%;
  text-align: left;
  margin: 8px 0 0 0;
  padding-left: 10px; }

.labels-without-left-padding .form-label, .form-label.without-left-padding {
  padding-left: 0; }

.form-only-labels .form-label, .form-line.only-labels .form-label {
  margin-top: 0; }

.form-label.no-top-margin {
  margin-top: 0; }

.form-label.top-margin-2 {
  margin-top: 2px; }

.form-label.al-left {
  text-align: left; }

.form-only-labels .form-line.editable .form-label {
  margin-top: 8px; }

.form-controls {
  float: right;
  width: 71%;
  color: #000000; }
  .form-controls.with-top-padding {
    padding-top: 10px; }
  .form-controls.with-bottom-padding {
    padding-bottom: 10px; }
  .form-controls input[type='text'], .form-controls input[type='password'], .form-controls input[type='tel'], .form-controls input[type='date'], .form-controls input[type='number'] {
    width: 94%; }
  .form-controls textarea, .form-controls select {
    width: 94%; }
  .form-controls .checkbox, .form-controls .radio {
    color: #717273;
    font-size: 12px; }

.form-controls-relative {
  position: relative; }

.form-line.buttons {
  padding-left: 29%; }
  .form-line.buttons .pull-right .btn, .form-line.buttons .pull-right .btn-file-upload .select-file-box a, .btn-file-upload .select-file-box .form-line.buttons .pull-right a {
    margin-left: 15px; }
  .form-line.buttons.without-left-padding {
    padding-left: 0; }

.input-with-icon input[type='text'], .input-with-icon input[type='password'] {
  float: left; }

.input-with-icon textarea {
  float: left; }

.input-with-icon .icon {
  cursor: pointer;
  float: left; }
  .input-with-icon .icon:before {
    color: #b9b9bc;
    background-color: #ffffff;
    border: solid 1px #dcdcdc;
    border-left-width: 0;
    margin: 0;
    float: left;
    line-height: 23px;
    width: 26px;
    cursor: pointer; }

.req {
  color: #b11515;
  display: inline-block;
  vertical-align: top;
  margin-left: 0; }
  .req:not(.no-line-height) {
    line-height: 25px; }
  .req--left-margin {
    margin-left: 5px; }

.e-require {
  color: #b11515; }

.req-right-rel {
  position: absolute;
  top: 0;
  left: 485px;
  color: #b11515 !important; }

.contact-line {
  margin-bottom: 15px; }
  .contact-line:before {
    display: table;
    content: " "; }
  .contact-line:after {
    display: table;
    content: " ";
    clear: both; }
  .contact-line select {
    width: 160px;
    float: left;
    margin-right: 22px; }
  .contact-line input[type='tel'], .contact-line input[type='text'] {
    width: 250px;
    float: left;
    margin-right: 2px; }
  .contact-line .btn-remove {
    float: left;
    padding: 0;
    font-size: 14px;
    margin: 3px 0 0 0;
    cursor: pointer; }

.actions-line {
  font-size: 12px; }

.calendar-line input[type="text"] {
  width: 160px;
  margin-right: 12px; }

.calendar-line .add-on {
  font-size: 17px; }

.controls-vertical .label-vertical {
  color: #535353;
  margin: 8px 0 6px;
  display: inline-block; }

.form-controls .controls-vertical .list-input {
  margin-bottom: 5px; }

.date-with-hour input.date {
  width: 160px; }

.date-with-hour input.hour {
  width: 160px;
  margin-left: 10px; }

.date-with-hour input.hour.no-margin {
  width: 168px;
  margin-left: 0px; }

.full-address input[type="text"] {
  margin-bottom: 10px; }
  .full-address input[type="text"].zipcode {
    width: 120px; }
  .full-address input[type="text"].city {
    width: 330px; }
  .full-address input[type="text"].state {
    width: 250px;
    margin-bottom: 0; }
  .full-address input[type="text"].country {
    width: 200px;
    margin-bottom: 0; }

.rb-list-with-icons input[type="radio"] {
  display: inline-block;
  vertical-align: middle;
  margin-top: 0; }

.rb-list-with-icons label {
  margin-right: 50px; }

.rb-list-with-icons i {
  width: 40px;
  height: 40px;
  padding: 10px 0 0 0;
  border: solid 1px #e0e0e0;
  display: inline-block;
  text-align: center;
  margin: 0 5px;
  vertical-align: middle; }
  .rb-list-with-icons i:before {
    font-size: 20px;
    margin: 0; }

.tooltip-icon {
  color: #bcbebf; }

.new-grid .lines-without-border .form-line {
  padding-bottom: 0;
  margin-bottom: 10px; }

.new-grid .form-line.without-border {
  padding-bottom: 0;
  margin-bottom: 10px; }

.new-grid .form-line.without-bottom {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom-width: 0; }

.new-grid .form-line .form-label {
  width: 200px;
  text-align: right; }

.new-grid .form-line.with-indent .form-label {
  width: 170px; }

.new-grid .form-line .form-label.gray-bg {
  text-align: right;
  padding: 5px 20px 4px 10px;
  margin-top: 0;
  background-color: #edeff2;
  color: #717273;
  font-size: 12px; }

.new-grid .form-line .form-label.light-gray-bg {
  text-align: right;
  padding: 5px 20px 4px 10px;
  margin-top: 0;
  background-color: #f8f9fa;
  color: #717273;
  font-size: 12px; }

.new-grid .form-line .form-label.with-icon {
  margin-top: 0;
  padding: 0; }
  .new-grid .form-line .form-label.with-icon .only-icon {
    width: 30px;
    float: left;
    text-align: left;
    font-size: 18px;
    color: #bcbebf; }
    .new-grid .form-line .form-label.with-icon .only-icon i:before {
      margin: 3px 0 0 0;
      vertical-align: top; }
  .new-grid .form-line .form-label.with-icon .only-label {
    width: 140px;
    float: left;
    padding: 5px 20px 4px 10px;
    background-color: #f8f9fa;
    color: #717273;
    font-size: 12px; }

.new-grid .form-line .form-label.al-left {
  text-align: left; }

.new-grid .form-line .form-controls {
  width: 480px; }

.new-grid .form-controls input[type='text'], .new-grid .form-controls input[type='password'], .new-grid .form-controls input[type='tel'], .new-grid .form-controls input[type='date'], .new-grid .form-controls input[type='number'] {
  width: 100%;
  padding: 2px 9px 1px 9px;
  margin: 1px 0 0 0;
  height: 22px; }

.new-grid .form-controls textarea, .new-grid .form-controls select {
  width: 100%;
  padding: 2px 9px 1px 9px;
  margin: 1px 0 0 0;
  height: 22px; }

.new-grid .form-controls textarea {
  height: 100px; }

.new-grid .form-controls .msg-editor--no-scroll {
  overflow: hidden; }

.new-grid .form-controls input[type='text'].shorter, .new-grid .form-controls input[type='password'].shorter, .new-grid .form-controls input[type='tel'].shorter, .new-grid .form-controls input[type='date'].shorter, .new-grid .form-controls input[type='number'].shorter {
  width: 95%; }

.new-grid .form-controls textarea.shorter, .new-grid .form-controls select.shorter {
  width: 95%; }

.new-grid .form-controls input[type='text'].short, .new-grid .form-controls input[type='password'].short, .new-grid .form-controls input[type='tel'].short, .new-grid .form-controls input[type='date'].short, .new-grid .form-controls input[type='number'].short {
  width: 190px; }

.new-grid .form-controls textarea.short, .new-grid .form-controls select.short {
  width: 190px; }

.new-grid .form-controls input[type='text'].very-short, .new-grid .form-controls input[type='password'].very-short, .new-grid .form-controls input[type='tel'].very-short, .new-grid .form-controls input[type='date'].very-short, .new-grid .form-controls input[type='number'].very-short {
  width: 100px; }

.new-grid .form-controls textarea.very-short, .new-grid .form-controls select.very-short {
  width: 100px; }

.new-grid .form-only-labels .form-controls, .new-grid .form-line.only-labels .form-controls {
  margin-top: 5px; }

.new-grid .date-with-hour {
  font-size: 0; }
  .new-grid .date-with-hour i {
    font-size: 20px; }
    .new-grid .date-with-hour i:before {
      margin: 0;
      vertical-align: middle; }
  .new-grid .date-with-hour .date-box {
    float: left;
    margin-top: 0;
    width: 50%;
    float: left; }
    .new-grid .date-with-hour .date-box i:not(.no-inherit) {
      color: #7dbcdc; }
  .new-grid .date-with-hour .hour-box {
    float: right; }
    .new-grid .date-with-hour .hour-box i {
      color: #bcbebf; }
      .new-grid .date-with-hour .hour-box i:before {
        margin-right: 10px; }
  .new-grid .date-with-hour input.date {
    margin-right: 8px; }
  .new-grid .date-with-hour input.hour {
    margin-left: 0; }

.new-grid .name-box {
  float: left;
  width: 50%; }

.new-grid .checkbox input[type="checkbox"], .new-grid .checkbox input[type="radio"] {
  margin-top: 0;
  margin-left: -17px; }

.new-grid .form-controls__for-me {
  margin-left: 18px;
  padding-top: 10px;
  float: left;
  padding-left: 0px !important; }

.new-grid .no-checkbox {
  line-height: 12px;
  display: block;
  margin-top: 0 !important; }
  .new-grid .no-checkbox-date {
    padding-left: 246px;
    padding-top: 10px; }
  .new-grid .no-checkbox-name {
    padding-left: 216px;
    padding-top: 6px; }

.new-grid .radio {
  font-size: 11px;
  color: #5f656d;
  padding-left: 17px;
  padding-top: 5px; }
  .new-grid .radio input[type="radio"] {
    margin-top: 0;
    margin-left: -17px; }

.new-grid .form-line.cb-with-gray-label {
  margin-top: -5px; }
  .new-grid .form-line.cb-with-gray-label .checkbox {
    margin-top: 5px; }

.new-grid .fields-with-icon {
  display: inline-block; }
  .new-grid .fields-with-icon i {
    font-size: 20px;
    cursor: pointer; }
    .new-grid .fields-with-icon i:before {
      margin: 0;
      vertical-align: middle;
      color: #7dbcdc; }

.form-buttons {
  padding: 10px;
  margin: 10px 0;
  background-color: #f1f3f5;
  text-align: right;
  font-size: 0;
  line-height: 0; }
  .form-buttons .btn, .form-buttons .btn-file-upload .select-file-box a, .btn-file-upload .select-file-box .form-buttons a {
    margin-left: 10px; }

.new-grid .section-two-columns .form-controls {
  width: 240px; }

.new-grid .section-two-columns .form-line.with-indent {
  width: 430px; }

.form-in-popup .form-line {
  width: 760px; }
  .form-in-popup .form-line .form-controls {
    width: 540px; }

.gray-box-bar {
  background-color: #ced2d7;
  background-color: #dfe3e9;
  border-top: solid 1px #d7d9dd;
  padding: 0 12px 0 22px; }
  .gray-box-bar.no-padding-left {
    padding-left: 0; }
  .gray-box-bar .bar-item {
    padding: 0 9px;
    float: left;
    height: 34px; }
    .gray-box-bar .bar-item.with-right-border {
      border-right: solid 1px #d7d9dd; }
    .gray-box-bar .bar-item .btn.small, .gray-box-bar .bar-item .btn-file-upload .select-file-box a.small, .btn-file-upload .select-file-box .gray-box-bar .bar-item a.small {
      margin-top: 6px; }
    .gray-box-bar .bar-item .lbl-with-icon {
      margin-top: 8px;
      color: #3d5569;
      font-size: 12px; }
      .gray-box-bar .bar-item .lbl-with-icon i:before {
        color: #5f646a;
        margin: 0 6px 0 0;
        font-size: 16px; }
      .gray-box-bar .bar-item .lbl-with-icon a {
        color: #2598da; }
    .gray-box-bar .bar-item .lbl-with-icon--ontop {
      margin-top: 9px; }

.gray-bar-with-padding {
  background-color: #f0f1f4;
  padding: 6px 12px; }
  .gray-bar-with-padding .simple-lbl {
    color: #3d5569;
    font-size: 12px;
    vertical-align: middle; }

.box-with-top-border {
  background-color: #ffffff;
  border-top: solid 1px #dcdcdc;
  width: 100%;
  clear: both; }
  .box-with-top-border .item-right {
    float: right;
    background-color: #ffffff;
    padding-left: 15px;
    margin-top: -1px; }

/* walidacja */
.field-validation-error {
  color: #e80c4d;
  font-weight: bold; }

.field-validatizon-valid {
  display: none; }

input.input-validation-error, textarea.input-validation-error, select.input-validation-error {
  border: 1px solid #cd4b4b;
  background-color: #fff5f5; }

input[type="checkbox"].input-validation-error {
  border: 0 none;
  color: #e80c4d; }

input.input-validation-valid, select.input-validation-valid {
  border: 1px solid #429608;
  background-color: #eef5eb;
  color: #429608; }

input[type="checkbox"].input-validation-error {
  border: 0 none;
  color: #e80c4d; }

input[type="checkbox"].input-validation-valid {
  border: 0 none;
  color: #429608; }

.validation-summary-errors {
  color: #c30000;
  font-weight: normal;
  margin: 0 0 20px 0;
  text-align: left; }
  .validation-summary-errors.blue-box {
    background-color: #F0FAFF;
    padding: 40px 30px 10px 30px;
    margin: 0; }
    .validation-summary-errors.blue-box.no-padding {
      padding: 0; }
  .validation-summary-errors ul {
    list-style-type: none;
    padding: 10px 10px 10px 60px;
    margin: 0;
    background: #ffdfdf url("/Content/tms/_img/bg-validation-summary.png") no-repeat 18px 10px;
    border: solid 1px #f7cfcf; }
  .validation-summary-errors li {
    list-style-type: none;
    padding: 0 0 0 12px;
    background: transparent url("/Content/tms/_img/bg-validation-summary-bullet.png") no-repeat 0 7px; }

.validation-summary-valid {
  display: none; }

.current-password-info {
  color: #939393;
  font-size: 11px; }

.current-password-success, .password-success, .confirm-password-success {
  color: #429608;
  padding: 3px 0 5px 0;
  margin: 0 0 0 -3px;
  font-size: 11px; }

.static-mode, .edit-mode, .edit-mode input, .edit-mode select, .edit-mode label {
  color: #939393; }

.edit-mode input[type=checkbox] {
  margin-right: 5px; }

input[type="number"] {
  padding-right: 1px !important; }

input.tiny[type="number"] {
  text-align: center;
  width: 50px !important; }

input.medium[type="number"] {
  text-align: left;
  width: 130px !important; }

/* e-form nowe formularze przygotowane do wersji responsywnej du�ej */
.e-form {
  width: 100%;
  float: left; }

.e-form--orange-dashed {
  border: dashed 1px #ffc89b;
  background-color: #fffbf6; }

.e-form-row {
  width: 100%;
  float: left;
  margin-bottom: 10px; }
  .e-form-row--tabbed {
    padding-left: 22px; }
  .e-form-row .only-label {
    background: #f8f9fa;
    padding: 5px 20px 4px 10px;
    float: left;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    .e-form-row .only-label--transparent {
      background: none; }
    .e-form-row .only-label--not-full {
      float: right;
      width: 70%; }
  .e-form-row .only-icon {
    width: 30%;
    float: left;
    text-align: right;
    font-size: 18px;
    color: #bcbebf;
    padding-right: 10px; }
  .e-form-row .checkbox, .e-form-row .radio {
    color: #717273;
    font-size: 12px; }
  .e-form-row.ui-sortable-helper {
    border: 1px dashed #ffa053; }
  .e-form-row.ui-sortable-placeholder {
    border: 1px dashed #ffa053;
    background: #fff5ec; }

.e-form-row--competence:first-child {
  padding-top: 10px; }

.e-form-row--tinymce {
  margin-bottom: -20px; }

.e-form-group {
  padding-bottom: 35px;
  float: left; }

.e-form-group--bottom-10 {
  padding-bottom: 10px; }

.e-form-row--checkboxes input[type="checkbox"] {
  height: 15px;
  margin: 0;
  vertical-align: middle; }

.e-form-row--checkboxes label {
  font-size: 12px;
  vertical-align: middle;
  padding-left: 5px; }

.e-form-row--bottom-border {
  padding-bottom: 10px;
  border-bottom: solid 1px #EFEEEF; }
  .e-form-row--bottom-border:last-of-type {
    border-bottom: none; }
  .e-form-row--bottom-border .e-form-label--full {
    padding-left: 0; }

.e-form-row--bottom-border--20 {
  padding-bottom: 20px;
  border-bottom: solid 1px #EFEEEF; }
  .e-form-row--bottom-border--20:last-of-type {
    border-bottom: none; }
  .e-form-row--bottom-border--20 .e-form-label--full {
    padding-left: 0; }

.e-form-row--bottom--0 {
  width: 100%;
  float: left;
  padding-bottom: 0;
  border-bottom: solid 1px #EFEEEF; }
  .e-form-row--bottom--0:last-of-type {
    border-bottom: none; }
  .e-form-row--bottom--0 .e-form-label--full {
    padding-left: 0; }

.e-form-row--bottom--real-0 {
  margin-bottom: 0; }

.e-form-row--bottom-border--real {
  padding-bottom: 10px;
  border-bottom: solid 1px #EFEEEF; }

.e-form-row--bottom--5 {
  margin-bottom: 5px; }

.e-form-row--bottom--15 {
  margin-bottom: 15px; }

.e-form-label, .e-form-label--full, .e-form-label--title, .e-form-label--icon, .e-form-label--empty, .e-form-label--empty--height-15 {
  text-align: right;
  font-size: 12px;
  padding-left: 0;
  padding-right: 10px; }

.e-form-label--switcher {
  width: 10%; }

.e-form-content--switcher {
  width: 90%; }

.e-form-label--title .only-label {
  background-color: #edeff2;
  color: #717273; }

.e-form-label--icon .only-label {
  width: 70%; }
  .e-form-label--icon .only-label--right {
    text-align: right; }
  .e-form-label--icon .only-label--width-90 {
    width: 90%; }

.e-form-label--fluid .only-label {
  float: right;
  width: auto; }

.e-form-row--micro {
  max-width: 300px; }
  .e-form-row--micro .e-form-content {
    width: 160px; }
  .e-form-row--micro .e-form-label, .e-form-row--micro .e-form-label--full, .e-form-row--micro .e-form-label--title, .e-form-row--micro .e-form-label--icon, .e-form-row--micro .e-form-label--empty, .e-form-row--micro .e-form-label--empty--height-15 {
    width: 140px; }
  .e-form-row--micro.e-form-row--micro--icon {
    max-width: 395px; }
    .e-form-row--micro.e-form-row--micro--icon .e-form-label--icon {
      width: 210px; }

.e-form-content--auto {
  width: auto; }

.e-form-content--60 {
  width: 60%; }

.e-form-input.e-form-input--date {
  display: inline-block;
  width: 130px; }

.e-form-input--year-change {
  width: 50px; }

.e-form-input--input-like-textarea {
  height: auto;
  resize: none; }

.only-label {
  -ms-word-break: normal;
  word-break: normal;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  white-space: normal; }

.e-form-label--empty {
  height: 25px; }

.e-form-label--empty--height-15 {
  height: 15px; }

.e-form-content {
  padding-left: 5px;
  padding-right: 0;
  -ms-word-wrap: break-word;
  word-wrap: break-word; }
  .e-form-content.e-form-content--no-padding-left {
    padding-left: 0px; }
  .e-form-content .e-form__timer {
    top: -3px;
    right: 0; }
  .e-form-content .req:not(.no-inherit) {
    width: 5%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #b11515;
    display: inline-block;
    margin: 0;
    float: left;
    text-align: center; }
  .e-form-content .date-box, .e-form-content .hour-box {
    float: left; }
  .e-form-content .hour-box {
    margin-left: 20px;
    margin-top: 0; }
    .e-form-content .hour-box i {
      float: left; }
  .e-form-content label.with-switcher {
    line-height: 22px; }
  .e-form-content .person-card-small {
    padding: 0; }
    .e-form-content .person-card-small .user-info {
      padding-top: 0; }
  .e-form-content .select2-search-field {
    width: 100%; }
    .e-form-content .select2-search-field .select2-input {
      font-family: 'robotolight', sans-serif;
      font-size: 12px; }

.e-form-content--radio {
  padding: 5px 20px; }

.e-form-content--inline {
  padding-top: 2px; }
  .e-form-content--inline input {
    float: left; }
  .e-form-content--inline label {
    float: left;
    font-size: 12px;
    margin: 2px 40px 0 10px;
    color: #7b7b7b; }
    .e-form-content--inline label .req {
      display: inline;
      line-height: 12px;
      margin-left: 5px;
      font-size: 14px;
      font-family: 'robotolight', sans-serif; }

.e-form-content--inline-12 {
  padding-top: 4px; }

.e-form-input, .e-form-select, .e-form-textarea, .e-form-contenteditable {
  width: 100%; }

.e-form-content__preview {
  float: left;
  display: block;
  width: 100%;
  font-size: 12px;
  padding-top: 4px; }

.e-form-content--long-text {
  line-height: 1.8;
  font-size: 12px; }

input[type="checkbox"].e-form-checkbox {
  margin: 0; }

.e-form-checkbox-label {
  position: relative;
  top: -3px;
  padding-left: 5px; }

.e-form-content--checkbox1 {
  margin-top: 5px; }

.e-form-content--checkbox {
  margin-top: 5px;
  margin-left: 10px; }

.e-form-input--10, .e-form-select--10, .e-form-textarea--10 {
  float: left;
  width: 10%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .e-form-input--10.e-form-input--inline-block, .e-form-select--10.e-form-input--inline-block, .e-form-textarea--10.e-form-input--inline-block {
    float: none;
    display: inline-block; }

.e-form-textarea--10 + .e-countable-hint {
  width: 10%; }

.e-form-input--20, .e-form-select--20, .e-form-textarea--20 {
  float: left;
  width: 20%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .e-form-input--20.e-form-input--inline-block, .e-form-select--20.e-form-input--inline-block, .e-form-textarea--20.e-form-input--inline-block {
    float: none;
    display: inline-block; }

.e-form-textarea--20 + .e-countable-hint {
  width: 20%; }

.e-form-input--30, .e-form-select--30, .e-form-textarea--30 {
  float: left;
  width: 30%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .e-form-input--30.e-form-input--inline-block, .e-form-select--30.e-form-input--inline-block, .e-form-textarea--30.e-form-input--inline-block {
    float: none;
    display: inline-block; }

.e-form-textarea--30 + .e-countable-hint {
  width: 30%; }

.e-form-input--40, .e-form-select--40, .e-form-textarea--40 {
  float: left;
  width: 40%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .e-form-input--40.e-form-input--inline-block, .e-form-select--40.e-form-input--inline-block, .e-form-textarea--40.e-form-input--inline-block {
    float: none;
    display: inline-block; }

.e-form-textarea--40 + .e-countable-hint {
  width: 40%; }

.e-form-input--45, .e-form-select--45, .e-form-textarea--45 {
  float: left;
  width: 45%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .e-form-input--45.e-form-input--inline-block, .e-form-select--45.e-form-input--inline-block, .e-form-textarea--45.e-form-input--inline-block {
    float: none;
    display: inline-block; }

.e-form-textarea--45 + .e-countable-hint {
  width: 45%; }

.e-form-input--65, .e-form-select--65, .e-form-textarea--65 {
  float: left;
  width: 65%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .e-form-input--65.e-form-input--inline-block, .e-form-select--65.e-form-input--inline-block, .e-form-textarea--65.e-form-input--inline-block {
    float: none;
    display: inline-block; }

.e-form-textarea--65 + .e-countable-hint {
  width: 65%; }

.e-form-input--80, .e-form-select--80, .e-form-textarea--80 {
  float: left;
  width: 80%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .e-form-input--80.e-form-input--inline-block, .e-form-select--80.e-form-input--inline-block, .e-form-textarea--80.e-form-input--inline-block {
    float: none;
    display: inline-block; }

.e-form-textarea--80 + .e-countable-hint {
  width: 80%; }

.e-form-input--85, .e-form-select--85, .e-form-textarea--85 {
  float: left;
  width: 85%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .e-form-input--85.e-form-input--inline-block, .e-form-select--85.e-form-input--inline-block, .e-form-textarea--85.e-form-input--inline-block {
    float: none;
    display: inline-block; }

.e-form-textarea--85 + .e-countable-hint {
  width: 85%; }

.e-form-input--94, .e-form-select--94, .e-form-textarea--94 {
  float: left;
  width: 94%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .e-form-input--94.e-form-input--inline-block, .e-form-select--94.e-form-input--inline-block, .e-form-textarea--94.e-form-input--inline-block {
    float: none;
    display: inline-block; }

.e-form-textarea--94 + .e-countable-hint {
  width: 94%; }

.e-form-input--95, .e-form-select--95, .e-form-textarea--95 {
  float: left;
  width: 95%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .e-form-input--95.e-form-input--inline-block, .e-form-select--95.e-form-input--inline-block, .e-form-textarea--95.e-form-input--inline-block {
    float: none;
    display: inline-block; }

.e-form-textarea--95 + .e-countable-hint {
  width: 95%; }

textarea.e-form-textarea.e-form-textarea--single {
  height: auto; }

.e-form-input--center {
  float: none;
  margin: 0 auto; }

.e-form-input--in-text {
  margin-right: 5px;
  margin-left: 5px; }

.e-form-textarea--h-60 {
  height: 60px; }

.e-form-input--year {
  width: 60px;
  float: left; }

.e-form__help-icon {
  margin: 3px 0 0 10px;
  float: left; }

.e-form-content {
  position: relative; }
  .e-form-content .date-box i {
    font-size: 17px; }
  .e-form-content .mce-toolbar-grp {
    border: 1px solid #DCDCDC;
    border-bottom: none; }
  .e-form-content .edit-mode input[type=checkbox] {
    float: left; }

.e-form-content--small-text {
  font-size: 12px;
  padding-top: 4px; }

.e-form-content--no-input div {
  line-height: 1.75; }

.custom-field-preview i:before {
  color: #bcbebf; }

/* Switcher do zmiany True/False // */
.e-switcher {
  position: relative;
  float: left;
  height: 20px;
  width: 46px;
  margin: 0 10px;
  -moz-border-radius: 13px;
  -webkit-border-radius: 13px;
  border-radius: 13px;
  background-color: #5CBD5E;
  cursor: pointer;
  -webkit-box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.1s ease-in-out 0.3s;
  -moz-transition: all 0.1s ease-in-out 0.3s;
  -ms-transition: all 0.1s ease-in-out 0.3s;
  -o-transition: all 0.1s ease-in-out 0.3s;
  transition: all 0.1s ease-in-out 0.3s; }

.e-switcher__label {
  position: relative;
  left: 60px;
  font-size: 11px; }

.e-switcher--form {
  margin: 0; }

.pull-left .e-switcher, .e-pull-left .e-switcher {
  margin-left: 0;
  margin-top: 3px; }

.e-switcher-icon, .e-switcher-icon--ok, .e-switcher-icon--cancel {
  position: absolute;
  top: 1px;
  left: 4px;
  color: #FFF;
  font-size: 14px; }

.e-switcher-icon--cancel {
  left: 21px;
  display: none !important; }

.e-switcher--disable {
  background-color: #EFEEEF;
  -webkit-transition: all 0.1s ease-in-out 0.3s;
  -moz-transition: all 0.1s ease-in-out 0.3s;
  -ms-transition: all 0.1s ease-in-out 0.3s;
  -o-transition: all 0.1s ease-in-out 0.3s;
  transition: all 0.1s ease-in-out 0.3s; }
  .e-switcher--disable .e-switcher-icon--ok {
    display: none !important; }
  .e-switcher--disable .e-switcher-icon--cancel {
    display: block !important; }

.e-swither--no-margin {
  margin: 0; }

.e-switcher--handle {
  position: absolute;
  height: 16px;
  width: 16px;
  top: 2px;
  left: 28px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #FFF;
  -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.29);
  -moz-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.29);
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.29);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.e-switcher--handle--disable {
  left: 2px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

/* // Switcher do zmiany True/False */
.e-form-content__switchercontainer {
  display: table; }

.e-form-content__switcher {
  display: table-cell;
  width: 50px;
  height: 26px;
  vertical-align: middle;
  text-align: left; }
  .e-form-content__switcher .e-switcher {
    margin-left: 0; }

.e-form-content__swiched {
  display: table-cell;
  height: 26px; }

.e-form-content__swiched--hidden {
  display: none; }

.note-colors {
  font-size: 25px;
  float: left;
  height: 25px;
  display: block; }

.note-color-item {
  cursor: pointer;
  width: 22px;
  height: 22px;
  padding: 3px;
  margin: 0 2px 0 0;
  display: block;
  float: left;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px; }
  .note-color-item i {
    padding: 0;
    margin: 5px;
    display: block;
    float: left;
    line-height: 25px; }
    .note-color-item i:before {
      margin: 0;
      display: none; }
  .note-color-item[data-color~=Red] {
    background: #FE5447; }
  .note-color-item[data-color~=Yellow] {
    background: #FBEEA9; }
  .note-color-item[data-color~=Green] {
    background: #B3E585; }
  .note-color-item[data-color~=Blue] {
    background: #5AC3FF; }

.note-color-item:hover {
  border: solid 3px #ddd; }

.note-color-radio:checked ~ .note-color-item {
  border: solid 3px #717273; }

.note-color-item:active {
  border: solid 3px #717273; }

.note-colors-desc {
  line-height: 25px;
  font-size: 12px;
  height: 25px;
  display: block;
  float: left;
  margin-left: 10px; }

.e-switcher--parent-selected .switcher-name {
  font-family: "robotomedium", sans-serif; }

.e-switcher--parent .e-switcher-noeditable .icon-cancel-circled2 {
  display: block; }

.e-switcher--parent-unselected .e-switcher-noeditable .icon-ok-circled2 {
  display: none; }

.e-switcher--parent-selected .e-switcher-noeditable .icon-cancel-circled2 {
  display: none; }

.e-switcher--parent-selected .e-switcher-noeditable .icon-ok-circled2 {
  display: block; }

.e-switcher-noeditable {
  text-align: right;
  padding-right: 0;
  padding-left: 0;
  width: 5%;
  font-size: 18px;
  color: #bdbec0; }

.e-switcher--toggle-disabled {
  background-color: #bdbec0 !important;
  cursor: not-allowed; }

.e-switcher--parent-selected .e-switcher-noeditable {
  color: #5cbd5e; }

/* // Switcher do zmiany True/False */
/* dodawanie gwiazdgi do wymaganych elementów */
.e-req {
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.req.req--inline {
  float: none;
  display: inline-block; }

.editable-buttons {
  padding-bottom: 0;
  border-bottom: solid 1px #EFEEEF;
  margin-bottom: 20px;
  margin-left: 5px; }

.e-box-title {
  padding: 10px;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #4f4e4e; }

.e-tabs-menu {
  border-bottom: solid 1px #f4f4f4;
  padding: 0 10px;
  height: 30px;
  text-transform: uppercase; }

html > body textarea, div[contenteditable="true"] {
  max-width: 100%; }

/** Stylizowanie select2 jak normalną kontrolkę **/
.select2-container .select2-choice {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  font-size: 12px;
  background: #fff;
  height: 26px;
  border: solid 1px #dcdcdc; }

.select2-container .select2-choice .select2-arrow {
  top: 0;
  border-left: none !important;
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  background-image: none !important; }

.select2-container-active .select2-choice {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none; }

select2-container-active .select2-choices {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none; }

.select2-result {
  font-size: 12px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0; }

.select2-results {
  padding: 0;
  margin: 0;
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  border-radius: 0 !important; }

.select2-drop-active {
  border: solid 1px #dcdcdc;
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  border-radius: 0 !important; }

.select2-drop.select2-drop-above {
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  border-radius: 0 !important; }

.select2-container.select2-drop-above .select2-choice {
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  border-radius: 0 !important; }

.select2-container .select2-choice .select2-arrow b {
  display: block;
  width: 100%;
  height: 100%;
  left: 2px;
  right: 0;
  background: url("/Content/select2/css/select2.png") no-repeat 0 -2px; }

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
  border: solid 1px #dcdcdc; }

.select2-chosen {
  line-height: 24px; }

.select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices {
  background-image: none;
  background-color: #fff; }

.select2-drop--icon {
  width: auto !important; }
  .select2-drop--icon ul {
    width: auto;
    max-width: 180px; }
    .select2-drop--icon ul li {
      width: 60px;
      float: left; }

.e-form__list {
  margin: 4px 0; }
  .e-form__list div {
    margin: 3px 0;
    font-size: 12px;
    font-family: 'robotolight', sans-serif; }
  .e-form__list .removeItem i:before {
    margin: 0 1px 0 0;
    font-size: 14px;
    color: #f4999e !important;
    top: 1px;
    position: relative; }
  .e-form__list .removeItem:hover i:before {
    color: #db0a0a !important; }

.e-form__list--no-margin {
  margin: 0; }

.e-form .e-form-content[data-name] {
  font-size: 12px;
  padding-top: 4px; }

.e-form-content--no-label {
  padding-left: 215px; }

.e-form-content--no-label-margin {
  margin-left: 212px; }

.e-form__checkbox {
  font-family: 'robotolight', sans-serif;
  font-size: 12px;
  line-height: 20px;
  color: #7b7b7b;
  width: 100%;
  height: 20px; }
  .e-form__checkbox input {
    float: left;
    margin-top: 4px !important;
    margin-left: -18px !important; }

.e-form__checkbox--inline {
  display: inline-block;
  margin-right: 10px;
  width: auto; }

.question-short-instruction {
  margin-top: 5px;
  font-size: 12px;
  color: #7b7b7b;
  display: none; }

.only-label a {
  text-decoration: none; }

.e-form-select--icon i {
  font-size: 16px; }

.e-form-select--icon:hover .select2-choice, .e-form-select--icon:hover .select2-arrow, .e-form-select--icon.select2-dropdown-open .select2-choice, .e-form-select--icon.select2-dropdown-open .select2-arrow {
  background: #EBEBEB !important; }

.e-form-select--icon__item.select2-highlighted {
  background: #428BCA !important; }
  .e-form-select--icon__item.select2-highlighted span, .e-form-select--icon__item.select2-highlighted i {
    color: #ffffff; }

.input-validation-error a.select2-choice {
  border: 1px solid #f87575;
  color: #f87575;
  background-color: #f6f0f0; }
  .input-validation-error a.select2-choice .select2-arrow {
    background-color: #f6f0f0 !important; }

.e-input--20 {
  width: 60px; }

.e-input--450 {
  width: 450px; }

.e-input-blink {
  transition: box-shadow 0.5s ease-in-out;
  box-shadow: 0 0 10px rgba(255, 255, 255, 0); }

.e-input-blink--out {
  transition: none;
  box-shadow: 0 0 10px #2598da; }

.e-form-select__selection--icon {
  position: relative;
  top: -2px; }
  .e-form-select__selection--icon i {
    position: relative;
    top: 2px; }

.e-form-row--header {
  margin-bottom: 20px;
  background: url("/Content/tms/_img/bg-strips.png"); }

.e-form-row--header__label {
  display: inline-block;
  padding: 5px 20px 5px 10px;
  margin: 0;
  min-width: 150px;
  background: transparent url("/Content/tms/_img/bg-gray-hd-with-triangle.png") no-repeat 100% 0;
  color: #ffffff;
  font-size: 13px; }

.e-form-row--header__tools {
  float: right;
  padding-right: 10px;
  line-height: 26px; }
  .e-form-row--header__tools :not(:empty) {
    line-height: initial; }

.e-form-content__key-result {
  position: relative; }
  .e-form-content__key-result .e-form-input {
    margin-bottom: 5px; }
  .e-form-content__key-result .e-form-content__key-result__values {
    float: left;
    position: relative;
    width: 97%; }
  .e-form-content__key-result .e-form-content__key-result__weight {
    float: right;
    width: 0;
    text-align: right;
    opacity: 0;
    position: absolute; }
    .e-form-content__key-result .e-form-content__key-result__weight .e-form-content__key-result__weight__input, .e-form-content__key-result .e-form-content__key-result__weight span {
      width: 0; }

.e-form-content__key-result--with-weight .e-form-content__key-result__values {
  width: 82%; }

.e-form-content__key-result--with-weight .e-form-content__key-result__weight {
  display: block;
  width: 15%;
  position: relative;
  opacity: 1; }
  .e-form-content__key-result--with-weight .e-form-content__key-result__weight .e-form-content__key-result__weight__input {
    width: 4.5em; }
  .e-form-content__key-result--with-weight .e-form-content__key-result__weight span {
    width: auto; }

.e-form-content__key-result__remove {
  float: right;
  z-index: 1;
  margin-top: 2px;
  width: 3%; }

.e-form-content__key-result__weight__input {
  width: 4em; }

input[type="text"].e-form-input--hidden-with-validation {
  position: absolute;
  left: 10px;
  top: 0;
  width: 0;
  height: 0;
  padding: 0;
  border: transparent 1px solid;
  background: transparent;
  overflow: visible;
  display: block; }

input[type="text"]:disabled {
  background-color: #ebebe4; }

/* rozwijane menu (notyfikacje, instant search itp) */
/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.custom-ddmenu {
  margin: 0;
  padding: 0;
  list-style-type: none;
  float: left;
  clear: both;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  max-height: 520px;
  width: 352px; }
  .custom-ddmenu li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    float: left;
    clear: both;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    width: 100%; }
  .custom-ddmenu .menu-inside {
    max-height: 450px;
    overflow: auto;
    float: left;
    width: 100%; }

.ui-menu.custom-ddmenu {
  width: 350px !important; }

.custom-ddmenu li > a, .custom-ddmenu li.ui-menu-item > a, .custom-ddmenu li > .inside {
  padding: 10px;
  width: 100%;
  float: left;
  clear: both;
  border: 1px solid transparent;
  border-bottom: solid 1px #e8e8eb;
  line-height: 1.2;
  border-radius: 0; }

.custom-ddmenu li:nth-of-type(2n) > a {
  background-color: #fdfdfe;
  -webkit-transition: background 100ms linear;
  -moz-transition: background 100ms linear;
  -ms-transition: background 100ms linear;
  -o-transition: background 100ms linear;
  transition: background 100ms linear; }

.custom-ddmenu li:nth-of-type(2n-1) > a {
  background-color: #ffffff;
  -webkit-transition: background 100ms linear;
  -moz-transition: background 100ms linear;
  -ms-transition: background 100ms linear;
  -o-transition: background 100ms linear;
  transition: background 100ms linear; }

.custom-ddmenu li > a:hover, .custom-ddmenu li.ui-menu-item > a:hover, .custom-ddmenu li .ui-state-focus > a.ui-state-hover {
  background-color: #f4f6f9;
  color: #3d5569;
  background-image: none;
  margin: 0 !important;
  border: dashed 1px #9cc3d9;
  -webkit-transition: background 100ms linear;
  -moz-transition: background 100ms linear;
  -ms-transition: background 100ms linear;
  -o-transition: background 100ms linear;
  transition: background 100ms linear; }

.custom-ddmenu li > a .link-only-icon.red-x:hover i:before {
  color: #db0a0a !important; }

.custom-ddmenu li.no-border > a {
  border-width: 0; }
  .custom-ddmenu li.no-border > a:hover {
    border-width: 0; }

.custom-ddmenu li.no-border.ui-menu-item > a:hover {
  border-width: 0; }

.custom-ddmenu .img {
  float: left;
  width: 30px;
  margin-right: 10px; }

.custom-ddmenu .info {
  float: left;
  width: 100%;
  max-width: 220px;
  color: #a9a9a9; }

.custom-ddmenu li.fast-notification-action .info, .custom-ddmenu .info.notify-active {
  color: #3d5569; }

.custom-ddmenu .img img {
  max-width: 30px;
  max-height: 30px; }

.custom-ddmenu .img [class^="icon-"]:before, .custom-ddmenu .img [class*=" icon-"]:before {
  color: #ffffff;
  background-color: #f1f1f4;
  font-size: 20px;
  margin: 0;
  padding: 5px;
  width: 30px;
  height: 30px;
  -webkit-transition: background 100ms linear;
  -moz-transition: background 100ms linear;
  -ms-transition: background 100ms linear;
  -o-transition: background 100ms linear;
  transition: background 100ms linear; }

.custom-ddmenu li > a:hover .img [class^="icon-"]:before, .custom-ddmenu li > a:hover .img [class*=" icon-"]:before {
  background-color: #d7e1f0;
  -webkit-transition: background 100ms linear;
  -moz-transition: background 100ms linear;
  -ms-transition: background 100ms linear;
  -o-transition: background 100ms linear;
  transition: background 100ms linear; }

.custom-ddmenu .new {
  float: left;
  font-size: 9px;
  line-height: 8px;
  text-transform: uppercase;
  margin-right: .5em; }

.custom-ddmenu .category {
  float: left;
  max-width: 60%;
  font-size: 10px;
  color: #b1b1b1; }

.custom-ddmenu .time {
  float: left;
  max-width: 40%;
  text-align: right;
  font-size: 10px;
  color: #b1b1b1; }

.custom-ddmenu .desc {
  width: 100%;
  display: block;
  clear: both;
  padding-bottom: 2px;
  font-size: 11px;
  line-height: 13px;
  max-height: 41px;
  overflow: hidden;
  -ms-word-wrap: break-word;
  word-wrap: break-word; }

.custom-ddmenu .title {
  width: 100%;
  display: block;
  clear: both;
  font-size: 12px;
  line-height: 1.5;
  color: #3d5569;
  font-family: 'robotomedium'; }

.custom-ddmenu .add-info {
  width: 100%;
  display: block;
  clear: both;
  font-size: 10px;
  font-family: 'robotolight';
  color: #a1a1a1; }

.custom-ddmenu a:hover .label-danger {
  color: #fff; }

.custom-ddmenu .gray-bar {
  border-top: solid 1px #e0e0e4;
  background-color: #f1f1f4;
  color: #3d5569;
  clear: both;
  width: 100%;
  float: left;
  -webkit-box-shadow: 0 2px 0 #ebebee inset;
  box-shadow: 0 2px 0 #ebebee inset; }

.custom-ddmenu .jspPane {
  width: 350px !important; }

.one-notification .custom-ddmenu .gray-bar {
  font-size: 11px; }

.custom-ddmenu a.gray-bar:hover {
  color: #27272a; }

.custom-ddmenu .show-category-only {
  box-shadow: none;
  background-color: #ffffff; }

.custom-ddmenu .show-all a, .custom-ddmenu .show-all span {
  padding: 9px 10px;
  display: block;
  float: left; }

.custom-ddmenu .show-all .mark-as-read {
  padding-left: 6px;
  padding-right: 0;
  float: right; }

.custom-ddmenu .show-all .clear-fastnotifications {
  float: right; }

.custom-ddmenu .show-category-only, .custom-ddmenu .show-all {
  clear: both;
  width: 100%;
  float: left; }

.custom-ddmenu .show-category-only a, .custom-ddmenu .show-all a {
  border-width: 0;
  color: #1c9cd8;
  font-size: 11px; }

.custom-ddmenu .show-category-only a:hover, .custom-ddmenu .show-all a:hover {
  background-color: transparent;
  border-width: 0;
  text-decoration: none;
  color: #487FD1; }

.custom-ddmenu .ui-menu-item {
  color: #3d5569;
  font-size: 12px; }
  .custom-ddmenu .ui-menu-item.show-category-only a:hover, .custom-ddmenu .ui-menu-item.show-all a:hover {
    background-color: transparent;
    border-width: 0;
    text-decoration: none;
    color: #487FD1; }

.custom-ddmenu .ui-widget-content a {
  color: #3d5569;
  font-size: 12px;
  font-family: 'robotomedium'; }

/* rozwijane menu z ikonkami (tryb pracy, tryb dodawanej wiadomości itp) */
.btn-with-drop.left-border {
  border-left: solid 1px #c0ccce; }

.btn-with-drop.right-border {
  border-right: solid 1px #c0ccce; }

.btn-with-drop .dropdown-toggle {
  cursor: pointer;
  background-color: transparent;
  border: solid 1px transparent;
  padding: 4px;
  position: static; }

.btn-with-drop .questionaire-dropdown-toggle {
  min-width: 300px;
  max-width: 500px; }
  .btn-with-drop .questionaire-dropdown-toggle .lbl {
    display: inline-block;
    max-width: 90%; }

.btn-with-drop.with-border .dropdown-toggle {
  border-color: #dcdcdc; }

.btn-with-drop.open .dropdown-toggle {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #797E87;
  border-bottom-color: transparent;
  background-color: #ffffff;
  position: relative;
  z-index: 1005; }

.btn-with-drop.open.small-edit .dropdown-toggle {
  border: none;
  background: none; }

.btn-with-drop .main-icon:before {
  font-size: 22px;
  color: #7dbcdc;
  margin: 0 10px; }

.btn-with-drop.without-toggle .main-icon:before {
  color: #3D5569; }

.btn-with-drop .tick-icon:before {
  vertical-align: text-top;
  line-height: 22px;
  color: #dcdcdc; }

.btn-with-drop .lbl {
  line-height: 22px;
  vertical-align: bottom;
  color: #3d5569; }

.btn-with-drop .overflowed.lbl {
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  -ms-text-overflow: ellipsis !important;
  -o-text-overflow: ellipsis !important; }

.btn-with-drop .dropdown-menu {
  left: auto;
  right: 0;
  min-width: 250px;
  margin-top: -1px; }

.btn-with-drop .hd {
  color: #666a73;
  padding: 15px 15px 12px 15px; }

.btn-with-drop .dropdown-menu ul {
  width: 100%;
  clear: both;
  margin: 0;
  padding: 0;
  list-style-type: none; }

.btn-with-drop .dropdown-menu li {
  width: 100%;
  clear: both;
  margin: 0;
  padding: 0;
  list-style-type: none;
  border: solid 1px #e9e9e9;
  border-left-width: 3px;
  border-right-width: 0;
  border-color: transparent; }

.btn-with-drop .dropdown-menu a {
  color: #3d5569;
  display: block;
  padding: 10px;
  border: solid 2px transparent;
  border-width: 2px 0;
  -ms-word-wrap: break-word;
  word-wrap: break-word; }
  .btn-with-drop .dropdown-menu a:hover {
    color: #487FD1;
    background-color: transparent;
    border-width: 2px 0;
    text-decoration: none; }

.btn-with-drop .dropdown-menu .icon {
  float: right; }

.btn-with-drop .dropdown-menu a:hover .icon {
  color: #487FD1; }

.btn-with-drop .dropdown-menu li.active {
  border-color: #e9e9e9;
  border-left-color: #2598da;
  background-color: #f8f8f8; }
  .btn-with-drop .dropdown-menu li.active a {
    color: #adadad;
    border-color: #f2f2f2;
    cursor: default; }
    .btn-with-drop .dropdown-menu li.active a:hover .icon {
      color: #adadad; }
  .btn-with-drop .dropdown-menu li.active .icon {
    display: block; }

.btn-with-drop .attached-left.dropdown-menu {
  left: 0;
  right: auto; }

.btn-with-drop .attached-right.dropdown-menu {
  left: auto;
  right: 0; }

.btn-with-drop .full-length.dropdown-menu {
  left: 0;
  right: 0; }

.btn-with-drop.small {
  font-size: 12px; }
  .btn-with-drop.small .dropdown-menu {
    font-size: 12px; }
  .btn-with-drop.small .dropdown-toggle {
    padding: 4px 9px; }
  .btn-with-drop.small .main-icon:before {
    font-size: 16px;
    margin: 0 10px 0 0; }
  .btn-with-drop.small .tick-icon:before {
    line-height: 16px;
    margin: 0 0 0 10px; }
  .btn-with-drop.small .lbl {
    vertical-align: bottom;
    line-height: 16px; }
  .btn-with-drop.small.small-edit {
    display: none;
    float: right;
    width: 30px;
    color: #C5CBCC;
    margin: -12px -10px 0 0; }
    .btn-with-drop.small.small-edit .icon-pencil {
      font-size: 14px;
      transition: text-decoration 0.5s, color 0.5s; }
    .btn-with-drop.small.small-edit:hover .icon-pencil {
      color: #2598da !important; }
    .btn-with-drop.small.small-edit .dropdown-menu {
      left: auto;
      right: -1px;
      min-width: 70px;
      border-color: #dcdcdc;
      border-bottom-width: 0; }
      .btn-with-drop.small.small-edit .dropdown-menu li {
        margin: 0;
        padding: 0;
        list-style-type: none;
        text-align: center;
        border: none;
        border-bottom: solid 1px #dcdcdc; }
        .btn-with-drop.small.small-edit .dropdown-menu li:last-of-type {
          border: none; }
        .btn-with-drop.small.small-edit .dropdown-menu li a {
          color: #3d5569;
          background-color: #f1f1f4;
          font-size: 12px;
          display: block;
          padding: 7px;
          border: none; }
          .btn-with-drop.small.small-edit .dropdown-menu li a:hover {
            color: #2598da !important;
            text-decoration: underline; }
    .btn-with-drop.small.small-edit .dropdown-toggle {
      padding: 4px 4px;
      margin-left: 2px;
      margin-top: 2px;
      width: 27px;
      border: none; }

html > body .dropup.open > .dropdown-toggle {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #797E87;
  border-bottom: 1px solid !important;
  border-top-color: transparent;
  background-color: #ffffff;
  position: relative;
  z-index: 1005; }

.dropup.open > .dropdown-menu {
  min-width: 250px;
  margin-bottom: -1px; }

.btn-with-drop--white .dropdown-toggle {
  cursor: pointer;
  background-color: #fff;
  border: solid 1px #fff;
  padding: 4px;
  position: static; }

.wide.btn-with-drop {
  min-width: 300px; }
  .wide.btn-with-drop .tick-icon {
    display: inline;
    float: right; }

.questionaire-btn-with-drop .dropdown-menu {
  width: 400px !important; }

.questionaire-btn-with-drop .dropdown-toggle {
  width: 400px !important; }

.e-form-row.open .dropdown-toggle {
  border-bottom: 0;
  height: 26px; }

.dropdown-toggle__icon {
  margin-right: 5px; }

.list-item--disabled a {
  background: #F2DEDE !important;
  border: dashed 1px #EDD2D6 !important;
  border-radius: 0;
  cursor: default !important; }
  .list-item--disabled a span.title, .list-item--disabled a span.add-info {
    color: #929292 !important; }

.select2-container.select2-allowclear .select2-choice abbr {
  top: 5px;
  color: #f4989d; }

.select2-dont-show-disabled .select2-disabled {
  display: none; }

.select2-drop {
  z-index: 999; }

.select2-drop-mask {
  z-index: 998; }

/* główny layout */
#page-container {
  width: 1265px;
  float: left; }

#main-nav {
  width: 300px;
  padding-top: 0;
  float: left; }

#page-body {
  padding: 44px 0 60px 0;
  float: left;
  width: 965px; }
  @media only screen and (max-width: 1265px), only screen and (max-height: 767px) {
    #page-body {
      padding-top: 0; } }

.layout-left-column {
  width: 700px;
  margin: 0 0 0 12px; }

h1 {
  margin: 0 0 30px 30px;
  padding: 0;
  color: #27272a;
  font-size: 20px; }
  h1 .gray {
    color: #6e6e6e; }

#main-nav ul, #main-nav li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  width: 100%;
  float: left;
  clear: both; }

/* Tymczasowo dla ikony ustawień/ */
/* /Tymczasowo dla ikony ustawień*/
nav .secondary .badge {
  padding: 5px 7px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 11px;
  background: #dcdcdc;
  color: #61666f;
  font-weight: normal;
  float: right;
  margin-top: -1px; }

header .user {
  line-height: 43px;
  padding-left: 7px;
  border-left: solid 1px #797e87;
  margin-left: 8px;
  -webkit-box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.2); }
  header .user .img {
    width: 30px;
    height: 30px;
    margin-right: 8px; }

.currentUser .user .img {
  width: 30px;
  height: 30px;
  margin-right: 8px; }

header .user .name {
  white-space: nowrap;
  display: inline-block;
  color: #ecf1f4; }
  header .user .name:hover {
    color: #2598DA; }

header .settings {
  padding: 6px 5px;
  border-left: solid 1px #797e87;
  margin-left: 15px;
  -webkit-box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.2); }
  header .settings .dropdown-toggle {
    cursor: pointer;
    padding: 6px; }
  header .settings.open .dropdown-toggle {
    background-color: #ffffff; }
  header .settings .dropdown-menu {
    width: 240px;
    margin-top: -7px;
    left: auto;
    right: 4px; }
    header .settings .dropdown-menu ul {
      margin: 0 15px 15px 15px;
      width: 210px; }
    header .settings .dropdown-menu li > a {
      padding: 10px 0;
      color: #27272a; }
      header .settings .dropdown-menu li > a:hover {
        color: #487FD1;
        background-color: transparent; }
  header .settings .logout {
    padding: 13px 15px 11px;
    color: #27272a; }
  header .settings a.logout:hover {
    color: #487FD1; }

.settings #LanguageId {
  width: 160px; }

#main-nav .view-mode {
  width: 100%;
  background-color: #ffffff;
  padding-top: 9px;
  padding-bottom: 5px;
  -webkit-box-shadow: inset -1px 1px 3px 0 rgba(0, 0, 0, 0.2), -3px 3px 3px -2px rgba(0, 0, 0, 0.2);
  box-shadow: inset -1px 1px 3px 0 rgba(0, 0, 0, 0.2), -3px 3px 3px -2px rgba(0, 0, 0, 0.2); }
  #main-nav .view-mode .main-icon:before {
    margin-left: 10px;
    font-size: 18px;
    color: #666a74; }
  #main-nav .view-mode .lbl {
    font-size: 10px;
    text-transform: uppercase;
    color: #80848c;
    vertical-align: middle; }
  #main-nav .view-mode .name {
    font-size: 12px;
    vertical-align: middle;
    margin-left: 15px; }
  #main-nav .view-mode .dropdown-toggle {
    border: solid 1px transparent;
    border-bottom-width: 0;
    float: right;
    padding: 9px 7px 5px 7px;
    margin: -8px 1px 0 0;
    cursor: pointer; }
  #main-nav .view-mode.open .dropdown-toggle {
    border-color: #9399a2;
    position: relative;
    z-index: 1005;
    background-color: #ffffff;
    -webkit-box-shadow: 0 -5px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 -5px 5px rgba(0, 0, 0, 0.3); }
  #main-nav .view-mode .dropdown-menu {
    left: auto;
    right: 1px;
    margin-top: -6px;
    width: 205px; }
    #main-nav .view-mode .dropdown-menu .hd {
      padding-top: 10px; }

#main-nav .main {
  width: 103px;
  float: left;
  margin-bottom: 70px; }
  #main-nav .main li {
    width: 100%;
    clear: both;
    text-align: center;
    border-top: solid 1px #d5d5d5; }
    #main-nav .main li.first {
      border-top-width: 0; }
    #main-nav .main li a {
      display: block;
      border-left: solid 3px transparent;
      padding: 18px 5px 5px 5px;
      height: 95px;
      font-size: 12px;
      color: #a5a7ac; }
      #main-nav .main li a:hover {
        color: #61666f; }
  #main-nav .main [class^="icon-"]:before, #main-nav .main [class*=" icon-"]:before {
    font-size: 38px;
    text-shadow: 1px 1px 0 #ffffff; }
  #main-nav .main li.active a {
    color: #61666f;
    border-left-color: #2598da;
    background-color: #f6f6f6;
    -webkit-box-shadow: -6px 0 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: -6px 0 5px 0 rgba(0, 0, 0, 0.2); }

#main-nav .secondary {
  width: 197px;
  float: left;
  padding: 13px 10px 0 10px; }
  #main-nav .secondary li {
    width: 100%;
    clear: both;
    float: left;
    margin-bottom: 0; }
    #main-nav .secondary li.see-all {
      margin-top: 5px; }
    #main-nav .secondary li > a {
      padding: 6px 10px;
      width: 177px;
      float: left;
      color: #3d5569; }
      #main-nav .secondary li > a:hover {
        color: #487FD1; }
      #main-nav .secondary li > a .popover {
        color: #61666f;
        font-family: 'robotolight', sans-serif; }
        #main-nav .secondary li > a .popover h3 {
          font-size: 12px;
          margin: 5px 0 10px 0; }
  #main-nav .secondary .lbl {
    width: 129px;
    float: right;
    margin: 2px 0 0 0;
    line-height: 1.3; }
    #main-nav .secondary .lbl .icon-info-circled:before {
      font-size: 14px; }
  #main-nav .secondary [class^="icon-"]:before, #main-nav .secondary [class*=" icon-"]:before {
    font-size: 18px;
    margin-left: 0;
    margin-right: 0; }
  #main-nav .secondary .basic .hd {
    font-size: 20px;
    color: #61666f;
    margin: 0 0 15px 10px;
    clear: both; }
  #main-nav .secondary .basic .subheader:not(:first-child) {
    margin-top: 20px; }
  #main-nav .secondary .basic .sub-hd {
    font-size: 16px;
    color: #61666f;
    margin: 0 0 5px 10px;
    clear: both; }
  #main-nav .secondary .basic .lbl {
    font-size: 13px; }
  #main-nav .secondary .additional .hd {
    font-size: 20px;
    color: #61666F;
    margin: 0 0 10px 10px;
    /* text-transform: uppercase;*/
    clear: both; }
  #main-nav .secondary .additional .lbl {
    font-size: 12px; }
  #main-nav .secondary .additional li {
    margin-bottom: 0; }
    #main-nav .secondary .additional li > a {
      padding-top: 3px;
      padding-bottom: 2px; }
  #main-nav .secondary li.active {
    background-color: #2598da; }
    #main-nav .secondary li.active a {
      color: #ffffff; }
  #main-nav .secondary .without-icons .lbl {
    width: 100%;
    margin-top: 0; }
  #main-nav .secondary .additional .without-icons li > a {
    padding-top: 6px;
    padding-bottom: 6px; }
  #main-nav .secondary hr {
    width: 155px;
    margin: 20px 0 15px 10px;
    float: left; }

/* głowny layout w trybie admina */
body.admin-view {
  /*.e-main-header {
      border-bottom-color: #3f4148;
      background-color: #3f4148;
      background: -webkit-gradient(linear, left top, left bottom, from(#474952), color-stop(0.25, #3f4148), to(#3f4148));
      background: -webkit-linear-gradient(top, #474952, #3f4148 25%, #3f4148);
      background: -moz-linear-gradient(top, #474952, #3f4148 25%, #3f4148);
      background: -ms-linear-gradient(top, #474952, #3f4148 25%, #3f4148);
      background: -o-linear-gradient(top, #474952, #3f4148 25%, #3f4148);
      .e-dropdown-button__icon {
          color: #ecf1f4;
            text-shadow: 1px 1px 0 #7f8188;
      }
    }*/ }
  body.admin-view #main-nav .view-mode {
    background-color: #4f525a; }
    body.admin-view #main-nav .view-mode [class^="icon-"]:before, body.admin-view #main-nav .view-mode [class*=" icon-"]:before, body.admin-view #main-nav .view-mode .lbl, body.admin-view #main-nav .view-mode .name {
      color: #8a929f; }
  body.admin-view #main-nav .main li {
    border-color: #50535d; }
    body.admin-view #main-nav .main li a {
      color: #8a929f; }
  body.admin-view #main-nav .main [class^="icon-"]:before, body.admin-view #main-nav .main [class*=" icon-"]:before {
    text-shadow: 1px 1px 0 #161719;
    color: #ffffff; }
  body.admin-view #main-nav .main li a:hover {
    color: #ced4dc; }
  body.admin-view #main-nav .main a:hover [class^="icon-"]:before, body.admin-view #main-nav .main a:hover [class*=" icon-"]:before {
    color: #ced4dc; }
  body.admin-view #main-nav .main li.active a, body.admin-view #main-nav .main li.active [class^="icon-"]:before, body.admin-view #main-nav .main li.active [class*=" icon-"]:before {
    color: #ced4dc;
    background-color: #777e89; }
  body.admin-view #main-nav .secondary [class^="icon-"]:before, body.admin-view #main-nav .secondary [class*=" icon-"]:before {
    color: #afb6c0; }
  body.admin-view #main-nav .secondary .additional .hd, body.admin-view #main-nav .secondary .basic .hd, body.admin-view #main-nav .secondary .basic .sub-hd {
    color: #ffffff; }
  body.admin-view #main-nav .secondary li > a {
    color: #ffffff; }
  body.admin-view #main-nav .secondary li.active [class^="icon-"]:before, body.admin-view #main-nav .secondary li.active [class*=" icon-"]:before {
    color: #ffffff; }
  body.admin-view #main-nav .secondary li > a:hover {
    color: #ced4dc; }
  body.admin-view #main-nav .secondary hr {
    border-color: #858c98; }

.Popup {
  display: block;
  background-image: none;
  background-color: #ffffff;
  width: 100%; }
  .Popup .popup-title-bar {
    color: #4f4e4e;
    padding: 14px 40px 10px 10px;
    min-height: 46px;
    background-color: #fbfbfb;
    background: -webkit-gradient(linear, left top, left bottom, from(white), to(#f2f2f2));
    background: -webkit-linear-gradient(top, white, #f2f2f2);
    background: -moz-linear-gradient(top, white, #f2f2f2);
    background: -ms-linear-gradient(top, white, #f2f2f2);
    background: -o-linear-gradient(top, white, #f2f2f2); }
    .Popup .popup-title-bar.without-padding {
      padding: 0; }
    .Popup .popup-title-bar h1 {
      font-size: 14px;
      line-height: 1.3;
      margin: 0;
      padding: 0;
      color: #4f4e4e; }
    .Popup .popup-title-bar h2 {
      font-size: 14px;
      font-family: 'roboto-light', sans-serif;
      line-height: 1.3;
      margin: 0;
      padding: 0;
      color: #a1a1a1; }
    .Popup .popup-title-bar .popup-title-bar-desc {
      font-size: 12px; }
  .Popup .popup-buttons-bar {
    text-align: right;
    padding: 10px 20px 10px 10px; }
    .Popup .popup-buttons-bar.without-top-padding {
      padding-top: 0; }
    .Popup .popup-buttons-bar .btn, .Popup .popup-buttons-bar .btn-file-upload .select-file-box a, .btn-file-upload .select-file-box .Popup .popup-buttons-bar a {
      margin-left: 10px; }
      .Popup .popup-buttons-bar .btn.no-left-margin, .Popup .popup-buttons-bar .btn-file-upload .select-file-box a.no-left-margin, .btn-file-upload .select-file-box .Popup .popup-buttons-bar a.no-left-margin {
        margin-left: 0; }
  .Popup .popup-content-area {
    padding: 10px;
    overflow: auto; }
    .Popup .popup-content-area.without-padding {
      padding: 0; }
    .Popup .popup-content-area.without-bottom-padding {
      padding-bottom: 0; }
    .Popup .popup-content-area.without-top-padding {
      padding-top: 0; }
  .Popup .questionnairy-page .popup-headliner {
    padding: 10px 10px 20px 10px; }
  .Popup .popup-headliner-content {
    float: left;
    width: 600px; }
  .Popup .questionnairy-page .question-nr-main {
    width: 80px; }
  .Popup .questionnairy-page .popup-headliner-content {
    width: 656px;
    float: right; }
  .Popup .box-with-big-icon .long-desc-only {
    width: auto;
    float: none;
    padding-left: 100px; }

.popup-spinner {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.6);
  z-index: 9999; }
  .popup-spinner .popup-spinner-img {
    position: relative;
    margin: 0 auto;
    display: block; }

/* mini-wizytówka */
.person-card {
  float: left;
  width: 290px;
  border: solid 1px transparent;
  margin: -4px 0 0 10px; }
  .person-card > .inside {
    width: 100%;
    float: left;
    padding: 14px 10px 10px 10px; }
  .person-card .photo {
    float: left;
    width: 62px;
    height: 62px;
    margin-right: 15px;
    border: solid 1px #dedede;
    text-align: center;
    vertical-align: middle;
    -webkit-box-shadow: 0 0 4px 0 #dedede;
    box-shadow: 0 0 4px 0 #dedede; }
    .person-card .photo img {
      max-width: 60px;
      max-height: 60px;
      margin: 0 auto; }
  .person-card .user-info {
    float: left;
    width: 190px; }
  .person-card .user-name {
    color: #3d5569;
    font-size: 14px;
    line-height: 1.1;
    margin-bottom: 5px;
    display: block;
    font-family: 'robotobold', sans-serif; }
  .person-card a.user-name:hover {
    color: #2598da; }
  .person-card .user-position {
    color: #6e6e6e;
    font-size: 12px; }
  .person-card .dropdown-menu {
    border-color: #dcdcdc;
    padding: 10px;
    margin-top: 0;
    width: 290px;
    background-color: #f1f1f4; }
    .person-card .dropdown-menu .hd-with-line {
      clear: both; }
    .person-card .dropdown-menu .hd {
      background-color: #f1f1f4; }
    .person-card .dropdown-menu ul, .person-card .dropdown-menu li {
      margin: 0;
      padding: 0;
      list-style-type: none;
      clear: both;
      float: left;
      width: 100%; }
    .person-card .dropdown-menu ul {
      margin-bottom: 10px; }
    .person-card .dropdown-menu li a {
      float: left;
      width: 100%;
      padding: 5px 10px;
      font-size: 12px;
      color: #3d5569; }
      .person-card .dropdown-menu li a:hover {
        color: #2598da;
        text-decoration: none; }
    .person-card .dropdown-menu .icon:before {
      float: left;
      margin: 1px 10px 0 0; }
    .person-card .dropdown-menu .lbl {
      float: left;
      width: 160px; }
    .person-card .dropdown-menu a:hover .lbl {
      text-decoration: underline; }
  .person-card.open {
    border-color: #dcdcdc;
    background-color: #ffffff; }
  .person-card.mini-version {
    cursor: pointer; }
    .person-card.mini-version .user-info {
      display: none; }
  .person-card.open .user-info.mini-version {
    display: block; }

/* mini wizytówka v2 */
.person-card-small {
  float: left;
  width: 228px;
  padding: 9px;
  border: dashed 1px transparent; }
  .person-card-small.with-border {
    border-color: #d7d7d7; }
  .person-card-small .photo {
    width: 60px;
    height: 65px;
    margin: 0 10px 0 0;
    float: left;
    text-align: center;
    overflow: hidden; }
    .person-card-small .photo .presence {
      width: 100%;
      font-size: 0;
      line-height: 0;
      height: 5px; }
      .person-card-small .photo .presence.present {
        background-color: #00a651; }
      .person-card-small .photo .presence.not-present {
        background-color: #a00f00; }
    .person-card-small .photo img {
      max-width: 60px;
      max-height: 60px;
      margin: 0 auto; }
  .person-card-small .user-info {
    float: left;
    width: 138px;
    padding-top: 5px; }
  .person-card-small .user-name {
    font-size: 14px;
    line-height: 1.2;
    color: #3d5569;
    margin-bottom: 4px;
    display: block;
    word-break: break-all;
    word-break: break-word; }
  .person-card-small .user-position {
    font-size: 11px;
    line-height: 1.2;
    color: #a1a1a1; }
  .person-card-small .bottom-label {
    width: 100%;
    clear: both;
    font-size: 10px;
    background-color: #f8f9fa;
    color: #777777;
    padding: 2px 10px; }
  .person-card-small.with-border .bottom-label {
    background-color: #9cc3d9;
    color: #ffffff; }

.person-card-small--no-margin {
  margin: 0; }

/* mini-wizytówka z ikonką */
.card-with-icon {
  float: left;
  width: 290px;
  border: solid 1px transparent;
  margin: -1px 0 0 10px; }
  .card-with-icon > .inside {
    width: 100%;
    float: left;
    padding: 0 10px; }
  .card-with-icon .container-icon {
    float: left;
    width: 62px;
    height: 62px;
    margin-right: 15px;
    margin-top: -1px;
    border: solid 1px #dedede;
    -webkit-box-shadow: 0 0 4px 0 #dedede;
    box-shadow: 0 0 4px 0 #dedede; }
  .card-with-icon .icon:before {
    background-color: #e1e1e6;
    color: #ffffff;
    margin: 5px;
    padding: 10px;
    width: 50px;
    font-size: 30px; }

.matrix-employee-label {
  clear: both;
  font-size: 12px;
  background-color: #f8f9fa;
  color: #777777;
  padding: 2px 10px; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
/* lista wiadomości */
.tl-item {
  clear: both;
  float: left;
  margin: 0 0 0 15px;
  padding: 15px 0;
  border-left: solid 1px #dcdcdc;
  position: relative;
  width: 697px; }
  .tl-item.end {
    border-bottom: solid 1px #dcdcdc;
    width: 949px; }
  .tl-item.without-line {
    margin-left: 0;
    border-width: 0;
    width: 100%; }
    .tl-item.without-line .message {
      width: 100%;
      margin-left: 0; }
  .tl-item.hidden-tl-mark {
    border-left-color: transparent; }
    .tl-item.hidden-tl-mark .tl-mark {
      display: none; }
  .tl-item .message {
    display: inline;
    float: left;
    width: 602px;
    margin: 0 0 0 9px;
    border: solid 1px #dcdcdc;
    background-color: #ffffff;
    /*box-shadow: -2px 2px 1px #ececec;*/
    position: relative; }
    .tl-item .message.wide {
      width: 875px;
      margin-left: 26px; }
    .tl-item .message.hoverable {
      cursor: pointer; }
      .tl-item .message.hoverable .person-card .user-name {
        color: #2598da;
        text-decoration: underline; }
    .tl-item .message .tick {
      position: absolute;
      top: 8px;
      left: -9px;
      width: 9px;
      height: 11px;
      font-size: 0;
      line-height: 0;
      background: transparent url("/Content/tms/_img/sprite.png") no-repeat -173px 0; }
  .tl-item.delayed .message {
    border-style: dashed; }

.editable-image-box {
  float: none;
  width: 100%; }

.end-of-laoding {
  margin-bottom: 82px; }

#infscr-loading {
  margin-bottom: 5%; }

.message .txt-content {
  background-color: #ffffff; }

.message .message-title {
  font-size: 22px;
  margin: -3px 0 3px 0;
  padding: 0;
  -ms-word-break: normal;
  word-break: normal;
  -ms-word-wrap: break-word;
  word-wrap: break-word; }
  .message .message-title a {
    color: #3d5569; }
    .message .message-title a:hover {
      color: #2598da; }

.message .message-desc {
  font-size: 12px;
  line-height: 1.4;
  color: #5f656d;
  -ms-word-break: normal;
  word-break: normal;
  -ms-word-wrap: break-word;
  word-wrap: break-word; }
  .message .message-desc a {
    color: #2598da;
    text-decoration: none; }
    .message .message-desc a:hover {
      color: #2598DA;
      text-decoration: underline; }
  .message .message-desc td:first-child i {
    font-size: 42px; }

.tl-item .message .bottom-bar {
  background-color: #f6f6f6;
  line-height: 24px;
  float: left;
  width: 100%;
  padding: 0 0 0 10px; }
  .tl-item .message .bottom-bar.with-top-border {
    border-top: 1px solid #DCDCDC; }
  .tl-item .message .bottom-bar.with-bottom-border {
    border-bottom: 1px solid #DCDCDC; }
    .tl-item .message .bottom-bar.with-bottom-border .from-kipu-info a {
      color: #898989; }
  .tl-item .message .bottom-bar > * {
    float: left;
    padding: 0 10px 0 0;
    font-size: 11px;
    color: #9ea8b5; }
  .tl-item .message .bottom-bar a {
    color: #9ea8b5; }
    .tl-item .message .bottom-bar a:hover {
      color: #2598da;
      text-decoration: none; }
      .tl-item .message .bottom-bar a:hover .lbl {
        text-decoration: underline; }
  .tl-item .message .bottom-bar .with-border {
    border-right: solid 1px #dcdcdc;
    margin-right: 10px; }
  .tl-item .message .bottom-bar .with-left-border {
    border-left: solid 1px #dcdcdc;
    padding-left: 10px; }
  .tl-item .message .bottom-bar [class^="icon-"]:before, .tl-item .message .bottom-bar [class*=" icon-"]:before {
    margin-left: 0;
    margin-right: 4px; }
  .tl-item .message .bottom-bar .see-more {
    float: right;
    color: #5f656d; }
    .tl-item .message .bottom-bar .see-more [class^="icon-"]:before, .tl-item .message .bottom-bar .see-more [class*=" icon-"]:before {
      margin-right: 5px; }

.tl-item.delayed .message .bottom-bar {
  background-color: #eaeaea; }
  .tl-item.delayed .message .bottom-bar .date-time {
    color: #707070; }

.tl-item .message .actions-bar {
  background-color: #f6f6f6;
  width: 100%;
  padding: 6px 10px;
  text-align: right; }

.tl-item .show-all-comments {
  padding: 10px;
  width: 600px;
  margin-left: 95px;
  background-color: #f1f3f5;
  clear: both;
  font-size: 11px; }

.tl-item .add-comment-collapsed {
  padding: 4px 10px;
  background-color: #f1f3f5;
  clear: both; }
  .tl-item .add-comment-collapsed .user-photo {
    width: 30px;
    height: 30px;
    float: left;
    margin: 0 10px 0 0; }
  .tl-item .add-comment-collapsed input {
    width: 542px;
    font-size: 12px;
    height: 30px; }

.tl-item .add-comment-expanded {
  padding: 3px 9px 4px 9px;
  width: 602px;
  margin-left: 94px;
  border: solid 1px #dcdcdc;
  background-color: #ffffff;
  clear: both;
  display: none; }
  .tl-item .add-comment-expanded.always-visible {
    display: block; }
  .tl-item .add-comment-expanded .user-photo {
    width: 30px;
    height: 30px;
    float: left;
    margin: 0 10px 0 0; }
  .tl-item .add-comment-expanded textarea {
    width: 542px;
    height: 60px;
    margin-bottom: 10px;
    font-size: 12px;
    resize: vertical; }
  .tl-item .add-comment-expanded .comment-actions {
    background-color: #f0f3f5;
    width: 600px;
    padding: 6px 10px;
    margin: 0 -9px -4px -9px;
    clear: both; }
  .tl-item .add-comment-expanded .buttons-comment .select-file-box {
    float: left;
    width: 18px;
    height: 20px; }
    .tl-item .add-comment-expanded .buttons-comment .select-file-box input[type="file"] {
      display: block;
      z-index: -1 !important; }
  .tl-item .add-comment-expanded .comment-actions .select-file-box .btn-icon {
    padding: 0; }
    .tl-item .add-comment-expanded .comment-actions .select-file-box .btn-icon [class^="icon-"]:before, .tl-item .add-comment-expanded .comment-actions .select-file-box .btn-icon [class*=" icon-"]:before {
      margin: 0;
      font-size: 16px; }
  .tl-item .add-comment-expanded .form-line {
    border-width: 0;
    margin-bottom: 0; }

.message-list .tl-item .add-comment-expanded .editable-image-box {
  width: 100%;
  float: none; }

.tl-item .add-comment-expanded .buttons {
  text-align: right;
  clear: both; }
  .tl-item .add-comment-expanded .buttons button {
    margin-left: 10px; }

.tl-item .add-comment-expanded.with-person-card {
  background-color: #F1F3F5;
  padding: 15px 20px;
  margin: 0;
  width: 100%;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-width: 1px 0 0 0; }
  .tl-item .add-comment-expanded.with-person-card .add-comment-hd {
    font-size: 20px;
    margin: 10px 0 25px 0;
    padding: 0;
    color: #27272a; }
  .tl-item .add-comment-expanded.with-person-card .person-card {
    margin-left: -10px;
    margin-top: 0; }
  .tl-item .add-comment-expanded.with-person-card textarea {
    width: 628px;
    height: 100px; }

.tl-item .actions {
  position: absolute;
  top: 1px;
  right: 0;
  z-index: 60;
  display: none; }

.tl-item .hover-area {
  padding: 10px; }
  .tl-item .hover-area:hover .actions {
    display: block; }

.tl-item .actions .options-trigger {
  border: solid 1px #dcdcdc;
  border-width: 0 0 1px 1px;
  background-color: #ffffff;
  -moz-box-shadow: -1px 1px 2px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: -1px 1px 2px 0 rgba(0, 0, 0, 0.15);
  box-shadow: -1px 1px 2px 0 rgba(0, 0, 0, 0.15);
  color: #3d5569;
  text-decoration: none; }
  .tl-item .actions .options-trigger .icon:before {
    margin-left: 4px;
    margin-right: 4px; }
  .tl-item .actions .options-trigger:hover {
    text-decoration: none; }

.tl-item .actions a:hover {
  color: #2598da !important; }

.tl-item .actions .dropdown-menu {
  left: auto;
  right: -1px;
  min-width: 70px;
  border-color: #dcdcdc;
  border-bottom-width: 0; }
  .tl-item .actions .dropdown-menu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center; }
  .tl-item .actions .dropdown-menu li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
    border-bottom: solid 1px #dcdcdc; }
  .tl-item .actions .dropdown-menu a {
    color: #3d5569;
    background-color: #f1f1f4;
    font-size: 12px;
    display: block;
    padding: 7px; }

.tl-item .tl-mark {
  position: absolute;
  top: 43px;
  left: -6px;
  width: 11px;
  height: 11px;
  font-size: 0;
  line-height: 0;
  background: transparent url("/Content/tms/_img/sprite.png") no-repeat 0 -16px; }
  .tl-item .tl-mark.fanpage {
    background-position: 0 -16px; }
  .tl-item .tl-mark.company {
    background-position: -33px -16px; }
  .tl-item .tl-mark.system {
    background-position: -22px -16px; }

.tl-item > h1 {
  margin-bottom: 0; }

.tl-item h1.search-results-header {
  padding: 20px 0 0 0;
  margin: 0 0 10px 30px; }

.tl-item .author-link {
  display: block;
  float: left;
  margin: 0 5px 0 0;
  font-size: 11px; }

.tl-item.with-photo .message {
  width: 602px; }
  .tl-item.with-photo .message .txt-content {
    width: 330px;
    float: right; }
  .tl-item.with-photo .message .main-photo {
    max-width: 100%;
    clear: both;
    margin: 0 auto; }

.tl-item .top-bar {
  float: left;
  width: 601px;
  margin-left: 9px;
  padding-bottom: 4px;
  font-size: 11px;
  /*color: #2f3a41;*/
  color: #9EA8B5;
  -ms-word-break: normal;
  word-break: normal;
  -ms-word-wrap: break-word;
  word-wrap: break-word; }
  .tl-item .top-bar a {
    color: #9EA8B5; }
    .tl-item .top-bar a:hover {
      color: #2598da; }

.tl-item .info-txt {
  width: 190px;
  display: block;
  margin: 0 10px 0 20px;
  padding-bottom: 5px; }

.tl-item .message .main-photo-link {
  float: left;
  width: 240px; }

.tl-item .person-card {
  margin-top: -11px;
  margin-left: 3px; }
  .tl-item .person-card .photo {
    border: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .tl-item .person-card.open .user-info {
    display: block; }
  .tl-item .person-card.mini-version {
    width: 82px; }
    .tl-item .person-card.mini-version.open {
      border: none; }
    .tl-item .person-card.mini-version > .inside.mini-version {
      float: none;
      overflow: hidden;
      position: relative;
      z-index: 90; }
  .tl-item .person-card.open > .inside.mini-version {
    width: 290px;
    border: 1px solid #DCDCDC;
    border-bottom: none;
    background-color: #fff; }
  .tl-item .person-card.mini-version .user-info {
    display: none; }
  .tl-item .person-card.mini-version.open .user-info {
    display: block; }

.tl-item .message-mark {
  width: 60px;
  height: 60px;
  float: left;
  margin: 0 10px 0 15px;
  background-color: #f1f1f1;
  text-align: center; }
  .tl-item .message-mark i {
    font-size: 23px; }
    .tl-item .message-mark i:before {
      margin-top: 18px; }
  .tl-item .message-mark.with-date {
    color: #ffa053;
    text-align: center; }
    .tl-item .message-mark.with-date .month {
      font-size: 20px;
      line-height: 20px;
      text-transform: capitalize;
      margin-top: 8px; }
    .tl-item .message-mark.with-date .day {
      font-size: 22px;
      line-height: 22px; }
  .tl-item .message-mark.with-photo img {
    max-width: 60px;
    max-height: 60px;
    text-align: center; }

.tl-item .from-kipu-info a {
  /*color:#2f3a41;*/
  color: #9EA8B5; }

.tl-item.simple .txt-content {
  padding: 10px; }
  .tl-item.simple .txt-content .message-desc {
    float: left;
    width: 450px; }
  .tl-item.simple .txt-content .message-time {
    float: right;
    width: 100px;
    margin: 3px 0 0 0;
    font-size: 10px;
    color: #C5CBCC;
    text-align: right; }

.tl-item.task .top-bar .lbl {
  color: #8baa50; }

.tl-item.task .message {
  border-color: #e0eec3; }
  .tl-item.task .message .tick {
    background-position: -200px 0; }

.tl-item.task .message-mark i {
  color: #9cbb5f; }

.tl-item.notification .top-bar .lbl {
  color: #258ac4; }

.tl-item.notification .message {
  border-color: #bddcee; }
  .tl-item.notification .message .tick {
    background-position: -191px 0; }

.tl-item.notification .message-mark i {
  color: #258fcc; }

.tl-item.event-notification .top-bar .lbl {
  color: #ffa053; }

.tl-item.event-notification .message {
  border-color: #ffdcc0; }
  .tl-item.event-notification .message .tick {
    background-position: -209px 0; }

.tl-item.event-notification .message-mark i {
  color: #ffa053; }

.tl-item.event .txt-content .message-desc {
  width: 100%; }

.tl-item.event .one-line {
  margin-bottom: 5px; }

.tl-item.event .lbl-simple, .tl-item.event .lbl-with-icon {
  float: left;
  width: 160px; }

.tl-item.event .lbl {
  color: #717273;
  font-size: 12px;
  text-align: right; }

.tl-item.event .val {
  width: 400px;
  float: right; }

.tl-item.event .lbl-simple .lbl {
  padding: 4px 10px 5px 10px;
  width: 100%;
  background-color: #f6f6f6; }

.tl-item.event .lbl-with-icon .lbl {
  padding: 4px 10px 5px 10px;
  width: 110px;
  background-color: #f8f9fa;
  float: left; }

.tl-item.event .lbl-with-icon .icon {
  float: left;
  width: 42px;
  margin-right: 8px;
  text-align: right; }
  .tl-item.event .lbl-with-icon .icon i:before {
    margin: 2px 0 0 0;
    font-size: 20px;
    color: #bcbebf; }

.tl-item.event .start-date .val, .tl-item.event .event-place .val {
  margin-top: 5px; }

.tl-item.event .event-name .val a {
  color: #3d5569;
  font-size: 20px;
  line-height: 1.3;
  text-decoration: underline; }
  .tl-item.event .event-name .val a:hover {
    color: #2598da; }

.tl-item.event .start-date .date {
  margin-right: 22px; }

.tl-item.event .start-date .time i:before {
  color: #bec0c1;
  margin: 0 12px 0 0;
  font-size: 15px; }

.tl-item.event .event-desc .val {
  font-size: 11px;
  line-height: 1.4; }

.tl-item.event .see-details {
  text-align: right;
  padding-top: 4px; }
  .tl-item.event .see-details a {
    font-size: 11px;
    text-decoration: underline; }

.tl-item.knowledge-base .message-mark {
  color: #bdbec0; }

.tl-item.knowledge-base .message .bottom-bar {
  line-height: 36px; }

.tl-item.knowledge-base .admins-panel {
  float: right;
  padding: 0 10px 0 0; }
  .tl-item.knowledge-base .admins-panel .admins-info {
    float: left; }
  .tl-item.knowledge-base .admins-panel .admins-photos {
    float: left; }
    .tl-item.knowledge-base .admins-panel .admins-photos img {
      margin-left: 10px;
      width: 30px;
      height: 30px; }

/* proste wiadomości (np. systemowe) */
/* widok pojedynczej wiadomości */
.single-message-view {
  width: 100%;
  border-width: 0;
  margin: 0;
  padding: 0 0 20px 0; }
  .single-message-view .message {
    margin-bottom: 30% !important; }
  .single-message-view .fanpage-info {
    font-size: 12px;
    float: left;
    color: #3d5569;
    vertical-align: middle; }
    .single-message-view .fanpage-info > * {
      vertical-align: middle; }
    .single-message-view .fanpage-info i:before {
      margin: 0 8px 0 0;
      font-size: 20px;
      color: #61666c;
      vertical-align: middle; }
  .single-message-view .author-main-image {
    width: 60px;
    height: 60px;
    overflow: hidden;
    margin: 0 30px 0 20px;
    float: left; }
    .single-message-view .author-main-image img {
      max-width: 60px;
      max-height: 60px; }
  .single-message-view .message {
    width: 590px;
    float: left;
    margin: 0;
    border-width: 0; }
    .single-message-view .message .message-published-date {
      color: #5f656d;
      margin: 0 0 8px 0;
      font-size: 11px; }
    .single-message-view .message .main-photo {
      margin-bottom: 25px; }
    .single-message-view .message .comments-list, .single-message-view .message .add-comment-collapsed {
      margin-left: 0;
      width: 100%; }
    .single-message-view .message .add-comment-expanded {
      margin-left: 0; }
      .single-message-view .message .add-comment-expanded .editable-image-box {
        float: none;
        width: 100%; }
  .single-message-view .message-desc {
    color: #5f656d;
    font-size: 14px;
    line-height: 1.75;
    margin: 0 0 10px 0; }
    .single-message-view .message-desc p, .single-message-view .message-desc ul, .single-message-view .message-desc ol {
      margin-bottom: 25px; }
    .single-message-view .message-desc ul ol, .single-message-view .message-desc ol ol, .single-message-view .message-desc ul ul, .single-message-view .message-desc ol ul {
      margin-bottom: 0; }
    .single-message-view .message-desc a {
      color: #2598DA; }
    .single-message-view .message-desc h1 {
      font-size: 36px;
      line-height: 1.18;
      margin: 0 0 20px 0;
      color: #3d5569; }
  .single-message-view .message-title {
    font-size: 36px;
    line-height: 1.18;
    margin: 0 0 20px 0;
    color: #3d5569; }
  .single-message-view .message-desc h2, .single-message-view .message-desc h3, .single-message-view .message-desc h4, .single-message-view .message-desc h5 {
    color: #3d5569; }
  .single-message-view .message-desc h2 {
    font-size: 30px; }
  .single-message-view .message-desc h3 {
    font-size: 24px; }
  .single-message-view .message-desc h4 {
    font-size: 20px; }
  .single-message-view .message-desc h5 {
    font-size: 18px; }
  .single-message-view .message-desc h6 {
    margin: 0;
    color: #5f656d;
    font-size: 16px; }
  .single-message-view .message-desc blockquote {
    border-left: solid 3px #cacaca;
    padding: 20px;
    margin-bottom: 25px;
    font-family: Georgia, serif;
    font-size: 14px;
    line-height: 1.75;
    font-weight: normal; }
    .single-message-view .message-desc blockquote p {
      font-size: 14px;
      line-height: 1.75;
      font-weight: normal;
      margin-bottom: 0; }
  .single-message-view .message-desc pre {
    margin: 0 0 25px 0; }
  .single-message-view .message-desc table {
    width: 100%;
    clear: both;
    margin: 0 0 25px 0;
    border-collapse: collapse; }
    .single-message-view .message-desc table td, .single-message-view .message-desc table th {
      text-align: left;
      vertical-align: top;
      padding: 5px 10px;
      border: solid 1px #cacaca;
      font-size: 14px; }
    .single-message-view .message-desc table p {
      margin-bottom: 0; }
  .single-message-view .message-desc.simple-view {
    font-size: 12px;
    line-height: 1.4;
    padding: 10px 0; }

.author-person-card .person-card-small {
  margin-left: -10px; }

/* edycja pojedynczej wiadomości */
.single-message-edit {
  width: 949px;
  padding-bottom: 0;
  padding-top: 10px;
  background-color: #ffffff; }
  .single-message-edit.tl-item .employee-header {
    margin-left: 20px; }
  .single-message-edit.tl-item .person-card {
    margin-top: -4px;
    margin-left: 10px; }
  .single-message-edit.tl-item .tl-mark {
    top: 61px; }
  .single-message-edit .actions {
    display: block;
    position: static;
    float: right;
    margin: 35px 30px 0 0;
    list-style-type: none;
    font-size: 12px; }
    .single-message-edit .actions li {
      border-left: solid 1px #dddddd;
      float: left;
      white-space: nowrap;
      padding-left: 15px;
      margin-left: 12px; }
      .single-message-edit .actions li:first-child {
        border-left-width: 0;
        margin-left: 0; }
    .single-message-edit .actions .icon:before {
      margin: 0 8px 0 0;
      font-size: 14px; }
  .single-message-edit .top-line {
    margin: 0 30px 0 20px; }
  .single-message-edit .message {
    clear: both;
    width: 100%;
    margin: 20px 0 0 0;
    border-width: 0 0 1px 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .single-message-edit .ext-link-info {
    width: 303px !important; }

/*
.single-message-view .fanpage-info {margin-left: 40px; padding: 15px; background-color: #f6f6f6; color: #6e6e6e; display: inline-block;}
.single-message-view .fanpage-info .lbl {text-transform: uppercase; font-size: 12px; }

.single-message-view .message-title {font-size: 35px; line-height: 1.4; color: #000000; margin: 0 80px 25px 40px; padding: 0;}
.single-message-view .main-photo {max-width: 815px; margin: 0 0 25px 40px;  }
.single-message-view .message-desc {color: #000000; font-size: 18px; line-height: 1.4; margin: 0 80px 25px 40px;}
.single-message-view .message-desc p {margin-bottom: 25px;}
.single-message-view .message-desc a { color:#2598DA;}
.single-message-view .message-desc h1 {font-size: 34px; margin: 20px 0 10px 0; color: #000000;}
.single-message-view .comments-list {display: block; width: 100%; margin: 0; padding: 0 20px;}
.single-message-view .comments-list .one-comment .user-name {font-size: 16px;}
    */
.edit-message-form {
  padding: 0 20px; }
  .edit-message-form .chzn-container-multi .chzn-choices, .edit-message-form .chzn-container-multi .chzn-drop {
    width: 94% !important; }
  .edit-message-form .editImageBox .form-controls {
    width: 100%;
    float: left; }
  .edit-message-form .editImageBox .form-label {
    display: none; }
  .edit-message-form .buttons {
    /* padding-right: 38px;*/ }
  .edit-message-form .important-message-icon {
    cursor: pointer; }
    .edit-message-form .important-message-icon .dropdown-toggle {
      padding-left: 0;
      padding-right: 0; }
    .edit-message-form .important-message-icon .main-icon:before {
      color: #9f9f9f; }
    .edit-message-form .important-message-icon.active .main-icon:before {
      color: #535353; }
  .edit-message-form .form-label {
    text-align: right;
    background: #f8f9fa;
    padding: 3px 20px 3px 10px;
    margin: 0;
    color: #717273;
    font-size: 12px; }
    .edit-message-form .form-label.form-label-light {
      font-family: robotolight, sans-serif; }

.mce-widget ~ .ui-autocomplete {
  margin: 0;
  padding: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0; }
  .mce-widget ~ .ui-autocomplete .ui-menu-item {
    background-color: #fff;
    padding: 0 5px;
    margin: 0;
    width: auto;
    border-bottom: 1px solid #eee;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    cursor: pointer;
    list-style: none;
    white-space: nowrap;
    font-size: 12px;
    min-width: 245px; }
    .mce-widget ~ .ui-autocomplete .ui-menu-item a {
      line-height: 24px; }
      .mce-widget ~ .ui-autocomplete .ui-menu-item a:hover {
        color: #000;
        opacity: 1;
        -moz-transition: none;
        -o-transition: none;
        -webkit-transition: none;
        transition: none; }
    .mce-widget ~ .ui-autocomplete .ui-menu-item:hover, .mce-widget ~ .ui-autocomplete .ui-menu-item.active {
      background-color: #f2f2f2;
      color: #000; }
    .mce-widget ~ .ui-autocomplete .ui-menu-item img,
    .mce-widget ~ .ui-autocomplete .ui-menu-item div.icon {
      width: 16px;
      height: 16px;
      float: left;
      margin-top: 5px;
      margin-right: 5px;
      -moz-background-origin: 3px;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px; }
    .mce-widget ~ .ui-autocomplete .ui-menu-item em {
      font-weight: bold;
      font-style: none; }
    .mce-widget ~ .ui-autocomplete .ui-menu-item strong {
      background: #ffff99;
      font-weight: normal; }

.comments-list {
  clear: both;
  padding: 0;
  margin: 0 0 0 95px;
  width: 600px;
  background-color: #fafafa;
  float: left; }
  .comments-list.absence {
    margin-left: 100px; }
  .comments-list .comment-expandable {
    display: none; }
  .comments-list .comments-hd {
    font-size: 20px;
    margin: 20px 0 5px 0;
    padding: 0;
    color: #27272a; }
  .comments-list .one-comment {
    clear: both;
    padding: 10px 10px 5px;
    float: left;
    width: 100%;
    border-bottom: solid 1px #eaeaea; }
    .comments-list .one-comment:last-child {
      padding-bottom: 5px;
      border-bottom: none; }
    .comments-list .one-comment .like-row {
      clear: both;
      float: left;
      position: relative;
      margin: 0;
      padding: 10px 0 0 37px;
      width: 100%;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      border: none; }
      .comments-list .one-comment .like-row .like, .comments-list .one-comment .like-row .dislike, .comments-list .one-comment .like-row .likers {
        font-size: 10px;
        float: left;
        padding: 0 3px 0 3px;
        margin: 0 5px 0 0;
        color: #9ea8b5; }
        .comments-list .one-comment .like-row .like:hover, .comments-list .one-comment .like-row .dislike:hover, .comments-list .one-comment .like-row .likers:hover {
          color: #2598da; }
    .comments-list .one-comment .user-photo {
      float: left;
      width: 30px;
      margin-right: 10px;
      width: 5.555555555555556%;
      margin-right: 1.851851851851852%; }
      .comments-list .one-comment .user-photo img {
        max-width: 30px;
        max-height: 30px; }
    .comments-list .one-comment .info {
      float: left;
      width: 500px;
      width: 92.59259259259259%; }
    .comments-list .one-comment .user {
      float: left;
      width: 400px;
      margin: -2px 0 3px 0;
      color: #6e6e6e;
      font-size: 12px; }
    .comments-list .one-comment .user-name {
      color: #27272a;
      font-size: 10px; }
    .comments-list .one-comment .user-position {
      display: none; }
    .comments-list .one-comment .comment-text {
      color: #5a5b5c;
      font-size: 12px;
      -ms-word-break: normal;
      word-break: normal;
      -ms-word-wrap: break-word;
      word-wrap: break-word; }
      .comments-list .one-comment .comment-text a {
        color: #2598da; }
      .comments-list .one-comment .comment-text .comment-photo {
        float: left;
        margin: 0 20px 10px 0;
        max-width: 127px;
        max-height: 80px; }
    .comments-list .one-comment time {
      float: right;
      width: 98px;
      color: #c5cbcc;
      font-size: 10px;
      text-align: right;
      margin: -2px 0 5px 0; }
    .comments-list .one-comment.with-person-card {
      padding: 20px 0;
      border-top: solid 1px #dbe4e6;
      margin-top: -1px; }
      .comments-list .one-comment.with-person-card .person-card {
        margin-left: -10px;
        margin-top: -15px; }
      .comments-list .one-comment.with-person-card .info {
        min-height: 60px;
        padding: 0 0 0 27px;
        width: 604px;
        background: transparent url("/Content/tms/_img/bg-one-comment.png") no-repeat 0 0; }
      .comments-list .one-comment.with-person-card time {
        float: none;
        display: block;
        width: 100%;
        text-align: left;
        margin: 0 0 10px 0;
        font-size: 11px; }
      .comments-list .one-comment.with-person-card .comment-text {
        line-height: 1.4;
        font-size: 14px; }
    .comments-list .one-comment:hover .small-edit {
      display: block; }

/* lista komenatrzy w wersji z wizytówkami */
/* dodawanie wiadomości */
.add-message-box {
  margin: 0 0 0 15px;
  padding: 20px 0 15px 0;
  width: 698px;
  float: left;
  background-color: #ffffff;
  border: solid 1px #dcdcdc;
  border-width: 0 0 0 1px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none; }
  .add-message-box .add-message-mini {
    padding: 4px 5px 4px 10px;
    width: 640px;
    margin-left: 56px;
    background-color: #f1f3f5;
    clear: both; }
    .add-message-box .add-message-mini .user-photo {
      width: 30px;
      height: 30px;
      float: left;
      margin: 0 5px 0 0; }
    .add-message-box .add-message-mini input {
      width: 590px;
      font-size: 12px;
      height: 30px; }
  .add-message-box .add-message-max {
    visibility: visible;
    height: auto;
    overflow: visible;
    padding: 0;
    margin: 0;
    width: 602px;
    margin-left: 94px;
    border: solid 1px #dcdcdc;
    background-color: #ffffff;
    -moz-box-shadow: -2px 2px 1px #ececec;
    -webkit-box-shadow: -2px 2px 1px #ececec;
    box-shadow: -2px 2px 1px #ececec;
    clear: both;
    float: left; }
    .add-message-box .add-message-max.hidden-box {
      padding: 0;
      visibility: hidden;
      height: 1px;
      overflow: hidden;
      height: 0; }
    .add-message-box .add-message-max .form-line {
      margin-bottom: 10px; }
    .add-message-box .add-message-max input[type='text'], .add-message-box .add-message-max input[type='password'], .add-message-box .add-message-max input[type='tel'], .add-message-box .add-message-max input[type='date'], .add-message-box .add-message-max input[type='number'] {
      width: 100%; }
    .add-message-box .add-message-max textarea, .add-message-box .add-message-max select {
      width: 100%; }
    .add-message-box .add-message-max .add-message-actions .btn-add-message {
      width: 120px; }
  .add-message-box .chzn-container-multi .chzn-choices, .add-message-box .chzn-container-multi .chzn-drop {
    width: 100% !important; }
  .add-message-box .add-message-actions {
    background-color: #f0f3f5;
    width: 600px;
    padding: 0 10px;
    margin: 0 -5px -5px -5px; }
    .add-message-box .add-message-actions .select-file-box {
      overflow: hidden; }
      .add-message-box .add-message-actions .select-file-box .btn-icon {
        padding: 9px 10px 6px 0; }
        .add-message-box .add-message-actions .select-file-box .btn-icon [class^="icon-"]:before, .add-message-box .add-message-actions .select-file-box .btn-icon [class*=" icon-"]:before {
          margin: 0;
          font-size: 16px; }
    .add-message-box .add-message-actions .btn, .add-message-box .add-message-actions .btn-file-upload .select-file-box a, .btn-file-upload .select-file-box .add-message-box .add-message-actions a {
      margin: 10px 0 6px 10px; }
    .add-message-box .add-message-actions .btn-with-drop {
      padding: 3px 0; }
      .add-message-box .add-message-actions .btn-with-drop .dropdown-toggle {
        padding: 7px 4px; }
      .add-message-box .add-message-actions .btn-with-drop .dropdown-menu {
        margin-top: -4px; }
    .add-message-box .add-message-actions .important-message-icon {
      cursor: pointer; }
      .add-message-box .add-message-actions .important-message-icon .dropdown-toggle {
        padding-left: 0;
        padding-right: 0; }
      .add-message-box .add-message-actions .important-message-icon .main-icon:before {
        margin-left: 10px;
        color: #9f9f9f; }
      .add-message-box .add-message-actions .important-message-icon.active .main-icon:before {
        color: #535353; }
    .add-message-box .add-message-actions .toggled-options .dropdown-toggle {
      padding: 4px 9px; }
    .add-message-box .add-message-actions .toggled-options .dropdown-menu {
      right: auto; }
      .add-message-box .add-message-actions .toggled-options .dropdown-menu li {
        padding: 5px; }
    .add-message-box .add-message-actions .toggled-options .main-icon:before {
      color: #9f9f9f; }
    .add-message-box .add-message-actions .toggled-options .active .main-icon:before {
      color: #3d5569; }
    .add-message-box .add-message-actions .toggled-options .main-icon {
      width: 16px;
      display: inline-block;
      margin-left: 3px; }
    .add-message-box .add-message-actions .toggled-options .lbl {
      line-height: 19px; }
    .add-message-box .add-message-actions .toggled-options.open .dropdown-toggle {
      border-color: #C0CCCE;
      border-bottom-color: transparent;
      z-index: 505; }
    .add-message-box .add-message-actions .toggled-options.open .dropdown-menu {
      border-color: #C0CCCE;
      z-index: 500; }

.message__favorite {
  position: absolute;
  top: 0;
  right: 0;
  border: solid 1px #dcdcdc;
  border-right: 0;
  border-top: 0;
  box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.1); }

.message__favorite--toggle {
  display: none; }

.message:hover .message__favorite--toggle {
  display: block; }

.message__favorite--shown {
  display: block; }

.statistics-summary {
  padding: 5px;
  border: solid 1px #f1f1f1; }

.statistics-live-counter {
  font-size: 55px;
  color: #3e586b; }

.statistics-live-counter-os {
  font-size: 30px;
  color: #3e586b;
  padding-left: 5px; }

.statistics-summary .table {
  margin-bottom: 0; }

.statistics-summary .table thead > tr > th, .statistics-summary .table tbody > tr > th, .statistics-summary .table tfoot > tr > th {
  text-transform: none;
  text-align: center;
  vertical-align: top;
  padding: 5px; }

.statistics-summary .today, .statistics-summary .last7, .statistics-summary .last30, .statistics-summary .today {
  width: 112px;
  text-align: center; }

.statistics-summary .yesterday, .statistics-summary .last7previous, .statistics-summary .last30previous, .yesterdayChange, .last7Change, .last30Change {
  width: 112px;
  text-align: center; }

/*
==============================================
CSS3 ANIMATION CHEAT SHEET
==============================================

Made by Justin Aguilar

www.justinaguilar.com/animations/

Questions, comments, concerns, love letters:
justin@justinaguilar.com

SASS mixins version made by Emplo.
==============================================
*/
/*
==============================================
slideDown
==============================================
*/
@keyframes slideDown {
  0% {
    transform: translateY(-100%); }
  50% {
    transform: translateY(8%); }
  65% {
    transform: translateY(-4%); }
  80% {
    transform: translateY(4%); }
  95% {
    transform: translateY(-2%); }
  100% {
    transform: translateY(0%); } }

@-webkit-keyframes slideDown {
  0% {
    -webkit-transform: translateY(-100%); }
  50% {
    -webkit-transform: translateY(8%); }
  65% {
    -webkit-transform: translateY(-4%); }
  80% {
    -webkit-transform: translateY(4%); }
  95% {
    -webkit-transform: translateY(-2%); }
  100% {
    -webkit-transform: translateY(0%); } }

/*
==============================================
slideUp
==============================================
*/
@keyframes slideUp {
  0% {
    transform: translateY(100%); }
  50% {
    transform: translateY(-8%); }
  65% {
    transform: translateY(4%); }
  80% {
    transform: translateY(-4%); }
  95% {
    transform: translateY(2%); }
  100% {
    transform: translateY(0%); } }

@-webkit-keyframes slideUp {
  0% {
    -webkit-transform: translateY(100%); }
  50% {
    -webkit-transform: translateY(-8%); }
  65% {
    -webkit-transform: translateY(4%); }
  80% {
    -webkit-transform: translateY(-4%); }
  95% {
    -webkit-transform: translateY(2%); }
  100% {
    -webkit-transform: translateY(0%); } }

/*
==============================================
slideLeft
==============================================
*/
@keyframes slideLeft {
  0% {
    transform: translateX(150%); }
  50% {
    transform: translateX(-8%); }
  65% {
    transform: translateX(4%); }
  80% {
    transform: translateX(-4%); }
  95% {
    transform: translateX(2%); }
  100% {
    transform: translateX(0%); } }

@-webkit-keyframes slideLeft {
  0% {
    -webkit-transform: translateX(150%); }
  50% {
    -webkit-transform: translateX(-8%); }
  65% {
    -webkit-transform: translateX(4%); }
  80% {
    -webkit-transform: translateX(-4%); }
  95% {
    -webkit-transform: translateX(2%); }
  100% {
    -webkit-transform: translateX(0%); } }

/*
==============================================
slideRight
==============================================
*/
@keyframes slideRight {
  0% {
    transform: translateX(-150%); }
  50% {
    transform: translateX(8%); }
  65% {
    transform: translateX(-4%); }
  80% {
    transform: translateX(4%); }
  95% {
    transform: translateX(-2%); }
  100% {
    transform: translateX(0%); } }

@-webkit-keyframes slideRight {
  0% {
    -webkit-transform: translateX(-150%); }
  50% {
    -webkit-transform: translateX(8%); }
  65% {
    -webkit-transform: translateX(-4%); }
  80% {
    -webkit-transform: translateX(4%); }
  95% {
    -webkit-transform: translateX(-2%); }
  100% {
    -webkit-transform: translateX(0%); } }

/*
==============================================
slideExpandUp
==============================================
*/
@keyframes slideExpandUp {
  0% {
    transform: translateY(100%) scaleX(0.5); }
  30% {
    transform: translateY(-8%) scaleX(0.5); }
  40% {
    transform: translateY(2%) scaleX(0.5); }
  50% {
    transform: translateY(0%) scaleX(1.1); }
  60% {
    transform: translateY(0%) scaleX(0.9); }
  70% {
    transform: translateY(0%) scaleX(1.05); }
  80% {
    transform: translateY(0%) scaleX(0.95); }
  90% {
    transform: translateY(0%) scaleX(1.02); }
  100% {
    transform: translateY(0%) scaleX(1); } }

@-webkit-keyframes slideExpandUp {
  0% {
    -webkit-transform: translateY(100%) scaleX(0.5); }
  30% {
    -webkit-transform: translateY(-8%) scaleX(0.5); }
  40% {
    -webkit-transform: translateY(2%) scaleX(0.5); }
  50% {
    -webkit-transform: translateY(0%) scaleX(1.1); }
  60% {
    -webkit-transform: translateY(0%) scaleX(0.9); }
  70% {
    -webkit-transform: translateY(0%) scaleX(1.05); }
  80% {
    -webkit-transform: translateY(0%) scaleX(0.95); }
  90% {
    -webkit-transform: translateY(0%) scaleX(1.02); }
  100% {
    -webkit-transform: translateY(0%) scaleX(1); } }

/*
==============================================
expandUp
==============================================
*/
@keyframes expandUp {
  0% {
    transform: translateY(100%) scale(0.6) scaleY(0.5); }
  60% {
    transform: translateY(-7%) scaleY(1.12); }
  75% {
    transform: translateY(3%); }
  100% {
    transform: translateY(0%) scale(1) scaleY(1); } }

@-webkit-keyframes expandUp {
  0% {
    -webkit-transform: translateY(100%) scale(0.6) scaleY(0.5); }
  60% {
    -webkit-transform: translateY(-7%) scaleY(1.12); }
  75% {
    -webkit-transform: translateY(3%); }
  100% {
    -webkit-transform: translateY(0%) scale(1) scaleY(1); } }

/*
==============================================
fadeIn
==============================================
*/
@keyframes fadeIn {
  0% {
    transform: scale(0);
    opacity: 0.0; }
  60% {
    transform: scale(1.1); }
  80% {
    transform: scale(0.9);
    opacity: 1; }
  100% {
    transform: scale(1);
    opacity: 1; } }

@-webkit-keyframes fadeIn {
  0% {
    -webkit-transform: scale(0);
    opacity: 0.0; }
  60% {
    -webkit-transform: scale(1.1); }
  80% {
    -webkit-transform: scale(0.9);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1);
    opacity: 1; } }

/*
==============================================
expandOpen
==============================================
*/
@keyframes expandOpen {
  0% {
    transform: scale(1.8); }
  50% {
    transform: scale(0.95); }
  80% {
    transform: scale(1.05); }
  90% {
    transform: scale(0.98); }
  100% {
    transform: scale(1); } }

@-webkit-keyframes expandOpen {
  0% {
    -webkit-transform: scale(1.8); }
  50% {
    -webkit-transform: scale(0.95); }
  80% {
    -webkit-transform: scale(1.05); }
  90% {
    -webkit-transform: scale(0.98); }
  100% {
    -webkit-transform: scale(1); } }

/*
==============================================
bigEntrance
==============================================
*/
@keyframes bigEntrance {
  0% {
    transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
    opacity: 0.2; }
  30% {
    transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
    opacity: 1; }
  45% {
    transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1; }
  60% {
    transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
    opacity: 1; }
  75% {
    transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1; }
  90% {
    transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1; }
  100% {
    transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1; } }

@-webkit-keyframes bigEntrance {
  0% {
    -webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
    opacity: 0.2; }
  30% {
    -webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
    opacity: 1; }
  45% {
    -webkit-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1; }
  60% {
    -webkit-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
    opacity: 1; }
  75% {
    -webkit-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1; }
  90% {
    -webkit-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1; } }

/*
==============================================
hatch
==============================================
*/
@keyframes hatch {
  0% {
    transform: rotate(0deg) scaleY(0.6); }
  20% {
    transform: rotate(-2deg) scaleY(1.05); }
  35% {
    transform: rotate(2deg) scaleY(1); }
  50% {
    transform: rotate(-2deg); }
  65% {
    transform: rotate(1deg); }
  80% {
    transform: rotate(-1deg); }
  100% {
    transform: rotate(0deg); } }

@-webkit-keyframes hatch {
  0% {
    -webkit-transform: rotate(0deg) scaleY(0.6); }
  20% {
    -webkit-transform: rotate(-2deg) scaleY(1.05); }
  35% {
    -webkit-transform: rotate(2deg) scaleY(1); }
  50% {
    -webkit-transform: rotate(-2deg); }
  65% {
    -webkit-transform: rotate(1deg); }
  80% {
    -webkit-transform: rotate(-1deg); }
  100% {
    -webkit-transform: rotate(0deg); } }

/*
==============================================
bounce
==============================================
*/
@keyframes bounce {
  0% {
    transform: translateY(0%) scaleY(0.6); }
  60% {
    transform: translateY(-100%) scaleY(1.1); }
  70% {
    transform: translateY(0%) scaleY(0.95) scaleX(1.05); }
  80% {
    transform: translateY(0%) scaleY(1.05) scaleX(1); }
  90% {
    transform: translateY(0%) scaleY(0.95) scaleX(1); }
  100% {
    transform: translateY(0%) scaleY(1) scaleX(1); } }

@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateY(0%) scaleY(0.6); }
  60% {
    -webkit-transform: translateY(-100%) scaleY(1.1); }
  70% {
    -webkit-transform: translateY(0%) scaleY(0.95) scaleX(1.05); }
  80% {
    -webkit-transform: translateY(0%) scaleY(1.05) scaleX(1); }
  90% {
    -webkit-transform: translateY(0%) scaleY(0.95) scaleX(1); }
  100% {
    -webkit-transform: translateY(0%) scaleY(1) scaleX(1); } }

/*
==============================================
pulse
==============================================
*/
@keyframes pulse {
  0% {
    transform: scale(0.9);
    opacity: 0.7; }
  50% {
    transform: scale(1);
    opacity: 1; }
  100% {
    transform: scale(0.9);
    opacity: 0.7; } }

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0.95);
    opacity: 0.7; }
  50% {
    -webkit-transform: scale(1);
    opacity: 1; }
  100% {
    -webkit-transform: scale(0.95);
    opacity: 0.7; } }

/*
==============================================
floating
==============================================
*/
@keyframes floating {
  0% {
    transform: translateY(0%); }
  50% {
    transform: translateY(10%); }
  100% {
    transform: translateY(0%); } }

@-webkit-keyframes floating {
  0% {
    -webkit-transform: translateY(0%); }
  50% {
    -webkit-transform: translateY(10%); }
  100% {
    -webkit-transform: translateY(0%); } }

/*
==============================================
tossing
==============================================
*/
@keyframes tossing {
  0% {
    transform: rotate(-4deg); }
  50% {
    transform: rotate(4deg); }
  100% {
    transform: rotate(-4deg); } }

@-webkit-keyframes tossing {
  0% {
    -webkit-transform: rotate(-4deg); }
  50% {
    -webkit-transform: rotate(4deg); }
  100% {
    -webkit-transform: rotate(-4deg); } }

/*
==============================================
pullUp
==============================================
*/
@keyframes pullUp {
  0% {
    transform: scaleY(0.1); }
  40% {
    transform: scaleY(1.02); }
  60% {
    transform: scaleY(0.98); }
  80% {
    transform: scaleY(1.01); }
  100% {
    transform: scaleY(0.98); }
  80% {
    transform: scaleY(1.01); }
  100% {
    transform: scaleY(1); } }

@-webkit-keyframes pullUp {
  0% {
    -webkit-transform: scaleY(0.1); }
  40% {
    -webkit-transform: scaleY(1.02); }
  60% {
    -webkit-transform: scaleY(0.98); }
  80% {
    -webkit-transform: scaleY(1.01); }
  100% {
    -webkit-transform: scaleY(0.98); }
  80% {
    -webkit-transform: scaleY(1.01); }
  100% {
    -webkit-transform: scaleY(1); } }

/*
==============================================
pullDown
==============================================
*/
@keyframes pullDown {
  0% {
    transform: scaleY(0.1); }
  40% {
    transform: scaleY(1.02); }
  60% {
    transform: scaleY(0.98); }
  80% {
    transform: scaleY(1.01); }
  100% {
    transform: scaleY(0.98); }
  80% {
    transform: scaleY(1.01); }
  100% {
    transform: scaleY(1); } }

@-webkit-keyframes pullDown {
  0% {
    -webkit-transform: scaleY(0.1); }
  40% {
    -webkit-transform: scaleY(1.02); }
  60% {
    -webkit-transform: scaleY(0.98); }
  80% {
    -webkit-transform: scaleY(1.01); }
  100% {
    -webkit-transform: scaleY(0.98); }
  80% {
    -webkit-transform: scaleY(1.01); }
  100% {
    -webkit-transform: scaleY(1); } }

/*
==============================================
stretchLeft
==============================================
*/
@keyframes stretchLeft {
  0% {
    transform: scaleX(0.3); }
  40% {
    transform: scaleX(1.02); }
  60% {
    transform: scaleX(0.98); }
  80% {
    transform: scaleX(1.01); }
  100% {
    transform: scaleX(0.98); }
  80% {
    transform: scaleX(1.01); }
  100% {
    transform: scaleX(1); } }

@-webkit-keyframes stretchLeft {
  0% {
    -webkit-transform: scaleX(0.3); }
  40% {
    -webkit-transform: scaleX(1.02); }
  60% {
    -webkit-transform: scaleX(0.98); }
  80% {
    -webkit-transform: scaleX(1.01); }
  100% {
    -webkit-transform: scaleX(0.98); }
  80% {
    -webkit-transform: scaleX(1.01); }
  100% {
    -webkit-transform: scaleX(1); } }

/*
==============================================
stretchRight
==============================================
*/
@keyframes stretchRight {
  0% {
    transform: scaleX(0.3); }
  40% {
    transform: scaleX(1.02); }
  60% {
    transform: scaleX(0.98); }
  80% {
    transform: scaleX(1.01); }
  100% {
    transform: scaleX(0.98); }
  80% {
    transform: scaleX(1.01); }
  100% {
    transform: scaleX(1); } }

@-webkit-keyframes stretchRight {
  0% {
    -webkit-transform: scaleX(0.3); }
  40% {
    -webkit-transform: scaleX(1.02); }
  60% {
    -webkit-transform: scaleX(0.98); }
  80% {
    -webkit-transform: scaleX(1.01); }
  100% {
    -webkit-transform: scaleX(0.98); }
  80% {
    -webkit-transform: scaleX(1.01); }
  100% {
    -webkit-transform: scaleX(1); } }

/*
==============================================
scaleForward
==============================================
*/
@keyframes scaleForward {
  0% {
    transform: scale(1); }
  100% {
    transform: scale(1.1); } }

@-webkit-keyframes scaleForward {
  0% {
    -webkit-transform: scale(1); }
  100% {
    -webkit-transform: scale(1.1); } }

@-webkit-keyframes zoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }

@-moz-keyframes zoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }

@keyframes zoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }

.emo {
  display: inline-block;
  margin-bottom: -5px; }

.e-paste-window .emo:hover {
  animation-name: floating;
  -webkit-animation-name: floating;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite; }

.emo-angel, .emo-angry, .emo-cheeky, .emo-cool, .emo-cry, .emo-disgust, .emo-embarrassed, .emo-happy, .emo-kiss, .emo-playful, .emo-pokerface, .emo-sad, .emo-silent, .emo-skeptical, .emo-sleep, .emo-smirk, .emo-surprise, .emo-thumbsdown, .emo-thumbsup, .emo-ultra-happy, .emo-bangbang, .emo-beers, .emo-boom, .emo-broken_heart, .emo-clap, .emo-closed_lock_with_key, .emo-crown, .emo-fire, .emo-fork_and_knife, .emo-hamburger, .emo-heart, .emo-heart_eyes, .emo-money_with_wings, .emo-muscle, .emo-no_entry_sign, .emo-ok_hand, .emo-pray, .emo-scream, .emo-star2, .emo-tada {
  background: url(/Content/tms/_img/emos.png?v=3) no-repeat; }

.emo-angel {
  background-position: 0 -63px;
  width: 20px;
  height: 21px; }

.emo-angry {
  background-position: -22px -86px;
  width: 18px;
  height: 18px; }

.emo-cheeky {
  background-position: 0 -86px;
  width: 18px;
  height: 19px; }

.emo-cool {
  background-position: -64px -63px;
  width: 19px;
  height: 19px; }

.emo-cry {
  background-position: -43px -64px;
  width: 18px;
  height: 18px; }

.emo-disgust {
  background-position: -22px -64px;
  width: 19px;
  height: 19px; }

.emo-embarrassed {
  background-position: -65px -42px;
  width: 18px;
  height: 18px; }

.emo-happy {
  background-position: -65px -87px;
  width: 18px;
  height: 18px; }

.emo-kiss {
  background-position: -42px -86px;
  width: 19px;
  height: 18px; }

.emo-playful {
  background-position: -43px -42px;
  width: 18px;
  height: 19px; }

.emo-pokerface {
  background-position: -21px -43px;
  width: 19px;
  height: 19px; }

.emo-sad {
  background-position: 0 -42px;
  width: 18px;
  height: 18px; }

.emo-silent {
  background-position: -65px -20px;
  width: 18px;
  height: 18px; }

.emo-skeptical {
  background-position: -43px -21px;
  width: 18px;
  height: 18px; }

.emo-sleep {
  background-position: -21px -22px;
  width: 18px;
  height: 18px; }

.emo-smirk {
  background-position: 0 -21px;
  width: 18px;
  height: 18px; }

.emo-surprise {
  background-position: -65px 0;
  width: 18px;
  height: 18px; }

.emo-thumbsdown {
  background-position: -43px 0;
  width: 18px;
  height: 19px; }

.emo-thumbsup {
  background-position: -21px 0;
  width: 18px;
  height: 19px; }

.emo-ultra-happy {
  background-position: 0 0;
  width: 18px;
  height: 18px; }

.emo-bangbang {
  background-position: -69px -203px;
  width: 13px;
  height: 17px; }

.emo-beers {
  background-position: -24px -201px;
  width: 18px;
  height: 20px; }

.emo-boom {
  background-position: -64px -177px;
  width: 18px;
  height: 19px; }

.emo-broken_heart {
  background-position: -63px -156px;
  width: 19px;
  height: 18px; }

.emo-clap {
  background-position: -22px -176px;
  width: 20px;
  height: 21px; }

.emo-closed_lock_with_key {
  background-position: -46px -200px;
  width: 19px;
  height: 20px; }

.emo-crown {
  background-position: 0 -174px;
  width: 19px;
  height: 17px; }

.emo-fire {
  background-position: -46px -179px;
  width: 15px;
  height: 18px; }

.emo-fork_and_knife {
  background-position: -44px -154px;
  width: 12px;
  height: 21px; }

.emo-hamburger {
  background-position: -22px -153px;
  width: 18px;
  height: 16px; }

.emo-heart {
  background-position: -65px -134px;
  width: 18px;
  height: 18px; }

.emo-heart_eyes {
  background-position: 0 -153px;
  width: 18px;
  height: 18px; }

.emo-money_with_wings {
  background-position: -43px -130px;
  width: 19px;
  height: 20px; }

.emo-muscle {
  background-position: -22px -130px;
  width: 17px;
  height: 18px; }

.emo-no_entry_sign {
  background-position: 0 -130px;
  width: 16px;
  height: 16px; }

.emo-ok_hand {
  background-position: -44px -108px;
  width: 14px;
  height: 18px; }

.emo-pray {
  background-position: -63px -108px;
  width: 20px;
  height: 20px; }

.emo-scream {
  background-position: -22px -107px;
  width: 18px;
  height: 19px; }

.emo-star2 {
  background-position: 0 -107px;
  width: 16px;
  height: 20px; }

.emo-tada {
  background-position: 0 -201px;
  width: 20px;
  height: 20px; }

.fancytree-node--article .fancytree-icon {
  background-position: -16px -216px !important; }

.fancytree-node--article .fancytree-title {
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap !important;
  overflow: hidden;
  padding-right: 90px; }

.flag {
    width: 16px;
    height: 11px;
    background: url(/identity/assets/images/flags.png?v=2) no-repeat;
}

.flag--de {
  background-position: -16px 0; }

.flag--fr {
  background-position: -32px 0; }

.flag--en-US {
  background-position: -32px -11px; }

.flag--en-custom {
  background-position: -32px -11px; }

.flag--pl {
  background-position: -16px -11px; }

.flag--pl-custom {
  background-position: -16px -11px; }

.flag--pl-customRb {
  background-position: -16px -11px; }

.flag--login {
  display: inline-block;
  margin-bottom: -1px;
  margin-left: 2px; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
[fieldname=Education], [fieldname=Course], [fieldname=InternalEmploymentHistory], [fieldname=ExternalEmploymentHistory], #internalEmploymentHistoryBox .list > div, #externalEmploymentHistoryBox .list > div {
  width: 100%;
  float: left;
  padding: 0;
  margin: 0 0 20px 0; }
  [fieldname=Education]:nth-of-type(2n+1), [fieldname=Course]:nth-of-type(2n+1), [fieldname=InternalEmploymentHistory]:nth-of-type(2n+1), [fieldname=ExternalEmploymentHistory]:nth-of-type(2n+1), #internalEmploymentHistoryBox .list > div:nth-of-type(2n+1), #externalEmploymentHistoryBox .list > div:nth-of-type(2n+1) {
    background: #fdfdfe; }

.education-icon {
  float: left;
  width: 40px;
  margin: 10px; }
  .education-icon i {
    float: left;
    width: 40px;
    height: 40px;
    background: #f2f2f2;
    font-size: 20px;
    color: #bcbebf;
    text-align: center; }
    .education-icon i:before {
      padding: 0;
      margin: 0;
      width: 40px;
      height: 20px;
      margin: 10px 0; }

.education-row {
  display: table;
  width: 100%; }

.education-content {
  float: left;
  padding: 10px 10px 10px 0;
  width: 455px; }

.education-content-faculty {
  color: #bcbebf; }

.education-dates {
  color: #535353;
  margin-top: 5px;
  margin-left: -2px; }
  .education-dates i {
    color: #bcbebf;
    font-size: 14px; }

.education-content-description {
  color: #535353;
  margin-top: 10px; }

.education-preview {
  display: table-cell; }

.education-edit-buttons {
  display: table-cell;
  vertical-align: middle;
  width: 165px;
  text-align: center; }
  .education-edit-buttons .link-with-icon {
    margin: 5px 0; }

.skills-section .attachments-list {
  margin: 10px 0; }

.employee-section .emp-field {
  width: 100%;
  float: left;
  margin-bottom: 20px; }

#internalEmploymentHistoryBox .list > div:nth-of-type(2n+1) .education-row {
  background: #fdfdfe; }

#futureEmploymentBox {
  width: 100%; }
  #futureEmploymentBox .education-row {
    border: dashed 1px #dbdbdb;
    width: 100%;
    float: left; }
  #futureEmploymentBox .additional-row {
    display: table;
    background: #f2f2f2;
    float: left;
    width: 100%;
    border: dashed 1px #dbdbdb;
    border-top: 0;
    margin-bottom: 10px;
    padding: 5px;
    font-size: 11px;
    top: -1px;
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

.icons-list-item {
  border: 1px solid #e3e4e6;
  position: relative;
  padding-bottom: 10px; }
  .icons-list-item:last-of-type {
    margin-bottom: 15px; }

.icons-list-item-icon-container {
  position: absolute;
  top: -1px;
  left: -1px;
  width: 61px;
  height: 49px;
  background: url("/Content/tms/_img/icon-list.jpg") top left no-repeat; }
  .icons-list-item-icon-container img {
    width: 42px; }

.item-container-title {
  padding: 15px 0; }
  .item-container-title a, .item-container-title a:hover {
    text-decoration: none; }

.item-container-title-link:first-letter {
  text-transform: capitalize; }

.item-container-content p {
  font-size: 12px;
  color: #a1a1a1; }

.item-container-content i {
  font-size: 16px;
  color: #e0e0e0; }

.icon-holder {
  width: 40px;
  height: 40px;
  text-align: center;
  display: block;
  font-size: 20px;
  padding: 7px 0 0 0;
  background: #f1f1f1; }
  .icon-holder [class^="icon-"]:before, .icon-holder [class*=" icon-"]:before {
    color: #bbbbbb; }

.q-number {
  margin-right: 10px; }

.box-info {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  float: left;
  padding-right: 5px;
  padding-left: 5px;
  margin: 10px 0px 15px 0px;
  width: 100%; }

.box-info-content {
  font-size: 12px;
  color: #717273; }

.box-info .gray-hd-with-triangle {
  padding-right: 8px;
  padding-left: 5px; }

.box-info-edit {
  padding-left: 2px;
  padding-right: 2px;
  margin-top: 4px;
  margin-right: 1px; }

.box-info-content a {
  color: #1c9cd8; }

.box-info-content i {
  color: #bcbebf; }

.box-info-row {
  margin: 10px 0; }

.box-info-table-row {
  display: table-row; }

.box-info__table-cell, .box-info__table-cell--icon {
  display: table-cell;
  padding: 5px 0; }

.box-info__table-cell--icon {
  width: 25px; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.e-box-with-icon, .e-box-with-icon--small--strips, .e-box-with-icon--strips, .e-box-with-icon--small--red, .e-box-with-icon--red {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  float: left;
  padding-right: 0px;
  padding-left: 0px;
  margin: 0px 0px 15px 0px;
  width: 100%; }
  .e-box-with-icon__header {
    display: table-row;
    width: 100%; }
  .e-box-with-icon__icon, .e-box-with-icon__title {
    display: table-cell; }
  .e-box-with-icon__title {
    text-align: center;
    vertical-align: middle;
    padding: 5px 5px 0 15px;
    position: relative;
    border-top: solid 1px #e2e9ea;
    border-right: solid 1px #e2e9ea;
    border-left: solid 1px #e2e9ea;
    font-size: 16px;
    color: #3d5569;
    position: relative; }
    .e-box-with-icon__title:before {
      content: " ";
      background: url("/Content/tms/_img/e-box-beak__small.png") no-repeat left top;
      position: absolute;
      left: -1px;
      width: 15px;
      height: 51px; }
  .e-box-with-icon__header-wrapper {
    display: table;
    /* hack for Chrome 1 px table bug */
    /* For details see: http://stackoverflow.com/questions/23563162/table-width-100-is-off-by-a-single-pixel-depending-on-actual-width */
    width: 100.06%; }
  .e-box-with-icon__desc {
    border-left: solid 1px #e2e9ea;
    border-right: solid 1px #e2e9ea;
    padding: 10px 5px; }
    .e-box-with-icon__desc p {
      font-size: 13px;
      margin: 0; }
    .e-box-with-icon__desc--okr__before {
      position: absolute;
      left: -45px;
      height: 0;
      width: 20px;
      z-index: 100;
      background: url(/Content/CDN/jquery.zTree-v3.5.15/css/zTreeStyle/img/line_conn.gif) -5px 0 repeat-y; }
    .e-box-with-icon__desc--center {
      text-align: center; }
    .e-box-with-icon__desc--only-desc {
      border-top: solid 1px #e2e9ea;
      padding: 15px 10px; }
    .e-box-with-icon__desc--only-border {
      border-top: solid 1px #e2e9ea; }
    .e-box-with-icon__desc--bottom-border {
      border-bottom: solid 1px #e2e9ea; }
    .e-box-with-icon__desc--help-icon {
      border-top: solid 1px #e2e9ea;
      border-bottom: solid 1px #e2e9ea;
      padding: 15px 10px 15px 25px; }
    .e-box-with-icon__desc--dubble-desc {
      padding-top: 0; }

.e-box-with-icon--card {
  position: relative;
  border-bottom: solid 1px #e2e9ea;
  border-bottom: solid 1px #e2e9ea; }
  .e-box-with-icon--card .e-box-with-icon__icon {
    width: 46px;
    height: 45px;
    font-size: 26px;
    /*background: url('/Content/tms/_img/e-box-icon-background__small.jpg') no-repeat;*/
    border-bottom: solid 1px #e2e9ea; }
    .e-box-with-icon--card .e-box-with-icon__icon i {
      width: 40px;
      height: 40px;
      float: left; }
      .e-box-with-icon--card .e-box-with-icon__icon i:before {
        width: 100%;
        padding: 0;
        margin: 0;
        height: 40px;
        line-height: 40px; }
    .e-box-with-icon--card .e-box-with-icon__icon i:not(.e-old-icon-style):before {
      color: #bbbbbb;
      background-color: #f8f9fa; }
  .e-box-with-icon--card .e-box-with-icon__head {
    position: relative;
    text-align: left;
    vertical-align: middle;
    padding: 5px 0px 0 15px;
    margin-right: -1px;
    border-top: solid 1px #e2e9ea;
    border-right: solid 1px #e2e9ea;
    border-left: solid 1px #e2e9ea;
    font-size: 16px;
    color: #3d5569;
    display: table-cell; }
    .e-box-with-icon--card .e-box-with-icon__head:before {
      content: " ";
      display: block;
      position: absolute;
      left: -1px;
      top: 10px;
      z-index: 2;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 10px 10px 0 0;
      border-color: #ffffff transparent transparent transparent; }
    .e-box-with-icon--card .e-box-with-icon__head:after {
      content: " ";
      display: block;
      position: absolute;
      left: -1px;
      top: 9px;
      z-index: 0;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 12px 12px 0 0;
      border-color: #e2e9ea transparent transparent transparent; }
  .e-box-with-icon--card .e-box-with-icon__head__title {
    font: 14px "robotomedium", sans-serif;
    color: #3d5569;
    overflow: hidden;
    white-space: normal; }
  .e-box-with-icon--card .e-box-with-icon__head__description {
    font-size: 12px;
    color: #a1a1a1;
    overflow: hidden;
    white-space: normal; }
  .e-box-with-icon--card .e-box-with-icon__head__addons {
    float: right; }
  .e-box-with-icon--card .e-box-with-icon__addons {
    float: right;
    padding: 10px; }
  .e-box-with-icon--card .e-box-with-icon__desc {
    float: left;
    width: 100%;
    padding-top: 5px;
    padding-left: 8px;
    padding-right: 8px;
    margin-right: 1px;
    text-align: left; }
  .e-box-with-icon--card.e-box-with-icon--card--tree {
    margin-bottom: 0; }

.e-box-with-icon--hoverable:hover {
  border-bottom: dashed 1px #9cc3d9;
  background-color: #f4f6f9; }
  .e-box-with-icon--hoverable:hover .e-box-with-icon__icon {
    width: 46px;
    height: 45px;
    font-size: 26px;
    /*background: url('/Content/tms/_img/e-box-icon-background__small__dark.jpg') no-repeat;*/
    border-bottom: dashed 1px #9cc3d9; }
    .e-box-with-icon--hoverable:hover .e-box-with-icon__icon i:not(.e-old-icon-style):before {
      color: #fff;
      background-color: #3d5569; }
  .e-box-with-icon--hoverable:hover .e-box-with-icon__head {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    margin-right: -1px;
    border-top: dashed 1px #9cc3d9;
    border-right: dashed 1px #9cc3d9;
    border-left: dashed 1px #9cc3d9;
    font-size: 16px;
    color: #3d5569;
    position: relative; }
    .e-box-with-icon--hoverable:hover .e-box-with-icon__head:after {
      border-color: rgba(156, 195, 217, 0.6) transparent transparent transparent; }
  .e-box-with-icon--hoverable:hover .e-box-with-icon__head__addons {
    float: right; }
  .e-box-with-icon--hoverable:hover .e-box-with-icon__addons {
    float: right;
    padding: 10px; }
  .e-box-with-icon--hoverable:hover .e-box-with-icon__desc {
    margin-right: 1px;
    text-align: left;
    float: left;
    border-left: dashed 1px #9cc3d9;
    border-right: dashed 1px #9cc3d9; }
  .e-box-with-icon--hoverable:hover.e-box-with-icon--card--tree {
    margin-bottom: 0; }

.e-box-with-icon--small--strips {
  border-bottom: solid 1px #e2e9ea;
  background: url("/Content/tms/_img/e-box-background.png"); }
  .e-box-with-icon--small--strips .e-box-with-icon__icon {
    width: 49px;
    height: 51px;
    font-size: 26px;
    background: url("/Content/tms/_img/e-box-icon-background__small.jpg"); }
    .e-box-with-icon--small--strips .e-box-with-icon__icon i {
      width: 40px;
      height: 40px;
      float: left; }
      .e-box-with-icon--small--strips .e-box-with-icon__icon i:before {
        width: 100%;
        padding: 0;
        margin: 0;
        height: 40px;
        line-height: 40px;
        color: #7a8896; }

.e-box-with-icon--strips {
  border-bottom: solid 1px #e2e9ea;
  background: url("/Content/tms/_img/e-box-background.png"); }
  .e-box-with-icon--strips .e-box-with-icon__icon {
    width: 70px;
    height: 70px;
    font-size: 26px;
    background: #fff;
    border-bottom: solid 1px #e2e9ea; }
    .e-box-with-icon--strips .e-box-with-icon__icon i {
      width: 60px;
      height: 60px;
      float: left;
      background: #f1f1f1; }
      .e-box-with-icon--strips .e-box-with-icon__icon i:before {
        width: 100%;
        padding: 0;
        margin: 10px 0 0 0;
        height: 40px;
        line-height: 40px;
        color: #bfc0c2; }
  .e-box-with-icon--strips .e-box-with-icon__title {
    font-size: 18px;
    line-height: 20px; }

.e-box-with-icon--small--red {
  border-bottom: solid 1px #e2e9ea;
  background: url("/Content/tms/_img/bg-box-with-medium-icon--red.png") no-repeat; }
  .e-box-with-icon--small--red .e-box-with-icon__icon {
    width: 49px;
    height: 51px;
    font-size: 26px;
    background: url("/Content/tms/_img/e-box-icon-background__small.jpg"); }
    .e-box-with-icon--small--red .e-box-with-icon__icon i {
      width: 40px;
      height: 40px;
      float: left; }
      .e-box-with-icon--small--red .e-box-with-icon__icon i:before {
        width: 100%;
        padding: 0;
        margin: 0;
        height: 40px;
        line-height: 40px;
        color: #7a8896; }

.e-box-with-icon--red {
  border-bottom: solid 1px #e2e9ea;
  background: url("/Content/tms/_img/bg-box-with-small-icon--red.png") no-repeat; }
  .e-box-with-icon--red .e-box-with-icon__icon {
    width: 70px;
    height: 70px;
    font-size: 26px;
    background: #fff;
    border-bottom: solid 1px #e2e9ea; }
    .e-box-with-icon--red .e-box-with-icon__icon i {
      width: 60px;
      height: 60px;
      float: left;
      background: #f1f1f1; }
      .e-box-with-icon--red .e-box-with-icon__icon i:before {
        width: 100%;
        padding: 0;
        margin: 10px 0 0 0;
        height: 40px;
        line-height: 40px;
        color: #bfc0c2; }
  .e-box-with-icon--red .e-box-with-icon__title {
    font-size: 18px;
    line-height: 20px; }

.plug {
  padding: 60px 10px;
  text-align: center;
  border: solid 1px #e2e9ea; }

.plug__header {
  display: table;
  margin: 0 auto;
  max-width: 450px;
  margin-bottom: 20px; }

.plug__header__row {
  display: table-row; }

.plug__header__icon, .plug__header__content {
  display: table-cell; }

.plug__header__icon {
  position: relative;
  width: 70px; }

.plug__header__icon i {
  color: #bcbebf;
  font-size: 50px; }

.plug__header__content {
  font-size: 24px;
  line-height: 24px;
  font-family: 'robotolight', sans-serif;
  text-align: left;
  color: #6e6e6e;
  vertical-align: middle;
  padding-left: 20px; }

.plug__header__counter {
  position: absolute;
  top: 45px;
  left: 45px;
  padding: 3px 5px;
  background: #2598da;
  color: #fff;
  border-radius: 3px;
  font-size: 16px;
  font-family: 'robotomedium', sans-serif; }

.plug__decription {
  width: 70%;
  max-width: 450px;
  margin: 0 auto;
  margin-bottom: 20px;
  font-size: 14px;
  font-family: 'robotolight', sans-serif;
  color: #717273; }

.plug--small {
  padding: 30px 10px; }
  .plug--small .plug__header {
    margin-bottom: 10px; }
  .plug--small .plug__header__icon i {
    font-size: 40px; }
  .plug--small .plug__header__content {
    font-size: 20px;
    line-height: 20px;
    padding-left: 10px; }
  .plug--small .plug__header__content--small {
    text-transform: none;
    font-size: 18px; }

.plug--smaller {
  padding: 10px 10px; }
  .plug--smaller .plug__header {
    margin-bottom: 0; }
  .plug--smaller .plug__header__icon i {
    font-size: 13px; }
  .plug--smaller .plug__header__content {
    font-size: 13px;
    line-height: 13px;
    padding-left: 10px; }

.plug--center {
  text-align: center; }
  .plug--center .plug__header__content {
    text-align: center;
    color: #3d5569; }

.plug--100 .plug__header {
  max-width: 100%;
  padding: 0 20px; }
  .plug--100 .plug__header .plug__header__content {
    text-align: center; }

.plug--no-icon-100 .plug__header {
  max-width: 100%;
  padding: 0 20px; }
  .plug--no-icon-100 .plug__header .plug__header__icon {
    display: none; }
  .plug--no-icon-100 .plug__header .plug__header__content {
    text-align: center;
    padding-left: 0px; }

.plug__header__content.plug__header__content--big-height {
  padding: 200px 20px; }

.permission-set {
  margin-top: 20px; }

.permission-set__item {
  float: left;
  width: 100%;
  padding-bottom: 10px;
  padding-top: 10px;
  border-bottom: 1px solid #f4f5f7; }
  .permission-set__item:first-of-type {
    border-top: 1px solid #f4f5f7; }

.permission-set__item:nth-of-type(2n) {
  background-color: #fdfdfe; }

.permission-set__item__name {
  padding-left: 5px;
  padding-top: 3px; }

.permission-set__item__name__description {
  padding-top: 5px;
  color: #a1a1a1; }

.permission-set__item__roles {
  padding-top: 15px; }
  .permission-set__item__roles i {
    font-size: 14px;
    color: #bcbebf;
    background-color: #f8f9fa;
    margin: 0 0 2px 0;
    width: 20px;
    height: 20px;
    padding: 2px 0 2px 0; }
  .permission-set__item__roles a, .permission-set__item__roles span {
    font-size: 12px;
    padding-left: 5px; }
  .permission-set__item__roles span {
    color: #5f656d; }

.permission-set--section .permission-set__item:first-of-type {
  border-top: none; }

.permission-set--section .permission-set__item:last-of-type {
  border-bottom: none;
  margin-bottom: 10px; }

.permission-set--section .permission-set__item__roles {
  padding-top: 5px; }

.permission-set--section .permission-set__item__roles > div {
  padding-bottom: 5px;
  height: 30px;
  float: left;
  width: 100%; }

.permission-popup {
  display: table;
  width: 100%; }

.permission-popup__item {
  width: 100%;
  display: table-row; }
  .permission-popup__item .permission-popup__icon-placeholder {
    display: table-cell;
    width: 40px;
    box-sizing: border-box;
    padding: 4px 0;
    text-align: center; }
    .permission-popup__item .permission-popup__icon-placeholder i {
      background-color: #f1f1f1;
      width: 40px;
      text-align: center;
      float: left;
      margin-right: 10px; }
      .permission-popup__item .permission-popup__icon-placeholder i:before {
        color: #bcbdbf;
        font-size: 20px;
        margin: 10px 0; }

.permission-popup__title {
  display: table-cell;
  padding-top: 4px;
  vertical-align: top; }

.permission-popup__name {
  float: left;
  width: 100%;
  word-break: break-all;
  word-break: break-word;
  color: #3d5569;
  font-size: 12px; }

.permission-popup__desc {
  float: left;
  width: 100%;
  vertical-align: top;
  word-break: break-all;
  word-break: break-word;
  font-size: 11px;
  line-height: 1.2;
  color: #a1a1a1; }

/*-------------------------------------
zTree Style

version:	3.4
author:		Hunter.z
email:		hunter.z@263.net
website:	http://code.google.com/p/jquerytree/

-------------------------------------*/
.ztree-container {
  margin-top: -20px; }

.ztree-container--edit {
  margin-top: -5px; }

.ztree * {
  padding: 0;
  margin: 0; }

.ztree {
  margin: 0;
  padding: 5px;
  color: #333; }

.ztree li {
  padding: 0;
  margin: 0;
  list-style: none;
  line-height: 14px;
  text-align: left;
  white-space: nowrap;
  outline: 0; }

.ztree li.ui-sortable-helper,
.ztree li.ui-sortable-helper a {
  cursor: move; }

.ztree li ul {
  margin: -13px 0 0 0;
  padding: 0 0 0 70px; }

.ztree li ul.line {
  background: url(/Content/CDN/jquery.zTree-v3.5.15/css/zTreeStyle/img/line_conn.png) -5px 0 repeat-y; }

.ztree li a {
  position: relative;
  padding: 0;
  margin: 0;
  cursor: pointer;
  height: auto;
  background-color: transparent;
  text-decoration: none;
  vertical-align: top;
  display: inline-block; }

.ztree li a.e-link, .ztree li a.e-personal-card__data__team-leader__link {
  padding: 1px 0.4em; }

.ztree-root-node {
  padding: 0;
  margin: 20px 0;
  cursor: auto;
  height: auto;
  background-color: transparent;
  text-decoration: none;
  vertical-align: top;
  display: inline-block; }

.ztree li a:hover {
  text-decoration: underline; }

.ztree a.e-link:hover, .ztree a.e-personal-card__data__team-leader__link:hover {
  text-decoration: none; }

.ztree li a.curSelectedNode {
  background-color: transparent;
  border-right: none; }

.ztree li a[class^="level"],
.ztree li a[class*=" level"] {
  margin-top: 19px; }

/*.ztree li a.curSelectedNode_Edit {
	padding-top:0px;
	background-color:#FFE6B0;
	color:black;
	height:16px;
	border:1px #FFB951 solid;
	opacity:0.8;
		}*/
.ztree li a.tmpTargetNode_inner {
  padding-top: 0px;
  background-color: #316AC5;
  color: white;
  height: 16px;
  border: 1px #316AC5 solid;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.ztree li a input.rename {
  height: 14px;
  width: 80px;
  padding: 0;
  margin: 0;
  font-size: 12px;
  border: 1px #7EC4CC solid;
  *border: 0px; }

.ztree li span {
  line-height: 16px;
  margin-right: 2px; }

.ztree li span.button {
  line-height: 0;
  margin: 0;
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  border: 0 none;
  cursor: pointer;
  utline: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-image: url("/Content/CDN/jquery.zTree-v3.5.15/css/zTreeStyle/img/zTreeCustom.png"); }

.ztree li span.button.chk {
  width: 13px;
  height: 13px;
  margin: 0 3px 0 0;
  cursor: auto; }

.ztree li span.button.chk.checkbox_false_full {
  background-position: 0 0; }

.ztree li span.button.chk.checkbox_false_full_focus {
  background-position: 0 -14px; }

.ztree li span.button.chk.checkbox_false_part {
  background-position: 0 -28px; }

.ztree li span.button.chk.checkbox_false_part_focus {
  background-position: 0 -42px; }

.ztree li span.button.chk.checkbox_false_disable {
  background-position: 0 -56px; }

.ztree li span.button.chk.checkbox_true_full {
  background-position: -14px 0; }

.ztree li span.button.chk.checkbox_true_full_focus {
  background-position: -14px -14px; }

.ztree li span.button.chk.checkbox_true_part {
  background-position: -14px -28px; }

.ztree li span.button.chk.checkbox_true_part_focus {
  background-position: -14px -42px; }

.ztree li span.button.chk.checkbox_true_disable {
  background-position: -14px -56px; }

.ztree li span.button.chk.radio_false_full {
  background-position: -28px 0; }

.ztree li span.button.chk.radio_false_full_focus {
  background-position: -28px -14px; }

.ztree li span.button.chk.radio_false_part {
  background-position: -28px -28px; }

.ztree li span.button.chk.radio_false_part_focus {
  background-position: -28px -42px; }

.ztree li span.button.chk.radio_false_disable {
  background-position: -28px -56px; }

.ztree li span.button.chk.radio_true_full {
  background-position: -42px 0; }

.ztree li span.button.chk.radio_true_full_focus {
  background-position: -42px -14px; }

.ztree li span.button.chk.radio_true_part {
  background-position: -42px -28px; }

.ztree li span.button.chk.radio_true_part_focus {
  background-position: -42px -42px; }

.ztree li span.button.chk.radio_true_disable {
  background-position: -42px -56px; }

.ztree li span.button.switch {
  width: 50px;
  height: 110px; }

.ztree li span.button.root_open {
  background-position: 0 -150px; }

.ztree li span.button.root_close {
  background-position: 0 0; }

.ztree li span.button.roots_open {
  background-position: -100px -150px; }

.ztree li span.button.roots_close {
  background-position: -100px 0; }

.ztree li span.button.center_open {
  background-position: -200px -150px; }

.ztree li span.button.center_close {
  background-position: -200px 0; }

.ztree li span.button.bottom_open {
  background-position: -300px -150px; }

.ztree li span.button.bottom_close {
  background-position: -300px 0; }

.ztree li span.button.noline_open {
  background-position: 0 -150px; }

.ztree li span.button.noline_close {
  background-position: 0 0; }

.ztree li span.button.root_docu {
  background-image: none; }

.ztree li span.button.roots_docu {
  background-position: -100px -300px; }

.ztree li span.button.center_docu {
  background-position: -200px -300px; }

.ztree li span.button.bottom_docu {
  background-position: -300px -300px; }

.ztree li span.button.noline_docu {
  background-position: 0 -300px; }

.ztree li span.button.ico_open {
  margin-right: 2px;
  background-position: -110px -16px;
  vertical-align: top;
  *vertical-align: middle; }

.ztree li span.button.ico_close {
  margin-right: 2px;
  background-position: -110px 0;
  vertical-align: top;
  *vertical-align: middle; }

.ztree li span.button.ico_docu {
  margin-right: 2px;
  background-position: -110px -32px;
  vertical-align: top;
  *vertical-align: middle; }

.ztree li span.button.edit {
  margin-right: 2px;
  background-position: -110px -48px;
  vertical-align: top;
  *vertical-align: middle; }

.ztree li span.button.remove {
  margin-right: 2px;
  background-position: -110px -64px;
  vertical-align: top;
  *vertical-align: middle; }

.ztree li span.button.ico_loading {
  margin-right: 2px;
  background: url(/Content/jquery.zTree-v3.5.15/css/zTreeStyle/img/loading.gif) no-repeat scroll 0 0 transparent;
  vertical-align: top;
  *vertical-align: middle; }

ul.tmpTargetzTree {
  background-color: #FFE6B0;
  opacity: 0.8;
  filter: alpha(opacity=80); }

span.tmpzTreeMove_arrow {
  width: 16px;
  height: 16px;
  display: inline-block;
  padding: 0;
  margin: 2px 0 0 1px;
  border: 0 none;
  position: absolute;
  background-color: transparent;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: -110px -80px;
  background-image: url("/Content/CDN/jquery.zTree-v3.5.15/css/zTreeStyle/img/zTreeStandard.png");
  *background-image: url("/Content/CDN/jquery.zTree-v3.5.15/css/zTreeStyle/img/zTreeStandard.gif"); }

ul.ztree.zTreeDragUL {
  margin: 0;
  padding: 0;
  position: absolute;
  width: auto;
  height: auto;
  verflow: hidden;
  background-color: #cfcfcf;
  border: 1px #00B83F dotted;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.zTreeMask {
  z-index: 10000;
  background-color: #cfcfcf;
  opacity: 0.0;
  filter: alpha(opacity=0);
  position: absolute; }

/* level style*/
/*.ztree li span.button.level0 {

	display:none;
	
}
.ztree li ul.level0 {

	padding:0;
		background:none;
	
}*/
.tmsTreeNode .person-card {
  float: none;
  margin-left: -10px;
  white-space: normal; }

.tmsTreeNode .person-card > .inside {
  width: 288px;
  height: 85px;
  overflow: hidden; }

.ztree ul {
  overflow: visible !important; }

.ztree ul li {
  margin-top: -20px;
  width: 465px; }

.z-tree a {
  position: relative; }

.e-ztree-node {
  float: left;
  height: 66px;
  background: #fff;
  cursor: pointer;
  position: relative;
  width: 450px; }

.e-ztree-node__avatar {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  float: left;
  padding-right: 5px;
  padding-left: 5px;
  margin: 0px 0px 0px 0px;
  position: relative;
  width: 70px;
  padding-top: 10px;
  cursor: pointer; }

.e-ztree-node__avatar.e-ztree-node__avatar--unit {
  padding-top: 15px; }

.e-ztree-node__content {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  float: left;
  padding-right: 5px;
  padding-left: 5px;
  margin: 0px 0px 0px 0px;
  width: 380px;
  padding: 5px 20px 5px 3px;
  line-height: 1.6; }

.e-ztree-node-breaker {
  padding: 5px 0;
  width: 100%; }

.e-ztree-node:after {
  content: "";
  height: 0; }

.ztree ul > li:last-child > a > .e-ztree-node:after {
  content: "";
  width: 450px;
  border-top: 1px solid #eee;
  display: block;
  clear: both;
  float: left;
  margin-top: 15px; }

#rootNode {
  display: inline-block;
  padding: 5px 20px 5px 10px;
  margin: 0;
  min-width: 150px;
  background: transparent url("/Content/tms/_img/bg-gray-hd-with-triangle.png") no-repeat 100% 0;
  color: #ffffff;
  font-size: 13px;
  cursor: auto; }

.ztree li.level0 > .button.level0.switch.root_open {
  visibility: hidden;
  width: 0;
  height: 65px; }

.ztree li.level0 > .button.level0.switch.root_docu {
  visibility: hidden;
  width: 0;
  height: 65px; }

.ztree li.level0 > .level0[treenode_a] {
  width: 100%; }

.ztree li ul.level0 {
  padding-left: 30px; }

.ztree ul li.ui-sortable-placeholder {
  background: #fffbf6;
  border: 1px dashed #ffc89b;
  display: block;
  width: 450px;
  height: 75px;
  margin-top: 10px;
  margin-bottom: 25px;
  padding-top: 27px;
  text-align: center;
  margin-left: 35px; }
  .ztree ul li.ui-sortable-placeholder:after {
    content: '\e931';
    font-family: "fontello-entypo-full";
    font-style: normal;
    font-weight: normal;
    speak: none;
    font-size: 26px;
    color: #ffb955; }

.ztree ul li.ui-sortable-helper {
  background: #fff;
  border: 1px dashed #ffc89b;
  display: block;
  height: 90px !important;
  -webkit-box-shadow: 0 0 5px 0 rgba(255, 200, 155, 0.5);
  -moz-box-shadow: 0 0 5px 0 rgba(255, 200, 155, 0.5);
  box-shadow: 0 0 5px 0 rgba(255, 200, 155, 0.5); }
  .ztree ul li.ui-sortable-helper .switch {
    display: none; }
  .ztree ul li.ui-sortable-helper a[class^="level"], .ztree ul li.ui-sortable-helper a[class*=" level"] {
    margin: 10px 5px; }
  .ztree ul li.ui-sortable-helper ul {
    display: none; }

#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden; }

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%; }

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left; }

#cboxContent {
  position: relative; }

#cboxLoadedContent {
  overflow: auto; }

#cboxTitle {
  margin: 0; }

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer; }

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none; }

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0; }

#colorbox, #cboxContent, #cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; }

#cboxOverlay {
  background: #151d21; }

#colorbox {
  border-radius: 5px;
  box-shadow: rgba(156, 156, 156, 0.75) 1px 1px 3px; }

.cboxIframe {
  background: #fff; }

#cboxError {
  padding: 50px;
  border: 1px solid #ccc; }

#cboxLoadedContent {
  background: #fff; }

#cboxLoadedContent img {
  max-width: 760px;
  max-height: 420px;
  margin-top: 10px !important; }

#cboxTitle {
  position: absolute;
  top: -20px;
  left: 0;
  color: #ccc; }

#cboxCurrent {
  position: absolute;
  bottom: 10px;
  right: 10px;
  color: #5f656d;
  font-size: 11px;
  text-align: right;
  width: 100%; }

#cboxSlideshow {
  position: absolute;
  top: -20px;
  right: 90px;
  color: #fff; }

#cboxPrevious {
  position: absolute;
  top: 50%;
  left: 0px;
  margin-top: -18px;
  background: url(/Content/tms/_img/sprite.png) no-repeat 0 -129px;
  width: 30px;
  height: 37px;
  text-indent: -9999px;
  opacity: 0.3; }

#cboxPrevious:hover {
  opacity: 1; }

#cboxNext {
  position: absolute;
  top: 50%;
  right: 0px;
  margin-top: -18px;
  background: url(/Content/tms/_img/sprite.png) no-repeat -30px -129px;
  width: 30px;
  height: 37px;
  text-indent: -9999px;
  opacity: 0.3; }

#cboxNext:hover {
  opacity: 1; }

#cboxLoadingOverlay {
  background: #000; }

#cboxLoadingGraphic {
  background: url(/Content/colorbox/_img/loading.gif) no-repeat center center; }

#cboxClose {
  box-sizing: border-box;
  position: absolute;
  top: 17px;
  right: 20px;
  display: block;
  background: url(/Content/tms/_img/sprite.png) no-repeat -60px -27px;
  width: 13px;
  height: 13px;
  text-indent: -9999px;
  border: 0; }

#cboxContent.image-view #cboxClose {
  width: 27px;
  height: 29px;
  top: 3px;
  right: 3px;
  background-position: -60px -40px;
  border-radius: 0 0 0 3px; }

#cboxContent.image-view #cboxPrevious {
  left: 10px; }

#cboxContent.image-view #cboxNext {
  right: 10px; }

#cboxContent.image-view .v-image-table,
#cboxContent.image-view .v-image-cell {
  width: 760px;
  height: 420px; }

#cboxContent.image-view .v-image-table {
  display: table;
  margin: 10px 0 0 10px; }

#cboxContent.image-view .v-image-cell {
  display: table-cell;
  vertical-align: middle;
  text-align: center; }

#cboxContent.image-view .v-image-cell img {
  margin-top: 0 !important; }

.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); }

.highcharts-container {
  overflow: visible !important; }
  .highcharts-container svg {
    overflow: visible !important; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.formError {
  opacity: 1 !important; }
  .formError .formErrorContent {
    position: relative;
    width: 100%;
    min-width: 120px;
    background-color: #fdebec;
    border: 1px solid #fbdddf;
    color: #aa0808;
    font-size: 11px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box; }
  .formError .formErrorArrow {
    top: 1px !important; }
    .formError .formErrorArrow .line1, .formError .formErrorArrow .line2, .formError .formErrorArrow .line3, .formError .formErrorArrow .line4, .formError .formErrorArrow .line5, .formError .formErrorArrow .line6, .formError .formErrorArrow .line7, .formError .formErrorArrow .line8, .formError .formErrorArrow .line9, .formError .formErrorArrow .line10 {
      background-color: #fdebec;
      border: none;
      -moz-box-shadow: 0 2px 3px #bababa !important;
      -webkit-box-shadow: 0 2px 3px #bababa !important;
      -o-box-shadow: 0 2px 3px #bababa !important;
      box-shadow: 0 2px 3px #bababa !important; }
    .formError .formErrorArrow.formErrorArrowBottom .line1 {
      -moz-box-shadow: 0 0 0 !important;
      -webkit-box-shadow: 0 0 0 !important;
      -o-box-shadow: 0 0 0 !important;
      box-shadow: 0 0 0 !important; }
    .formError .formErrorArrow.formErrorArrowBottom .line2 {
      -moz-box-shadow: 0 0 0 !important;
      -webkit-box-shadow: 0 0 0 !important;
      -o-box-shadow: 0 0 0 !important;
      box-shadow: 0 0 0 !important; }
    .formError .formErrorArrow.formErrorArrowBottom .line3 {
      -moz-box-shadow: 0 0 0 !important;
      -webkit-box-shadow: 0 0 0 !important;
      -o-box-shadow: 0 0 0 !important;
      box-shadow: 0 0 0 !important; }
    .formError .formErrorArrow.formErrorArrowBottom .line4 {
      -moz-box-shadow: 0 0 0 !important;
      -webkit-box-shadow: 0 0 0 !important;
      -o-box-shadow: 0 0 0 !important;
      box-shadow: 0 0 0 !important; }
    .formError .formErrorArrow.formErrorArrowBottom .line5 {
      -moz-box-shadow: 0 0 0 !important;
      -webkit-box-shadow: 0 0 0 !important;
      -o-box-shadow: 0 0 0 !important;
      box-shadow: 0 0 0 !important; }
    .formError .formErrorArrow.formErrorArrowBottom .line6 {
      -moz-box-shadow: 0 0 0 !important;
      -webkit-box-shadow: 0 0 0 !important;
      -o-box-shadow: 0 0 0 !important;
      box-shadow: 0 0 0 !important; }
    .formError .formErrorArrow.formErrorArrowBottom .line7 {
      -moz-box-shadow: 0 0 0 !important;
      -webkit-box-shadow: 0 0 0 !important;
      -o-box-shadow: 0 0 0 !important;
      box-shadow: 0 0 0 !important; }
    .formError .formErrorArrow.formErrorArrowBottom .line8 {
      -moz-box-shadow: 0 0 0 !important;
      -webkit-box-shadow: 0 0 0 !important;
      -o-box-shadow: 0 0 0 !important;
      box-shadow: 0 0 0 !important; }
    .formError .formErrorArrow.formErrorArrowBottom .line9 {
      -moz-box-shadow: 0 0 0 !important;
      -webkit-box-shadow: 0 0 0 !important;
      -o-box-shadow: 0 0 0 !important;
      box-shadow: 0 0 0 !important; }
    .formError .formErrorArrow.formErrorArrowBottom .line10 {
      -moz-box-shadow: 0 0 0 !important;
      -webkit-box-shadow: 0 0 0 !important;
      -o-box-shadow: 0 0 0 !important;
      box-shadow: 0 0 0 !important; }
    .formError .formErrorArrow .line2 {
      background-color: #fdebec;
      border: none;
      width: 0; }
    .formError .formErrorArrow .line1 {
      background-color: #fdebec;
      border: none;
      width: 0; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.e-button, .e-actions-buttons__main, .e-actions-buttons__more, .daterangepicker .range_inputs .btn-success, .e-period-select__nav-btn {
  display: inline-block;
  margin-bottom: 0;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  font-size: 12px;
  border-radius: 0;
  border: solid 1px #dcdcdc;
  outline-width: 0;
  box-shadow: #d5e1e2 0 0 1px;
  padding: 3px 10px;
  outline-offset: 0;
  outline-width: 0;
  font-family: 'robotomedium', sans-serif; }
  .e-button:hover, .e-actions-buttons__main:hover, .e-actions-buttons__more:hover, .daterangepicker .range_inputs .btn-success:hover, .e-period-select__nav-btn:hover {
    cursor: pointer;
    text-decoration: none; }
  .e-button:focus, .e-actions-buttons__main:focus, .e-actions-buttons__more:focus, .daterangepicker .range_inputs .btn-success:focus, .e-period-select__nav-btn:focus {
    outline: none;
    -webkit-box-shadow: 0px 0px 5px #2598da;
    box-shadow: 0px 0px 5px #2598da; }

.e-button--hint {
  padding: 0.2em 0.4em;
  border-radius: 4px;
  border-bottom-width: 2px;
  font-size: 12px;
  color: #a1a1a1; }
  .e-button--hint:hover, .e-button--hint:focus {
    background: #faf9f9;
    color: #a1a1a1; }
  .e-button--hint:active {
    margin-top: 1px;
    border-bottom-width: 1px; }

.e-button--jumbo {
  width: 100%;
  padding: 1em;
  font-size: 18px; }

.e-button--block {
  width: 100%;
  margin-bottom: 10px; }

.e-button--block--alone {
  margin-bottom: 0; }

.e-button--space {
  margin: 0 5px; }

.e-button--space-left {
  margin-left: 5px; }

.e-button--space-right {
  margin-right: 5px; }

.e-button--small, .daterangepicker .range_inputs .btn-sm {
  padding: 3px 9px 2px 9px;
  font-size: 11px; }

.e-button--big {
  width: 100%;
  padding: 6px 12px;
  font-size: 13px; }

.e-button--short {
  padding: 3px 3px 2px 3px; }

.e-button--100 {
  width: 100px; }

.e-button--medium {
  width: 200px;
  margin-top: 5px; }

.e-button--white, .e-period-select__nav-btn {
  background-color: #ffffff;
  color: #5f656d; }
  .e-button--white:hover, .e-period-select__nav-btn:hover, .e-button--white:focus, .e-period-select__nav-btn:focus {
    background-color: #faf9f9;
    color: #5f656d; }
  .e-button--white i, .e-period-select__nav-btn i {
    color: #a7a7a7; }

.e-button.e-button--blue-icon i, .e-button--blue-icon.e-actions-buttons__main i, .e-button--blue-icon.e-actions-buttons__more i, .daterangepicker .range_inputs .e-button--blue-icon.btn-success i, .e-button--blue-icon.e-period-select__nav-btn i {
  color: #7dbcdc; }

.e-button--blue, .e-actions-buttons__main, .e-actions-buttons__more {
  color: #ffffff;
  background-color: #2598da;
  border-color: #2598da;
  transition: background-color 0.05s ease;
  -webkit-transition: background-color 0.05s ease;
  -moz-transition: background-color 0.05s ease;
  -o-transition: background-color 0.05s ease; }
  .e-button--blue:hover, .e-actions-buttons__main:hover, .e-actions-buttons__more:hover, .e-button--blue:focus, .e-actions-buttons__main:focus, .e-actions-buttons__more:focus {
    transition: background-color 0.08s ease;
    -webkit-transition: background-color 0.08s ease;
    -moz-transition: background-color 0.08s ease;
    -o-transition: background-color 0.08s ease;
    color: #ffffff;
    background-color: #3276b1;
    border-color: #285e8e; }

.e-button--green {
  color: #ffffff;
  box-shadow: #a6c36d 0 1px 1px 0 inset;
  border-color: #98b75c;
  text-shadow: 1px 1px 1px #658732;
  background-color: #92af59;
  background: -webkit-gradient(linear, left top, left bottom, from(#9ab95d), to(#849f53));
  background: -webkit-linear-gradient(top, #9ab95d, #849f53);
  background: -moz-linear-gradient(top, #9ab95d, #849f53);
  background: -ms-linear-gradient(top, #9ab95d, #849f53);
  background: -o-linear-gradient(top, #9ab95d, #849f53); }
  .e-button--green:hover {
    color: #ffffff;
    background-color: #849f53;
    background: -webkit-gradient(linear, left top, left bottom, from(#849f53), to(#9ab95d));
    background: -webkit-linear-gradient(top, #849f53, #9ab95d);
    background: -moz-linear-gradient(top, #849f53, #9ab95d);
    background: -ms-linear-gradient(top, #849f53, #9ab95d);
    background: -o-linear-gradient(top, #849f53, #9ab95d); }
  .e-button--green:focus {
    color: #ffffff;
    background-color: #849f53;
    background: -webkit-gradient(linear, left top, left bottom, from(#849f53), to(#9ab95d));
    background: -webkit-linear-gradient(top, #849f53, #9ab95d);
    background: -moz-linear-gradient(top, #849f53, #9ab95d);
    background: -ms-linear-gradient(top, #849f53, #9ab95d);
    background: -o-linear-gradient(top, #849f53, #9ab95d); }

.e-button--cold-green {
  color: #ffffff;
  border-color: #31b571;
  text-shadow: none;
  background-color: #31b571; }
  .e-button--cold-green:hover {
    color: #ffffff;
    background-color: #268d58; }
  .e-button--cold-green:focus {
    color: #ffffff;
    background-color: darkent(#31b571, 10%); }

.e-button--gray, .daterangepicker .range_inputs .btn-success {
  color: #eef6f7;
  box-shadow: #aeb2ba 0 1px 1px 0 inset, #d5e1e2 0 0 5px;
  border-color: #7f848d;
  background-color: #6f747e;
  background: -webkit-gradient(linear, left top, left bottom, from(#8a919c), to(#52575f));
  background: -webkit-linear-gradient(top, #8a919c, #52575f);
  background: -moz-linear-gradient(top, #8a919c, #52575f);
  background: -ms-linear-gradient(top, #8a919c, #52575f);
  background: -o-linear-gradient(top, #8a919c, #52575f); }
  .e-button--gray:hover, .daterangepicker .range_inputs .btn-success:hover {
    color: #ffffff;
    background-color: #565b63;
    background: -webkit-gradient(linear, left top, left bottom, from(#52575f), to(#8a919c));
    background: -webkit-linear-gradient(top, #52575f, #8a919c);
    background: -moz-linear-gradient(top, #52575f, #8a919c);
    background: -ms-linear-gradient(top, #52575f, #8a919c);
    background: -o-linear-gradient(top, #52575f, #8a919c); }
  .e-button--gray:focus, .daterangepicker .range_inputs .btn-success:focus {
    color: #ffffff;
    background-color: #565b63;
    background: -webkit-gradient(linear, left top, left bottom, from(#52575f), to(#8a919c));
    background: -webkit-linear-gradient(top, #52575f, #8a919c);
    background: -moz-linear-gradient(top, #52575f, #8a919c);
    background: -ms-linear-gradient(top, #52575f, #8a919c);
    background: -o-linear-gradient(top, #52575f, #8a919c); }

.e-button--red {
  color: #c30000;
  background-color: #FEDFDF;
  border-color: #F6CFD0;
  transition: background-color 0.05s ease;
  -webkit-transition: background-color 0.05s ease;
  -moz-transition: background-color 0.05s ease;
  -o-transition: background-color 0.05s ease; }
  .e-button--red:hover, .e-button--red:focus {
    transition: background-color 0.08s ease;
    -webkit-transition: background-color 0.08s ease;
    -moz-transition: background-color 0.08s ease;
    -o-transition: background-color 0.08s ease;
    color: #c30000;
    background-color: #F6CFD0;
    border-color: #edc7c7; }

.e-button--dark-red {
  color: #fff;
  background: #fd5345;
  background: -moz-linear-gradient(top, #fd5345 0%, #d62504 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fd5345), color-stop(100%, #d62504));
  background: -webkit-linear-gradient(top, #fd5345 0%, #d62504 100%);
  background: -o-linear-gradient(top, #fd5345 0%, #d62504 100%);
  background: -ms-linear-gradient(top, #fd5345 0%, #d62504 100%);
  background: linear-gradient(to bottom, #fd5345 0%, #d62504 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd5345', endColorstr='#d62504',GradientType=0 );
  border-color: #fd5345;
  transition: background-color 0.05s ease;
  -webkit-transition: background-color 0.05s ease;
  -moz-transition: background-color 0.05s ease;
  -o-transition: background-color 0.05s ease; }
  .e-button--dark-red:hover, .e-button--dark-red:focus {
    transition: background-color 0.08s ease;
    -webkit-transition: background-color 0.08s ease;
    -moz-transition: background-color 0.08s ease;
    -o-transition: background-color 0.08s ease;
    color: #fff;
    background: #fd5345;
    background: -moz-linear-gradient(top, #d62504 0%, #fd5345 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d62504), color-stop(100%, #fd5345));
    background: -webkit-linear-gradient(top, #d62504 0%, #fd5345 100%);
    background: -o-linear-gradient(top, #d62504 0%, #fd5345 100%);
    background: -ms-linear-gradient(top, #d62504 0%, #fd5345 100%);
    background: linear-gradient(to bottom, #d62504 0%, #fd5345 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d62504', endColorstr='#fd5345',GradientType=0 ); }

.e-button--submit {
  min-width: 135px; }

.e-button--icon {
  padding-left: 0.1em; }
  .e-button--icon i {
    font-size: 14px;
    line-height: 12px; }

.e-button--icon-short {
  padding-left: 0.2em;
  padding-right: 0.6em; }

.e-button--icon--large {
  position: relative;
  padding-left: 30px; }
  .e-button--icon--large i {
    font-size: 18px;
    position: absolute;
    left: 3px;
    top: 3px; }

.e-button--big-icon {
  font-size: 16px;
  padding: 0 1px 1px 1px; }
  .e-button--big-icon > i {
    color: #3d5569; }

.e-button--big-icon--selected {
  background-color: #F0F0F0; }

.e-button--rotate-icon > i:before {
  -moz-transform: rotateZ(90deg);
  -ms-transform: rotateZ(90deg);
  -o-transform: rotateZ(90deg);
  -webkit-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
  background: transparent; }

.e-button--disabled.e-button, .e-button--disabled.e-actions-buttons__main, .e-button--disabled.e-actions-buttons__more, .daterangepicker .range_inputs .e-button--disabled.btn-success, .e-button--disabled.e-period-select__nav-btn, .e-button[disabled=disabled].e-button, [disabled=disabled].e-actions-buttons__main, [disabled=disabled].e-actions-buttons__more, .daterangepicker .range_inputs [disabled=disabled].btn-success, [disabled=disabled].e-period-select__nav-btn, .e-button:disabled.e-button, .e-actions-buttons__main:disabled, .e-actions-buttons__more:disabled, .daterangepicker .range_inputs .btn-success:disabled, .e-period-select__nav-btn:disabled {
  cursor: auto !important; }

.e-button--disabled.e-button--dark-red, .e-button[disabled=disabled].e-button--dark-red, [disabled=disabled].e-button--dark-red.e-actions-buttons__main, [disabled=disabled].e-button--dark-red.e-actions-buttons__more, .daterangepicker .range_inputs [disabled=disabled].e-button--dark-red.btn-success, [disabled=disabled].e-button--dark-red.e-period-select__nav-btn, .e-button:disabled.e-button--dark-red, .e-actions-buttons__main:disabled.e-button--dark-red, .e-actions-buttons__more:disabled.e-button--dark-red, .daterangepicker .range_inputs .btn-success:disabled.e-button--dark-red, .e-period-select__nav-btn:disabled.e-button--dark-red {
  color: #e6e6e6 !important;
  border-color: #feb0aa !important;
  background-color: #feb0aa !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#fe8277), to(#fe8277));
  background: -webkit-linear-gradient(top, #fe8277, #fe8277);
  background: -moz-linear-gradient(top, #fe8277, #fe8277);
  background: -ms-linear-gradient(top, #fe8277, #fe8277);
  background: -o-linear-gradient(top, #fe8277, #fe8277); }

.e-button--disabled.e-button--white, .e-button--disabled.e-period-select__nav-btn, .e-button[disabled=disabled].e-button--white, [disabled=disabled].e-button--white.e-actions-buttons__main, [disabled=disabled].e-button--white.e-actions-buttons__more, .daterangepicker .range_inputs [disabled=disabled].e-button--white.btn-success, .daterangepicker .range_inputs [disabled=disabled].btn-success.e-period-select__nav-btn, [disabled=disabled].e-period-select__nav-btn, .e-button:disabled.e-button--white, .e-actions-buttons__main:disabled.e-button--white, .e-actions-buttons__more:disabled.e-button--white, .daterangepicker .range_inputs .btn-success:disabled.e-button--white, .daterangepicker .range_inputs .btn-success.e-period-select__nav-btn:disabled, .e-period-select__nav-btn:disabled {
  background-color: #FCFCFC !important;
  color: #848b94 !important; }

.e-button--disabled.e-button--blue, .e-button--disabled.e-actions-buttons__main, .e-button--disabled.e-actions-buttons__more, .e-button[disabled=disabled].e-button--blue, [disabled=disabled].e-actions-buttons__main, [disabled=disabled].e-actions-buttons__more, .daterangepicker .range_inputs [disabled=disabled].e-button--blue.btn-success, .daterangepicker .range_inputs [disabled=disabled].btn-success.e-actions-buttons__main, .daterangepicker .range_inputs [disabled=disabled].btn-success.e-actions-buttons__more, [disabled=disabled].e-button--blue.e-period-select__nav-btn, .e-button:disabled.e-button--blue, .e-actions-buttons__main:disabled, .e-actions-buttons__more:disabled, .daterangepicker .range_inputs .btn-success:disabled.e-button--blue, .daterangepicker .range_inputs .btn-success.e-actions-buttons__main:disabled, .daterangepicker .range_inputs .btn-success.e-actions-buttons__more:disabled, .e-period-select__nav-btn:disabled.e-button--blue {
  color: #ffffff !important;
  background-color: #7eb0db !important;
  border-color: #69a3d5 !important; }

.e-button--disabled.e-button--gray, .daterangepicker .range_inputs .e-button--disabled.btn-success, .e-button[disabled=disabled].e-button--gray, [disabled=disabled].e-button--gray.e-actions-buttons__main, [disabled=disabled].e-button--gray.e-actions-buttons__more, .daterangepicker .range_inputs [disabled=disabled].btn-success, [disabled=disabled].e-button--gray.e-period-select__nav-btn, .e-button:disabled.e-button--gray, .e-actions-buttons__main:disabled.e-button--gray, .e-actions-buttons__more:disabled.e-button--gray, .daterangepicker .range_inputs .btn-success:disabled, .e-period-select__nav-btn:disabled.e-button--gray {
  color: #eef6f7 !important;
  box-shadow: ligten(#aeb2ba, 15%) 0 1px 1px 0 inset, white 0 0 5px !important;
  border-color: #a7abb1 !important;
  background-color: ligten(#6f747e, 15%) !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#b3b8bf), to(#757d88));
  background: -webkit-linear-gradient(top, #b3b8bf, #757d88);
  background: -moz-linear-gradient(top, #b3b8bf, #757d88);
  background: -ms-linear-gradient(top, #b3b8bf, #757d88);
  background: -o-linear-gradient(top, #b3b8bf, #757d88); }

.e-button--disabled.e-button--green, .e-button[disabled=disabled].e-button--green, [disabled=disabled].e-button--green.e-actions-buttons__main, [disabled=disabled].e-button--green.e-actions-buttons__more, .daterangepicker .range_inputs [disabled=disabled].e-button--green.btn-success, [disabled=disabled].e-button--green.e-period-select__nav-btn, .e-button:disabled.e-button--green, .e-actions-buttons__main:disabled.e-button--green, .e-actions-buttons__more:disabled.e-button--green, .daterangepicker .range_inputs .btn-success:disabled.e-button--green, .e-period-select__nav-btn:disabled.e-button--green {
  color: #ffffff !important;
  box-shadow: #c7d9a3 0 1px 1px 0 inset !important;
  border-color: #bace91 !important;
  text-shadow: 1px 1px 1px #658732 !important;
  background-color: #b4c88d !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#a8bd81), to(#bbd092));
  background: -webkit-linear-gradient(top, #a8bd81, #bbd092);
  background: -moz-linear-gradient(top, #a8bd81, #bbd092);
  background: -ms-linear-gradient(top, #a8bd81, #bbd092);
  background: -o-linear-gradient(top, #a8bd81, #bbd092); }

.e-button--disabled.e-button--cold-green, .e-button[disabled=disabled].e-button--cold-green, [disabled=disabled].e-button--cold-green.e-actions-buttons__main, [disabled=disabled].e-button--cold-green.e-actions-buttons__more, .daterangepicker .range_inputs [disabled=disabled].e-button--cold-green.btn-success, [disabled=disabled].e-button--cold-green.e-period-select__nav-btn, .e-button:disabled.e-button--cold-green, .e-actions-buttons__main:disabled.e-button--cold-green, .e-actions-buttons__more:disabled.e-button--cold-green, .daterangepicker .range_inputs .btn-success:disabled.e-button--cold-green, .e-period-select__nav-btn:disabled.e-button--cold-green {
  color: #ffffff;
  border-color: #5fd497;
  text-shadow: none;
  background-color: #5fd497; }

.e-button--disabled-link {
  pointer-events: none; }

.e-button--height-25 {
  height: 25px; }

.e-button--height-26 {
  height: 25.2px; }

.e-actions-buttons {
  display: inline-block;
  word-spacing: -3px; }

.e-actions-buttons__main {
  display: inline-block;
  height: 25px;
  word-spacing: normal; }

.e-actions-buttons__main--with-icon {
  padding-left: 0.5em; }

.e-actions-buttons__more {
  display: inline-block;
  height: 25px;
  font-size: 14px;
  padding: 2px;
  word-spacing: normal; }

.e-table-actions {
  text-align: center;
  position: relative;
  font-size: 20px;
  display: inline-block; }
  .e-table-actions.open .e-table-actions__button {
    color: #2598da; }
  .e-table-actions--small {
    font-size: 12px; }

.e-table-actions__button {
  color: #a1a1a1;
  border: none;
  -moz-transform: rotateZ(90deg);
  -ms-transform: rotateZ(90deg);
  -o-transform: rotateZ(90deg);
  -webkit-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
  background: transparent; }
  .e-table-actions__button--small {
    font-size: 12px; }

.e-table-actions__button--no-rotation {
  color: #a1a1a1;
  border: none;
  background: transparent; }
  .e-table-actions__button--no-rotation--small {
    font-size: 12px; }

.e-table-actions--hover .e-table-actions__button {
  color: #2598da; }

.e-table-actions__list {
  top: calc(100% + 10px);
  border: 1px #5f656d;
  font-size: 12px;
  box-shadow: 0 0 10px #aeaeae;
  border-radius: 3px; }
  .e-table-actions__list:before, .e-table-actions__list:after {
    content: '';
    position: absolute;
    top: -10px;
    left: 10px;
    display: block; }
  .e-table-actions__list:before {
    top: -11px;
    border-bottom: solid 11px #aeaeae;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent; }
  .e-table-actions__list:after {
    border-bottom: solid 10px #fff;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent; }
  .e-table-actions__list--right {
    left: auto;
    right: 0; }
    .e-table-actions__list--right:before, .e-table-actions__list--right:after {
      left: auto;
      right: 10px; }

.e-table-actions__list__item {
  text-align: left; }
  .e-table-actions__list__item .e-table-actions__list__item__link {
    color: #5f656d;
    font-family: "robotomedium", sans-serif;
    padding: 5px; }
    .e-table-actions__list__item .e-table-actions__list__item__link i {
      margin-right: 2px;
      margin-left: 5px;
      font-size: 14px;
      color: #bbbbbb;
      -moz-transition: color 0.5s ease-in-out;
      -o-transition: color 0.5s ease-in-out;
      -webkit-transition: color 0.5s ease-in-out;
      transition: color 0.5s ease-in-out; }
    .e-table-actions__list__item .e-table-actions__list__item__link:hover, .e-table-actions__list__item .e-table-actions__list__item__link:focus {
      background: #2598da; }
      .e-table-actions__list__item .e-table-actions__list__item__link:hover i, .e-table-actions__list__item .e-table-actions__list__item__link:focus i {
        color: #fff; }
  .e-table-actions__list__item:first-child .e-table-actions__list__item__link {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px; }
  .e-table-actions__list__item:last-child .e-table-actions__list__item__link {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px; }

.e-button--no-border {
  border: 0;
  box-shadow: none; }
  .e-button--no-border:focus {
    -webkit-box-shadow: none;
    box-shadow: none; }

.e-button--no-wrap {
  white-space: normal;
  display: table; }
  .e-button--no-wrap i {
    display: table-cell; }
  .e-button--no-wrap .e-button__inerwrap {
    display: table-cell; }

.e-pull-right--translate {
  position: relative;
  transform: translate(0%, 23%); }

.daterangepicker {
  margin-top: 5px; }
  .daterangepicker.ltr .ranges {
    border-right: 1px solid #dfe3e9; }
  .daterangepicker.ltr .range_inputs {
    text-align: right; }
  .daterangepicker.ltr .calendar.right {
    border-right: 1px solid #dfe3e9; }
  .daterangepicker.rtl .ranges {
    border-left: 1px solid #dfe3e9; }
  .daterangepicker.rtl .calendar.left {
    border-right: 1px solid #dfe3e9; }
  .daterangepicker .ranges {
    margin: 0; }
    .daterangepicker .ranges ul {
      margin: 0;
      list-style-position: inside; }
      @media (min-width: 1266px) {
        .daterangepicker .ranges ul {
          width: 195px; } }
      .daterangepicker .ranges ul li {
        border-radius: 0;
        border: none;
        border-bottom: 1px solid #dfe3e9;
        padding: 8px;
        margin-bottom: 0;
        background: #fff;
        color: #5f656d;
        font: 12px "robotomedium", sans-serif; }
        .daterangepicker .ranges ul li.active {
          background: #2598da;
          color: #fff; }
        .daterangepicker .ranges ul li:hover {
          background: #dfe3e9;
          color: #5f656d;
          border-bottom: 1px solid #dfe3e9; }
  .daterangepicker .calendar {
    font-size: 12px;
    margin: 0;
    padding: 5px; }
    .daterangepicker .calendar .fa-chevron-right {
      font-style: normal; }
      .daterangepicker .calendar .fa-chevron-right:before {
        font-family: "fontello-entypo-full";
        content: '\e875'; }
    .daterangepicker .calendar .fa-chevron-left {
      font-style: normal; }
      .daterangepicker .calendar .fa-chevron-left:before {
        font-family: "fontello-entypo-full";
        content: '\e874'; }
    .daterangepicker .calendar .calendar-table .table-condensed th {
      padding: 5px; }
    .daterangepicker .calendar .calendar-table td {
      padding: 5px; }
    .daterangepicker .calendar .calendar-table td.active {
      background: #2598da; }
      .daterangepicker .calendar .calendar-table td.active.off {
        background: #66b7e5; }
        .daterangepicker .calendar .calendar-table td.active.off:hover {
          background: #66b7e5; }
      .daterangepicker .calendar .calendar-table td.active:hover {
        background: #2598da; }
  .daterangepicker .range_inputs {
    padding: 5px;
    overflow: hidden;
    clear: both;
    border-top: 1px solid #dfe3e9;
    background: transparent url("/Content/tms/_img/bg-strips.png") repeat 0 0; }
  .daterangepicker .daterangepicker_input .fa-calendar {
    font-style: normal; }
    .daterangepicker .daterangepicker_input .fa-calendar:before {
      content: '\e921';
      font-family: "fontello-entypo-full"; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.e-button, .e-actions-buttons__main, .e-actions-buttons__more, .daterangepicker .range_inputs .btn-success, .e-period-select__nav-btn {
  display: inline-block;
  margin-bottom: 0;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  font-size: 12px;
  border-radius: 0;
  border: solid 1px #dcdcdc;
  outline-width: 0;
  box-shadow: #d5e1e2 0 0 1px;
  padding: 3px 10px;
  outline-offset: 0;
  outline-width: 0;
  font-family: 'robotomedium', sans-serif; }
  .e-button:hover, .e-actions-buttons__main:hover, .e-actions-buttons__more:hover, .daterangepicker .range_inputs .btn-success:hover, .e-period-select__nav-btn:hover {
    cursor: pointer;
    text-decoration: none; }
  .e-button:focus, .e-actions-buttons__main:focus, .e-actions-buttons__more:focus, .daterangepicker .range_inputs .btn-success:focus, .e-period-select__nav-btn:focus {
    outline: none;
    -webkit-box-shadow: 0px 0px 5px #2598da;
    box-shadow: 0px 0px 5px #2598da; }

.e-button--hint {
  padding: 0.2em 0.4em;
  border-radius: 4px;
  border-bottom-width: 2px;
  font-size: 12px;
  color: #a1a1a1; }
  .e-button--hint:hover, .e-button--hint:focus {
    background: #faf9f9;
    color: #a1a1a1; }
  .e-button--hint:active {
    margin-top: 1px;
    border-bottom-width: 1px; }

.e-button--jumbo {
  width: 100%;
  padding: 1em;
  font-size: 18px; }

.e-button--block {
  width: 100%;
  margin-bottom: 10px; }

.e-button--block--alone {
  margin-bottom: 0; }

.e-button--space {
  margin: 0 5px; }

.e-button--space-left {
  margin-left: 5px; }

.e-button--space-right {
  margin-right: 5px; }

.e-button--small, .daterangepicker .range_inputs .btn-sm {
  padding: 3px 9px 2px 9px;
  font-size: 11px; }

.e-button--big {
  width: 100%;
  padding: 6px 12px;
  font-size: 13px; }

.e-button--short {
  padding: 3px 3px 2px 3px; }

.e-button--100 {
  width: 100px; }

.e-button--medium {
  width: 200px;
  margin-top: 5px; }

.e-button--white, .e-period-select__nav-btn {
  background-color: #ffffff;
  color: #5f656d; }
  .e-button--white:hover, .e-period-select__nav-btn:hover, .e-button--white:focus, .e-period-select__nav-btn:focus {
    background-color: #faf9f9;
    color: #5f656d; }
  .e-button--white i, .e-period-select__nav-btn i {
    color: #a7a7a7; }

.e-button.e-button--blue-icon i, .e-button--blue-icon.e-actions-buttons__main i, .e-button--blue-icon.e-actions-buttons__more i, .daterangepicker .range_inputs .e-button--blue-icon.btn-success i, .e-button--blue-icon.e-period-select__nav-btn i {
  color: #7dbcdc; }

.e-button--blue, .e-actions-buttons__main, .e-actions-buttons__more {
  color: #ffffff;
  background-color: #2598da;
  border-color: #2598da;
  transition: background-color 0.05s ease;
  -webkit-transition: background-color 0.05s ease;
  -moz-transition: background-color 0.05s ease;
  -o-transition: background-color 0.05s ease; }
  .e-button--blue:hover, .e-actions-buttons__main:hover, .e-actions-buttons__more:hover, .e-button--blue:focus, .e-actions-buttons__main:focus, .e-actions-buttons__more:focus {
    transition: background-color 0.08s ease;
    -webkit-transition: background-color 0.08s ease;
    -moz-transition: background-color 0.08s ease;
    -o-transition: background-color 0.08s ease;
    color: #ffffff;
    background-color: #3276b1;
    border-color: #285e8e; }

.e-button--green {
  color: #ffffff;
  box-shadow: #a6c36d 0 1px 1px 0 inset;
  border-color: #98b75c;
  text-shadow: 1px 1px 1px #658732;
  background-color: #92af59;
  background: -webkit-gradient(linear, left top, left bottom, from(#9ab95d), to(#849f53));
  background: -webkit-linear-gradient(top, #9ab95d, #849f53);
  background: -moz-linear-gradient(top, #9ab95d, #849f53);
  background: -ms-linear-gradient(top, #9ab95d, #849f53);
  background: -o-linear-gradient(top, #9ab95d, #849f53); }
  .e-button--green:hover {
    color: #ffffff;
    background-color: #849f53;
    background: -webkit-gradient(linear, left top, left bottom, from(#849f53), to(#9ab95d));
    background: -webkit-linear-gradient(top, #849f53, #9ab95d);
    background: -moz-linear-gradient(top, #849f53, #9ab95d);
    background: -ms-linear-gradient(top, #849f53, #9ab95d);
    background: -o-linear-gradient(top, #849f53, #9ab95d); }
  .e-button--green:focus {
    color: #ffffff;
    background-color: #849f53;
    background: -webkit-gradient(linear, left top, left bottom, from(#849f53), to(#9ab95d));
    background: -webkit-linear-gradient(top, #849f53, #9ab95d);
    background: -moz-linear-gradient(top, #849f53, #9ab95d);
    background: -ms-linear-gradient(top, #849f53, #9ab95d);
    background: -o-linear-gradient(top, #849f53, #9ab95d); }

.e-button--cold-green {
  color: #ffffff;
  border-color: #31b571;
  text-shadow: none;
  background-color: #31b571; }
  .e-button--cold-green:hover {
    color: #ffffff;
    background-color: #268d58; }
  .e-button--cold-green:focus {
    color: #ffffff;
    background-color: darkent(#31b571, 10%); }

.e-button--gray, .daterangepicker .range_inputs .btn-success {
  color: #eef6f7;
  box-shadow: #aeb2ba 0 1px 1px 0 inset, #d5e1e2 0 0 5px;
  border-color: #7f848d;
  background-color: #6f747e;
  background: -webkit-gradient(linear, left top, left bottom, from(#8a919c), to(#52575f));
  background: -webkit-linear-gradient(top, #8a919c, #52575f);
  background: -moz-linear-gradient(top, #8a919c, #52575f);
  background: -ms-linear-gradient(top, #8a919c, #52575f);
  background: -o-linear-gradient(top, #8a919c, #52575f); }
  .e-button--gray:hover, .daterangepicker .range_inputs .btn-success:hover {
    color: #ffffff;
    background-color: #565b63;
    background: -webkit-gradient(linear, left top, left bottom, from(#52575f), to(#8a919c));
    background: -webkit-linear-gradient(top, #52575f, #8a919c);
    background: -moz-linear-gradient(top, #52575f, #8a919c);
    background: -ms-linear-gradient(top, #52575f, #8a919c);
    background: -o-linear-gradient(top, #52575f, #8a919c); }
  .e-button--gray:focus, .daterangepicker .range_inputs .btn-success:focus {
    color: #ffffff;
    background-color: #565b63;
    background: -webkit-gradient(linear, left top, left bottom, from(#52575f), to(#8a919c));
    background: -webkit-linear-gradient(top, #52575f, #8a919c);
    background: -moz-linear-gradient(top, #52575f, #8a919c);
    background: -ms-linear-gradient(top, #52575f, #8a919c);
    background: -o-linear-gradient(top, #52575f, #8a919c); }

.e-button--red {
  color: #c30000;
  background-color: #FEDFDF;
  border-color: #F6CFD0;
  transition: background-color 0.05s ease;
  -webkit-transition: background-color 0.05s ease;
  -moz-transition: background-color 0.05s ease;
  -o-transition: background-color 0.05s ease; }
  .e-button--red:hover, .e-button--red:focus {
    transition: background-color 0.08s ease;
    -webkit-transition: background-color 0.08s ease;
    -moz-transition: background-color 0.08s ease;
    -o-transition: background-color 0.08s ease;
    color: #c30000;
    background-color: #F6CFD0;
    border-color: #edc7c7; }

.e-button--dark-red {
  color: #fff;
  background: #fd5345;
  background: -moz-linear-gradient(top, #fd5345 0%, #d62504 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fd5345), color-stop(100%, #d62504));
  background: -webkit-linear-gradient(top, #fd5345 0%, #d62504 100%);
  background: -o-linear-gradient(top, #fd5345 0%, #d62504 100%);
  background: -ms-linear-gradient(top, #fd5345 0%, #d62504 100%);
  background: linear-gradient(to bottom, #fd5345 0%, #d62504 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd5345', endColorstr='#d62504',GradientType=0 );
  border-color: #fd5345;
  transition: background-color 0.05s ease;
  -webkit-transition: background-color 0.05s ease;
  -moz-transition: background-color 0.05s ease;
  -o-transition: background-color 0.05s ease; }
  .e-button--dark-red:hover, .e-button--dark-red:focus {
    transition: background-color 0.08s ease;
    -webkit-transition: background-color 0.08s ease;
    -moz-transition: background-color 0.08s ease;
    -o-transition: background-color 0.08s ease;
    color: #fff;
    background: #fd5345;
    background: -moz-linear-gradient(top, #d62504 0%, #fd5345 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d62504), color-stop(100%, #fd5345));
    background: -webkit-linear-gradient(top, #d62504 0%, #fd5345 100%);
    background: -o-linear-gradient(top, #d62504 0%, #fd5345 100%);
    background: -ms-linear-gradient(top, #d62504 0%, #fd5345 100%);
    background: linear-gradient(to bottom, #d62504 0%, #fd5345 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d62504', endColorstr='#fd5345',GradientType=0 ); }

.e-button--submit {
  min-width: 135px; }

.e-button--icon {
  padding-left: 0.1em; }
  .e-button--icon i {
    font-size: 14px;
    line-height: 12px; }

.e-button--icon-short {
  padding-left: 0.2em;
  padding-right: 0.6em; }

.e-button--icon--large {
  position: relative;
  padding-left: 30px; }
  .e-button--icon--large i {
    font-size: 18px;
    position: absolute;
    left: 3px;
    top: 3px; }

.e-button--big-icon {
  font-size: 16px;
  padding: 0 1px 1px 1px; }
  .e-button--big-icon > i {
    color: #3d5569; }

.e-button--big-icon--selected {
  background-color: #F0F0F0; }

.e-button--rotate-icon > i:before {
  -moz-transform: rotateZ(90deg);
  -ms-transform: rotateZ(90deg);
  -o-transform: rotateZ(90deg);
  -webkit-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
  background: transparent; }

.e-button--disabled.e-button, .e-button--disabled.e-actions-buttons__main, .e-button--disabled.e-actions-buttons__more, .daterangepicker .range_inputs .e-button--disabled.btn-success, .e-button--disabled.e-period-select__nav-btn, .e-button[disabled=disabled].e-button, [disabled=disabled].e-actions-buttons__main, [disabled=disabled].e-actions-buttons__more, .daterangepicker .range_inputs [disabled=disabled].btn-success, [disabled=disabled].e-period-select__nav-btn, .e-button:disabled.e-button, .e-actions-buttons__main:disabled, .e-actions-buttons__more:disabled, .daterangepicker .range_inputs .btn-success:disabled, .e-period-select__nav-btn:disabled {
  cursor: auto !important; }

.e-button--disabled.e-button--dark-red, .e-button[disabled=disabled].e-button--dark-red, [disabled=disabled].e-button--dark-red.e-actions-buttons__main, [disabled=disabled].e-button--dark-red.e-actions-buttons__more, .daterangepicker .range_inputs [disabled=disabled].e-button--dark-red.btn-success, [disabled=disabled].e-button--dark-red.e-period-select__nav-btn, .e-button:disabled.e-button--dark-red, .e-actions-buttons__main:disabled.e-button--dark-red, .e-actions-buttons__more:disabled.e-button--dark-red, .daterangepicker .range_inputs .btn-success:disabled.e-button--dark-red, .e-period-select__nav-btn:disabled.e-button--dark-red {
  color: #e6e6e6 !important;
  border-color: #feb0aa !important;
  background-color: #feb0aa !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#fe8277), to(#fe8277));
  background: -webkit-linear-gradient(top, #fe8277, #fe8277);
  background: -moz-linear-gradient(top, #fe8277, #fe8277);
  background: -ms-linear-gradient(top, #fe8277, #fe8277);
  background: -o-linear-gradient(top, #fe8277, #fe8277); }

.e-button--disabled.e-button--white, .e-button--disabled.e-period-select__nav-btn, .e-button[disabled=disabled].e-button--white, [disabled=disabled].e-button--white.e-actions-buttons__main, [disabled=disabled].e-button--white.e-actions-buttons__more, .daterangepicker .range_inputs [disabled=disabled].e-button--white.btn-success, .daterangepicker .range_inputs [disabled=disabled].btn-success.e-period-select__nav-btn, [disabled=disabled].e-period-select__nav-btn, .e-button:disabled.e-button--white, .e-actions-buttons__main:disabled.e-button--white, .e-actions-buttons__more:disabled.e-button--white, .daterangepicker .range_inputs .btn-success:disabled.e-button--white, .daterangepicker .range_inputs .btn-success.e-period-select__nav-btn:disabled, .e-period-select__nav-btn:disabled {
  background-color: #FCFCFC !important;
  color: #848b94 !important; }

.e-button--disabled.e-button--blue, .e-button--disabled.e-actions-buttons__main, .e-button--disabled.e-actions-buttons__more, .e-button[disabled=disabled].e-button--blue, [disabled=disabled].e-actions-buttons__main, [disabled=disabled].e-actions-buttons__more, .daterangepicker .range_inputs [disabled=disabled].e-button--blue.btn-success, .daterangepicker .range_inputs [disabled=disabled].btn-success.e-actions-buttons__main, .daterangepicker .range_inputs [disabled=disabled].btn-success.e-actions-buttons__more, [disabled=disabled].e-button--blue.e-period-select__nav-btn, .e-button:disabled.e-button--blue, .e-actions-buttons__main:disabled, .e-actions-buttons__more:disabled, .daterangepicker .range_inputs .btn-success:disabled.e-button--blue, .daterangepicker .range_inputs .btn-success.e-actions-buttons__main:disabled, .daterangepicker .range_inputs .btn-success.e-actions-buttons__more:disabled, .e-period-select__nav-btn:disabled.e-button--blue {
  color: #ffffff !important;
  background-color: #7eb0db !important;
  border-color: #69a3d5 !important; }

.e-button--disabled.e-button--gray, .daterangepicker .range_inputs .e-button--disabled.btn-success, .e-button[disabled=disabled].e-button--gray, [disabled=disabled].e-button--gray.e-actions-buttons__main, [disabled=disabled].e-button--gray.e-actions-buttons__more, .daterangepicker .range_inputs [disabled=disabled].btn-success, [disabled=disabled].e-button--gray.e-period-select__nav-btn, .e-button:disabled.e-button--gray, .e-actions-buttons__main:disabled.e-button--gray, .e-actions-buttons__more:disabled.e-button--gray, .daterangepicker .range_inputs .btn-success:disabled, .e-period-select__nav-btn:disabled.e-button--gray {
  color: #eef6f7 !important;
  box-shadow: ligten(#aeb2ba, 15%) 0 1px 1px 0 inset, white 0 0 5px !important;
  border-color: #a7abb1 !important;
  background-color: ligten(#6f747e, 15%) !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#b3b8bf), to(#757d88));
  background: -webkit-linear-gradient(top, #b3b8bf, #757d88);
  background: -moz-linear-gradient(top, #b3b8bf, #757d88);
  background: -ms-linear-gradient(top, #b3b8bf, #757d88);
  background: -o-linear-gradient(top, #b3b8bf, #757d88); }

.e-button--disabled.e-button--green, .e-button[disabled=disabled].e-button--green, [disabled=disabled].e-button--green.e-actions-buttons__main, [disabled=disabled].e-button--green.e-actions-buttons__more, .daterangepicker .range_inputs [disabled=disabled].e-button--green.btn-success, [disabled=disabled].e-button--green.e-period-select__nav-btn, .e-button:disabled.e-button--green, .e-actions-buttons__main:disabled.e-button--green, .e-actions-buttons__more:disabled.e-button--green, .daterangepicker .range_inputs .btn-success:disabled.e-button--green, .e-period-select__nav-btn:disabled.e-button--green {
  color: #ffffff !important;
  box-shadow: #c7d9a3 0 1px 1px 0 inset !important;
  border-color: #bace91 !important;
  text-shadow: 1px 1px 1px #658732 !important;
  background-color: #b4c88d !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#a8bd81), to(#bbd092));
  background: -webkit-linear-gradient(top, #a8bd81, #bbd092);
  background: -moz-linear-gradient(top, #a8bd81, #bbd092);
  background: -ms-linear-gradient(top, #a8bd81, #bbd092);
  background: -o-linear-gradient(top, #a8bd81, #bbd092); }

.e-button--disabled.e-button--cold-green, .e-button[disabled=disabled].e-button--cold-green, [disabled=disabled].e-button--cold-green.e-actions-buttons__main, [disabled=disabled].e-button--cold-green.e-actions-buttons__more, .daterangepicker .range_inputs [disabled=disabled].e-button--cold-green.btn-success, [disabled=disabled].e-button--cold-green.e-period-select__nav-btn, .e-button:disabled.e-button--cold-green, .e-actions-buttons__main:disabled.e-button--cold-green, .e-actions-buttons__more:disabled.e-button--cold-green, .daterangepicker .range_inputs .btn-success:disabled.e-button--cold-green, .e-period-select__nav-btn:disabled.e-button--cold-green {
  color: #ffffff;
  border-color: #5fd497;
  text-shadow: none;
  background-color: #5fd497; }

.e-button--disabled-link {
  pointer-events: none; }

.e-button--height-25 {
  height: 25px; }

.e-button--height-26 {
  height: 25.2px; }

.e-actions-buttons {
  display: inline-block;
  word-spacing: -3px; }

.e-actions-buttons__main {
  display: inline-block;
  height: 25px;
  word-spacing: normal; }

.e-actions-buttons__main--with-icon {
  padding-left: 0.5em; }

.e-actions-buttons__more {
  display: inline-block;
  height: 25px;
  font-size: 14px;
  padding: 2px;
  word-spacing: normal; }

.e-table-actions {
  text-align: center;
  position: relative;
  font-size: 20px;
  display: inline-block; }
  .e-table-actions.open .e-table-actions__button {
    color: #2598da; }
  .e-table-actions--small {
    font-size: 12px; }

.e-table-actions__button {
  color: #a1a1a1;
  border: none;
  -moz-transform: rotateZ(90deg);
  -ms-transform: rotateZ(90deg);
  -o-transform: rotateZ(90deg);
  -webkit-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
  background: transparent; }
  .e-table-actions__button--small {
    font-size: 12px; }

.e-table-actions__button--no-rotation {
  color: #a1a1a1;
  border: none;
  background: transparent; }
  .e-table-actions__button--no-rotation--small {
    font-size: 12px; }

.e-table-actions--hover .e-table-actions__button {
  color: #2598da; }

.e-table-actions__list {
  top: calc(100% + 10px);
  border: 1px #5f656d;
  font-size: 12px;
  box-shadow: 0 0 10px #aeaeae;
  border-radius: 3px; }
  .e-table-actions__list:before, .e-table-actions__list:after {
    content: '';
    position: absolute;
    top: -10px;
    left: 10px;
    display: block; }
  .e-table-actions__list:before {
    top: -11px;
    border-bottom: solid 11px #aeaeae;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent; }
  .e-table-actions__list:after {
    border-bottom: solid 10px #fff;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent; }
  .e-table-actions__list--right {
    left: auto;
    right: 0; }
    .e-table-actions__list--right:before, .e-table-actions__list--right:after {
      left: auto;
      right: 10px; }

.e-table-actions__list__item {
  text-align: left; }
  .e-table-actions__list__item .e-table-actions__list__item__link {
    color: #5f656d;
    font-family: "robotomedium", sans-serif;
    padding: 5px; }
    .e-table-actions__list__item .e-table-actions__list__item__link i {
      margin-right: 2px;
      margin-left: 5px;
      font-size: 14px;
      color: #bbbbbb;
      -moz-transition: color 0.5s ease-in-out;
      -o-transition: color 0.5s ease-in-out;
      -webkit-transition: color 0.5s ease-in-out;
      transition: color 0.5s ease-in-out; }
    .e-table-actions__list__item .e-table-actions__list__item__link:hover, .e-table-actions__list__item .e-table-actions__list__item__link:focus {
      background: #2598da; }
      .e-table-actions__list__item .e-table-actions__list__item__link:hover i, .e-table-actions__list__item .e-table-actions__list__item__link:focus i {
        color: #fff; }
  .e-table-actions__list__item:first-child .e-table-actions__list__item__link {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px; }
  .e-table-actions__list__item:last-child .e-table-actions__list__item__link {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px; }

.e-button--no-border {
  border: 0;
  box-shadow: none; }
  .e-button--no-border:focus {
    -webkit-box-shadow: none;
    box-shadow: none; }

.e-button--no-wrap {
  white-space: normal;
  display: table; }
  .e-button--no-wrap i {
    display: table-cell; }
  .e-button--no-wrap .e-button__inerwrap {
    display: table-cell; }

.e-pull-right--translate {
  position: relative;
  transform: translate(0%, 23%); }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.e-dropdown-button {
  position: relative;
  display: inline-block;
  z-index: 1;
  top: 1px; }
  .e-dropdown-button--no-top {
    top: 0; }
  .e-dropdown-button:hover {
    text-decoration: none; }
  .e-dropdown-button:focus .e-dropdown-button__button {
    outline: none;
    -webkit-box-shadow: 0px 0px 5px #2598da;
    box-shadow: 0px 0px 5px #2598da; }

.e-dropdown-button--disabled .e-dropdown-button__button {
  background: #fff;
  color: #b4b4b4;
  cursor: auto;
  border: #aeaeae; }

.e-dropdown-button--disabled .e-dropdown-button__arrow-down, .e-dropdown-button--disabled .e-dropdown-button__arrow-up {
  display: none; }

.e-dropdown-button--height-25 {
  top: 0; }
  .e-dropdown-button--height-25 .e-dropdown-button__button {
    height: 25px; }
  .e-dropdown-button--height-25.e-dropdown-button--open .e-dropdown-button__button {
    height: 24px;
    margin-bottom: 0; }
  .e-dropdown-button--height-25 .e-dropdown-button__list {
    top: 24px; }

.e-dropdown-button--height-26 {
  top: 0; }
  .e-dropdown-button--height-26 .e-dropdown-button__button {
    height: 26px; }
  .e-dropdown-button--height-26.e-dropdown-button--open .e-dropdown-button__button {
    height: 25px;
    margin-bottom: 0; }
  .e-dropdown-button--height-26 .e-dropdown-button__list {
    top: 25px; }

.e-dropdown-button--select .e-dropdown-button__list {
  right: -1px; }

.e-dropdown-button--select .e-dropdown-button__list__icon {
  color: #a1a1a1; }

.e-dropdown-button--select.e-dropdown-button--open .e-dropdown-button__list__icon {
  color: #2598da; }

.e-dropdown-button--select a:hover .e-dropdown-button__list__icon {
  color: #fff; }

.e-dropdown-button__button {
  padding: 3px 5px;
  line-height: 15px;
  position: relative;
  background: #fff;
  -moz-box-shadow: #d5e1e2 0 0 1px;
  -webkit-box-shadow: #d5e1e2 0 0 1px;
  box-shadow: #d5e1e2 0 0 1px;
  display: inline-block;
  margin-bottom: 0;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  font-size: 12px;
  border-radius: 0;
  border: solid 1px #dcdcdc;
  outline-width: 0;
  padding: 3px 10px;
  outline-offset: 0;
  outline-width: 0;
  font-family: 'robotomedium', sans-serif; }
  .e-dropdown-button__button:focus {
    outline: none;
    -webkit-box-shadow: 0px 0px 5px #2598da;
    box-shadow: 0px 0px 5px #2598da; }
  .e-dropdown-button__button:hover {
    text-decoration: none; }

.e-dropdown-button--right-10 {
  margin-right: 10px; }

.e-dropdown-button--right-5 {
  margin-right: 5px; }

.e-dropdown-button__button.e-dropdown-button__button--rounded {
  display: block;
  border-radius: 5px;
  padding: 1px 1px 1px 1px; }
  .e-dropdown-button__button.e-dropdown-button__button--rounded .e-dropdown-button__button__inner {
    display: block;
    border: solid 1px transparent;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 2px 3px; }
    .e-dropdown-button__button.e-dropdown-button__button--rounded .e-dropdown-button__button__inner .e-dropdown-button__icon {
      color: #c8d2d9; }

.e-dropdown-button__button__decoration-icon {
  margin-left: 0.2em;
  color: #a1a1a1; }

.e-dropdown-button__text {
  color: #3d5569;
  padding: 0 0 0 16px; }

.e-dropdown-button__list, .e-dropdown-button__calendar, .e-dropdown-button__form, .e-dropdown-button__additional-form {
  position: absolute;
  z-index: 99999999;
  right: 0;
  top: 29px;
  margin: 0;
  padding: 6px 0;
  list-style: none;
  background: white;
  border: solid 1px #dcdcdc;
  box-shadow: #d5e1e2 0 0 2px;
  width: 150px;
  text-align: left;
  display: none;
  -webkit-border-radius: 5px;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius: 5px;
  -moz-border-radius-topright: 0;
  border-radius: 5px;
  border-top-right-radius: 0; }
  .e-dropdown-button__list > li, .e-dropdown-button__calendar > li, .e-dropdown-button__form > li, .e-dropdown-button__additional-form > li {
    border-bottom: solid 1px #ececec; }
    .e-dropdown-button__list > li:first-of-type, .e-dropdown-button__calendar > li:first-of-type, .e-dropdown-button__form > li:first-of-type, .e-dropdown-button__additional-form > li:first-of-type {
      padding-top: 0; }
    .e-dropdown-button__list > li:last-of-type, .e-dropdown-button__calendar > li:last-of-type, .e-dropdown-button__form > li:last-of-type, .e-dropdown-button__additional-form > li:last-of-type {
      padding-bottom: 0;
      border-bottom: none; }

.e-dropdown-button__additional-form.e-dropdown-button__additional-form--auto-height {
  height: auto; }

.e-dropdown-button__list li a, .e-dropdown-button__calendar li a {
  font-family: "robotomedium", sans-serif;
  font-size: 12px;
  color: #5f656d;
  padding: 5px 10px;
  display: block;
  width: 100%; }

.e-dropdown-button__list--short {
  width: 90px; }

.e-dropdown-button__list--long {
  width: 200px; }

.e-dropdown-button__list--175 {
  width: 175px; }

.e-dropdown-button__list--searcher {
  width: 188px; }

.e-dropdown-button__list--longer {
  width: 240px; }

.e-dropdown-button__list--full {
  width: 100%; }

.e-dropdown-button__list--210 {
  width: 210px; }

.e-dropdown-button__list--220 {
  width: 220px; }

.e-dropdown-button__list--300 {
  width: 310px; }

.e-dropdown-button__list--550 {
  width: 550px; }

.e-link.e-dropdown-button--open, .e-dropdown-button--open.e-personal-card__data__team-leader__link {
  background-color: #1c9cd8;
  color: #ffffff;
  text-decoration: none; }

.e-link__list {
  top: 15px;
  right: auto;
  left: 0;
  -webkit-border-radius: 0;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius: 0;
  -moz-border-radius-topright: 0;
  border-radius: 0;
  padding: 0px 0;
  width: auto; }
  .e-link__list .e-dropdown-button__list__item a {
    padding: 5px 15px 5px 10px;
    font-size: 11px;
    font-family: "robotolight", sans-serif;
    color: #1c9cd8; }
  .e-link__list .e-dropdown-button__list__icon {
    font-size: 11px; }
  .e-link__list .e-dropdown-button__list__item a:hover, .e-link__list .e-dropdown-button__list__item a.zeroclipboard-is-hover {
    text-decoration: none;
    background: #2598da;
    color: #ffffff; }
    .e-link__list .e-dropdown-button__list__item a:hover i, .e-link__list .e-dropdown-button__list__item a.zeroclipboard-is-hover i {
      color: #fff; }

.e-dropdown-button--no-border .e-dropdown-button__button {
  border: solid 1px transparent;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none; }

.e-dropdown-button--no-border.e-dropdown-button--open .e-dropdown-button__button {
  border: solid 1px #dcdcdc;
  border-bottom: none;
  outline-width: 0;
  -moz-box-shadow: #d5e1e2 0 0 1px;
  -webkit-box-shadow: #d5e1e2 0 0 1px;
  box-shadow: #d5e1e2 0 0 1px; }

.e-dropdown-button__list--for-rounded {
  right: -1px;
  padding: 0; }

.e-dropdown-button__list--for-simple {
  top: 22px;
  right: 0; }
  .e-dropdown-button__list--for-simple .e-dropdown-button__list__item a {
    padding: 7px 10px; }
    .e-dropdown-button__list--for-simple .e-dropdown-button__list__item a:hover {
      background: #F8FAF9;
      color: #5f656d; }

.e-dropdown-button__calendar, .e-dropdown-button__form {
  right: -117px;
  width: 320px;
  height: 36px;
  padding: 5px 0 5px 10px;
  text-align: center;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  border-top-right-radius: 5px; }

.e-dropdown-button__calendar__label {
  float: left;
  font-size: 12px;
  margin: 0 10px 0 0;
  color: #757575; }
  .e-dropdown-button__calendar__label input[type=text] {
    float: left;
    height: 20px;
    width: 90px;
    margin-top: 2px;
    margin-left: 5px;
    padding: 0 10px 0 10px; }
  .e-dropdown-button__calendar__label input[type=text]:-ms-input-placeholder {
    color: #a1a1a1; }
  .e-dropdown-button__calendar__label .icon-calendar-1 {
    float: left;
    margin-top: 2px;
    margin-left: 5px;
    font-size: 14px;
    color: #33a6dc; }

.e-dropdown-button__calendar__label__name {
  float: left;
  margin-top: 4px; }

.e-dropdown-button__list__icon {
  color: #1c9cd8;
  font-size: 16px;
  line-height: 12px; }

.e-dropdown-button__icon {
  color: #a1a1a1;
  font-size: 16px; }

.e-dropdown-button__icon--blue {
  color: #1c9cd8 !important; }

.e-dropdown-button__arrow-down {
  color: #dfe3e9; }

.e-dropdown-button__arrow-up {
  color: #dfe3e9;
  display: none; }

.e-dropdown-button--calendar.e-dropdown-button--open .e-dropdown-button__button, .e-dropdown-button--calendar.e-dropdown-button--hoverable:hover .e-dropdown-button__button {
  margin-right: 4px !important; }

.e-dropdown-button__button--blue {
  color: #ffffff;
  background-color: #2598da;
  border-color: #2598da; }
  .e-dropdown-button__button--blue .e-dropdown-button__text, .e-dropdown-button__button--blue .e-dropdown-button__arrow-down, .e-dropdown-button__button--blue .e-dropdown-button__arrow-up {
    color: #ffffff; }
  .e-dropdown-button__button--blue:hover {
    color: #ffffff;
    background-color: #2598da;
    border-color: #2598da; }
  .e-dropdown-button__button--blue i {
    color: #ffffff; }

.e-dropdown-button--open, .e-dropdown-button--hoverable:hover {
  z-index: 3; }
  .e-dropdown-button--open .e-dropdown-button__button, .e-dropdown-button--hoverable:hover .e-dropdown-button__button {
    border-bottom: solid 0 transparent;
    padding-bottom: 10px;
    margin-bottom: -6px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: rgba(255, 255, 255, 0.9);
    z-index: 1000; }
    .e-dropdown-button--open .e-dropdown-button__button.e-dropdown-button__button--blue, .e-dropdown-button--hoverable:hover .e-dropdown-button__button.e-dropdown-button__button--blue {
      padding-bottom: 4px;
      margin-bottom: -0px; }
  .e-dropdown-button--open .e-dropdown-button__button.e-dropdown-button__button--rounded, .e-dropdown-button--hoverable:hover .e-dropdown-button__button.e-dropdown-button__button--rounded {
    display: block;
    padding: 2px 2px 6px 2px;
    margin-bottom: -4px;
    margin-top: -1px;
    margin-left: -1px;
    margin-right: -1px;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    height: 31px; }
    .e-dropdown-button--open .e-dropdown-button__button.e-dropdown-button__button--rounded .e-dropdown-button__button__inner, .e-dropdown-button--hoverable:hover .e-dropdown-button__button.e-dropdown-button__button--rounded .e-dropdown-button__button__inner {
      display: block;
      background: #f5f6f8;
      border: solid 1px #dcdcdc; }
      .e-dropdown-button--open .e-dropdown-button__button.e-dropdown-button__button--rounded .e-dropdown-button__button__inner .e-dropdown-button__icon, .e-dropdown-button--hoverable:hover .e-dropdown-button__button.e-dropdown-button__button--rounded .e-dropdown-button__button__inner .e-dropdown-button__icon {
        color: #1c9cd8; }
  .e-dropdown-button--open .e-dropdown-button__button--simple, .e-dropdown-button--hoverable:hover .e-dropdown-button__button--simple {
    padding-bottom: 4px;
    margin-bottom: 0; }
    .e-dropdown-button--open .e-dropdown-button__button--simple .e-dropdown-button__list, .e-dropdown-button--hoverable:hover .e-dropdown-button__button--simple .e-dropdown-button__list {
      top: 20px !important; }
  .e-dropdown-button--open .e-dropdown-button__arrow-down, .e-dropdown-button--hoverable:hover .e-dropdown-button__arrow-down {
    display: none; }
  .e-dropdown-button--open .e-dropdown-button__arrow-up, .e-dropdown-button--hoverable:hover .e-dropdown-button__arrow-up {
    display: inline; }
  .e-dropdown-button--open .e-dropdown-button__list, .e-dropdown-button--open .e-dropdown-button__calendar, .e-dropdown-button--open .e-dropdown-button__additional-form, .e-dropdown-button--hoverable:hover .e-dropdown-button__list, .e-dropdown-button--hoverable:hover .e-dropdown-button__calendar, .e-dropdown-button--hoverable:hover .e-dropdown-button__additional-form {
    display: block;
    z-index: 1; }
  .e-dropdown-button--open.e-dropdown-button--date-range .e-dropdown-button__button, .e-dropdown-button--hoverable:hover.e-dropdown-button--date-range .e-dropdown-button__button {
    padding: 2px;
    margin-bottom: 0;
    border-radius: 5px;
    border-bottom: solid 1px #dcdcdc;
    height: auto; }

.e-dropdown-button--filters:after {
  content: " ";
  display: block;
  width: 55px;
  height: 13px;
  position: absolute;
  z-index: 1000;
  top: 25px;
  left: -1px;
  background: white;
  border-left: solid 1px #dcdcdc;
  border-right: solid 1px #dcdcdc; }

.e-dropdown-button--filters .e-dropdown-button__button.e-dropdown-button__button--rounded {
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.e-dropdown-button--filters .e-dropdown-button__button__inner {
  display: block;
  background: #f5f6f8;
  border: solid 1px #dcdcdc; }
  .e-dropdown-button--filters .e-dropdown-button__button__inner .e-dropdown-button__icon {
    color: #a7a7a7; }

.e-dropdown-button__list__item--selected {
  text-decoration: none;
  background: red; }

.e-dropdown-button__list__item a {
  -webkit-transition: background 0ms ease;
  -moz-transition: background 0ms ease;
  -ms-transition: background 0ms ease;
  -o-transition: background 0ms ease;
  transition: background 0ms ease; }

.e-dropdown-button__list__item a:hover {
  text-decoration: none;
  background: #2598da;
  color: #fff;
  -webkit-transition: background 0ms ease;
  -moz-transition: background 0ms ease;
  -ms-transition: background 0ms ease;
  -o-transition: background 0ms ease;
  transition: background 0ms ease; }
  .e-dropdown-button__list__item a:hover i {
    color: #fff; }

.e-dropdown-button--old {
  width: 100%; }
  .e-dropdown-button--old .e-dropdown-button__button {
    width: 100%;
    min-height: 45px;
    padding-bottom: 3px;
    text-align: left;
    background: white; }
  .e-dropdown-button--old .e-avatar {
    position: absolute;
    top: 15%;
    right: 10px; }
  .e-dropdown-button--old .e-dropdown-button__list__item__icon {
    position: absolute;
    top: 15%;
    right: 10px;
    width: 30px;
    height: 30px;
    background-color: #f1f1f1;
    padding-top: 6px; }
    .e-dropdown-button--old .e-dropdown-button__list__item__icon i {
      width: inherit;
      display: block;
      text-align: center; }
  .e-dropdown-button--old .icon-up-dir, .e-dropdown-button--old .icon-down-dir {
    position: absolute;
    right: 5px;
    top: 40%; }
  .e-dropdown-button--old .icon-check {
    display: none; }
  .e-dropdown-button--old .e-dropdown-button__rewrite {
    display: block;
    float: left;
    width: 100%; }
    .e-dropdown-button--old .e-dropdown-button__rewrite .e-dropdown-button__list__item__title {
      font-size: 14px;
      font-family: "robotobold", sans-serif;
      color: #61666c; }
    .e-dropdown-button--old .e-dropdown-button__rewrite .e-dropdown-button__list__item__label {
      width: 90%;
      display: block; }
    .e-dropdown-button--old .e-dropdown-button__rewrite a {
      font-family: "robotolight", sans-serif;
      height: 54px;
      padding-left: 65px;
      display: table;
      -ms-word-break: normal;
      word-break: normal;
      -ms-word-wrap: break-word;
      word-wrap: break-word;
      white-space: normal; }
      .e-dropdown-button--old .e-dropdown-button__rewrite a:hover {
        color: inherit;
        text-decoration: inherit;
        border-color: inherit; }
    .e-dropdown-button--old .e-dropdown-button__rewrite .e-avatar {
      right: auto;
      left: 10px;
      top: 0; }
    .e-dropdown-button--old .e-dropdown-button__rewrite .e-dropdown-button__list__item__icon {
      top: 0;
      left: 10px;
      padding-top: 15px;
      width: 60px;
      height: 60px;
      font-size: 30px; }
    .e-dropdown-button--old .e-dropdown-button__rewrite .e-dropdown-button__list__item__label {
      padding-right: 0; }
    .e-dropdown-button--old .e-dropdown-button__rewrite .e-vertical-aligner__item {
      display: block; }
  .e-dropdown-button--old .e-dropdown-button__arrow-up, .e-dropdown-button--old .e-dropdown-button__arrow-down {
    font-size: 16px; }
  .e-dropdown-button--old .e-dropdown-button__list__item__title {
    float: left;
    width: 88%;
    padding-left: 5px; }
  .e-dropdown-button--old .e-dropdown-button__list__item__label {
    float: left;
    display: none;
    width: 88%;
    padding-left: 5px;
    color: #a1a1a1;
    font-size: 11px; }
  .e-dropdown-button--old .e-dropdown-button__list {
    margin-top: -1px;
    padding-bottom: 0;
    -webkit-border-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius: 0;
    -moz-border-radius-topright: 0;
    border-radius: 0;
    border-top-right-radius: 0;
    width: 125%;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background: white; }
    .e-dropdown-button--old .e-dropdown-button__list li {
      border: none; }
    .e-dropdown-button--old .e-dropdown-button__list li.e-dropdown-button__list__item {
      position: relative; }
      .e-dropdown-button--old .e-dropdown-button__list li.e-dropdown-button__list__item a {
        font-family: "robotolight", sans-serif;
        display: table;
        width: 100%;
        height: 45px; }
        .e-dropdown-button--old .e-dropdown-button__list li.e-dropdown-button__list__item a:hover {
          border-color: #2598da;
          background: #2598da; }
    .e-dropdown-button--old .e-dropdown-button__list .e-dropdown-button__list__title {
      padding: 5px 10px;
      color: #666a73;
      font-size: 12px; }
    .e-dropdown-button--old .e-dropdown-button__list li.e-dropdown-button__list__item.active {
      border-color: #e9e9e9;
      border-left: #2598da 3px solid;
      background-color: #f8f8f8; }
      .e-dropdown-button--old .e-dropdown-button__list li.e-dropdown-button__list__item.active a {
        color: #adadad;
        border: 2px #f2f2f2 solid;
        cursor: default; }
        .e-dropdown-button--old .e-dropdown-button__list li.e-dropdown-button__list__item.active a:hover {
          border-color: #2598da;
          background: #2598da; }
  .e-dropdown-button--old .e-dropdown-button__list--authors {
    width: 110%; }
  .e-dropdown-button--old.e-dropdown-button--open .e-dropdown-button__button {
    padding-bottom: 3px;
    margin-bottom: 0; }

.e-dropdown-button__list__item__selectedAbsenceDay {
  position: relative;
  font-size: 0;
  line-height: 0;
  width: 15px;
  height: 15px;
  float: left;
  margin-right: 10px; }
  .e-dropdown-button__list__item__selectedAbsenceDay:before {
    content: " ";
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 0;
    border-color: transparent #67696b transparent transparent; }

.e-dropdown-button--simple-old {
  width: 100%; }
  .e-dropdown-button--simple-old .e-dropdown-button__button {
    width: 100%;
    min-height: 20px;
    padding: 5px 10px;
    text-align: left;
    background: white; }
  .e-dropdown-button--simple-old .icon-up-dir, .e-dropdown-button--simple-old .icon-down-dir {
    position: absolute;
    right: 5px;
    top: 20%; }
  .e-dropdown-button--simple-old .icon-check {
    display: none; }
  .e-dropdown-button--simple-old .e-dropdown-button__rewrite {
    display: block;
    float: left; }
    .e-dropdown-button--simple-old .e-dropdown-button__rewrite a {
      font-family: "robotolight", sans-serif;
      display: table;
      color: #3d5569;
      -ms-word-break: normal;
      word-break: normal;
      -ms-word-wrap: break-word;
      word-wrap: break-word;
      white-space: normal; }
      .e-dropdown-button--simple-old .e-dropdown-button__rewrite a:hover {
        color: inherit;
        text-decoration: inherit; }
  .e-dropdown-button--simple-old .e-dropdown-button__list {
    margin-top: -1px;
    padding-bottom: 0;
    padding-top: 0;
    -webkit-border-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius: 0;
    -moz-border-radius-topright: 0;
    border-radius: 0;
    border-top-right-radius: 0;
    width: 100%;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background: white;
    right: 25px; }
  .e-dropdown-button--simple-old.e-dropdown-button--open .e-dropdown-button__button {
    margin-bottom: 0;
    border-bottom: solid 1px transparent; }

.e-dropdown-button--settings {
  top: 0;
  height: 44px;
  margin: 0;
  padding: 0;
  float: left; }
  .e-dropdown-button--settings .e-dropdown-button__icon {
    float: left;
    display: block;
    width: 50px;
    font-size: 18px;
    line-height: 18px;
    color: #373b43;
    text-shadow: 1px 1px 0 #7f8188;
    cursor: pointer;
    padding: 13px 16px 12px 16px; }
    .e-dropdown-button--settings .e-dropdown-button__icon:before {
      padding: 0;
      margin: 0; }
  .e-dropdown-button--settings .e-dropdown-button__button--main {
    height: 44px;
    float: left; }
    .e-dropdown-button--settings .e-dropdown-button__button--main .e-dropdown-button__button__inner {
      float: left;
      height: 44px; }
  .e-dropdown-button--settings .e-dropdown-button__list {
    top: 45px;
    right: 0;
    padding: 0px 0 0 0;
    border-radius: 0; }
  .e-dropdown-button--settings:hover .e-dropdown-button__icon, .e-dropdown-button--settings.e-dropdown-button--open .e-dropdown-button__icon {
    color: #cecece;
    text-shadow: 1px 1px 0 #7f8188; }
  .e-dropdown-button--settings:hover:before, .e-dropdown-button--settings.e-dropdown-button--open:before {
    content: " ";
    width: 30px;
    height: 4px;
    background: #2598da;
    position: absolute;
    top: 0;
    left: 10px; }
  .e-dropdown-button--settings .e-dropdown-button__list__icon {
    color: #a5a7ac; }
  .e-dropdown-button--settings.e-dropdown-button--open .e-dropdown-button__icon {
    color: #fff; }
  .e-dropdown-button--settings .e-dropdown-button__list__item a {
    padding: 7px 10px; }
  .e-dropdown-button--settings .e-dropdown-button__list__item:last-of-type a {
    background: #faf9f9; }
    .e-dropdown-button--settings .e-dropdown-button__list__item:last-of-type a .e-dropdown-button__list__icon {
      color: #61666f; }
    .e-dropdown-button--settings .e-dropdown-button__list__item:last-of-type a:hover {
      background: #E0E0E0;
      color: #61666f; }

.e-dropdown-button--wall-filter {
  top: 0;
  margin: 0;
  padding: 0;
  z-index: 70;
  float: right; }
  .e-dropdown-button--wall-filter .e-dropdown-button__button {
    width: 150px;
    text-align: left;
    height: 25px;
    padding-bottom: 4px;
    padding-top: 4px;
    padding-right: 2px; }
  .e-dropdown-button--wall-filter.e-dropdown-button--open .e-dropdown-button__button {
    padding-bottom: 7px;
    margin-bottom: -2px; }
  .e-dropdown-button--wall-filter .e-dropdown-button__button__inner {
    float: right; }
  .e-dropdown-button--wall-filter .e-dropdown-button__rewrite .icon-check {
    float: right; }
  .e-dropdown-button--wall-filter .e-dropdown-button__rewrite a:hover {
    text-decoration: none;
    color: #2598da; }
  .e-dropdown-button--wall-filter .e-dropdown-button__list {
    top: 25px;
    right: 0;
    padding: 0px 0 0 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0; }
  .e-dropdown-button--wall-filter:hover .e-dropdown-button__icon, .e-dropdown-button--wall-filter.e-dropdown-button--open .e-dropdown-button__icon {
    color: #cecece;
    text-shadow: 1px 1px 0 #7f8188; }
  .e-dropdown-button--wall-filter .e-dropdown-button__list__icon {
    color: #a5a7ac; }
  .e-dropdown-button--wall-filter.e-dropdown-button--open .e-dropdown-button__icon {
    color: #fff; }
  .e-dropdown-button--wall-filter .e-dropdown-button__list__item a {
    padding: 7px 10px; }
  .e-dropdown-button--wall-filter .e-dropdown-button__list__item:last-of-type a {
    background: #faf9f9; }
    .e-dropdown-button--wall-filter .e-dropdown-button__list__item:last-of-type a .e-dropdown-button__list__icon {
      color: #61666f; }
    .e-dropdown-button--wall-filter .e-dropdown-button__list__item:last-of-type a:hover {
      background: #E0E0E0;
      color: #61666f; }

.e-dropdown-button--development-action {
  top: 0;
  z-index: 2; }
  .e-dropdown-button--development-action .e-dropdown-button__button {
    width: 150px;
    height: 25px;
    text-align: left;
    padding-bottom: 4px;
    padding-top: 4px; }
  .e-dropdown-button--development-action .e-dropdown-button__list {
    width: 270px;
    top: 25px;
    left: 0;
    padding: 0 0 0 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0; }
  .e-dropdown-button--development-action.e-dropdown-button--open .e-dropdown-button__button {
    padding-bottom: 5px;
    margin-bottom: -3px;
    top: -1px;
    height: 25px; }

.e-dropdown-button--searcher {
  width: 161px;
  float: right;
  padding: 0;
  margin-left: 0;
  margin-right: 0;
  border-left: 1px solid #dfe3e9; }
  .e-dropdown-button--searcher .e-dropdown-button__button {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    display: block;
    padding: 4px 10px; }
  .e-dropdown-button--searcher .e-dropdown-button__icon {
    margin-left: 5px; }
    .e-dropdown-button--searcher .e-dropdown-button__icon:before {
      margin: 0; }
  .e-dropdown-button--searcher .icon-up-dir, .e-dropdown-button--searcher .icon-down-dir {
    margin-left: -3px;
    margin-right: -2px; }
    .e-dropdown-button--searcher .icon-up-dir:before, .e-dropdown-button--searcher .icon-down-dir:before {
      width: 10px;
      margin: 0; }
  .e-dropdown-button--searcher .e-dropdown-button__button__inner {
    float: right;
    margin-right: 0; }
  .e-dropdown-button--searcher .e-dropdown-button__list {
    right: 0px;
    width: 161px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0; }
    .e-dropdown-button--searcher .e-dropdown-button__list .e-dropdown-button__list__icon {
      float: left;
      width: 15%; }
    .e-dropdown-button--searcher .e-dropdown-button__list .e-dropdown-button__list__item__title {
      float: left;
      width: 75%; }
    .e-dropdown-button--searcher .e-dropdown-button__list .icon-check {
      float: right;
      width: 10%; }
  .e-dropdown-button--searcher .e-dropdown-button__list__item a {
    padding: 5px;
    overflow: hidden; }
    .e-dropdown-button--searcher .e-dropdown-button__list__item a .icon-check {
      float: right; }
  .e-dropdown-button--searcher.e-dropdown-button--open .e-dropdown-button__button.e-dropdown-button__button--rounded {
    padding: 5px 10px;
    margin-left: 0;
    margin-right: 0;
    display: block;
    height: 30px; }
  .e-dropdown-button--searcher .e-dropdown-button__rewrite {
    float: left;
    max-width: 90%; }
    .e-dropdown-button--searcher .e-dropdown-button__rewrite .e-dropdown-button__list__icon {
      position: relative;
      top: 2px; }
    .e-dropdown-button--searcher .e-dropdown-button__rewrite > a {
      position: relative;
      color: #3d5569;
      display: inline-block;
      max-width: 100%;
      top: 1px;
      text-decoration: none; }
  .e-dropdown-button--searcher .e-dropdown-button__arrow-down, .e-dropdown-button--searcher e-dropdown-button__arrow-up {
    color: #a1a1a1;
    position: relative;
    top: -1px; }
  .e-dropdown-button--searcher .e-dropdown-button--open .e-dropdown-button__button__inner {
    color: #a1a1a1; }

.e-dropdown-button__advenced {
  position: absolute;
  right: 0;
  top: 25px;
  width: 360px;
  padding: 10px 5px;
  font-size: 12px;
  border: solid 1px #dcdcdc;
  -moz-box-shadow: #d5e1e2 0 0 2px;
  -webkit-box-shadow: #d5e1e2 0 0 2px;
  box-shadow: #d5e1e2 0 0 2px;
  background: #fff;
  z-index: 1000; }

.e-dropdown-button--login-language {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 10px 5px;
  background: #fff;
  z-index: 1000; }
  .e-dropdown-button--login-language .e-dropdown-button__list {
    top: 28px; }

.e-dropdown-button__list--questionnaires-stasuses {
  width: 160px; }

.e-dropdown-button__advenced__input {
  width: 100%;
  border: solid 1px #dcdcdc;
  font-size: 12px;
  padding: 2px 8px;
  margin: 0 0 4px 0;
  font-family: 'robotolight', sans-serif;
  color: #525252; }

.e-dropdown-button__advenced__input--date {
  width: 85px; }

.e-dropdown-button__advenced__submit {
  float: right; }

.e-dropdown-button__advenced__row {
  float: left;
  width: 100%; }

.e-dropdown-button__form {
  -webkit-border-top-right-radius: 0px;
  -moz-border-radius-topright: 0px;
  border-top-right-radius: 0px;
  right: 5px;
  z-index: 999;
  text-align: left;
  padding: 15px;
  height: auto; }

.e-dropdown-button__form--open {
  display: block; }

.e-dropdown-button__button--form .e-dropdown-button__button {
  margin-left: 0; }

.e-dropdown-button__button--long {
  width: 150px !important; }

.e-dropdown-button--open .e-dropdown-button__button--blue {
  color: #ffffff;
  background-color: #2598da;
  border-color: #2598da; }
  .e-dropdown-button--open .e-dropdown-button__button--blue .e-dropdown-button__text, .e-dropdown-button--open .e-dropdown-button__button--blue .e-dropdown-button__arrow-down, .e-dropdown-button--open .e-dropdown-button__button--blue .e-dropdown-button__arrow-up {
    color: #ffffff; }
  .e-dropdown-button--open .e-dropdown-button__button--blue:hover {
    color: #ffffff;
    background-color: #2598da;
    border-color: #2598da; }

.e-dropdown-button--key-result {
  position: absolute;
  top: 0;
  right: -3px; }
  .e-dropdown-button--key-result .e-dropdown-button__button__inner {
    min-width: 70px;
    padding-left: 10px; }
  .e-dropdown-button--key-result .e-dropdown-button__list {
    top: 28px; }

.e-dropdown-button__calendar.e-dropdown-button__calendar--key-results-preview {
  width: 670px;
  height: auto;
  left: -1px;
  margin-top: -1px;
  min-height: 25px;
  padding: 5px 0 5px 10px;
  text-align: center;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  overflow: hidden;
  white-space: normal; }

.e-dropdown-button__list--objectives {
  border: solid 1px #dcdcdc;
  box-shadow: #d5e1e2 0 0 2px;
  background: #fff;
  border-radius: 5px;
  border-top-left-radius: 0;
  margin-top: 4px;
  margin-left: -1px;
  padding: 5px 5px 5px 10px; }

.e-dropdown-button__list--review {
  width: 80px;
  top: 24px;
  border-radius: 0; }

.e-form-content__key_result--opened {
  margin-bottom: 44px; }

.e-dropdown-button__additional-form {
  top: 28px;
  right: -1px;
  width: 531px;
  height: 42px;
  padding: 5px 0 5px 10px; }

.e-dropdown-button__additional-form__row {
  float: left;
  padding: 5px 10px 5px 0; }

.e-dropdown-button__additional-form__row--100pr {
  width: 100%; }

.e-dropdown-button__input {
  width: 85px; }

.e-dropdown-button--inline-check .e-dropdown-button__list__item__label {
  width: 100%;
  display: block;
  padding: 7px 10px;
  font-family: "robotomedium", sans-serif;
  font-size: 12px;
  color: #5f656d;
  cursor: pointer; }
  .e-dropdown-button--inline-check .e-dropdown-button__list__item__label .icon-check {
    display: none;
    float: right; }
  .e-dropdown-button--inline-check .e-dropdown-button__list__item__label:hover {
    text-decoration: none;
    background: #2598da;
    color: #fff;
    -webkit-transition: background 0ms ease;
    -moz-transition: background 0ms ease;
    -ms-transition: background 0ms ease;
    -o-transition: background 0ms ease;
    transition: background 0ms ease; }
    .e-dropdown-button--inline-check .e-dropdown-button__list__item__label:hover i {
      color: #fff; }

.e-dropdown-button--inline-check input.e-dropdown-button__list__item__check:checked ~ .e-dropdown-button__list__item__label .icon-check {
  display: block; }

.e-dropdown-button--small .e-dropdown-button__button.e-dropdown-button__button--rounded {
  border-radius: 3px;
  -moz-box-shadow: #d5e1e2 0 0 0;
  -webkit-box-shadow: #d5e1e2 0 0 0;
  box-shadow: #d5e1e2 0 0 0; }

.e-dropdown-button--small .e-dropdown-button__button__inner {
  font-size: 11px;
  font-family: "robotolight", sans-serif;
  padding: 0 3px; }

.e-dropdown-button--small.e-dropdown-button--disabled .e-dropdown-button__button {
  border: solid 1px #faf9f9; }

.e-dropdown-button--small .e-dropdown-button__calendar.e-dropdown-button__calendar--key-results-preview {
  margin-top: -5px; }

.e-dropdown-button--open > i {
  color: #2598da !important; }

.e-button--no-border:hover > i {
  color: #2598da; }

.e-button--no-border .e-dropdown-button__list {
  left: -8px;
  top: 35px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  border-top-right-radius: 3px;
  box-shadow: 0 0 10px #aeaeae; }
  .e-button--no-border .e-dropdown-button__list:before {
    content: " ";
    top: -11px;
    left: 10px;
    border-bottom: solid 11px #aeaeae;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
    position: absolute; }
  .e-button--no-border .e-dropdown-button__list:after {
    content: " ";
    border-bottom: solid 10px #fff;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
    position: absolute;
    top: -10px;
    left: 10px;
    display: block; }
  .e-button--no-border .e-dropdown-button__list .e-dropdown-button__list__item:first-of-type a {
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px; }
  .e-button--no-border .e-dropdown-button__list .e-dropdown-button__list__item:last-of-type a {
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px; }
  .e-button--no-border .e-dropdown-button__list .e-dropdown-button__list__item {
    border: none; }
    .e-button--no-border .e-dropdown-button__list .e-dropdown-button__list__item a {
      line-height: 20px; }
  .e-button--no-border .e-dropdown-button__list .e-dropdown-button__list__icon {
    color: #bbbbbb;
    margin-right: 2px;
    font-size: 14px; }

.e-dropdown-button--list-to-right .e-dropdown-button__list {
  left: auto;
  right: -10px; }
  .e-dropdown-button--list-to-right .e-dropdown-button__list:before {
    left: auto;
    right: 10px; }
  .e-dropdown-button--list-to-right .e-dropdown-button__list:after {
    left: auto;
    right: 10px; }

.e-dropdown-button--open .e-dropdown-button__button.e-dropdown-button__button--objectives {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding: 2px 2px 2px 2px; }

.e-dropdown-button--table-filters {
  margin-bottom: -1px; }

.e-dropdown-button--open.e-dropdown-button--key-results .e-dropdown-button__list {
  display: none !important;
  border: none; }

.e-dropdown-button--buttom-small .e-dropdown-button__list {
  top: 24px; }

.e-dropdown-button--autowidth .e-dropdown-button__list {
  width: auto; }

.e-dropdown-button__menu {
  width: 75px;
  left: 864px;
  min-width: 0;
  margin-top: 0px;
  top: 26px;
  box-shadow: none; }

.e-dropdown-button__list__item--border-split:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15); }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.e-header {
  padding: 20px 15px;
  float: left;
  width: 100%;
  min-height: 60px; }
  .e-header--top-space {
    padding: 5px 15px 15px 15px; }

.e-header--employee-card {
  border-bottom: solid 1px #f1f3f5;
  padding: 10px 0 5px;
  min-height: 0; }

.e-header--photo {
  position: relative;
  padding: 10px 10px;
  margin-bottom: 25px;
  z-index: 1; }
  .e-header--photo--no-margin {
    margin-bottom: 0px; }
  .e-header--photo .e-header__title {
    margin-top: 10px; }
  .e-header--photo .e-header__edit-buttons {
    margin-top: 10px; }

.e-header--custom-background .e-header__title {
  color: #fff; }

.e-header--blue {
  background-color: #dcf3ff;
  border-bottom: solid 1px #cde5f1;
  color: #3d5569; }

.e-header--separator {
  border-bottom: solid 1px #f1f3f5; }

.e-header__progress-bar__title {
  font-family: 'robotomedium', sans-serif;
  font-size: 11px;
  float: left;
  padding-top: 2px; }

.e-header--white {
  background-color: #fff;
  color: #3d5569; }

.e-header__up-title {
  margin-bottom: 3px;
  font-family: "robotolight", sans-serif;
  font-size: 11px; }

.e-header__title {
  margin: 0;
  font: 20px "robotolight", sans-serif;
  color: #3d5569; }
  .e-header__title--with-edit {
    float: left; }
  .e-header__title--with-edit-icon {
    float: left;
    width: 100%;
    padding-left: 155px;
    min-height: 110px; }
  .e-header__title--small {
    font-size: 20px; }
  .e-header__title--empty-questionnaire {
    margin: 0;
    font: 16px "robotolight", sans-serif;
    color: #1c3c7a; }

.e-header--navy {
  background-color: #454a59;
  border-bottom: solid 1px #cde5f1;
  color: white; }
  .e-header--navy .e-header__title {
    color: white; }

.e-header__title-edition {
  min-height: 70px;
  table-layout: fixed;
  display: table;
  width: 70%; }
  .e-header__title-edition__aligner {
    min-height: 70px;
    vertical-align: middle;
    width: 70%;
    display: table-cell; }
    .e-header__title-edition__aligner__input {
      width: 100%; }

.e-header__edit {
  float: left;
  margin: 10px 0 0 10px; }

.e-header__editor {
  width: 75%;
  margin-bottom: 1px; }

.e-header__edit-buttons {
  float: right;
  margin: 0 0 0 10px; }

.e-header__textarea {
  height: 45px;
  width: 100%; }

.e-header__type {
  color: #566069;
  font-size: 14px; }
  .e-header__type p {
    margin: 0; }

.e-header__type--medium {
  font-size: 13px; }

.e-header__photo {
  float: left;
  position: relative;
  margin-right: 15px;
  padding: 0;
  margin-bottom: -25px; }

.e-header__photo--competence {
  margin-bottom: 0; }

.e-header__photo--absolute {
  position: absolute; }

.e-header__photo__frame {
  position: relative;
  width: 140px;
  height: 140px;
  padding: 5px;
  border: solid 1px #d4d4d4;
  background-color: #ffffff;
  text-align: center;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px; }

.e-header__photo__frame--flexible {
  width: auto;
  height: auto; }

.e-header__photo__frame__img {
  max-width: 126px;
  max-height: 126px;
  margin: 0 auto; }
  .e-employee-card-header__avatar-col__photo .e-header__photo__frame__img {
    max-width: 180px;
    max-height: 180px; }

.e-header__photo-square {
  padding: 15px 15px 10px 30px; }
  .e-header__photo-square--60 {
    width: 60px;
    height: 60px; }

.e-header__description {
  font-size: 13px;
  margin-top: 10px; }
  .e-header__description p {
    margin: 0; }

.e-header__description--with-edit {
  float: left;
  width: 85%; }

.e-header__custom-background {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-repeat: no-repeat;
  background-size: 100% auto; }

.e-header-under-bar {
  float: left;
  position: relative;
  display: table;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 35px;
  padding: 0 15px;
  border-top: solid 1px #d7d9dd;
  background-color: #dfe3e9;
  margin-bottom: 15px;
  table-layout: fixed; }
  .e-header-under-bar--full-height {
    height: 100%; }

.e-header-under-bar--no-margin {
  margin-bottom: 0; }

.e-header-under-bar--transparent {
  background-color: transparent;
  border-bottom: none; }

.e-header-under-bar--light {
  background-color: #fcfcfc;
  border-top: none;
  border-bottom: solid 1px #e3e3e3; }

.e-header-under-bar--lightest {
  border-top: none;
  background-color: #f0f1f4; }

.e-header-under-bar--with-path {
  margin-bottom: 0; }

.e-header-under-bar--with-image {
  margin-top: -25px; }

.e-header-under-bar__controlls {
  height: 35px;
  display: table-row;
  vertical-align: middle;
  width: 100%; }

.e-header-under-bar__controlls--right {
  text-align: right; }

.e-header-under-bar__controlls--50 {
  width: 50%; }

.e-header-under-bar__controlls--short {
  width: 200px; }

.e-header-under-bar__controlls__item {
  display: table-cell;
  height: 35px;
  vertical-align: middle;
  color: #5f646a;
  font-size: 12px; }
  .e-header-under-bar__controlls__item i.e-header__gray-icon {
    color: #5f646a;
    margin: 0 3px 0 0;
    font-size: 14px; }
  .e-header-under-bar__controlls__item .e-status {
    margin-top: 0; }

.e-header-under-bar__controlls__item--with-img {
  line-height: 35px; }
  .e-header-under-bar__controlls__item--with-img a:hover {
    text-decoration: none; }
  .e-header-under-bar__controlls__item--with-img img {
    height: 24px;
    width: 24px;
    margin-top: -3px; }

.e-header-under-bar__controlls__item--60p {
  width: 60%; }

.e-header-under-bar__controlls__item--250 {
  width: 250px; }

.e-header-under-bar__controlls__item--margin-10 {
  padding-right: 10px; }

.e-header-under-bar__controlls__item--left-150 {
  padding-left: 150px; }

.e-header-under-bar__link {
  color: #2598da; }

.e-subpage-heading {
  margin: 5px 0 15px 0;
  font-size: 20px;
  font-family: "robotolight", sans-serif;
  color: #3d5569; }

.e-header__tooltip-text {
  font-style: normal;
  font-family: "robotolight", sans-serif; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.vacancies-list__item td > div > i {
  color: #3D5569;
  opacity: .8; }

.vacancies-list__item .td--date-fix {
  width: 220px; }

.vacancies-list__item .td--status-fix {
  width: 130px; }

.vacancies__status {
  display: inline-block;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 16px;
  height: 16px; }

.vacancies__status--big {
  width: 32px;
  height: 32px; }

.vacancies__status--planned {
  background-color: #3399ff !important; }

.vacancies__icon--planned {
  color: #3399ff !important; }

.vacancies__status--draft {
  background-color: #eaeaea !important; }

.vacancies__icon--draft {
  color: #eaeaea !important; }

.vacancies__status--actual {
  background-color: #ffcc00 !important; }

.vacancies__icon--actual {
  color: #ffcc00 !important; }

.vacancies__status--delayed {
  background-color: #cc0033 !important; }

.vacancies__icon--delayed {
  color: #cc0033 !important; }

.vacancies__status--filled {
  background-color: #65b555 !important; }

.vacancies__icon--filled {
  color: #65b555 !important; }

.vacancies__status--postponed {
  background-color: #a8b0ac !important; }

.vacancies__icon--postponed {
  color: #a8b0ac !important; }

.vacancies__status--request-pending {
  background-color: #ff7c00 !important; }

.vacancies__icon--request-pending {
  color: #ff7c00 !important; }

.vacancies__status--request-canceled {
  background-color: #a8b0ac !important; }

.vacancies__icon--request-canceled {
  color: #a8b0ac !important; }

.vacancies__status--request-approved {
  background-color: #65b555 !important; }

.vacancies__icon--request-approved {
  color: #65b555 !important; }

.vacancies__status--request-rejected {
  background-color: #ff2600 !important; }

.vacancies__icon--request-rejected {
  color: #ff2600 !important; }

.vacancies__status--ipr-active {
  background-color: #65b555 !important; }

.vacancies__status--ipr-draft {
  background-color: #ff7c00 !important; }

.vacancies__status--ipr-finished {
  background-color: #65b555 !important; }

.vacancies__status--ipr-planning {
  background-color: #3399ff !important; }

.vacancies__icon--all, .vacancies__icon--request-all {
  color: transparent  !important; }

.vacancies__status--in-box {
  margin-top: 14px; }

.vacancies__status-name {
  top: -3px;
  position: relative;
  padding-left: 4px; }

#alternative-positions-preview {
  font-size: 12px;
  padding: 4px 5px; }

.vacancy-filled-progress {
  text-align: right;
  font-size: 12px;
  color: #7b7b7b; }

.vacancy-section-ok-msg {
  float: right;
  margin: 4px 15px 0 0;
  color: #00a651;
  font-size: 12px;
  white-space: nowrap;
  font-family: 'robotolight', sans-serif; }

.top-nav--bg-white {
  background: #fff !important; }

.e-calendar-nav {
  background-color: #f0f3f5;
  padding: 0 15px;
  margin: 0 0 20px 0; }

.e-calendar-nav__control {
  margin-right: 30px;
  float: left;
  font-size: 12px;
  color: #bac7cf;
  margin: 10px 5px; }
  .e-calendar-nav__control input, .e-calendar-nav__control select {
    color: #000;
    height: 32px; }

.e-calendar-nav__prev, .e-calendar-nav__next {
  padding: 6px 0;
  float: left;
  font-size: 18px;
  line-height: 1;
  color: #bac7cf; }

.e-calendar-nav__control--only-btn {
  border: 1px solid #DCDCDC;
  background: #ffffff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px; }
  .e-calendar-nav__control--only-btn .btn, .e-calendar-nav__control--only-btn .btn-file-upload .select-file-box a, .btn-file-upload .select-file-box .e-calendar-nav__control--only-btn a {
    padding: 5px;
    text-align: center; }

.page-heading--vacancies {
  margin: 0; }

.Popup ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px; }

.Popup ::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); }

.e-people-picker__info {
  font-family: "robotolight", sans-serif;
  font-size: 14px;
  margin-bottom: 5px; }

.e-people-picker__searcher__input {
  width: 100%; }

.e-people-picker__choosen {
  background: #f9f9f9; }
  .e-people-picker__choosen .e-people-list-sidebar__list__item__data {
    width: 122px; }
  .e-people-picker__choosen .e-people-list-sidebar__list__item__name {
    min-height: 41px; }

.e-people-picker__filters {
  float: left;
  width: 100%;
  padding: 0;
  position: relative;
  border: solid 1px #dcdcdc;
  border-bottom: none; }
  .e-people-picker__filters--outline {
    border: none;
    outline: solid 1px #dcdcdc; }

.e-people-picker__competencies-box-container {
  height: 476px;
  overflow: auto; }

.e-people-picker__filters__header-1 {
  padding: 5px;
  font-size: 12px;
  color: #717273;
  border-bottom: none; }

.e-people-picker__filters__filter {
  position: relative;
  top: -5px;
  right: 0;
  width: 350px;
  box-sizing: border-box;
  padding: 12px 20px;
  height: 48px;
  background: #f9f9f9; }
  .e-people-picker__filters__filter input {
    height: 25px;
    width: 100%; }

.e-people-picker__filters__content {
  float: left;
  border-top: none;
  border-bottom: none;
  width: 100%; }

.e-people-picker__filters__footer {
  float: left;
  width: 100%;
  height: 20px;
  border-top: none; }

.e-people-picker__filters__header-2 {
  position: relative;
  float: left;
  width: 100%;
  padding: 3px 5px;
  margin: 0 0 5px 0;
  background: #edeff1;
  text-transform: uppercase;
  color: #717273;
  font-size: 11px; }
  .e-people-picker__filters__header-2--zero-margin {
    margin: 0; }

.e-people-picker__filters__header-2--toggled {
  box-shadow: 1px 1.732px 5px 0 rgba(0, 0, 0, 0.46), inset 0.5px 0.866px 0 0 rgba(204, 210, 210, 0.57); }

.e-people-picker__filters__header-2__toggle {
  position: absolute;
  right: 6px;
  text-transform: none;
  font-size: 10px; }

.e-people-picker__filters__list {
  float: left;
  width: 100%;
  list-style: none;
  padding: 0;
  font-size: 11px;
  line-height: 100%;
  margin: 0 0 5px 0; }

.e-people-picker__filters__list__item {
  position: relative;
  float: left;
  width: 100%;
  cursor: pointer; }

.e-people-picker__filters__list__item__span {
  position: relative;
  float: left;
  width: 100%;
  padding: 3px 5px;
  cursor: pointer; }

.e-people-picker__filters__list__item label, .e-people-picker__filters__list__item input {
  cursor: pointer; }

.e-people-picker__filters__list__item span:hover {
  background: #f5f8f9; }

.e-people-picker__filters__list__item input {
  position: absolute;
  right: 5px;
  margin: 0; }

.e-people-picker__filters__list ul .e-people-picker__filters__list__item span {
  padding-left: 15px; }

.e-people-picker__header__workers {
  padding: 5px 0 5px 0;
  font-size: 12px;
  color: #717273; }

.e-people-picker__header {
  float: left;
  width: 100%;
  padding-top: 5px;
  padding-left: 10px;
  padding-right: 5px;
  padding-bottom: 5px;
  border-bottom: solid 1px #ececec;
  position: relative; }

.e-people-picker__header__choose {
  float: right; }

/* Submenu chowane // */
.e-people-picker__filters__submenu {
  position: absolute;
  left: 100%;
  margin-left: -5px;
  width: 350px;
  padding: 5px 5px 5px 0;
  -webkit-border-radius: 5px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius: 5px;
  -moz-border-radius-topleft: 0;
  border-radius: 5px;
  border-top-left-radius: 0;
  background: #fff;
  z-index: 1000;
  box-shadow: 1px 1.732px 5px 0 rgba(0, 0, 0, 0.46), inset 0.5px 0.866px 0 0 rgba(204, 210, 210, 0.57); }

.e-people-picker__filters__submenu--aligned {
  top: 0px; }

.e-people-picker__filters__submenu::before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #edeff1;
  z-index: 1000; }

.e-people-picker__filters__submenu::after {
  content: " ";
  position: absolute;
  top: 0;
  left: -2px;
  width: 2px;
  height: 20px;
  background: #edeff1;
  z-index: 1000; }

.e-people-picker__filters__submenu__list {
  float: left;
  width: 100%;
  list-style: none;
  padding: 0 0 0 0;
  margin: 0; }

.e-people-picker__filters__submenu__list__item {
  float: left;
  width: 100%; }

.e-people-picker__filters__submenu__list__item__span {
  float: left;
  width: 100%;
  padding: 6px 10px 6px 10px;
  position: relative;
  font-size: 12px;
  border: solid 1px transparent;
  cursor: pointer; }

.e-people-picker__filters__submenu__list__item ul .e-people-picker__filters__submenu__list__item .e-people-picker__filters__submenu__list__item__span {
  padding-left: 30px; }

.e-people-picker__filters__submenu__list__item ul ul .e-people-picker__filters__submenu__list__item .e-people-picker__filters__submenu__list__item__span {
  padding-left: 45px; }

.e-people-picker__filters__submenu__list__item ul ul ul .e-people-picker__filters__submenu__list__item .e-people-picker__filters__submenu__list__item__span {
  padding-left: 60px; }

.e-people-picker__filters__submenu__list__item ul ul ul ul .e-people-picker__filters__submenu__list__item .e-people-picker__filters__submenu__list__item__span {
  padding-left: 75px; }

.e-people-picker__filters__submenu__list__item__span:hover {
  border: dashed 1px #9cc3d9;
  background: #f4f6f9; }

.e-people-picker--selected {
  border: dashed 1px #19af62;
  background: #dff8d5; }

.e-people-picker__filters__submenu__list__item__span label, .e-people-picker__filters__submenu__list__item__span label a {
  color: #929292;
  cursor: pointer; }

.e-people-picker__filters__submenu__list__item__span input {
  position: absolute;
  right: 5px;
  margin-top: 0; }

/* // Submenu chowane*/
.e-people-picker__tags {
  float: left;
  width: 100%;
  position: relative;
  padding-right: 5px;
  padding-left: 5px; }
  .e-people-picker__tags .jsTags {
    padding-right: 5px; }

.e-people-picker__tags__item {
  border-radius: 4px;
  margin: 2px 4px 2px 0;
  padding: 3px 3px 3px 6px;
  font-size: 11px;
  float: left;
  background: #f0f1f4;
  cursor: pointer;
  color: #949698; }

.e-people-picker__tags__item:hover {
  background: #f7f8f9; }

.e-people-picker__tags__item a {
  cursor: pointer;
  color: #d0d0d0; }

.e-people-picker__tags__item a:hover {
  cursor: pointer;
  color: #db0a0a; }

.e-people-picker__tags__remove {
  position: absolute;
  bottom: 3px;
  right: 0;
  font-size: 16px;
  color: #f4999e;
  display: none; }

.e-people-picker__tags__remove:hover {
  color: #db0a0a; }

.e-people-picker__people {
  float: left;
  width: 100%;
  padding-right: 5px;
  padding-left: 5px; }

.e-people-picker__groups-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  float: left;
  width: 100%; }

.e-people-picker__groups-menu__item {
  float: left;
  width: 100%;
  display: block;
  padding: 0 0 0 5px; }

.e-people-picker__groups-menu__item a {
  background: #f0f3f5;
  text-transform: uppercase;
  padding: 8px 10px;
  width: 100%;
  display: block;
  font-size: 11px;
  color: #929292; }

.e-people-picker__groups-menu__item a:hover {
  color: #929292; }

.e-people-picker__groups-menu__item.e-tabs__item--active {
  padding: 0 0 0 2px; }

.e-people-picker__groups-menu__item.e-tabs__item--active a {
  border: solid 0 #dcdcdc;
  border-bottom-width: 1px;
  border-top-width: 1px;
  border-left-width: 1px;
  background: #fff;
  color: #3d5569; }

.e-people-picker__groups-menu__item.e-tabs__item--active a:hover {
  color: #3d5569; }

.e-people-picker__people--groups {
  border: solid 1px #dcdcdc;
  padding-right: 5px; }

.e-people-picker__people__search {
  width: 100%; }

.e-people-list__item__image i {
  background-color: #f1f1f1;
  width: 40px;
  text-align: center;
  float: left;
  margin-right: 10px; }

.e-people-list__item__image i:before {
  color: #bcbdbf;
  font-size: 20px;
  margin: 10px 0; }

.e-people-picker__people__list {
  height: 400px; }

.e-people-picker__footer {
  float: left;
  width: 100%;
  height: 23px;
  bottom: 0;
  border-top: solid 1px #ececec;
  box-sizing: border-box;
  padding: 3px 0 0 0; }

.e-people-picker__footer--right {
  padding-top: 5px;
  padding-right: 10px;
  text-align: right; }

.e-people-picker__loader {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: rgba(255, 255, 255, 0.6); }
  .e-people-picker__loader img {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px; }

.e-people-picker__list-container {
  max-height: 500px; }

.ui-menu.custom-ddmenu.instant-search-results.people-picker__search-result {
  width: 590px !important; }
  .ui-menu.custom-ddmenu.instant-search-results.people-picker__search-result .info {
    max-width: 500px; }

.jsPeoplePicker #jsNotificationContent_ifr {
  height: 276px !important; }

/**
    Standardowa lista tabelowa
    Użyta na ekranie listy umiejętności

    Teksty w tabeli wyrównują się do góry.
*/
.e-list-table {
  width: 100%;
  font-size: 12px;
  color: #797979; }
  .e-list-table .e-list-table__td {
    background-color: #ffffff;
    border-top: 1px solid #f4f5f7;
    padding: 34px 20px 15px;
    vertical-align: top; }
  .e-list-table .e-list-table__td--with-heading {
    padding: 15px 20px; }
  .e-list-table .e-list-table__tr:nth-child(2n+1) > .e-list-table__td, .e-list-table .e-list-table__tr:nth-child(2n+1) > .e-list-table__th {
    background: #fdfdfe; }
  .e-list-table .e-list-table__td__heading {
    font-size: 14px;
    color: #3d5569; }
  .e-list-table .e-list-table__td__content {
    margin: 10px 0; }

/**
    Specyficzne style dla listy tabelarycznej w panelu admina na karcie umiejętności
*/
.e-list-table--skills .e-list-table__td__content--skills-description {
  max-width: 300px; }

.e-list-table--skills .e-list-table__td__content--skills-confirmation {
  min-width: 250px; }

.e-list-table--skills .e-list-table__td__content--skills-look {
  width: 75px;
  float: right;
  text-align: right; }

.e-list-table__td__content--skills-confirm-list {
  min-width: 250px; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.e-avatar {
  display: inline-block;
  width: 32px;
  height: 32px; }

.e-avatar--big {
  width: 40px;
  height: 40px; }

.e-avatar--smallest {
  width: 25px;
  height: 25px; }

.e-avatar--bigger {
  width: 60px;
  height: 60px; }

.e-avatar--autocomplete {
  width: 30px;
  height: 30px; }

.e-avatar--skills-list {
  width: 30px;
  height: 30px; }
  .e-avatar--skills-list img {
    float: left; }

.e-avatar--event {
  background-color: #f1f1f1;
  color: #ffa053;
  text-align: center; }

.e-avatar--bigger.e-avatar--event {
  padding-top: 15px;
  font-size: 23px; }

.e-avatar--size-24 {
  width: 24px;
  height: 24px; }

.e-avatar--size-30 {
  width: 30px;
  height: 30px; }

.e-avatar--size-32 {
  width: 32px;
  height: 32px; }

.e-avatar--size-40 {
  width: 40px;
  height: 40px; }

.e-avatar--size-50 {
  width: 50px;
  height: 50px; }

.e-avatar--size-60 {
  width: 60px;
  height: 60px; }

.e-avatar-list__content {
  float: left;
  width: 100%;
  margin: 5px 0 0 0;
  text-align: left;
  display: block; }

.e-avatar-list__item {
  position: relative;
  display: block;
  float: left; }

.e-avatar-list__header {
  margin: 0;
  display: block; }

.e-avatar-list__footer {
  float: left;
  width: 100%;
  padding: 5px 0;
  text-align: left;
  display: block; }

.e-avatar-list__content__actions {
  float: left;
  font-size: 11px;
  padding: 6px 10px; }

.e-avatar-list--skills-confirm__plus:before {
  position: absolute;
  line-height: 10px;
  width: 10px;
  text-align: center;
  font-size: 8px;
  display: block;
  bottom: 0;
  left: -1px;
  color: #fff;
  background: #00b4f0;
  padding: 0;
  margin: 0; }

.e-avatar-list__counter {
  background: #00b4f0;
  color: #fff;
  display: block;
  float: left;
  padding: 5px;
  min-width: 40px;
  font-size: 12px;
  line-height: 20px;
  text-align: center; }

.e-avatar-list__counter--zero {
  background: #bcbebf; }

.e-avatar-list__label {
  float: left;
  background: #bcbebf;
  color: #fff;
  line-height: 12px;
  font-size: 9px;
  border-radius: 3px;
  padding: 1px 5px 0 5px;
  text-transform: uppercase;
  margin: 9px 0 0 10px; }

.e-avatar-list__label--red {
  background: #e41919;
  margin: 9px 0 0 0; }

@-webkit-keyframes myfirst {
  0% {
    padding: 0; }
  25% {
    padding: 3px; }
  50% {
    padding: 1px; }
  100% {
    padding: 3px; } }

@keyframes myfirst {
  0% {
    padding: 0; }
  25% {
    padding: 3px; }
  50% {
    padding: 1px; }
  100% {
    padding: 3px; } }

.e-avatar--selected {
  background: #ffb955;
  -webkit-animation: myfirst 400ms;
  /* Chrome, Safari, Opera */
  animation: myfirst 400ms;
  padding: 3px; }

/**
    Komponent taga,
    pierwotnie dla skilli
    Jakby była potrzeba dopasowania semantycznie, bo się pojawią inne tagi
    to warto zmienić to na coś w stylu e-skill-tag czy coś.
    np. w _EmployeeEditSkillsPartial
*/
/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.e-tag {
  border-radius: 4px;
  margin: 2px 4px 2px 0;
  padding: 3px 3px 3px 6px;
  font-size: 11px;
  float: left;
  background: #f0f1f4;
  cursor: pointer;
  color: #949698; }
  .e-tag .e-tag__number {
    position: relative;
    padding: 4px 8px;
    margin-left: 5px;
    background-color: #ffa94d;
    border-left: 1px solid #d6d5d4;
    -webkit-border-bottom-right-radius: 2px;
    border-bottom-right-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    border-top-right-radius: 2px;
    color: #fff; }
  .e-tag .e-tag__remove-btn {
    cursor: pointer;
    color: #d0d0d0; }
    .e-tag .e-tag__remove-btn:hover, .e-tag .e-tag__remove-btn:focus, .e-tag .e-tag__remove-btn:active {
      text-decoration: none; }

.e-tag--no-margins {
  margin: 0; }

.e-tag--employee {
  background: #bee0f4;
  color: #2189c4;
  border: 1px solid #a8d6f0; }

.e-tag--simple {
  padding: 2px 5px; }

.e-tag--new {
  border-color: #d6d6d6;
  color: #a0a0a0;
  padding-right: 10px;
  border-right: 1px solid #d6d5d4; }
  .e-tag--new .e-tag__remove-btn {
    color: #a9a9a9; }

.e-tags-select .select2-container-multi {
  background-image: none;
  border-color: #dcdcdc;
  width: 100%; }

.e-tag--skills {
  border: 0;
  border-radius: 0;
  padding: 0 10px 0 0;
  line-height: 20px;
  font-size: 12px; }
  .e-tag--skills .e-tag__number {
    line-height: 12px;
    text-align: center;
    margin: 0 10px 0 0;
    border-radius: 0;
    border: 0;
    background: #00b4f0;
    min-width: 30px;
    float: left;
    font-family: Roboto, sans-serif !important; }
  .e-tag--skills .e-tag__number--orange {
    background: #f87b00; }

.e-tag--gray {
  border: 0;
  border-radius: 0;
  padding: 0 10px 0 0;
  line-height: 20px;
  font-size: 12px; }
  .e-tag--gray .e-tag__number {
    line-height: 12px;
    text-align: center;
    margin: 0 10px 0 0;
    border-radius: 0;
    border: 0;
    background: #00b4f0;
    min-width: 30px;
    float: left;
    font-family: Roboto, sans-serif !important; }

.e-tag--uneditable {
  padding-left: 10px; }

.e-tag--suppliers {
  border: 0;
  border-radius: 0;
  padding: 0 10px 0 10px;
  line-height: 20px;
  font-size: 12px;
  margin-left: 0 !important;
  margin-right: 10px !important; }

.e-tag--blue {
  background: #7dbcdc;
  color: #fff; }

.e-tag--dark {
  background: #bcbebf;
  color: #fff; }

.e-tag--soft-transition {
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out; }

.e-tag--people-list {
  border: 0;
  padding: 2px 4px;
  font-family: "robotomedium", sans-serif !important;
  font-size: 10px; }

.e-tag--rounded {
  border-radius: 0.35em; }

.e-tag--people-list--event-confirmed, .e-tag--people-list--questionnaire-finished {
  background: #d7ecaa;
  color: #897979; }

.e-tag--people-list--event-notdecided, .e-tag--people-list--questionnaire-notstarted {
  background: #dcdcdc; }

.e-tag--people-list--event-rejected, .e-tag--people-list--questionnaire-inprogress {
  background: #e7a9aa;
  color: #fff; }

.e-tag--people-list--in-progress {
  background: #fe9037;
  color: #fff; }

.e-tag--skills-list {
  color: #897979;
  background: #f4f4f4;
  line-height: 12px;
  font-size: 11px;
  border-radius: 3px;
  padding: 1px 5px 1px 5px;
  margin: 0px 5px 0 0px;
  position: relative;
  top: -3px; }

.e-tag--close {
  padding-right: 5px; }

.e-tag--pill {
  float: none;
  padding: 1px 5px;
  border-radius: 2em;
  cursor: auto;
  font: 10px "robotomedium", sans-serif; }

.e-tag--regular-grey {
  background-color: #dfe3e9;
  color: #5f656d; }

.e-tag--green {
  background-color: #68b66a;
  color: #fff; }

.e-tag--light-green {
  background-color: #5ebd5e;
  color: #fff; }

.e-tag--concrete-blue {
  background-color: #2598da;
  color: #fff; }

.e-tag--grey {
  background-color: #a1a1a1;
  color: #fff; }

.e-tag--pink {
  background-color: #f4989d;
  color: #fff; }

.e-tag--red {
  background-color: #db0a0a;
  color: #fff; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.e-list {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  float: left;
  padding-right: 0px;
  padding-left: 0px;
  margin: 0px 0px 0px 0px;
  width: 100%;
  font-size: 12px;
  color: #797979;
  line-height: 26px; }
  .e-list a {
    line-height: 14px; }
  .e-list .e-list__item {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    float: left;
    padding-right: 5px;
    padding-left: 5px;
    margin: 0px 0px 0px 0px;
    width: 100%;
    min-height: 100px;
    padding: 20px;
    border-top: 1px solid #f4f5f7;
    background-color: #ffffff;
    color: #3d5569; }
  .e-list .e-list__item:nth-child(2n) {
    background: #fbfbfb; }
  .e-list .e-list__item__heading {
    font-size: 14px;
    color: #3d5569; }
  .e-list .e-list__item__heading--100 {
    line-height: 18px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    float: left;
    padding-right: 5px;
    padding-left: 5px;
    margin: 0px 0px 0px 0px;
    width: 94%; }
  .e-list .e-list__col {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    float: left;
    padding-right: 5px;
    padding-left: 5px;
    margin: 0px 0px 0px 0px;
    min-height: 1px; }
  .e-list .e-list__col--info {
    width: 38%; }
  .e-list .e-list__col--confirmation {
    width: 40%; }
  .e-list .e-list__col--acceptance {
    width: 50%; }
  .e-list .e-list__col--more {
    width: 24%; }
  .e-list .e-list__col--all {
    width: 94%; }

.e-list__table__cell--60 {
  width: 60%; }

.e-list__table__cell--40 {
  width: 40%; }

.e-list--condensed {
  font-size: 12px;
  color: #797979;
  line-height: 26px; }
  .e-list--condensed a {
    line-height: 14px; }
  .e-list--condensed .e-list__item__thumbnail {
    float: left;
    min-height: 60px;
    width: 6%; }
  .e-list--condensed .e-list__item__type {
    line-height: 14px;
    font-size: 12px; }
  .e-list--condensed .e-list__col {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    float: left;
    padding-right: 5px;
    padding-left: 5px;
    margin: 0px 0px 0px 0px;
    min-height: 1px;
    margin-top: 5px;
    line-height: 18px; }
  .e-list--condensed .e-list__table {
    display: table;
    width: 100%; }
  .e-list--condensed .e-list__table__cell {
    display: table-cell;
    padding: 0 15px 10px 0;
    vertical-align: middle; }
  .e-list--condensed .e-list__col--info, .e-list--condensed .e-list__table__cell--info {
    width: 40%; }
  .e-list--condensed .e-list__col--progress, .e-list--condensed .e-list__table__cell--progress {
    width: 45%; }
  .e-list--condensed .e-list__col--more, .e-list--condensed .e-list__table__cell--more {
    width: 5%; }
  .e-list--condensed .e-list__col--like, .e-list--condensed .e-list__table__cell--like {
    width: 12%; }
  .e-list--condensed .e-list__table__cell--progress {
    vertical-align: top; }
  .e-list--condensed .e-list__table__cell--info {
    padding-right: 30px; }
  .e-list--condensed .e-list__col--confirmation {
    padding-right: 25px;
    padding-left: 15px; }
  .e-list--condensed .e-list__col.e-list__col--lower {
    padding-top: 10px; }
  .e-list--condensed .e-list__item__parm {
    margin-top: 10px; }

.e-list__table__cell__description {
  float: left;
  width: 100%;
  box-sizing: border-box;
  padding-left: 25px;
  line-height: 14px;
  margin-top: 10px; }

.e-list__table__cell__description--small {
  margin-top: -5px;
  font-family: "robotomedium", sans-serif;
  color: #a1a1a1; }

.e-list--todos .e-list__item {
  padding: 15px 20px;
  border: 1px solid transparent; }

.e-list--todos .e-list__item:hover {
  border: 1px dashed #9cc3d9;
  background-color: #f4f6f9;
  cursor: pointer; }
  .e-list--todos .e-list__item:hover .e-list__item__thumbnail .e-label-icon {
    background: #d6deea; }

.e-list.e-list--admin .e-list__col--info {
  width: 45%; }

.e-list.e-list--admin .e-list__col--confirmation {
  width: 45%; }

.e-list.e-list--admin .e-list__col--more {
  width: 10%; }

.e-list__col__date {
  width: 95px;
  display: inline-block; }

.e-list__item__heading.e-list__item__heading--short {
  width: auto; }

.e-list--hoverable .e-list__item {
  border: 1px solid transparent;
  border-top: 1px solid #f4f5f7; }
  .e-list--hoverable .e-list__item:hover {
    border: 1px dashed #9cc3d9;
    background-color: #f4f6f9;
    cursor: pointer; }
    .e-list--hoverable .e-list__item:hover .e-list__item__thumbnail .e-label-icon {
      background: #d6deea; }

.e-list--competences .e-list__item {
  padding: 10px;
  line-height: 1.6;
  min-height: 1px; }

.e-list--competences .e-list__col--thumbnail {
  width: 7%; }

.e-list--competences .e-list__col--info {
  width: 73%; }

.e-list--competences .e-list__col--level {
  width: 20%; }

.e-list--competences .e-list__col__heading {
  font-family: "robotobold", sans-serif;
  font-size: 14px;
  color: #3d5569;
  margin-bottom: 0.75em;
  margin-top: 0; }

/* Modyfikatory ikonek etykietowych dla widoków z grupy Skills */
.e-label-icon--skills {
  margin-right: 10px; }

.e-label-icon--confirm-skill {
  font-size: 15px;
  padding: 0; }

.e-small--skills-description {
  padding-left: 36px;
  line-height: 14px; }

.e-list--simple .e-list__item {
  padding: 10px;
  line-height: 1.6;
  min-height: 1px; }

.e-list--simple .e-list__col {
  margin-top: 0; }

.e-list--simple .e-list__col--thumbnail {
  width: 8%; }

.e-list--simple .e-list__col--content {
  width: 82%; }

.e-list--simple .e-list__col--nav {
  width: 10%; }

.e-list--simple .e-list__col__heading {
  font-family: "robotobold", sans-serif;
  font-size: 14px;
  color: #3d5569;
  margin-bottom: 0.25em;
  margin-top: 0; }

/** 
    Komponent proste listy tabelarycznej z treścią po lewej i komórką z akcjami po prawej 
    występuje w InstantFeedback (_NotesPartial) oraz w wakatach (_VacancyListPartial)
*/
.e-simple-table__item--notes {
  width: 90%; }

.e-simple-table__item__marker {
  position: absolute;
  margin-top: 2px; }

.e-simple-table__item__heading {
  line-height: 1.4;
  font-size: 14px;
  color: #3d5569;
  width: auto;
  padding-left: 30px;
  margin-bottom: 5px; }

.e-simple-table__item__content {
  line-height: 2;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  float: left;
  padding-right: 5px;
  padding-left: 5px;
  margin: 0px 0px 0px 0px;
  width: 100%;
  padding-left: 30px; }

.e-simple-table__item__content--notes {
  margin-top: 5px;
  width: 765px; }

.e-simple-table__item__actions {
  float: right;
  line-height: 2; }
  .e-simple-table__item__actions a {
    line-height: 1.4; }

/** Modyfikator dla listy notek z Instant Feedback */
.e-simple-table--instant-feeback .e-simple-table__item__heading a {
  color: #1c9cd8; }

.e-simple-table--instant-feeback .e-simple-table__item__content {
  line-height: 1.4; }

.e-formula-tag-list-item, .e-formula-input .e-formula-tag .e-formula-tag__text {
  -ms-user-select: all;
  -moz-user-select: all;
  -webkit-user-select: all;
  user-select: all; }

.e-formula-input {
  word-break: break-all; }
  .e-formula-input .e-formula-tag {
    border-radius: 1px;
    margin: 2px 4px 2px 0;
    padding: 3px 3px 3px 6px;
    font-size: 11px;
    background: #f0f1f4;
    cursor: pointer;
    font-weight: bold; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.e-simple-editor {
  overflow: visible; }
  .e-simple-editor .mentions-autocomplete-list {
    clear: both;
    overflow: hidden; }
  .e-simple-editor .mentions {
    display: none; }

.e-simple-editor__actions {
  background: #f0f3f5;
  border-bottom: 1px solid #dcdcdc; }

.e-simple-editor__textarea {
  width: 100%;
  margin: 0 0 5px;
  padding: 3px 15px 3px 9px; }

.e-simple-editor__actions__icon {
  text-align: center;
  color: #9f9f9f !important;
  font-size: 12px; }
  .e-simple-editor__actions__icon:before {
    padding: 7px 0;
    color: #9f9f9f !important; }
  .e-simple-editor__actions__icon::before {
    padding: 7px 0;
    color: #9f9f9f !important; }

.e-simple-editor__actions__label {
  color: #9f9f9f !important; }

.e-simple-editor__enter-toggle {
  float: right;
  margin-top: 10px; }

.e-simple-editor__enter-toggle__label {
  float: left;
  font-size: 12px;
  margin-top: 3px; }

.e-simple-editor__enter-toggle__switcher {
  float: left;
  margin-top: 1px; }

.e-visibility-info {
  font-size: 12px; }

.btn--long {
  min-width: 120px; }

.e-dropdown-btn--editor {
  padding: 8px 5px !important; }

.btn-with-drop.small .main-icon:before {
  margin: auto; }

.dropdown-menu--left-aligned {
  left: 0 !important;
  right: auto !important; }

.e-like-bar {
  border-bottom: 1px solid #DCDCDC;
  background-color: #f6f6f6;
  line-height: 24px;
  float: left;
  width: 100%;
  padding: 0 0 0 10px; }

.e-like-bar--comment {
  border-bottom: none;
  background-color: inherit;
  padding: 0;
  font-size: 10px;
  color: #9ea8b5;
  line-height: 2; }

.e-like-btn, .e-dislike-btn, .e-like-overview, .e-like-date, .e-more-link {
  border-right: solid 1px #dcdcdc;
  margin-right: 10px;
  float: left;
  padding: 0 10px 0 0;
  font-size: 11px;
  color: #9ea8b5; }
  .e-like-btn span, .e-dislike-btn span, .e-like-overview span, .e-like-date span, .e-more-link span {
    color: inherit;
    font-size: inherit; }
  .e-like-btn:hover .e-like-btn__heart:before, .e-dislike-btn:hover .e-like-btn__heart:before, .e-like-overview:hover .e-like-btn__heart:before, .e-like-date:hover .e-like-btn__heart:before, .e-more-link:hover .e-like-btn__heart:before {
    color: #2598da; }

.e-like-btn--active {
  color: #2598da;
  transition: color 0.25s ease-in-out; }

.e-like-btn__heart:before {
  position: relative;
  top: 1px;
  font-size: 14px;
  color: #a1a1a1;
  -moz-transition: color 0.25s ease-in-out;
  -o-transition: color 0.25s ease-in-out;
  -webkit-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
  transform: scale(0.75); }

.e-like-btn__heart--pulse:before {
  -moz-animation-name: e-like-btn__heart--pulse;
  -o-animation-name: e-like-btn__heart--pulse;
  animation-name: e-like-btn__heart--pulse;
  -moz-animation-duration: 0.8s;
  -o-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-duration: 0.8s;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite; }

@keyframes e-like-btn__heart--pulse {
  0% {
    transform: scale(0.2);
    opacity: 0.7; }
  50% {
    transform: scale(1);
    opacity: 1; }
  100% {
    transform: scale(0.75);
    opacity: 0.7; } }

.e-like-btn__heart--active:before {
  color: #2598da; }

.e-like-btn--bookmark .e-like-btn__icon:before {
  margin-left: 0; }

.e-like-btn--bookmark.e-like-btn--active {
  color: #2598da; }
  .e-like-btn--bookmark.e-like-btn--active .e-like-btn__icon {
    color: #2598da; }

.e-like-btn--bookmark--anim .e-like-btn__icon:before {
  animation-name: e-like-btn__heart--pulse;
  -webkit-animation-name: e-like-btn__heart--pulse;
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  visibility: visible !important; }

.e-like-btn--comment, .e-dislike-btn--comment, .e-like-overview--comment, .e-like-date--comment, .e-more-link--comment {
  line-height: 21px;
  border-right: none;
  margin-right: 0;
  color: #9ea8b5;
  font-size: 10px; }

.e-like-date {
  border-right: none; }

.e-more-link {
  border-right: none;
  padding: 0;
  float: right;
  color: #5f656d;
  text-decoration: none; }

.e-like-bar--message {
  border-bottom: none; }

.e-like-bar--delayed-message {
  font-size: 11px;
  background: #eaeaea;
  color: #707070; }

.e-like-bar__right {
  float: right;
  width: 50%; }

.e-like-bar__right__link {
  float: right;
  border-right: none;
  margin-right: 0; }

.e-like-bar__admins-photos {
  float: right;
  padding: 0 10px 0 0; }
  .e-like-bar__admins-photos img {
    width: 30px;
    height: 30px;
    display: inline-block;
    margin-top: -2px; }

.e-like-bar--large {
  border-top: none;
  border-bottom: none;
  line-height: 36px; }

.e-action-bar {
  background-color: #f6f6f6;
  padding: 6px 10px;
  text-align: right; }

.add-message-mini > input {
  color: #a9a9a9; }

.e-add-message {
  display: block;
  width: 100%;
  border: solid 1px #dcdcdc;
  float: left; }

.e-add-message__row {
  display: block;
  position: relative;
  padding: 5px 0 0 0; }

.e-add-message__image {
  display: block;
  position: absolute;
  left: 10px;
  top: 10px;
  width: 50px; }

.e-add-message__editor {
  display: block; }
  .e-add-message__editor .e-simple-editor__input {
    padding-left: 60px;
    padding-right: 10px; }
  .e-add-message__editor .simple-post-editor-visibility-info {
    display: none; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.e-message {
  /*@include e_grid(100);*/
  position: relative;
  display: table;
  table-layout: fixed;
  width: 100%;
  padding: 15px 0;
  display: table;
  font-size: 11px;
  clear: both; }

.e-message--single {
  border-left: none; }

.e-message--delayed .e-message__content {
  border-style: dashed; }

.e-message--with-thumbnail .e-message__content__block {
  padding: 10px; }

.e-message--instant-feedback {
  border-left: none; }
  .e-message--instant-feedback .e-comment {
    padding: 5px; }

.e-simple-table__item__content--comments {
  width: 100%; }

.e-message--notification .e-message__content {
  border-color: #bddcee; }

.e-message--notification .e-message__content__block {
  padding: 10px; }

.e-message--event .e-message__content {
  border-color: #ffdcc0; }

.e-message--event .e-message__content__block {
  padding: 10px 10px 5px; }

.e-message--task .e-message__content {
  border-color: #e0eec3; }

.e-message--task .e-message__content__block {
  padding: 10px 10px 5px; }

.e-message--event-row {
  font-size: 12px; }
  .e-message--event-row .e-message__content__block {
    padding: 10px; }
  .e-message--event-row .e-form-content {
    line-height: 2em; }

/* Już nie używane, bo zniknął timeline i kropka */
/* Jeśli task 90091520 przejdzie, to trzeba zajrzeć do sprite'a i zobaczyć, czy jest potrzebne*/
/*.e-message__mark {
    position: absolute;
    top: 40px;
    left: -6px;
    width: 11px;
    height: 11px;
    font-size: 0;
    line-height: 0;
    background: transparent url('/Content/tms/_img/sprite.png') no-repeat 0 -16px;
}

.e-message__mark--system {
    background-position: -22px -16px;
}

.e-message__mark--fanpage {
    background-position: 0 -16px;
}

.e-message__mark--company {
    background-position: -33px -16px;
}*/
.e-message__col {
  display: table-cell;
  vertical-align: top; }

.e-message__col--left {
  width: 100px; }

.e-message__col--right {
  padding: 0 0 0 0; }

.e-message__author {
  color: #9ea8b5;
  font-family: "robotobold", sans-serif; }

.e-message__keylink {
  color: #9ea8b5;
  font-family: "robotobold", sans-serif; }

.e-message__icon-holder {
  width: 100px;
  font-size: 23px;
  text-align: center;
  margin-left: -5px;
  margin-right: 5px;
  padding-top: 3px; }

.e-message__icon-holder--event {
  color: #ffa053;
  margin-left: 0;
  margin-right: 0; }
  .e-message__icon-holder--event .e-message__icon:before {
    color: #ffa053; }

.e-message__icon-holder--notification {
  color: #258fcc;
  margin-left: 0;
  margin-right: 0; }
  .e-message__icon-holder--notification .e-message__icon:before {
    color: #258fcc; }

.e-message__icon-holder--task {
  color: #8baa50;
  margin-left: 0;
  margin-right: 0; }
  .e-message__icon-holder--task .e-message__icon:before {
    color: #8baa50; }

.e-message__icon-holder--padding-top {
  padding-top: 19px; }

.e-message__icon {
  width: 60px;
  height: 60px;
  padding-top: 15px;
  margin: 0 auto;
  background: #f1f1f1;
  display: block; }

.e-message__icon--groups {
  background: #f3f3f3;
  font-size: 40px;
  padding-top: 4px; }
  .e-message__icon--groups:before {
    color: #bcbebf; }

.e-message__dateicon {
  width: 60px;
  height: 60px;
  padding-top: 8px;
  margin: 0 auto;
  background: #f1f1f1;
  display: block;
  font-size: 22px;
  line-height: 22px;
  color: #ffa053; }

.e-message__heading {
  width: 100%;
  padding-left: 2px;
  margin-bottom: 5px;
  position: relative;
  font-family: "robotolight", sans-serif;
  font-size: 11px;
  color: #9ea8b5; }

.e-message__heading--event .e-message__keylink {
  color: #ffa053; }

.e-message__heading--notification .e-message__keylink {
  color: #258fcc; }

.e-message__heading--task .e-message__keylink {
  color: #8baa50; }

.e-message__content {
  width: 100%;
  float: right;
  border: solid 1px #dcdcdc;
  background-color: #fff;
  position: relative; }

.e-message__post-time.e-message__post-time--event, .e-message__post-time.e-message__post-time--notification, .e-message__post-time.e-message__post-time--task {
  float: right;
  margin: 0;
  font-size: 10px;
  color: #c5cbcc;
  text-align: right; }

.e-message__post-time {
  color: #707070; }

.e-message__content__text a:not(.e-message__content__text__link--gray) {
  color: #2598da; }

.e-message__content__text .e-message__title > a {
  margin: -5px 0 5px;
  line-height: 1.1;
  font-size: 22px;
  color: #3d5569; }

.e-message__content__text--event, .e-message__content__text--notification, .e-message__content__text--task {
  font-size: 12px; }

.e-message__content__block {
  padding: 5px 10px 10px; }
  .e-message__content__block:hover .e-message__actions {
    display: block; }

.e-message__desc {
  font-size: 12px; }
  .e-message__desc a {
    color: #2598da; }
    .e-message__desc a:hover {
      color: #2598da; }

.e-message__content__thumbnail-container {
  display: block;
  max-width: 255px; }

.e-message__content__thumbnail {
  float: left;
  margin: 0 10px 10px 5px;
  max-width: 100%;
  min-width: 1px;
  height: auto;
  min-height: 1px; }

.e-message__footer {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  float: left;
  padding-right: 0px;
  padding-left: 0px;
  margin: 0px 0px 0px 0px;
  width: 100%; }

.e-message__content__block__footer-link {
  float: right; }

.e-message__comments {
  width: 100%;
  float: right; }

.e-message--single__comments {
  padding: 0;
  padding-left: 0 !important;
  margin: 0;
  width: 100%; }

.e-message__tick {
  position: absolute;
  top: 28px;
  left: -8px;
  width: 9px;
  height: 11px;
  font-size: 0;
  line-height: 0;
  z-index: 1;
  background: transparent url(/Content/tms/_img/sprite.png) no-repeat -173px 0; }

.e-message__content .e-message__tick {
  top: 8px;
  left: -9px; }

.e-message__title {
  margin: 0 0 5px !important; }

.e-message__show-comments {
  width: 100%;
  float: right;
  padding: 10px;
  background-color: #f1f3f5;
  clear: both;
  font-size: 11px; }

.e-message__show-comments--inner {
  margin-left: 0;
  padding: 5px 10px; }

.e-message__show-comments__btn:hover {
  text-decoration: none; }
  .e-message__show-comments__btn:hover .e-message__show-comments__btn__text {
    text-decoration: underline; }

.e-message__show-comments--single {
  width: 100%;
  margin-left: 10px;
  margin-right: 0;
  padding: 5px 10px; }

/* Uogólnione w e-actions - do podmiany */
.e-message__actions {
  position: absolute;
  top: 1px;
  right: 1px;
  z-index: 60;
  display: none; }

/* Uogólnione w e-actions - do podmiany */
.e-message__actions__menu {
  left: auto;
  right: -1px;
  min-width: 70px;
  border-color: #dcdcdc;
  border-bottom-width: 0;
  display: none; }
  .e-message__actions__menu ul {
    padding: 0;
    margin: 0;
    list-style: none inside;
    text-align: center; }
  .e-message__actions__menu li {
    padding: 7px;
    margin: 0;
    border-bottom: solid 1px #dcdcdc;
    background-color: #f1f1f4;
    font-size: 12px;
    color: #3d5569;
    display: block; }
    .e-message__actions__menu li:before {
      padding: 7px 0;
      color: #9f9f9f !important; }

/* Uogólnione w e-actions - do podmiany */
.e-message__actions__trigger {
  border-left: solid 1px #dcdcdc;
  border-bottom: solid 1px #dcdcdc;
  background-color: #fff;
  -moz-box-shadow: -1px 1px 2px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: -1px 1px 2px 0 rgba(0, 0, 0, 0.15);
  box-shadow: -1px 1px 2px 0 rgba(0, 0, 0, 0.15);
  color: #3d5569;
  text-decoration: none;
  font-size: 14px; }

.e-new-message-box {
  float: left;
  width: 100%;
  border: solid 1px #dcdcdc;
  -moz-box-shadow: -2px 2px 1px #ececec;
  -webkit-box-shadow: -2px 2px 1px #ececec;
  box-shadow: -2px 2px 1px #ececec; }

.e-message .e-message__content .photos-list li {
  width: 20%;
  height: 80px;
  padding: 5px !important;
  margin: 0 !important;
  text-align: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  .e-message .e-message__content .photos-list li img {
    max-width: 100%;
    height: auto;
    width: auto; }

.e-message .photo {
  border: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none; }

.e-message .e-message__icon-holder .person-card {
  margin-top: -15px;
  margin-left: 0; }

.e-message .person-card {
  text-align: left; }

.edit-message-form .urlExtractor, .e-message-edit-form .urlExtractor {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  float: left;
  padding-right: 5px;
  padding-left: 5px;
  margin: 0px 0px 0px 0px;
  width: 100%;
  padding: 0;
  margin: 0 0 5px; }

.edit-message-form #photoIcon, .e-message-edit-form #photoIcon {
  max-width: 50px; }
  .edit-message-form #photoIcon i:before, .e-message-edit-form #photoIcon i:before {
    font-size: 22px !important; }

.edit-message-form .galleryIcon i.e-btn--gallery-icon:before, .e-message-edit-form .galleryIcon i.e-btn--gallery-icon:before {
  font-size: 22px !important;
  color: #9f9f9f !important; }

.edit-message-form .attachmentIcon i.e-btn--attachment-icon:before, .e-message-edit-form .attachmentIcon i.e-btn--attachment-icon:before {
  font-size: 22px !important;
  color: #9f9f9f !important; }

.e-message--single .gray-bar-with-padding {
  margin-left: -15px;
  margin-right: 15px;
  margin-top: -15px; }

.e-message-edit-form .select-privacy .img {
  width: 30px;
  height: 30px; }

.e-message-edit-form .select-privacy .dropdown-menu .img {
  margin-top: 4px;
  margin-right: 10px;
  margin-left: 0; }

.e-message-placeholder {
  margin-right: 10px;
  position: relative;
  background-color: #f1f1f4;
  width: 254px;
  height: 160px;
  float: left; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.e-message {
  /*@include e_grid(100);*/
  position: relative;
  display: table;
  table-layout: fixed;
  width: 100%;
  padding: 15px 0;
  display: table;
  font-size: 11px;
  clear: both; }

.e-message--single {
  border-left: none; }

.e-message--delayed .e-message__content {
  border-style: dashed; }

.e-message--with-thumbnail .e-message__content__block {
  padding: 10px; }

.e-message--instant-feedback {
  border-left: none; }
  .e-message--instant-feedback .e-comment {
    padding: 5px; }

.e-simple-table__item__content--comments {
  width: 100%; }

.e-message--notification .e-message__content {
  border-color: #bddcee; }

.e-message--notification .e-message__content__block {
  padding: 10px; }

.e-message--event .e-message__content {
  border-color: #ffdcc0; }

.e-message--event .e-message__content__block {
  padding: 10px 10px 5px; }

.e-message--task .e-message__content {
  border-color: #e0eec3; }

.e-message--task .e-message__content__block {
  padding: 10px 10px 5px; }

.e-message--event-row {
  font-size: 12px; }
  .e-message--event-row .e-message__content__block {
    padding: 10px; }
  .e-message--event-row .e-form-content {
    line-height: 2em; }

/* Już nie używane, bo zniknął timeline i kropka */
/* Jeśli task 90091520 przejdzie, to trzeba zajrzeć do sprite'a i zobaczyć, czy jest potrzebne*/
/*.e-message__mark {
    position: absolute;
    top: 40px;
    left: -6px;
    width: 11px;
    height: 11px;
    font-size: 0;
    line-height: 0;
    background: transparent url('/Content/tms/_img/sprite.png') no-repeat 0 -16px;
}

.e-message__mark--system {
    background-position: -22px -16px;
}

.e-message__mark--fanpage {
    background-position: 0 -16px;
}

.e-message__mark--company {
    background-position: -33px -16px;
}*/
.e-message__col {
  display: table-cell;
  vertical-align: top; }

.e-message__col--left {
  width: 100px; }

.e-message__col--right {
  padding: 0 0 0 0; }

.e-message__author {
  color: #9ea8b5;
  font-family: "robotobold", sans-serif; }

.e-message__keylink {
  color: #9ea8b5;
  font-family: "robotobold", sans-serif; }

.e-message__icon-holder {
  width: 100px;
  font-size: 23px;
  text-align: center;
  margin-left: -5px;
  margin-right: 5px;
  padding-top: 3px; }

.e-message__icon-holder--event {
  color: #ffa053;
  margin-left: 0;
  margin-right: 0; }
  .e-message__icon-holder--event .e-message__icon:before {
    color: #ffa053; }

.e-message__icon-holder--notification {
  color: #258fcc;
  margin-left: 0;
  margin-right: 0; }
  .e-message__icon-holder--notification .e-message__icon:before {
    color: #258fcc; }

.e-message__icon-holder--task {
  color: #8baa50;
  margin-left: 0;
  margin-right: 0; }
  .e-message__icon-holder--task .e-message__icon:before {
    color: #8baa50; }

.e-message__icon-holder--padding-top {
  padding-top: 19px; }

.e-message__icon {
  width: 60px;
  height: 60px;
  padding-top: 15px;
  margin: 0 auto;
  background: #f1f1f1;
  display: block; }

.e-message__icon--groups {
  background: #f3f3f3;
  font-size: 40px;
  padding-top: 4px; }
  .e-message__icon--groups:before {
    color: #bcbebf; }

.e-message__dateicon {
  width: 60px;
  height: 60px;
  padding-top: 8px;
  margin: 0 auto;
  background: #f1f1f1;
  display: block;
  font-size: 22px;
  line-height: 22px;
  color: #ffa053; }

.e-message__heading {
  width: 100%;
  padding-left: 2px;
  margin-bottom: 5px;
  position: relative;
  font-family: "robotolight", sans-serif;
  font-size: 11px;
  color: #9ea8b5; }

.e-message__heading--event .e-message__keylink {
  color: #ffa053; }

.e-message__heading--notification .e-message__keylink {
  color: #258fcc; }

.e-message__heading--task .e-message__keylink {
  color: #8baa50; }

.e-message__content {
  width: 100%;
  float: right;
  border: solid 1px #dcdcdc;
  background-color: #fff;
  position: relative; }

.e-message__post-time.e-message__post-time--event, .e-message__post-time.e-message__post-time--notification, .e-message__post-time.e-message__post-time--task {
  float: right;
  margin: 0;
  font-size: 10px;
  color: #c5cbcc;
  text-align: right; }

.e-message__post-time {
  color: #707070; }

.e-message__content__text a:not(.e-message__content__text__link--gray) {
  color: #2598da; }

.e-message__content__text .e-message__title > a {
  margin: -5px 0 5px;
  line-height: 1.1;
  font-size: 22px;
  color: #3d5569; }

.e-message__content__text--event, .e-message__content__text--notification, .e-message__content__text--task {
  font-size: 12px; }

.e-message__content__block {
  padding: 5px 10px 10px; }
  .e-message__content__block:hover .e-message__actions {
    display: block; }

.e-message__desc {
  font-size: 12px; }
  .e-message__desc a {
    color: #2598da; }
    .e-message__desc a:hover {
      color: #2598da; }

.e-message__content__thumbnail-container {
  display: block;
  max-width: 255px; }

.e-message__content__thumbnail {
  float: left;
  margin: 0 10px 10px 5px;
  max-width: 100%;
  min-width: 1px;
  height: auto;
  min-height: 1px; }

.e-message__footer {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  float: left;
  padding-right: 0px;
  padding-left: 0px;
  margin: 0px 0px 0px 0px;
  width: 100%; }

.e-message__content__block__footer-link {
  float: right; }

.e-message__comments {
  width: 100%;
  float: right; }

.e-message--single__comments {
  padding: 0;
  padding-left: 0 !important;
  margin: 0;
  width: 100%; }

.e-message__tick {
  position: absolute;
  top: 28px;
  left: -8px;
  width: 9px;
  height: 11px;
  font-size: 0;
  line-height: 0;
  z-index: 1;
  background: transparent url(/Content/tms/_img/sprite.png) no-repeat -173px 0; }

.e-message__content .e-message__tick {
  top: 8px;
  left: -9px; }

.e-message__title {
  margin: 0 0 5px !important; }

.e-message__show-comments {
  width: 100%;
  float: right;
  padding: 10px;
  background-color: #f1f3f5;
  clear: both;
  font-size: 11px; }

.e-message__show-comments--inner {
  margin-left: 0;
  padding: 5px 10px; }

.e-message__show-comments__btn:hover {
  text-decoration: none; }
  .e-message__show-comments__btn:hover .e-message__show-comments__btn__text {
    text-decoration: underline; }

.e-message__show-comments--single {
  width: 100%;
  margin-left: 10px;
  margin-right: 0;
  padding: 5px 10px; }

/* Uogólnione w e-actions - do podmiany */
.e-message__actions {
  position: absolute;
  top: 1px;
  right: 1px;
  z-index: 60;
  display: none; }

/* Uogólnione w e-actions - do podmiany */
.e-message__actions__menu {
  left: auto;
  right: -1px;
  min-width: 70px;
  border-color: #dcdcdc;
  border-bottom-width: 0;
  display: none; }
  .e-message__actions__menu ul {
    padding: 0;
    margin: 0;
    list-style: none inside;
    text-align: center; }
  .e-message__actions__menu li {
    padding: 7px;
    margin: 0;
    border-bottom: solid 1px #dcdcdc;
    background-color: #f1f1f4;
    font-size: 12px;
    color: #3d5569;
    display: block; }
    .e-message__actions__menu li:before {
      padding: 7px 0;
      color: #9f9f9f !important; }

/* Uogólnione w e-actions - do podmiany */
.e-message__actions__trigger {
  border-left: solid 1px #dcdcdc;
  border-bottom: solid 1px #dcdcdc;
  background-color: #fff;
  -moz-box-shadow: -1px 1px 2px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: -1px 1px 2px 0 rgba(0, 0, 0, 0.15);
  box-shadow: -1px 1px 2px 0 rgba(0, 0, 0, 0.15);
  color: #3d5569;
  text-decoration: none;
  font-size: 14px; }

.e-new-message-box {
  float: left;
  width: 100%;
  border: solid 1px #dcdcdc;
  -moz-box-shadow: -2px 2px 1px #ececec;
  -webkit-box-shadow: -2px 2px 1px #ececec;
  box-shadow: -2px 2px 1px #ececec; }

.e-message .e-message__content .photos-list li {
  width: 20%;
  height: 80px;
  padding: 5px !important;
  margin: 0 !important;
  text-align: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  .e-message .e-message__content .photos-list li img {
    max-width: 100%;
    height: auto;
    width: auto; }

.e-message .photo {
  border: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none; }

.e-message .e-message__icon-holder .person-card {
  margin-top: -15px;
  margin-left: 0; }

.e-message .person-card {
  text-align: left; }

.edit-message-form .urlExtractor, .e-message-edit-form .urlExtractor {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  float: left;
  padding-right: 5px;
  padding-left: 5px;
  margin: 0px 0px 0px 0px;
  width: 100%;
  padding: 0;
  margin: 0 0 5px; }

.edit-message-form #photoIcon, .e-message-edit-form #photoIcon {
  max-width: 50px; }
  .edit-message-form #photoIcon i:before, .e-message-edit-form #photoIcon i:before {
    font-size: 22px !important; }

.edit-message-form .galleryIcon i.e-btn--gallery-icon:before, .e-message-edit-form .galleryIcon i.e-btn--gallery-icon:before {
  font-size: 22px !important;
  color: #9f9f9f !important; }

.edit-message-form .attachmentIcon i.e-btn--attachment-icon:before, .e-message-edit-form .attachmentIcon i.e-btn--attachment-icon:before {
  font-size: 22px !important;
  color: #9f9f9f !important; }

.e-message--single .gray-bar-with-padding {
  margin-left: -15px;
  margin-right: 15px;
  margin-top: -15px; }

.e-message-edit-form .select-privacy .img {
  width: 30px;
  height: 30px; }

.e-message-edit-form .select-privacy .dropdown-menu .img {
  margin-top: 4px;
  margin-right: 10px;
  margin-left: 0; }

.e-message-placeholder {
  margin-right: 10px;
  position: relative;
  background-color: #f1f1f4;
  width: 254px;
  height: 160px;
  float: left; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.e-comment-editor {
  background-color: #f1f3f5;
  clear: both; }
  .e-comment-editor .mentions {
    display: none; }

.e-comment-editor__thumbnail {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  float: left;
  padding-right: 5px;
  padding-left: 5px;
  margin: 0px 0px 0px 0px;
  width: 100%;
  margin: 0 10px 0;
  padding: 0; }

.e-comment-editor__avatar {
  width: 30px;
  height: 30px;
  float: left;
  margin: 0 10px 0 0; }

.e-comment-editor__avatar--expanded {
  margin: 0 5px 0 10px; }

input[type=text].e-comment-editor__initarea {
  height: 30px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  float: left;
  padding-right: 5px;
  padding-left: 5px;
  margin: 0px 0px 0px 0px;
  width: 90%;
  color: #a9a9a9; }

.e-comment-editor--collapsed {
  padding: 4px 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  float: left;
  padding-right: 5px;
  padding-left: 5px;
  margin: 0px 0px 0px 0px;
  width: 100%; }

.e-comment-editor--expanded {
  background: #fff;
  padding: 5px 0 0 0;
  border: solid 1px #dcdcdc; }

.e-comment-editor__actions {
  background: #f1f3f5;
  float: left;
  width: 100%;
  padding: 5px 0;
  margin-top: 5px;
  padding: 5px; }

.e-comment-editor__input-container {
  width: 91.7%;
  margin-bottom: 5px;
  padding-right: 0; }

.e-comment-editor__input {
  width: 100%;
  margin: 0;
  min-height: 100px;
  padding: 3px 24px 3px 9px; }

.e-comment-editor__attachments {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  float: left;
  padding-right: 5px;
  padding-left: 5px;
  margin: 0px 0px 0px 0px;
  width: 50%;
  padding-left: 0;
  float: left; }
  .e-comment-editor__attachments .e-comment-editor__attachments__toggle {
    display: inline-block;
    padding: 3px 5px;
    text-align: center; }
    .e-comment-editor__attachments .e-comment-editor__attachments__toggle i:before {
      font-size: 16px; }

.e-comment-editor__actions__nav {
  float: right; }

.e-comment-editor__photo-preview {
  clear: both;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  float: left;
  padding-right: 5px;
  padding-left: 5px;
  margin: 0px 0px 0px 0px;
  width: 100%;
  padding-right: 20;
  padding-left: 20; }

.e-comment {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  float: left;
  padding-right: 5px;
  padding-left: 5px;
  margin: 0px 0px 0px 0px;
  width: 100%;
  clear: both;
  padding: 10px 10px 0;
  float: left;
  width: 100%;
  border-bottom: solid 1px #eaeaea;
  background: #fafafa;
  font-size: 10px; }

.e-comment__avatar {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  float: left;
  padding-right: 5px;
  padding-left: 5px;
  margin: 0px 0px 0px 0px;
  width: 6%;
  text-align: center; }

.e-comment__heading {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  float: left;
  padding-right: 5px;
  padding-left: 5px;
  margin: 0px 0px 0px 0px;
  width: 94%;
  padding: 0 10px;
  float: right;
  margin-bottom: 4px;
  line-height: 1.3; }

.e-comment__content {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  float: left;
  padding-right: 5px;
  padding-left: 5px;
  margin: 0px 0px 0px 0px;
  width: 94%;
  float: right;
  padding: 0 10px;
  font-size: 12px;
  position: relative; }

.e-comment--expandable {
  display: none; }

.e-comment--without-bar {
  padding-bottom: 15px; }

.e-comment:hover .e-comment__edit-menu {
  position: absolute;
  right: 10px;
  display: block;
  top: -15px; }

.e-comment:hover .e-comment__post-time--edit {
  margin-right: 15px; }

.e-comment__author {
  float: left; }

.e-comment__post-time {
  float: right;
  color: #9ea8b5; }

.e-avatar--small {
  width: 30px;
  height: 30px; }

.e-comment__content__text a {
  color: #2598da; }

.e-comment__content__photo {
  float: left;
  margin: 0 10px 0 0; }

.e-comment-editor .e-comment-editor__thumbnail .editImageBox {
  margin-bottom: 0;
  border-bottom: none; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
/*
==============================================
CSS3 ANIMATION CHEAT SHEET
==============================================

Made by Justin Aguilar

www.justinaguilar.com/animations/

Questions, comments, concerns, love letters:
justin@justinaguilar.com

SASS mixins version made by Emplo.
==============================================
*/
/*
==============================================
slideDown
==============================================
*/
@keyframes slideDown {
  0% {
    transform: translateY(-100%); }
  50% {
    transform: translateY(8%); }
  65% {
    transform: translateY(-4%); }
  80% {
    transform: translateY(4%); }
  95% {
    transform: translateY(-2%); }
  100% {
    transform: translateY(0%); } }

@-webkit-keyframes slideDown {
  0% {
    -webkit-transform: translateY(-100%); }
  50% {
    -webkit-transform: translateY(8%); }
  65% {
    -webkit-transform: translateY(-4%); }
  80% {
    -webkit-transform: translateY(4%); }
  95% {
    -webkit-transform: translateY(-2%); }
  100% {
    -webkit-transform: translateY(0%); } }

/*
==============================================
slideUp
==============================================
*/
@keyframes slideUp {
  0% {
    transform: translateY(100%); }
  50% {
    transform: translateY(-8%); }
  65% {
    transform: translateY(4%); }
  80% {
    transform: translateY(-4%); }
  95% {
    transform: translateY(2%); }
  100% {
    transform: translateY(0%); } }

@-webkit-keyframes slideUp {
  0% {
    -webkit-transform: translateY(100%); }
  50% {
    -webkit-transform: translateY(-8%); }
  65% {
    -webkit-transform: translateY(4%); }
  80% {
    -webkit-transform: translateY(-4%); }
  95% {
    -webkit-transform: translateY(2%); }
  100% {
    -webkit-transform: translateY(0%); } }

/*
==============================================
slideLeft
==============================================
*/
@keyframes slideLeft {
  0% {
    transform: translateX(150%); }
  50% {
    transform: translateX(-8%); }
  65% {
    transform: translateX(4%); }
  80% {
    transform: translateX(-4%); }
  95% {
    transform: translateX(2%); }
  100% {
    transform: translateX(0%); } }

@-webkit-keyframes slideLeft {
  0% {
    -webkit-transform: translateX(150%); }
  50% {
    -webkit-transform: translateX(-8%); }
  65% {
    -webkit-transform: translateX(4%); }
  80% {
    -webkit-transform: translateX(-4%); }
  95% {
    -webkit-transform: translateX(2%); }
  100% {
    -webkit-transform: translateX(0%); } }

/*
==============================================
slideRight
==============================================
*/
@keyframes slideRight {
  0% {
    transform: translateX(-150%); }
  50% {
    transform: translateX(8%); }
  65% {
    transform: translateX(-4%); }
  80% {
    transform: translateX(4%); }
  95% {
    transform: translateX(-2%); }
  100% {
    transform: translateX(0%); } }

@-webkit-keyframes slideRight {
  0% {
    -webkit-transform: translateX(-150%); }
  50% {
    -webkit-transform: translateX(8%); }
  65% {
    -webkit-transform: translateX(-4%); }
  80% {
    -webkit-transform: translateX(4%); }
  95% {
    -webkit-transform: translateX(-2%); }
  100% {
    -webkit-transform: translateX(0%); } }

/*
==============================================
slideExpandUp
==============================================
*/
@keyframes slideExpandUp {
  0% {
    transform: translateY(100%) scaleX(0.5); }
  30% {
    transform: translateY(-8%) scaleX(0.5); }
  40% {
    transform: translateY(2%) scaleX(0.5); }
  50% {
    transform: translateY(0%) scaleX(1.1); }
  60% {
    transform: translateY(0%) scaleX(0.9); }
  70% {
    transform: translateY(0%) scaleX(1.05); }
  80% {
    transform: translateY(0%) scaleX(0.95); }
  90% {
    transform: translateY(0%) scaleX(1.02); }
  100% {
    transform: translateY(0%) scaleX(1); } }

@-webkit-keyframes slideExpandUp {
  0% {
    -webkit-transform: translateY(100%) scaleX(0.5); }
  30% {
    -webkit-transform: translateY(-8%) scaleX(0.5); }
  40% {
    -webkit-transform: translateY(2%) scaleX(0.5); }
  50% {
    -webkit-transform: translateY(0%) scaleX(1.1); }
  60% {
    -webkit-transform: translateY(0%) scaleX(0.9); }
  70% {
    -webkit-transform: translateY(0%) scaleX(1.05); }
  80% {
    -webkit-transform: translateY(0%) scaleX(0.95); }
  90% {
    -webkit-transform: translateY(0%) scaleX(1.02); }
  100% {
    -webkit-transform: translateY(0%) scaleX(1); } }

/*
==============================================
expandUp
==============================================
*/
@keyframes expandUp {
  0% {
    transform: translateY(100%) scale(0.6) scaleY(0.5); }
  60% {
    transform: translateY(-7%) scaleY(1.12); }
  75% {
    transform: translateY(3%); }
  100% {
    transform: translateY(0%) scale(1) scaleY(1); } }

@-webkit-keyframes expandUp {
  0% {
    -webkit-transform: translateY(100%) scale(0.6) scaleY(0.5); }
  60% {
    -webkit-transform: translateY(-7%) scaleY(1.12); }
  75% {
    -webkit-transform: translateY(3%); }
  100% {
    -webkit-transform: translateY(0%) scale(1) scaleY(1); } }

/*
==============================================
fadeIn
==============================================
*/
@keyframes fadeIn {
  0% {
    transform: scale(0);
    opacity: 0.0; }
  60% {
    transform: scale(1.1); }
  80% {
    transform: scale(0.9);
    opacity: 1; }
  100% {
    transform: scale(1);
    opacity: 1; } }

@-webkit-keyframes fadeIn {
  0% {
    -webkit-transform: scale(0);
    opacity: 0.0; }
  60% {
    -webkit-transform: scale(1.1); }
  80% {
    -webkit-transform: scale(0.9);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1);
    opacity: 1; } }

/*
==============================================
expandOpen
==============================================
*/
@keyframes expandOpen {
  0% {
    transform: scale(1.8); }
  50% {
    transform: scale(0.95); }
  80% {
    transform: scale(1.05); }
  90% {
    transform: scale(0.98); }
  100% {
    transform: scale(1); } }

@-webkit-keyframes expandOpen {
  0% {
    -webkit-transform: scale(1.8); }
  50% {
    -webkit-transform: scale(0.95); }
  80% {
    -webkit-transform: scale(1.05); }
  90% {
    -webkit-transform: scale(0.98); }
  100% {
    -webkit-transform: scale(1); } }

/*
==============================================
bigEntrance
==============================================
*/
@keyframes bigEntrance {
  0% {
    transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
    opacity: 0.2; }
  30% {
    transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
    opacity: 1; }
  45% {
    transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1; }
  60% {
    transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
    opacity: 1; }
  75% {
    transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1; }
  90% {
    transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1; }
  100% {
    transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1; } }

@-webkit-keyframes bigEntrance {
  0% {
    -webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
    opacity: 0.2; }
  30% {
    -webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
    opacity: 1; }
  45% {
    -webkit-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1; }
  60% {
    -webkit-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
    opacity: 1; }
  75% {
    -webkit-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1; }
  90% {
    -webkit-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1; } }

/*
==============================================
hatch
==============================================
*/
@keyframes hatch {
  0% {
    transform: rotate(0deg) scaleY(0.6); }
  20% {
    transform: rotate(-2deg) scaleY(1.05); }
  35% {
    transform: rotate(2deg) scaleY(1); }
  50% {
    transform: rotate(-2deg); }
  65% {
    transform: rotate(1deg); }
  80% {
    transform: rotate(-1deg); }
  100% {
    transform: rotate(0deg); } }

@-webkit-keyframes hatch {
  0% {
    -webkit-transform: rotate(0deg) scaleY(0.6); }
  20% {
    -webkit-transform: rotate(-2deg) scaleY(1.05); }
  35% {
    -webkit-transform: rotate(2deg) scaleY(1); }
  50% {
    -webkit-transform: rotate(-2deg); }
  65% {
    -webkit-transform: rotate(1deg); }
  80% {
    -webkit-transform: rotate(-1deg); }
  100% {
    -webkit-transform: rotate(0deg); } }

/*
==============================================
bounce
==============================================
*/
@keyframes bounce {
  0% {
    transform: translateY(0%) scaleY(0.6); }
  60% {
    transform: translateY(-100%) scaleY(1.1); }
  70% {
    transform: translateY(0%) scaleY(0.95) scaleX(1.05); }
  80% {
    transform: translateY(0%) scaleY(1.05) scaleX(1); }
  90% {
    transform: translateY(0%) scaleY(0.95) scaleX(1); }
  100% {
    transform: translateY(0%) scaleY(1) scaleX(1); } }

@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateY(0%) scaleY(0.6); }
  60% {
    -webkit-transform: translateY(-100%) scaleY(1.1); }
  70% {
    -webkit-transform: translateY(0%) scaleY(0.95) scaleX(1.05); }
  80% {
    -webkit-transform: translateY(0%) scaleY(1.05) scaleX(1); }
  90% {
    -webkit-transform: translateY(0%) scaleY(0.95) scaleX(1); }
  100% {
    -webkit-transform: translateY(0%) scaleY(1) scaleX(1); } }

/*
==============================================
pulse
==============================================
*/
@keyframes pulse {
  0% {
    transform: scale(0.9);
    opacity: 0.7; }
  50% {
    transform: scale(1);
    opacity: 1; }
  100% {
    transform: scale(0.9);
    opacity: 0.7; } }

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0.95);
    opacity: 0.7; }
  50% {
    -webkit-transform: scale(1);
    opacity: 1; }
  100% {
    -webkit-transform: scale(0.95);
    opacity: 0.7; } }

/*
==============================================
floating
==============================================
*/
@keyframes floating {
  0% {
    transform: translateY(0%); }
  50% {
    transform: translateY(10%); }
  100% {
    transform: translateY(0%); } }

@-webkit-keyframes floating {
  0% {
    -webkit-transform: translateY(0%); }
  50% {
    -webkit-transform: translateY(10%); }
  100% {
    -webkit-transform: translateY(0%); } }

/*
==============================================
tossing
==============================================
*/
@keyframes tossing {
  0% {
    transform: rotate(-4deg); }
  50% {
    transform: rotate(4deg); }
  100% {
    transform: rotate(-4deg); } }

@-webkit-keyframes tossing {
  0% {
    -webkit-transform: rotate(-4deg); }
  50% {
    -webkit-transform: rotate(4deg); }
  100% {
    -webkit-transform: rotate(-4deg); } }

/*
==============================================
pullUp
==============================================
*/
@keyframes pullUp {
  0% {
    transform: scaleY(0.1); }
  40% {
    transform: scaleY(1.02); }
  60% {
    transform: scaleY(0.98); }
  80% {
    transform: scaleY(1.01); }
  100% {
    transform: scaleY(0.98); }
  80% {
    transform: scaleY(1.01); }
  100% {
    transform: scaleY(1); } }

@-webkit-keyframes pullUp {
  0% {
    -webkit-transform: scaleY(0.1); }
  40% {
    -webkit-transform: scaleY(1.02); }
  60% {
    -webkit-transform: scaleY(0.98); }
  80% {
    -webkit-transform: scaleY(1.01); }
  100% {
    -webkit-transform: scaleY(0.98); }
  80% {
    -webkit-transform: scaleY(1.01); }
  100% {
    -webkit-transform: scaleY(1); } }

/*
==============================================
pullDown
==============================================
*/
@keyframes pullDown {
  0% {
    transform: scaleY(0.1); }
  40% {
    transform: scaleY(1.02); }
  60% {
    transform: scaleY(0.98); }
  80% {
    transform: scaleY(1.01); }
  100% {
    transform: scaleY(0.98); }
  80% {
    transform: scaleY(1.01); }
  100% {
    transform: scaleY(1); } }

@-webkit-keyframes pullDown {
  0% {
    -webkit-transform: scaleY(0.1); }
  40% {
    -webkit-transform: scaleY(1.02); }
  60% {
    -webkit-transform: scaleY(0.98); }
  80% {
    -webkit-transform: scaleY(1.01); }
  100% {
    -webkit-transform: scaleY(0.98); }
  80% {
    -webkit-transform: scaleY(1.01); }
  100% {
    -webkit-transform: scaleY(1); } }

/*
==============================================
stretchLeft
==============================================
*/
@keyframes stretchLeft {
  0% {
    transform: scaleX(0.3); }
  40% {
    transform: scaleX(1.02); }
  60% {
    transform: scaleX(0.98); }
  80% {
    transform: scaleX(1.01); }
  100% {
    transform: scaleX(0.98); }
  80% {
    transform: scaleX(1.01); }
  100% {
    transform: scaleX(1); } }

@-webkit-keyframes stretchLeft {
  0% {
    -webkit-transform: scaleX(0.3); }
  40% {
    -webkit-transform: scaleX(1.02); }
  60% {
    -webkit-transform: scaleX(0.98); }
  80% {
    -webkit-transform: scaleX(1.01); }
  100% {
    -webkit-transform: scaleX(0.98); }
  80% {
    -webkit-transform: scaleX(1.01); }
  100% {
    -webkit-transform: scaleX(1); } }

/*
==============================================
stretchRight
==============================================
*/
@keyframes stretchRight {
  0% {
    transform: scaleX(0.3); }
  40% {
    transform: scaleX(1.02); }
  60% {
    transform: scaleX(0.98); }
  80% {
    transform: scaleX(1.01); }
  100% {
    transform: scaleX(0.98); }
  80% {
    transform: scaleX(1.01); }
  100% {
    transform: scaleX(1); } }

@-webkit-keyframes stretchRight {
  0% {
    -webkit-transform: scaleX(0.3); }
  40% {
    -webkit-transform: scaleX(1.02); }
  60% {
    -webkit-transform: scaleX(0.98); }
  80% {
    -webkit-transform: scaleX(1.01); }
  100% {
    -webkit-transform: scaleX(0.98); }
  80% {
    -webkit-transform: scaleX(1.01); }
  100% {
    -webkit-transform: scaleX(1); } }

/*
==============================================
scaleForward
==============================================
*/
@keyframes scaleForward {
  0% {
    transform: scale(1); }
  100% {
    transform: scale(1.1); } }

@-webkit-keyframes scaleForward {
  0% {
    -webkit-transform: scale(1); }
  100% {
    -webkit-transform: scale(1.1); } }

@-webkit-keyframes zoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }

@-moz-keyframes zoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }

@keyframes zoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }

.e-attachments {
  position: relative;
  float: left;
  width: 100%;
  padding: 10px;
  background: #f0f4f8;
  margin: 10px 0 0 0; }

.e-form-content .e-attachments {
  margin: 0; }

.e-attachments--no-label {
  padding-bottom: 20px; }

.e-attachments--external-link {
  min-height: 100px; }

.e-attachments.e-attachments--edit {
  margin-bottom: 5px; }

.e-attachments__title {
  font-size: 10px;
  color: #6a7b89;
  opacity: 1;
  -moz-transition: opacity 0.15s ease-in;
  -o-transition: opacity 0.15s ease-in;
  -webkit-transition: opacity 0.15s ease-in;
  transition: opacity 0.15s ease-in; }

.e-attachments__title__icon {
  margin-right: 0.2em;
  font-size: 12px; }

.e-attachments__nav {
  float: left;
  width: 100%; }

.e-attachments__nav__instruction {
  text-align: center;
  font-size: 14px;
  color: #3d5569;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default; }

.e-attachments.hover {
  border: dashed 2px #f58a4f;
  background-color: #fffbf6; }
  .e-attachments.hover .e-attachments__title {
    opacity: 0; }
  .e-attachments.hover .e-attachments-collection {
    opacity: 0; }
  .e-attachments.hover .e-attachments__dragbox {
    z-index: 1;
    opacity: 1;
    -moz-transition: opacity 0.15s ease-in;
    -o-transition: opacity 0.15s ease-in;
    -webkit-transition: opacity 0.15s ease-in;
    transition: opacity 0.15s ease-in; }
  .e-attachments.hover .e-attachments__nav__instruction {
    cursor: auto; }

.e-attachments__dragbox {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: -100;
  opacity: 0;
  display: block; }

.e-attachments__dragbox__inner {
  display: table;
  width: 100%;
  height: 100%;
  color: #f8b89d;
  text-align: center;
  overflow: hidden; }

.e-attachments__dragbox__inner__cell {
  display: table-cell;
  vertical-align: middle;
  font-size: 14px; }

.e-attachments__remove-btn {
  float: right;
  z-index: 20;
  text-decoration: none; }
  .e-attachments__remove-btn:hover {
    text-decoration: none; }
  .e-attachments__remove-btn i:before {
    font-size: 22px;
    margin: 0;
    color: #f4989d; }

.e-attachments.e-attachments--edit {
  border: dashed 1px #f4989d;
  margin-top: 5px; }

.e-attachments.e-attachments--no-label .e-attachments__nav {
  margin-top: 0; }

.e-attachments--94 {
  width: 94%; }

.e-attachments--95 {
  width: 95%; }

.e-attachments-collection {
  opacity: 1;
  -moz-transition: opacity 0.15s ease-in;
  -o-transition: opacity 0.15s ease-in;
  -webkit-transition: opacity 0.15s ease-in;
  transition: opacity 0.15s ease-in; }

.e-attachments-collection__list {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  float: left;
  padding-right: 5px;
  padding-left: 5px;
  margin: 0px 0px 0px 0px;
  width: 100%;
  padding: 0;
  list-style: none inside;
  font-size: 11px;
  line-height: 16px; }
  .e-attachments-collection__list i {
    width: 25px; }

html > body .e-attachments-collection__list__elem {
  position: relative;
  float: left;
  width: 100%;
  min-height: 20px;
  padding: 2px 0; }

e-attachments-collection__list__elem__link:hover {
  text-decoration: none; }

.e-attachments-collection__list__remove-btn {
  float: right; }
  .e-attachments-collection__list__remove-btn i:before {
    font-size: 16px;
    margin: 0;
    color: #f4989d; }

.e-attachments-collection__list__nest-btn {
  position: absolute;
  top: 3px;
  left: 0;
  right: 0;
  display: none; }
  .e-attachments-collection__list__nest-btn i {
    background: #fff;
    font-size: 16px; }

.e-attachments-collection--files {
  margin-top: 5px; }
  .e-attachments-collection--files .e-attachments-collection__list__remove-btn {
    padding-right: 10px; }

/* Kolory wierszy */
.e-attachments-collection--like-list .e-attachments-collection__list__elem {
  background: #FFF;
  border: solid 1px transparent;
  -moz-transition: border 0.05s ease-in-out, background 0.05s ease-in-out;
  -o-transition: border 0.05s ease-in-out, background 0.05s ease-in-out;
  -webkit-transition: border 0.05s ease-in-out, background 0.05s ease-in-out;
  transition: border 0.05s ease-in-out, background 0.05s ease-in-out;
  cursor: pointer; }
  .e-attachments-collection--like-list .e-attachments-collection__list__elem:hover {
    background: #f4f6f9;
    border: dashed 1px #9cc3d9; }
  .e-attachments-collection--like-list .e-attachments-collection__list__elem:nth-child(odd) {
    background: #fdfdfe; }
    .e-attachments-collection--like-list .e-attachments-collection__list__elem:nth-child(odd):hover {
      background: #f4f6f9;
      border: dashed 1px #9cc3d9; }

.e-attachments-collection__list__elem__more {
  background: rgba(187, 187, 187, 0.7);
  position: absolute;
  top: 5px;
  bottom: 5px;
  right: 2px;
  left: 2px;
  padding-top: 25px;
  font-size: 20px;
  text-align: center;
  color: #fff;
  font-family: "robotobold", sans-serif; }
  .e-attachments-collection__list__elem__more:hover {
    color: #fff;
    text-decoration: none; }
  .e-attachments-collection__list__elem__more i:before {
    margin-right: -2px;
    margin-left: 0; }

.e-attachments-collection--videos .e-attachments-collection__list__elem {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  float: left;
  padding-right: 5px;
  padding-left: 5px;
  margin: 0px 0px 0px 0px;
  width: 50%; }
  .e-attachments-collection--videos .e-attachments-collection__list__elem .e-attachments-collection__list__elem__plug {
    width: 100%;
    height: 100%;
    text-align: center;
    background: white;
    position: absolute;
    top: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .e-attachments-collection--videos .e-attachments-collection__list__elem .e-attachments-collection__list__elem__plug img {
      margin-bottom: 10px; }
    .e-attachments-collection--videos .e-attachments-collection__list__elem .e-attachments-collection__list__elem__plug p {
      font-size: 13px;
      margin: 0;
      max-width: 200px; }

.e-attachments-collection--thumbnails {
  margin-top: 5px; }
  .e-attachments-collection--thumbnails .e-attachments-collection__list__remove-btn {
    float: none;
    position: absolute;
    right: 0;
    top: 0;
    display: none; }
    .e-attachments-collection--thumbnails .e-attachments-collection__list__remove-btn i:before {
      font-size: 22px;
      background: #fff; }
  .e-attachments-collection--thumbnails .e-attachments-collection__list {
    margin-top: -5px; }
  .e-attachments-collection--thumbnails .e-attachments-collection__list__elem {
    position: relative;
    min-height: 80px;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    float: left;
    padding-right: 5px;
    padding-left: 5px;
    margin: 0px 0px 0px 0px;
    width: 20%; }
    .e-attachments-collection--thumbnails .e-attachments-collection__list__elem img {
      max-width: 100%;
      min-width: 1px;
      height: auto;
      min-height: 1px;
      margin: 0 auto; }
    .e-attachments-collection--thumbnails .e-attachments-collection__list__elem:hover img {
      animation-name: scaleForward;
      -webkit-animation-name: scaleForward;
      animation-duration: 0.5s;
      -webkit-animation-duration: 0.5s;
      animation-timing-function: ease-in-out;
      -webkit-animation-timing-function: ease-in-out;
      -webkit-animation-fill-mode: forwards;
      animation-fill-mode: forwards;
      visibility: visible !important; }
    .e-attachments-collection--thumbnails .e-attachments-collection__list__elem:hover .e-attachments-collection__list__remove-btn {
      display: block; }
    .e-attachments-collection--thumbnails .e-attachments-collection__list__elem:hover .e-attachments-collection__list__nest-btn {
      display: block; }

.e-single-attachment {
  float: left;
  width: 90%;
  color: #6a7b89;
  display: table;
  table-layout: fixed;
  margin-bottom: 5px; }
  .e-single-attachment:hover {
    text-decoration: none; }
    .e-single-attachment:hover .e-single-attachment__label__size__storage-icon {
      transition: opacity 0.5s ease-in-out;
      opacity: 1; }
  .e-single-attachment [class*=icon-]:before, .e-single-attachment [class^=icon-] {
    font-size: 16px;
    margin-right: 0.25em; }

.e-single-attachment--thread {
  font-size: 11px;
  width: 100%; }
  .e-single-attachment--thread .e-single-attachment__icon, .e-single-attachment--thread .e-single-attachment__label, .e-single-attachment--thread .e-single-attachment__autor, .e-single-attachment--thread e-single__attachment__date, .e-single-attachment--thread .e-single-attachment__label__icon {
    -moz-transition: color 0.25s ease-in-out;
    -o-transition: color 0.25s ease-in-out;
    -webkit-transition: color 0.25s ease-in-out;
    transition: color 0.25s ease-in-out; }
  .e-single-attachment--thread .e-single-attachment__label {
    float: left;
    width: 100%;
    color: #3d5569; }
    .e-single-attachment--thread .e-single-attachment__label:hover {
      color: #2598da;
      text-decoration: none; }
      .e-single-attachment--thread .e-single-attachment__label:hover .e-single-attachment__label__icon {
        color: #2598da;
        text-decoration: none; }
  .e-single-attachment--thread .e-single-attachment__label__icon {
    position: relative;
    top: -2px;
    float: left;
    width: 12%;
    color: #3d5569; }
  .e-single-attachment--thread .e-single-attachment__label__inner {
    display: block;
    max-width: 80%;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
  .e-single-attachment--thread .e-single-attachment__label__info-icon {
    float: left; }
  .e-single-attachment--thread .e-single-attachment__author {
    float: left;
    max-width: 60%;
    clear: left;
    padding-left: 27px;
    color: #cbcbcb;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
    .e-single-attachment--thread .e-single-attachment__author:hover {
      color: #2598da;
      text-decoration: none; }
  .e-single-attachment--thread .e-single-attachment__date {
    float: right;
    max-width: 40%;
    font-size: 11px;
    color: #cbcbcb; }
  .e-single-attachment--thread [class^=icon-]:before {
    font-size: 14px; }

.e-single-attachment--thread--popup {
  font-size: 12px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 5px; }
  .e-single-attachment--thread--popup [class^=icon-]:before {
    font-size: 28px; }
  .e-single-attachment--thread--popup .e-single-attachment__author {
    padding-left: 0;
    clear: none; }
  .e-single-attachment--thread--popup .e-single-attachment__label {
    float: left;
    width: 90%; }
  .e-single-attachment--thread--popup .e-single-attachment__date {
    font-size: 12px; }
  .e-single-attachment--thread--popup .e-single-attachment__icon {
    position: relative;
    top: 4px;
    float: left;
    width: 10%; }
    .e-single-attachment--thread--popup .e-single-attachment__icon:hover ~ .e-single-attachment__label {
      color: #2598da; }

.e-single-attachment__icon {
  display: table-cell;
  width: 30px;
  padding-top: 0; }

.e-single-attachment__label {
  display: table-cell;
  -ms-word-break: break-all;
  word-break: break-all;
  vertical-align: top; }

.e-single-attachment__label__inner {
  float: left; }

.e-single-attachment__label__progress {
  float: right;
  padding-left: 25px; }

.e-single-attachment__label__size {
  float: right;
  height: auto;
  opacity: 1;
  -moz-transition: opacity 1s ease-in;
  -o-transition: opacity 1s ease-in;
  -webkit-transition: opacity 1s ease-in;
  transition: opacity 1s ease-in; }

.e-single-attachment__label__size__storage-icon {
  position: relative;
  top: -1px;
  width: auto;
  max-height: 10px;
  margin-left: 5px;
  color: inherit;
  opacity: 0.8; }

.e-single-attachment__label__size--hidden {
  opacity: 0; }

.e-external-link__img-select {
  float: left;
  width: 140px;
  margin: 0 10px 0 0;
  position: relative;
  background-color: #ffffff; }

.e-external-link__info {
  display: inline; }

.e-external-link__info__title {
  margin-top: 5px;
  margin-left: 150px;
  font-family: "robotobold", sans-serif;
  font-size: 13px;
  color: #3d5569;
  display: block;
  -ms-word-break: normal;
  word-break: normal;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  white-space: normal; }

.e-external-link__info__desc {
  margin-left: 150px;
  font-size: 12px;
  color: #92999e;
  display: block;
  -ms-word-break: normal;
  word-break: normal;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  white-space: normal; }

.e-external-link__thumbnail {
  float: left;
  width: 140px;
  text-align: center; }
  .e-external-link__thumbnail img {
    max-width: 100%;
    height: auto;
    min-width: 1px; }

.e-external-link__img-select__container {
  float: left;
  max-width: 140px; }
  .e-external-link__img-select__container img {
    max-width: 100%;
    height: auto; }

.e-external-link__img-select__container--none {
  float: none;
  width: 140px;
  height: 80px;
  line-height: 80px;
  font-size: 24px; }

.e-external-link__img-select__controls {
  position: absolute;
  top: 3px;
  left: 3px; }

.e-external-link__img-select__controls__prev, .e-external-link__img-select__controls__next {
  color: rgba(255, 255, 255, 0.8);
  background-color: rgba(0, 0, 0, 0.6);
  border: solid 1px #fff;
  float: left; }
  .e-external-link__img-select__controls__prev:hover, .e-external-link__img-select__controls__next:hover {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.8); }

.e-external-link__error {
  font-size: 12px;
  font-family: "robotobold", sans-serif;
  line-height: 1.7; }

.e-external-link__thumbnail--none {
  width: 140px;
  height: 80px;
  line-height: 80px;
  font-size: 24px;
  background: #fff; }

.e-attachments-collection__list__elem__link {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%; }

.e-attachments-collection__list__elem__link__thumbnail {
  object-fit: scale-down;
  width: 100%; }

.e-attachments-collection__list__elem__link__thumbnail-btn {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  top: 50%;
  left: 50%;
  margin-left: -3em;
  margin-top: -2em;
  width: 6em;
  background-color: rgba(23, 35, 34, 0.75);
  height: 4rem;
  border-radius: .5rem;
  color: #fff; }
  .e-attachments-collection__list__elem__link__thumbnail-btn svg {
    width: 20px;
    fill: #fff; }

.e-attachments-collection__list__elem__link:hover .e-attachments-collection__list__elem__link__thumbnail-btn {
  background-color: #2598da; }

.e-attachments-collection__list__elem__link .e-attachments-collection__list__elem__link__thumbnail-btn:hover {
  background-color: #2598da; }

.e-select-file {
  /* Full natural div */
  cursor: pointer; }
  .e-select-file:hover .e-select-file__fakefile__label__link {
    text-decoration: none; }

.e-select-file__input {
  display: block;
  width: 0;
  height: 0; }

.e-select-file__fakefile__label {
  float: left;
  cursor: pointer; }
  .e-select-file__fakefile__label i.e-btn--camera-icon:before {
    font-size: 16px !important;
    color: #61666f; }

.e-select-file__fakefile__label__link {
  color: #61666f; }
  .e-select-file__fakefile__label__link:hover {
    color: #61666f; }

.e-select-file__fakefile__label__link.btn-icon:hover [class^="icon-"]:before, .e-select-file__fakefile__label__link.btn-icon:hover [class*=" icon-"]:before {
  color: #61666f; }

.e-select-file.e-select-file--with-photo {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
  -moz-transition: 0.3s ease-in-out background;
  -o-transition: 0.3s ease-in-out background;
  -webkit-transition: 0.3s ease-in-out background;
  transition: 0.3s ease-in-out background; }
  .e-select-file.e-select-file--with-photo .e-select-file__fakefile {
    width: 100%;
    height: 100%; }
  .e-select-file.e-select-file--with-photo .e-select-file__fakefile__label {
    float: none;
    height: 100%;
    margin: 0 auto;
    font-size: 14px;
    text-align: center;
    display: none; }
  .e-select-file.e-select-file--with-photo .e-select-file__fakefile__label__link {
    color: #fff; }
    .e-select-file.e-select-file--with-photo .e-select-file__fakefile__label__link:hover {
      color: #fff;
      text-decoration: none; }
  .e-select-file.e-select-file--with-photo .e-select-file__fakefile__label__icon {
    font-size: 52px;
    color: #fff; }
    .e-select-file.e-select-file--with-photo .e-select-file__fakefile__label__icon:hover {
      color: #fff; }

.e-select-file.e-select-file--with-photo:hover, .e-select-file.e-select-file--with-photo:focus {
  background: rgba(21, 29, 33, 0.3);
  -moz-transition: 0.3s ease-in-out background;
  -o-transition: 0.3s ease-in-out background;
  -webkit-transition: 0.3s ease-in-out background;
  transition: 0.3s ease-in-out background;
  color: #fff; }
  .e-select-file.e-select-file--with-photo:hover .e-select-file__fakefile, .e-select-file.e-select-file--with-photo:focus .e-select-file__fakefile {
    display: table; }
  .e-select-file.e-select-file--with-photo:hover .e-select-file__fakefile__label, .e-select-file.e-select-file--with-photo:focus .e-select-file__fakefile__label {
    display: table-cell;
    vertical-align: middle; }

.e-select-file.e-select-file--small .e-select-file__fakefile__label__icon {
  font-size: 16px; }

.e-select-file.e-select-file--small .e-select-file__fakefile__label {
  font-size: 12px; }

.e-select-file--background .e-select-file__fakefile {
  float: right; }

.e-people-list, .e-people-list-sidebar__list {
  list-style: none;
  padding: 0;
  width: 100%;
  display: table; }

.e-people-list__item, .e-people-list-sidebar__list__item {
  display: table-row; }

.e-people-list__item__image {
  display: table-cell;
  width: 52px;
  padding: 3px 0 4px 10px;
  border: solid 1px transparent;
  border-bottom: solid 1px #ececec; }
  .e-people-list__item__image img {
    width: 100%; }

.e-people-list__item__absence {
  width: 100%;
  height: 5px;
  background: #a00f00; }

.e-people-list__item__absence--present {
  width: 100%;
  height: 5px;
  background: #00a651; }

.e-people-list__item__absence--hidden {
  display: none; }

.e-people-list__item__data {
  padding: 3px 10px;
  display: table-cell;
  vertical-align: middle;
  position: relative;
  border: solid 1px transparent;
  border-bottom: solid 1px #ececec; }

.e-people-list__item:hover .e-people-list__item__data--no-icon, .e-people-list-sidebar__list__item:hover .e-people-list__item__data--no-icon {
  border-left: dashed 1px #9cc3d9; }

.e-people-list__item__data__item {
  margin-right: 4px; }
  .e-people-list__item__data__item .e-label-icon {
    margin-right: 3px; }

.e-people-list__item:first-of-type .e-people-list__item__data, .e-people-list-sidebar__list__item:first-of-type .e-people-list__item__data, .e-people-list__item:first-of-type .e-people-list__item__image, .e-people-list-sidebar__list__item:first-of-type .e-people-list__item__image {
  border-top: solid 1px #ececec; }

.e-people-list__item__date, .e-chat__time {
  position: absolute;
  right: 10px;
  top: 3px;
  font-size: 11px;
  color: #c5cbcc; }

.e-people-list__item__name {
  display: block;
  width: 100%;
  font-size: 14px;
  color: #3d5569; }

.e-people-list__item__description {
  display: block;
  width: 100%;
  font-size: 11px;
  color: #a1a1a1; }

.e-people-list__item__description--width-280 {
  max-width: 280px; }

.e-people-list__item__tags {
  margin-left: -5px;
  float: left;
  width: 100%; }

.e-people-list__item__description--right-70 {
  padding-right: 70px; }

.e-people-list__item:hover:not(.e-people-list__item--no-hover) .e-people-list__item__image, .e-people-list-sidebar__list__item:hover:not(.e-people-list__item--no-hover) .e-people-list__item__image {
  cursor: pointer;
  background: #f4f6f9;
  border-top: dashed 1px #9cc3d9;
  border-bottom: dashed 1px #9cc3d9;
  border-left: dashed 1px #9cc3d9;
  -webkit-transition: all 100ms linear;
  -moz-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  transition: all 100ms linear; }

.e-people-list__item:hover:not(.e-people-list__item--no-hover) .e-people-list__item__data, .e-people-list-sidebar__list__item:hover:not(.e-people-list__item--no-hover) .e-people-list__item__data {
  cursor: pointer;
  background: #f4f6f9;
  border-top: dashed 1px #9cc3d9;
  border-right: dashed 1px #9cc3d9;
  border-bottom: dashed 1px #9cc3d9;
  -webkit-transition: all 100ms linear;
  -moz-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  transition: all 100ms linear; }

.e-people-list__item:hover:not(.e-people-list__item--no-hover) .e-people-list__item__data--icons, .e-people-list-sidebar__list__item:hover:not(.e-people-list__item--no-hover) .e-people-list__item__data--icons {
  border-left: none !important; }

.e-people-list__item:hover:not(.e-people-list__item--no-hover) .e-people-list__item__data__sklills-title, .e-people-list-sidebar__list__item:hover:not(.e-people-list__item--no-hover) .e-people-list__item__data__sklills-title {
  border-right: none !important;
  cursor: pointer;
  background: #f4f6f9;
  border-top: dashed 1px #9cc3d9;
  border-bottom: dashed 1px #9cc3d9;
  border-left: dashed 1px #9cc3d9;
  -webkit-transition: all 100ms linear;
  -moz-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  transition: all 100ms linear; }

.e-people-list__item__sended-icon {
  padding: 0 20px 0 20px;
  margin: 0 3px 3px 3px;
  float: left;
  position: relative; }
  .e-people-list__item__sended-icon i {
    color: #a1a1a1; }

.e-people-list__item__sended-icon--mail {
  margin-bottom: -15px; }

.e-people-list__item__number-send {
  position: absolute;
  top: -15px;
  left: 3px;
  width: 100px;
  font-size: 10px; }

.e-people-list__item__checkbox {
  position: absolute;
  right: 5px;
  top: 20px; }

.e-people-list__item__checkbox--small {
  right: 30px;
  top: 18px; }

.e-people-list__item__button {
  position: absolute;
  right: 15px;
  top: 15px;
  display: none; }

.e-people-list__item:hover .e-people-list__item__button, .e-people-list-sidebar__list__item:hover .e-people-list__item__button {
  display: block; }

.e-people-list-sidebar__list__item__new {
  padding: 0 3px 0 3px;
  color: #fff;
  font-size: 9px;
  display: block;
  float: left;
  margin-bottom: 3px;
  background-color: #e41919;
  border-radius: 3px;
  font-family: 'robotolight', sans-serif; }

.e-people-list-sidebar__list__item:hover .e-people-list-sidebar__list__item__image {
  cursor: pointer;
  background: #f4f6f9;
  border-top: dashed 1px #9cc3d9;
  border-bottom: dashed 1px #9cc3d9;
  border-left: dashed 1px #9cc3d9;
  -webkit-transition: all 100ms linear;
  -moz-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  transition: all 100ms linear; }

.e-people-list-sidebar__list__item:hover .e-people-list-sidebar__list__item__data {
  cursor: pointer;
  background: #f4f6f9;
  border-top: dashed 1px #9cc3d9;
  border-right: dashed 1px #9cc3d9;
  border-bottom: dashed 1px #9cc3d9;
  -webkit-transition: all 100ms linear;
  -moz-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  transition: all 100ms linear; }

.e-people-list-sidebar--picker .e-people-list-sidebar__list__item .e-people-list-sidebar__list__item__data {
  border-right: 0; }

.e-people-list-sidebar--picker .e-people-list-sidebar__list__item:hover .e-people-list-sidebar__list__item__remove {
  cursor: pointer;
  background: #f4f6f9;
  border-top: dashed 1px #9cc3d9;
  border-right: dashed 1px #9cc3d9;
  border-bottom: dashed 1px #9cc3d9;
  -webkit-transition: all 100ms linear;
  -moz-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  transition: all 100ms linear; }

.e-people-list-sidebar--picker .e-people-list-sidebar__list__item__data {
  max-width: 122px; }

.e-people-list-sidebar__list__item--active .e-people-list-sidebar__list__item__image {
  cursor: pointer;
  background: #f9deb7;
  border-top: dashed 1px #f9a35d;
  border-bottom: dashed 1px #f9a35d;
  border-left: dashed 1px #f9a35d;
  -webkit-transition: all 100ms linear;
  -moz-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  transition: all 100ms linear; }

.e-people-list-sidebar__list__item--active .e-people-list-sidebar__list__item__data {
  cursor: pointer;
  background: #f9deb7;
  border-top: dashed 1px #f9a35d;
  border-right: dashed 1px #f9a35d;
  border-bottom: dashed 1px #f9a35d;
  -webkit-transition: all 100ms linear;
  -moz-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  transition: all 100ms linear; }

.e-people-list-sidebar__list__item--active .e-people-list-sidebar__list__item__name, .e-people-list-sidebar__list__item--active .e-people-list-sidebar__list__item__position {
  color: #263440;
  -webkit-transition: all 100ms linear;
  -moz-transition: all 100ms linear;
  -ms-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  transition: all 100ms linear; }

.e-people-list-sidebar__list__item--new .e-people-list-sidebar__list__item__image {
  /*background: #dff8d5;
  border-top: dashed 1px #17ad60;
  border-bottom: dashed 1px #17ad60;
  border-left: dashed 1px #17ad60;*/
  -webkit-transition: all 100ms linear;
  -moz-transition: all 100ms linear;
  -ms-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  transition: all 100ms linear; }

.e-people-list-sidebar__list__item--new .e-people-list-sidebar__list__item__data {
  /*background: #dff8d5;
    border-top: dashed 1px #17ad60;
    border-right: dashed 1px #17ad60;
    border-bottom: dashed 1px #17ad60;*/
  font-family: 'robotobold', sans-serif;
  color: #3d5569;
  -webkit-transition: all 100ms linear;
  -moz-transition: all 100ms linear;
  -ms-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  transition: all 100ms linear; }

.e-people-list__item--added .e-people-list__item__image, .e-people-list__item--added:first-of-type .e-people-list__item__image {
  cursor: pointer;
  background: #dff8d5;
  border-top: dashed 1px #17ad60;
  border-bottom: dashed 1px #17ad60;
  border-left: dashed 1px #17ad60;
  -webkit-transition: all 100ms linear;
  -moz-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  transition: all 100ms linear; }

.e-people-list__item--added .e-people-list__item__data, .e-people-list__item--added:first-of-type .e-people-list__item__data {
  cursor: pointer;
  background: #dff8d5;
  border-top: dashed 1px #17ad60;
  border-right: dashed 1px #17ad60;
  border-bottom: dashed 1px #17ad60;
  -webkit-transition: all 100ms linear;
  -moz-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  transition: all 100ms linear;
  font-family: 'robotobold', sans-serif;
  color: #3d5569; }

.e-people-list__item--added .e-people-list__item__data--icons, .e-people-list__item--added:first-of-type .e-people-list__item__data--icons {
  border-left: none !important;
  font-family: 'robotolight', sans-serif !important; }

.e-people-list__item--added .e-people-list__item__data__sklills-title {
  border-right: none !important;
  cursor: pointer;
  background: #dff8d5;
  border-top: dashed 1px #17ad60;
  border-bottom: dashed 1px #17ad60;
  border-left: dashed 1px #17ad60;
  -webkit-transition: all 100ms linear;
  -moz-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  transition: all 100ms linear; }

.e-people-list__item--disabled-permanent .e-people-list__item__image, .e-people-list__item--disabled-permanent:first-of-type .e-people-list__item__image {
  cursor: pointer;
  background: #fcfcfc;
  border-top: dashed 1px transparent;
  border-bottom: dashed 1px transparent;
  border-left: dashed 1px transparent;
  -webkit-transition: all 100ms linear;
  -moz-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  transition: all 100ms linear;
  color: #cbcbcb;
  border-bottom: solid 1px #ececec; }
  .e-people-list__item--disabled-permanent .e-people-list__item__image img, .e-people-list__item--disabled-permanent:first-of-type .e-people-list__item__image img {
    opacity: 0.5; }
  .e-people-list__item--disabled-permanent .e-people-list__item__image .e-people-list__item__absence, .e-people-list__item--disabled-permanent:first-of-type .e-people-list__item__image .e-people-list__item__absence {
    background: rgba(0, 166, 81, 0.51); }

.e-people-list__item--disabled-permanent .e-people-list__item__data, .e-people-list__item--disabled-permanent:first-of-type .e-people-list__item__data {
  cursor: pointer;
  background: #fcfcfc;
  border-top: dashed 1px transparent;
  border-right: dashed 1px transparent;
  border-bottom: dashed 1px transparent;
  -webkit-transition: all 100ms linear;
  -moz-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  transition: all 100ms linear;
  font-family: 'robotobold', sans-serif;
  color: #cbcbcb;
  border-bottom: solid 1px #ececec; }
  .e-people-list__item--disabled-permanent .e-people-list__item__data .e-people-list__item__name, .e-people-list__item--disabled-permanent .e-people-list__item__data .e-people-list__item__description, .e-people-list__item--disabled-permanent .e-people-list__item__data i:not(.e-label-icon--color), .e-people-list__item--disabled-permanent:first-of-type .e-people-list__item__data .e-people-list__item__name, .e-people-list__item--disabled-permanent:first-of-type .e-people-list__item__data .e-people-list__item__description, .e-people-list__item--disabled-permanent:first-of-type .e-people-list__item__data i:not(.e-label-icon--color) {
    color: #cbcbcb; }

.e-people-list__item--disabled-permanent .e-people-list__item__data__sklills-title {
  border: 0 !important;
  border-bottom: solid 1px #ececec !important; }

.e-people-list__item--disabled-permanent:hover .e-people-list__item__data, .e-people-list__item--disabled-permanent:hover .e-people-list__item__image {
  cursor: default;
  cursor: pointer;
  background: #fcfcfc;
  border-top: dashed 1px transparent;
  border-right: dashed 1px transparent;
  border-bottom: dashed 1px transparent;
  border-left: dashed 1px transparent;
  -webkit-transition: all 100ms linear;
  -moz-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  transition: all 100ms linear; }

.e-people-list__item--disabled-permanent:hover .e-people-list__item__data--icons {
  border-bottom: solid 1px #ececec !important; }

.e-people-list__item--disabled .e-people-list__item__image, .e-people-list__item--disabled:first-of-type .e-people-list__item__image {
  cursor: pointer;
  background: #fcfcfc;
  border-top: dashed 1px transparent;
  border-bottom: dashed 1px transparent;
  border-left: dashed 1px transparent;
  -webkit-transition: all 100ms linear;
  -moz-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  transition: all 100ms linear;
  color: #cbcbcb;
  border-bottom: solid 1px #ececec; }
  .e-people-list__item--disabled .e-people-list__item__image img, .e-people-list__item--disabled:first-of-type .e-people-list__item__image img {
    opacity: 0.5; }
  .e-people-list__item--disabled .e-people-list__item__image .e-people-list__item__absence, .e-people-list__item--disabled:first-of-type .e-people-list__item__image .e-people-list__item__absence {
    background: rgba(0, 166, 81, 0.51); }

.e-people-list__item--disabled .e-people-list__item__data, .e-people-list__item--disabled:first-of-type .e-people-list__item__data {
  cursor: pointer;
  background: #fcfcfc;
  border-top: dashed 1px transparent;
  border-right: dashed 1px transparent;
  border-bottom: dashed 1px transparent;
  -webkit-transition: all 100ms linear;
  -moz-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  transition: all 100ms linear;
  font-family: 'robotobold', sans-serif;
  color: #cbcbcb;
  border-bottom: solid 1px #ececec; }
  .e-people-list__item--disabled .e-people-list__item__data .e-people-list__item__name, .e-people-list__item--disabled .e-people-list__item__data .e-people-list__item__description, .e-people-list__item--disabled .e-people-list__item__data i:not(.e-label-icon--color), .e-people-list__item--disabled:first-of-type .e-people-list__item__data .e-people-list__item__name, .e-people-list__item--disabled:first-of-type .e-people-list__item__data .e-people-list__item__description, .e-people-list__item--disabled:first-of-type .e-people-list__item__data i:not(.e-label-icon--color) {
    color: #cbcbcb; }

.e-people-list__item--disabled:hover .e-people-list__item__data, .e-people-list__item--disabled:hover .e-people-list__item__image {
  cursor: default;
  cursor: pointer;
  background: #fcfcfc;
  border-top: dashed 1px transparent;
  border-right: dashed 1px transparent;
  border-bottom: dashed 1px transparent;
  border-left: dashed 1px transparent;
  -webkit-transition: all 100ms linear;
  -moz-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  transition: all 100ms linear; }

.e-people-list__item__data--middle {
  border-right: none !important; }

.e-people-list__item__data--420 {
  width: 420px; }

.e-people-list__item__data--5pr {
  width: 5%; }

.e-people-list__item__data--10pr {
  width: 10%; }

.e-people-list__item__data--15pr {
  width: 15%; }

.e-people-list__item__data--20pr {
  width: 20%; }

.e-people-list__item__data--25pr {
  width: 25%; }

.e-people-list__item__data--30pr {
  width: 30%; }

.e-people-list__item__data--35pr {
  width: 35%; }

.e-people-list__item__data--40pr {
  width: 40%; }

.e-people-list__item__data--45pr {
  width: 45%; }

.e-people-list__item__data--50pr {
  width: 50%; }

.e-people-list__item__data--55pr {
  width: 55%; }

.e-people-list__item__data--60pr {
  width: 60%; }

.e-people-list__item__data--65pr {
  width: 65%; }

.e-people-list__item__data--70pr {
  width: 70%; }

.e-people-list__item__data--75pr {
  width: 75%; }

.e-people-list__item__data--80pr {
  width: 80%; }

.e-people-list__item__data--85pr {
  width: 85%; }

.e-people-list__item__data--90pr {
  width: 90%; }

.e-people-list__item__data--95pr {
  width: 95%; }

.e-people-list__item__data--100pr {
  width: 100%; }

.e-people-list-sidebar__list__item--new .e-people-list-sidebar__list__item__name, .e-people-list-sidebar__list__item--new .e-people-list-sidebar__list__item__position {
  font-family: 'robotobold', sans-serif;
  color: #3d5569; }

.e-people-list-sidebar__show-all {
  width: 100%;
  padding: 0 10px 5px 5px;
  text-align: right; }

.e-people-search {
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 10px 5px 5px 5px; }

.e-people-search__icon {
  position: absolute;
  top: 14px;
  left: 10px;
  color: #929292; }

.e-people-search__input {
  width: 100%;
  height: 30px;
  border-color: #797e87;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0 12px 0 30px !important;
  line-height: 1.2 !important; }

.e-people-list-sidebar__list--tree {
  border-left: solid 1px #f3f3f3;
  border-right: solid 1px #f3f3f3;
  background: #fdfdfd;
  margin-left: 5px;
  width: 182px; }
  .e-people-list-sidebar__list--tree .e-people-list-sidebar__list__item {
    min-height: 20px !important; }
  .e-people-list-sidebar__list--tree .e-people-list-sidebar__list__item__data {
    max-width: 190px;
    width: 190px;
    height: 20px; }
  .e-people-list-sidebar__list--tree .e-people-list-sidebar__list__item:hover .e-people-list-sidebar__list__item__data, .e-people-list-sidebar__list--tree .e-people-list-sidebar__list__item:hover .e-people-list-sidebar__list__item__remove, .e-people-list-sidebar__list--tree .e-people-list-sidebar__list__item:hover .e-people-list-sidebar__list__item__image {
    background: none;
    border-color: transparent; }

.e-people-list-sidebar--small .e-people-list-sidebar__list__item {
  height: 23px !important;
  min-height: 23px !important; }
  .e-people-list-sidebar--small .e-people-list-sidebar__list__item .e-people-list-sidebar__list__item__data {
    display: table-cell;
    height: 23px;
    width: 220px;
    max-width: 220px;
    padding: 0 0 0 5px;
    vertical-align: middle; }
    .e-people-list-sidebar--small .e-people-list-sidebar__list__item .e-people-list-sidebar__list__item__data .e-people-list-sidebar__list__item__name {
      height: 23px;
      min-height: 23px; }

.e-people-list-sidebar__list__item:hover .item__data--border-left {
  border-left: dashed 1px #9cc3d9; }

.e-people-list-sidebar__sublist {
  max-height: 190px;
  width: 180px;
  background: transparent url("/Content/tms/_img/bg-strips.png") repeat 0 0;
  border-top: solid 1px #ededed;
  border-bottom: solid 1px #ededed; }
  .e-people-list-sidebar__sublist .e-people-list-sidebar__list__item__data {
    width: 110px; }
  .e-people-list-sidebar__sublist .jspVerticalBar {
    right: 5px; }
  .e-people-list-sidebar__sublist .jspArrowUp, .e-people-list-sidebar__sublist .jspArrowDown {
    height: 10px !important;
    background: transparent !important; }
  .e-people-list-sidebar__sublist .e-people-list-sidebar__list__item {
    height: 41px !important; }

.item__name--bold {
  font-family: 'robotomedium', sans-serif !important; }

.e-people-list--static .e-people-list__item .e-people-list__item__data, .e-people-list--static .e-people-list-sidebar__list__item .e-people-list__item__data, .e-people-list--static .e-people-list__item .e-people-list__item__image, .e-people-list--static .e-people-list-sidebar__list__item .e-people-list__item__image {
  cursor: default !important; }

.e-people-list__item--merge-skills .e-people-list__item__data {
  height: 71px;
  vertical-align: top;
  padding-top: 5px; }
  .e-people-list__item--merge-skills .e-people-list__item__data.e-people-list__item__data--icons {
    text-align: right;
    padding: 15px 50px 10px 0;
    color: #1c9cd8;
    font-size: 12px; }
  .e-people-list__item--merge-skills .e-people-list__item__data.e-people-list__item__data__sklills-title {
    padding: 10px 10px 10px 10px;
    width: 400px; }
  .e-people-list__item--merge-skills .e-people-list__item__data .e-people-list__item__checkbox {
    top: 28px;
    right: 10px; }

.e-people-list-sidebar__list__item--merge-skills .e-people-list-sidebar__list__item__data {
  width: 170px; }

.e-people-list-sidebar__list__item--merge-skills .e-people-list-sidebar__list__item__cancel {
  right: 5px; }

.e-people-list-sidebar__list__item--merge-skills:hover .e-people-list-sidebar__list__item__data {
  border-left: dashed 1px #9cc3d9; }

.e-people-list-sidebar__container--one-scroll {
  margin-right: 0; }

.e-people-list__icon-placeholder {
  float: right;
  width: 25px;
  height: 25px;
  margin-top: 10px; }

.e-people-list__icon-placeholder--long {
  width: 50px; }

.e-people-list__item__data--actions {
  padding-left: 0;
  width: 20px; }

.e-people-list__item__data--actions-status {
  padding-right: 0; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
/* Lista ludzików uzywana w panelu bocznym */
.e-people-list-sidebar {
  background: #f9f9f9;
  border: solid 1px #e7e7e7;
  padding-bottom: 0;
  /*padding: 10px 0 10px 5px;*/ }

.e-people-list-sidebar__container {
  margin-right: 10px; }

.e-people-list-sidebar--picker {
  border: solid 1px #e7e7e7;
  border-top: 0;
  border-right: 0;
  border-bottom: 0; }

.e-people-list-sidebar__main-header {
  padding: 10px 5px 5px 8px;
  font-size: 12px;
  color: #717273; }

.e-people-list-sidebar__header {
  position: relative;
  padding: 3px 10px;
  margin: 5px 0;
  background: #edeff1;
  color: #717273;
  font-size: 11px;
  cursor: pointer;
  overflow: hidden; }
  .e-people-list-sidebar__header--no-margin {
    margin: 0px;
    padding: 5px 10px;
    background: none; }
  .e-people-list-sidebar__header .e-poeple-list-sidebar__header__items {
    text-transform: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }

.e-people-list-sidebar__header__toggle {
  position: absolute;
  right: 5px;
  text-transform: none; }
  .e-people-list-sidebar__header__toggle a {
    font-size: 10px; }

.e-people-list-sidebar__list {
  margin-bottom: 5px; }

.e-people-list-sidebar__list__item {
  cursor: pointer;
  min-height: 41px !important; }

.e-people-list-sidebar--noncliclable .e-people-list-sidebar__list__item__image, .e-people-list-sidebar--noncliclable .e-people-list-sidebar__list__item__data, .e-people-list-sidebar--noncliclable .e-people-list-sidebar__list__item__remove {
  cursor: default !important; }

.e-people-list-sidebar__list__item__absence {
  display: block;
  width: 30px;
  height: 3px;
  background-color: #a00f00; }

.e-people-list-sidebar__list__item__absence--present {
  background-color: #00a651; }

.e-people-list-sidebar__list__item__absence--hidden {
  display: none; }

.e-people-list-sidebar__list__item__image {
  display: table-cell;
  width: 42px;
  border: solid 1px transparent;
  padding: 3px 0 3px 5px; }
  .e-people-list-sidebar__list__item__image img {
    width: 30px; }

.e-people-list-sidebar__list__item__data {
  display: table-cell;
  padding: 0 10px;
  padding-top: 0 !important;
  vertical-align: middle;
  border: solid 1px transparent;
  position: relative;
  height: 41px; }

.e-people-list-sidebar__list__item__name {
  font-size: 11px;
  color: #929292; }
  .e-people-list-sidebar__list__item__name > a {
    color: #1c9cd8; }

.e-people-list-sidebar__list__item__cancel {
  position: absolute;
  right: 10px;
  font-size: 16px;
  color: #f4999e; }

.e-people-list-sidebar__list__item__cancel:hover {
  color: #db0a0a; }

.e-people-list-sidebar__list__item__position {
  font-size: 10px;
  color: #929292; }

.e-people-list-sidebar__list__item__remove {
  display: table-cell;
  padding: 0 0;
  padding-top: 0 !important;
  vertical-align: middle;
  border: solid 1px transparent;
  position: relative;
  width: 24px; }
  .e-people-list-sidebar__list__item__remove .e-people-list-sidebar__list__item__cancel {
    position: relative; }

.e-people-list-sidebar--questions-library {
  position: relative;
  left: -1px;
  border: solid 1px #e7e7e7; }
  .e-people-list-sidebar--questions-library--no-border {
    border: none; }

.e-people-list-sidebar__container--background {
  height: 100%;
  background: #f9f9f9; }

.e-add-message {
  display: block;
  width: 100%;
  border: solid 1px #dcdcdc;
  float: left; }

.e-add-message__row {
  display: block;
  position: relative;
  padding: 5px 0 0 0; }

.e-add-message__image {
  display: block;
  position: absolute;
  left: 10px;
  top: 10px;
  width: 50px; }

.e-add-message__editor {
  display: block; }
  .e-add-message__editor .e-simple-editor__input {
    padding-left: 60px;
    padding-right: 10px; }
  .e-add-message__editor .simple-post-editor-visibility-info {
    display: none; }

.e-chat {
  display: block;
  padding: 1px 1px 1px 0;
  min-height: 200px;
  border: solid 1px #dcdcdc;
  border-bottom: none; }

.e-chat__list:focus {
  outline: none; }

.e-chat__table {
  display: table;
  width: 100%;
  padding: 10px; }

.e-chat__row {
  display: table-row; }

.e-chat__row--pending {
  display: table-row;
  width: 100%;
  color: #dcdcdc; }

.e-chat__message-content__failed {
  font-size: 11px;
  color: red; }

.e-chat__user-photo {
  display: table-cell;
  vertical-align: top;
  width: 50px;
  padding: 10px 0; }
  .e-chat__user-photo img {
    width: 41px; }

.e-chat__message {
  display: table-cell;
  vertical-align: top;
  position: relative;
  padding: 10px 0; }

.e-chat__username {
  font-size: 14px;
  color: #3d5569; }

.e-chat__message-content {
  font-size: 12px; }

.e-chat__load-older {
  float: right;
  margin-top: 3px; }

.e-chat__seen__table {
  display: table;
  width: 100%; }

.e-chat__seen__table__row {
  display: table-row; }

.e-chat__seen__table__row__td {
  display: table-cell;
  vertical-align: middle;
  color: #c5cbcc; }

.e-chat__seen__table__row__td--hr {
  width: 100%; }

.e-chat__seen__table__row__td--txt {
  white-space: nowrap;
  padding-left: 10px; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.e-employee-header {
  display: table; }

.e-employee-header--objectives {
  min-height: 70px; }

.e-employee-header--fixed {
  table-layout: fixed; }

.e-employee-header__user-info--full {
  width: 100%; }

.e-employee-header--small {
  display: table;
  width: 100%;
  margin-bottom: 5px; }

.e-employee-header__row {
  width: 100%;
  display: table-row; }

.e-employee-header__row__addons {
  display: table-cell;
  vertical-align: bottom;
  padding-bottom: 10px; }

.e-employee-header__image {
  display: table-cell;
  vertical-align: top;
  width: 60px; }
  .e-employee-header__image img {
    width: 100%; }

.e-employee-header__absence {
  float: left;
  width: 100%;
  height: 5px; }

.e-employee-header__absence--present {
  background-color: #00a651; }

.e-employee-header__absence--absent {
  background-color: #c30909; }

.e-employee-header__user-info {
  display: table-cell;
  vertical-align: middle;
  padding-left: 10px; }

.e-employee-header__user-info--top {
  vertical-align: top; }

.e-employee-header__user-info__info {
  float: left;
  width: 100%;
  height: 38px; }

.e-employee-header__user-info__info--auto-height {
  height: auto; }

.e-employee-header__user-name {
  font-size: 20px;
  line-height: 20px;
  margin: 0;
  padding: 0; }
  .e-employee-header__user-name a {
    color: #3d5569;
    font-family: "robotolight", sans-serif; }

.e-employee-header__position, .e-employee-header__company-unit {
  font-size: 12px; }

.e-employee-header__contact {
  float: left;
  width: 100%;
  padding: 0;
  margin: 3px 0 0;
  background: #f9f9f9; }

.e-employee-header__e-mail, .e-employee-header__phone {
  float: left;
  font-size: 12px;
  margin-right: 10px;
  color: #929292;
  padding: 4px 4px; }

.e-employee-header__phone:last-of-type, .e-employee-header__e-mail:last-of-type {
  margin-right: 0; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.e-tabs {
  position: relative;
  float: left;
  width: 100%;
  margin: 0 0 10px 0;
  padding: 0 0 0 5px;
  list-style: none; }

.e-tabs--stripped {
  background: transparent url("/Content/tms/_img/bg-strips.png") repeat 0 0;
  border-bottom: solid 1px #dcdcdc; }

.e-tabs--pills {
  font-family: "robotomedium", sans-serif;
  padding-left: 10px;
  margin-bottom: 0;
  border-bottom: 1px solid #dddddd; }
  .e-tabs--pills .e-tabs__item {
    height: auto; }
    .e-tabs--pills .e-tabs__item a {
      float: left;
      position: relative;
      top: 4px;
      width: 100%;
      height: 26px;
      padding: 5px 10px;
      border: 1px solid #dddddd;
      border-bottom: none;
      background-color: #f1f1f1;
      font-size: 13px;
      color: #8D8D8F; }
      .e-tabs--pills .e-tabs__item a:hover {
        text-decoration: none; }
      .e-tabs--pills .e-tabs__item a:focus {
        outline: none;
        -webkit-box-shadow: 0px 0px 5px #2598da;
        box-shadow: 0px 0px 5px #2598da; }
  .e-tabs--pills .e-tabs__item--active a {
    float: left;
    top: 1px;
    padding: 6px 15px 5px;
    border-bottom: none;
    background-color: #faf9f9;
    font-size: 13px;
    color: #5f656d;
    -webkit-box-shadow: 6px 3px 0 -4px #ddddde, -6px 3px 0 -4px #ddddde;
    -moz-box-shadow: 6px 3px 0 -4px #ddddde, -6px 3px 0 -4px #ddddde;
    box-shadow: 6px 3px 0 -4px #ddddde, -6px 3px 0 -4px #ddddde;
    height: 30px; }

.e-tabs__item {
  float: left;
  margin: 0 5px 0 0;
  height: 35px;
  position: relative; }

.e-tabs--flat {
  margin-bottom: 0; }
  .e-tabs--flat .e-tabs__item.e-tabs__item--active a {
    padding: 5px 10px 8px;
    top: 10px; }

.e-tabs__item__link:hover {
  text-decoration: none; }

.e-tabs__item a {
  padding: 5px 10px;
  border: solid 1px #dcdcdc;
  border-bottom-width: 0;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  background: #f9f9f9;
  font-size: 14px;
  color: #3d5569;
  position: relative;
  top: 12px; }

.e-tabs__item--active a {
  background: #fff;
  padding: 8px 10px;
  top: 15px;
  font-family: "robotoregular", sans-serif; }
  .e-tabs__item--active a .e-badge {
    background-color: #ff5a11;
    color: #fff; }

.e-tabs__icon {
  font-size: 15px;
  line-height: 12px;
  margin-right: 3px; }

.e-tabs__content {
  float: left;
  width: 100%; }

.e-tabs__content--border {
  padding: 10px;
  border: 1px solid #dddddd;
  border-top: none; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.e-badge {
  padding: 2px 5px;
  margin: 0 5px 0 0;
  background-color: #dcdcdc;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 11px;
  font-family: "robotomedium", sans-serif;
  display: inline-block; }

.e-badge--group {
  margin: 0 5px 5px 0; }

.e-badge--small {
  padding: 0 4px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  font-size: 9px;
  line-height: 1.6; }

.e-badge--medium {
  padding: 0 4px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.6; }

.e-badge--orange {
  background-color: #ff5a11;
  color: #fff; }

.e-badge--blue {
  background-color: rgba(37, 152, 218, 0.6);
  color: #fff; }

.e-badge--red {
  background-color: #e41919;
  color: #fff; }

.e-badge--light {
  background-color: #f3f3f4;
  color: #a9a9a9;
  border: solid 1px #d6d6d6; }

.e-badge--dark-blue {
  background-color: #4099dc;
  color: #fff; }

.e-badge--green {
  background-color: #6abd59;
  color: #fff; }

.e-badge--grey {
  background-color: #a1a1a1;
  color: #fff; }

.e-badge--no-border {
  border: none; }

.e-badge--middle {
  position: relative;
  top: -0.2em; }

.e-badge--notification {
  position: absolute;
  top: 8px;
  right: 4px;
  padding: 1px 3px;
  background: #fd5345;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fd5345 0%, #d62504 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fd5345), color-stop(100%, #d62504));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fd5345 0%, #d62504 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fd5345 0%, #d62504 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fd5345 0%, #d62504 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #fd5345 0%, #d62504 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd5345', endColorstr='#d62504',GradientType=0 );
  /* IE6-9 */
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.35);
  cursor: pointer;
  color: #fff; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
/**
    Styl do poprawiania zagnieżdżonych styli zmieniających widok standardowych linków.
    Ta klasa przywraca standardowe stylowanie.
*/
a:focus {
  color: #2598da; }

.e-link--dark-bcg {
  background: rgba(0, 0, 0, 0.7); }

.e-link, .e-personal-card__data__team-leader__link {
  white-space: nowrap;
  color: #1c9cd8;
  padding: 1px 0.4em;
  display: inline-block; }
  .e-link:hover, .e-personal-card__data__team-leader__link:hover, .e-link:focus, .e-personal-card__data__team-leader__link:focus {
    background-color: #1c9cd8;
    color: #ffffff;
    text-decoration: none; }

.e-link--simple, .e-personal-card__data__team-leader__link {
  padding: 0;
  white-space: normal; }
  .e-link--simple:hover, .e-personal-card__data__team-leader__link:hover, .e-link--simple:focus, .e-personal-card__data__team-leader__link:focus {
    background: transparent;
    color: #1c9cd8;
    text-decoration: underline; }

.e-link--wrapped {
  white-space: normal; }

.e-link--tight {
  padding: 1px 0.3em; }

.e-link--with-icon {
  padding: 1px 0.3em 1px 0; }

.e-link--compensated {
  margin: -1px -0.4em; }

.e-link--compensated.e-link--with-icon {
  margin: -1px -0.4em -1px -0.8em; }

.e-link--breakable {
  white-space: normal; }

.e-link--margin-left {
  margin-left: 20px; }

.e-title-link {
  line-height: 1.3em;
  color: #5f656d !important;
  font-size: 20px;
  font-family: "robotobold", sans-serif; }

.e-simple-link {
  color: #1c9cd8; }

.e-link--objective {
  color: #3d5569;
  font-size: 13px; }
  .e-link--objective:hover {
    background: transparent;
    color: #2598da;
    text-decoration: none; }

.e-link--social {
  display: inline-block;
  width: 1.6em;
  height: 1.6em;
  padding: 0.1em 0;
  text-align: center;
  font-size: 18px;
  color: #bbbbbb; }

.e-dark-link {
  color: #3d5569; }
  .e-dark-link:hover {
    text-decoration: none; }

.e-social-container {
  float: left;
  width: 100%;
  margin: 0 -5px; }

.e-presence {
  height: 6px;
  width: 100%;
  display: block; }

.e-presence--small {
  height: 3px;
  width: 40px; }

.e-presence--icon {
  height: 3px;
  width: 30px; }

.e-presence--medium {
  height: 3px;
  width: 50px; }

.e-presence--present {
  background-color: #00a651; }

.e-presence--absent {
  background-color: #a00f00; }

.e-personal-card-hook {
  position: relative;
  width: 60px;
  height: 60px;
  margin: 0 auto;
  cursor: pointer; }

.e-personal-card-hook--wall {
  padding-top: 16px;
  padding-left: 5px; }

.e-personal-card {
  width: 400px;
  padding: 0;
  border: 1px dashed #9cc3d9;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 0 5px 0 rgba(155, 195, 215, 0.75);
  -moz-box-shadow: 0 0 5px 0 rgba(155, 195, 215, 0.75);
  box-shadow: 0 0 5px 0 rgba(155, 195, 215, 0.75);
  background: #fff;
  font-family: "robotolight", sans-serif;
  font-size: 11px;
  text-align: left;
  overflow: hidden;
  cursor: auto; }

.e-personal-card--flying {
  position: absolute;
  top: -1px;
  left: -6px;
  z-index: 100; }

.e-personal-card--big {
  width: 450px; }
  .e-personal-card--big .e-personal-card__avatar .e-avatar {
    width: 60px;
    height: 60px; }
  .e-personal-card--big .e-personal-card__data {
    margin-top: -5px;
    line-height: 1.6;
    width: 360px;
    font-family: "robotoregular", sans-serif;
    font-size: 12px; }
  .e-personal-card--big .e-personal-card__data__position {
    line-height: 1.3;
    font-size: 12px;
    font-family: "robotoregular", sans-serif;
    padding: 0 0 0 1px; }
  .e-personal-card--big .e-personal-card__data__unit {
    margin-top: 2px;
    line-height: 1.3;
    font-size: 12px;
    font-family: "robotoregular", sans-serif;
    padding: 0 0 0 1px; }
    .e-personal-card--big .e-personal-card__data__unit a {
      color: #2598da;
      font-family: "robotolight", sans-serif;
      font-size: 11px; }
  .e-personal-card--big .e-personal-card__avatar .e-label-icon {
    font-size: 42px; }

.e-personal-card__data__team-leader {
  padding-top: 10px; }

.e-personal-card__data__team-leader__link {
  font-size: 12px;
  line-height: 20px; }

.e-personal-card--no-contact .e-personal-card__info {
  padding-bottom: 25px; }

.e-personal-card__info__top-link {
  position: absolute;
  right: 5px; }

.e-personal-card--icon .e-personal-card__data {
  padding-left: 2px;
  margin-top: -5px; }

.e-personal-card--flying--unit {
  top: -1px; }

.e-personal-card--big.e-personal-card--unit .e-personal-card__data__unit {
  margin-top: 2px; }

.e-personal-card__info {
  padding: 10px 10px;
  overflow: hidden; }

.e-personal-card__bio {
  float: left;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 5px; }

.e-personal-card__bio__icon {
  float: left;
  width: 29px; }

.e-personal-card__bio__content {
  float: left;
  max-width: 85%;
  word-spacing: normal;
  color: #535353; }

.e-personal-card__avatar {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  float: left;
  padding-right: 0px;
  padding-left: 0px;
  margin: 0px 0px 0px 0px; }

.e-personal-card__data {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  float: left;
  padding-right: 5px;
  padding-left: 5px;
  margin: 0px 0px 0px 0px;
  width: 335px;
  padding-right: 0;
  padding-left: 7px;
  display: block; }

.e-personal-card__data__name {
  padding-left: 1px;
  font-family: "robotobold", sans-serif;
  font-size: 14px;
  color: #3d5569; }

.e-personal-card__data__unit {
  padding-left: 2px;
  color: #a1a1a1; }

.e-personal-card__data__position {
  padding-left: 2px;
  color: #a1a1a1; }

.e-personal-card__contact {
  line-height: 1.8;
  padding: 5px 0;
  float: left;
  width: 100%; }

.e-personal-card__contact__tel {
  float: left;
  width: 50%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block; }
  .e-personal-card__contact__tel a {
    line-height: 24px;
    font-size: 11px;
    padding-top: 1px !important; }

.e-personal-card__links {
  float: left;
  width: 50%;
  padding: 0 10px 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  line-height: 1.5; }
  .e-personal-card__links .e-personal-card__links__heading {
    float: left;
    margin-top: -6px;
    margin-bottom: 4px;
    background-color: #fff;
    font-size: 11px;
    font-family: "robotoregular", sans-serif;
    color: #5f656d; }
    .e-personal-card__links .e-personal-card__links__heading:after {
      clear: both; }
  .e-personal-card__links a {
    float: left;
    color: #1c9cd8;
    margin-left: 10px;
    width: 100%;
    display: block; }

.e-personal-card__links--last {
  border-right: none; }

.e-personal-card__links--full {
  width: 100%; }

.e-personal-card__contact__mail {
  float: left;
  font-size: 12px;
  margin-right: 10px;
  color: #929292; }
  .e-personal-card__contact__mail a {
    line-height: 24px;
    font-size: 12px; }

.e-personal-card__contact__mail--big {
  width: 100%;
  margin-bottom: 4px; }
  .e-personal-card__contact__mail--big i {
    top: 4px; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.e-progress-bar {
  position: relative;
  height: 8px;
  width: 160px;
  display: inline-block; }

.e-progress-bar--short {
  width: 100px; }

.e-progress-bar--full {
  width: 100%; }

.e-progress-bar--blue .e-progress-bar__selection {
  background-color: #2597da; }

.e-progress-bar--hoverable .e-progress-bar__selection {
  opacity: 0.6;
  cursor: pointer; }
  .e-progress-bar--hoverable .e-progress-bar__selection:hover {
    opacity: 1; }

.e-progress-bar__number {
  position: absolute;
  font-size: 10px;
  top: -15px;
  width: 17px;
  text-align: center; }
  .e-progress-bar__number span {
    margin-left: -50%;
    width: 100%;
    white-space: pre; }

.e-progress-bar__number--100 {
  right: 0;
  text-align: right; }
  .e-progress-bar__number--100 span {
    margin-left: 0; }

.e-progress-bar__number--top-mark {
  top: -15px;
  width: 25px; }
  .e-progress-bar__number--top-mark.e-progress-bar__number--zero, .e-progress-bar__number--top-mark.e-progress-bar__number--100 {
    top: -15px; }

.e-progress-bar__scale {
  position: absolute;
  top: -1px;
  left: 0;
  right: 0;
  bottom: -1px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #e1e1e2; }

.e-progress-bar__number--zero, .e-progress-bar__number--100 {
  top: 25px; }

.e-progress-bar__selection {
  position: absolute;
  top: 0px;
  left: 0;
  bottom: -1px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-color: #5ebd5e;
  -moz-transition: width 0.5s ease-in-out;
  -o-transition: width 0.5s ease-in-out;
  -webkit-transition: width 0.5s ease-in-out;
  transition: width 0.5s ease-in-out;
  padding-right: 0px;
  max-width: 100%; }

.e-progress-bar__text {
  position: relative;
  top: 2px;
  text-align: center; }
  .e-progress-bar__text--value {
    color: #535353;
    font-family: "robotomedium", sans-serif; }

.e-progress-bar--with-label {
  font-size: 12px;
  height: 20px;
  border-radius: 4px;
  /*&.e-progress-bar--max {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        .e-progress-bar__selection {
            $triangleHeight: $progressBarHeight/2;
            $gap: 5px;
            $widthOfMax: 30px;
            width: 100%;
            border-right: 1px solid #5ebd5e;
            text-indent: 150%;
            white-space: nowrap;
            &:before {
                content: '';
                position: absolute;
                right: -($triangleHeight + 1);
                width: 0;
                height: 0;
                border-left: $triangleHeight solid #5ebd5e;
                border-top: $triangleHeight solid transparent;
                border-bottom: $triangleHeight solid transparent;
                z-index: 5;
            }
            
            &:after {
                content: attr(data-value) '%';
                position: absolute;
                padding-left: $widthOfMax;
                text-indent: -$widthOfMax;
                line-height: 0;
                right: -($triangleHeight * 2 + 1) - $gap - $widthOfMax;
                height: 0;
                width: 0;
                border-left: $triangleHeight solid #fff;
                border-right: $triangleHeight solid #5ebd5e;
                border-top: $triangleHeight solid #5ebd5e;
                border-bottom: $triangleHeight solid #5ebd5e;
                background: #fff;
                border-top-right-radius: 4px;
                border-bottom-right-radius: 4px;
            }
        }
    }*/ }
  .e-progress-bar--with-label .e-progress-bar__selection {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    font: 12px "robotomedium", sans-serif;
    text-align: right;
    line-height: 18px; }
  .e-progress-bar--with-label.e-progress-bar--max .e-progress-bar__selection {
    border-radius: 4px; }

.e-progress-bar--with-small-label {
  font-size: 10px;
  height: 18px;
  border-radius: 4px;
  /*&.e-progress-bar--max {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        .e-progress-bar__selection {
            $triangleHeight: $progressBarHeight/2;
            $gap: 5px;
            $widthOfMax: 30px;
            width: 100%;
            border-right: 1px solid #5ebd5e;
            text-indent: 150%;
            white-space: nowrap;
            &:before {
                content: '';
                position: absolute;
                right: -($triangleHeight + 1);
                width: 0;
                height: 0;
                border-left: $triangleHeight solid #5ebd5e;
                border-top: $triangleHeight solid transparent;
                border-bottom: $triangleHeight solid transparent;
                z-index: 5;
            }
            
            &:after {
                content: attr(data-value) '%';
                position: absolute;
                padding-left: $widthOfMax;
                text-indent: -$widthOfMax;
                line-height: 0;
                right: -($triangleHeight * 2 + 1) - $gap - $widthOfMax;
                height: 0;
                width: 0;
                border-left: $triangleHeight solid #fff;
                border-right: $triangleHeight solid #5ebd5e;
                border-top: $triangleHeight solid #5ebd5e;
                border-bottom: $triangleHeight solid #5ebd5e;
                background: #fff;
                border-top-right-radius: 4px;
                border-bottom-right-radius: 4px;
            }
        }
    }*/ }
  .e-progress-bar--with-small-label .e-progress-bar__selection {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    font: 10px "robotomedium", sans-serif;
    text-align: right;
    line-height: 16px; }
  .e-progress-bar--with-small-label.e-progress-bar--max .e-progress-bar__selection {
    border-radius: 4px; }

.e-progress-bar--with-label--green {
  background: #fff;
  border: 1px solid #5ebd5e; }
  .e-progress-bar--with-label--green .e-progress-bar__selection {
    background: #5ebd5e;
    color: #fff; }
    .e-progress-bar--with-label--green .e-progress-bar__selection[style~="width: 0%"] {
      color: #a1a1a1;
      padding-right: 0;
      left: 5px;
      width: 15px !important;
      background-color: transparent; }
    .e-progress-bar--with-label--green .e-progress-bar__selection:not([style~="width: 0%"]) {
      min-width: 0em; }
  .e-progress-bar--with-label--green.e-progress-bar--max .e-progress-bar__selection:before {
    border-left-color: #5ebd5e; }
  .e-progress-bar--with-label--green.e-progress-bar--max .e-progress-bar__selection:after {
    border-left-color: #fff;
    border-right-color: #5ebd5e;
    border-top-color: #5ebd5e;
    border-bottom-color: #5ebd5e;
    background: #fff; }

.e-progress-bar--with-label--grey {
  background: #fff;
  border: 1px solid #dfe3e9; }
  .e-progress-bar--with-label--grey .e-progress-bar__selection {
    background: #dfe3e9;
    color: #535353; }
    .e-progress-bar--with-label--grey .e-progress-bar__selection[style~="width: 0%"] {
      color: #535353;
      padding-right: 0;
      left: 5px;
      width: 15px !important;
      background-color: transparent; }
    .e-progress-bar--with-label--grey .e-progress-bar__selection:not([style~="width: 0%"]) {
      min-width: 0em; }
  .e-progress-bar--with-label--grey.e-progress-bar--max .e-progress-bar__selection:before {
    border-left-color: #dfe3e9; }
  .e-progress-bar--with-label--grey.e-progress-bar--max .e-progress-bar__selection:after {
    border-left-color: #fff;
    border-right-color: #dfe3e9;
    border-top-color: #dfe3e9;
    border-bottom-color: #dfe3e9;
    background: #fff; }

.e-progress-bar--with-label--green-grey {
  background: #dfe3e9;
  border: 1px solid transparent; }
  .e-progress-bar--with-label--green-grey .e-progress-bar__selection {
    background: #5ebd5e;
    color: #fff; }
    .e-progress-bar--with-label--green-grey .e-progress-bar__selection[style~="width: 0%"] {
      color: transparent;
      padding-right: 0;
      left: 5px;
      width: 15px !important;
      background-color: transparent; }
    .e-progress-bar--with-label--green-grey .e-progress-bar__selection:not([style~="width: 0%"]) {
      min-width: 0em; }
  .e-progress-bar--with-label--green-grey.e-progress-bar--max .e-progress-bar__selection:before {
    border-left-color: #5ebd5e; }
  .e-progress-bar--with-label--green-grey.e-progress-bar--max .e-progress-bar__selection:after {
    border-left-color: #dfe3e9;
    border-right-color: #5ebd5e;
    border-top-color: #5ebd5e;
    border-bottom-color: #5ebd5e;
    background: #dfe3e9; }

.e-progress-bar--with-label--no-value {
  background: #dfe3e9;
  border: 1px solid transparent; }
  .e-progress-bar--with-label--no-value .e-progress-bar__selection {
    background: #dfe3e9;
    color: #a1a1a1; }
    .e-progress-bar--with-label--no-value .e-progress-bar__selection[style~="width: 0%"] {
      color: #a1a1a1;
      padding-right: 0;
      left: 5px;
      width: 15px !important;
      background-color: transparent; }
    .e-progress-bar--with-label--no-value .e-progress-bar__selection:not([style~="width: 0%"]) {
      min-width: 0em; }
  .e-progress-bar--with-label--no-value.e-progress-bar--max .e-progress-bar__selection:before {
    border-left-color: #dfe3e9; }
  .e-progress-bar--with-label--no-value.e-progress-bar--max .e-progress-bar__selection:after {
    border-left-color: #dfe3e9;
    border-right-color: #dfe3e9;
    border-top-color: #dfe3e9;
    border-bottom-color: #dfe3e9;
    background: #dfe3e9; }

.e-progress-bar--with-label--green-border-grey {
  background: #fff;
  border: 1px solid #dfe3e9; }
  .e-progress-bar--with-label--green-border-grey .e-progress-bar__selection {
    background: #5ebd5e;
    color: #fff; }
    .e-progress-bar--with-label--green-border-grey .e-progress-bar__selection[style~="width: 0%"] {
      color: transparent;
      padding-right: 0;
      left: 5px;
      width: 15px !important;
      background-color: transparent; }
    .e-progress-bar--with-label--green-border-grey .e-progress-bar__selection:not([style~="width: 0%"]) {
      min-width: 0em; }
  .e-progress-bar--with-label--green-border-grey.e-progress-bar--max .e-progress-bar__selection:before {
    border-left-color: #5ebd5e; }
  .e-progress-bar--with-label--green-border-grey.e-progress-bar--max .e-progress-bar__selection:after {
    border-left-color: #fff;
    border-right-color: #5ebd5e;
    border-top-color: #5ebd5e;
    border-bottom-color: #5ebd5e;
    background: #fff; }

.e-progress-bar--with-label--light-green-border-grey {
  background: #fff;
  border: 1px solid #dfe3e9; }
  .e-progress-bar--with-label--light-green-border-grey .e-progress-bar__selection {
    background: #8ed08e;
    color: #fff; }
    .e-progress-bar--with-label--light-green-border-grey .e-progress-bar__selection[style~="width: 0%"] {
      color: transparent;
      padding-right: 0;
      left: 5px;
      width: 15px !important;
      background-color: transparent; }
    .e-progress-bar--with-label--light-green-border-grey .e-progress-bar__selection:not([style~="width: 0%"]) {
      min-width: 0em; }
  .e-progress-bar--with-label--light-green-border-grey.e-progress-bar--max .e-progress-bar__selection:before {
    border-left-color: #8ed08e; }
  .e-progress-bar--with-label--light-green-border-grey.e-progress-bar--max .e-progress-bar__selection:after {
    border-left-color: #fff;
    border-right-color: #8ed08e;
    border-top-color: #8ed08e;
    border-bottom-color: #8ed08e;
    background: #fff; }

.e-progress-bar--with-label--red {
  background: #fff;
  border: 1px solid #ff6666; }
  .e-progress-bar--with-label--red .e-progress-bar__selection {
    background: #ff3333;
    color: #fff; }
    .e-progress-bar--with-label--red .e-progress-bar__selection[style~="width: 0%"] {
      color: #a1a1a1;
      padding-right: 0;
      left: 5px;
      width: 15px !important;
      background-color: transparent; }
    .e-progress-bar--with-label--red .e-progress-bar__selection:not([style~="width: 0%"]) {
      min-width: 0em; }
  .e-progress-bar--with-label--red.e-progress-bar--max .e-progress-bar__selection:before {
    border-left-color: #ff3333; }
  .e-progress-bar--with-label--red.e-progress-bar--max .e-progress-bar__selection:after {
    border-left-color: #fff;
    border-right-color: #ff3333;
    border-top-color: #ff3333;
    border-bottom-color: #ff3333;
    background: #fff; }

.e-progress-bar__selection--0 {
  width: 0%;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0; }

.e-progress-bar__selection--5 {
  width: 5%;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0; }

.e-progress-bar__selection--10 {
  width: 10%;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0; }

.e-progress-bar__selection--15 {
  width: 15%;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0; }

.e-progress-bar__selection--20 {
  width: 20%;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0; }

.e-progress-bar__selection--25 {
  width: 25%;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0; }

.e-progress-bar__selection--30 {
  width: 30%;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0; }

.e-progress-bar__selection--35 {
  width: 35%;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0; }

.e-progress-bar__selection--40 {
  width: 40%;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0; }

.e-progress-bar__selection--45 {
  width: 45%;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0; }

.e-progress-bar__selection--50 {
  width: 50%;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0; }

.e-progress-bar__selection--55 {
  width: 55%;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0; }

.e-progress-bar__selection--60 {
  width: 60%;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0; }

.e-progress-bar__selection--65 {
  width: 65%;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0; }

.e-progress-bar__selection--70 {
  width: 70%;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0; }

.e-progress-bar__selection--75 {
  width: 75%;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0; }

.e-progress-bar__selection--80 {
  width: 80%;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0; }

.e-progress-bar__selection--85 {
  width: 85%;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0; }

.e-progress-bar__selection--90 {
  width: 90%;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0; }

.e-progress-bar__selection--95 {
  width: 95%;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0; }

.e-progress-bar__selection[style~="width: 0"], .e-progress-bar__selection--0 {
  padding-right: 0; }

.e-progress-bar__selection--100 {
  width: 100%;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px; }

.e-progress-bar--with-label--no-value .e-progress-bar__selection {
  text-align: center;
  padding-right: 0; }
  .e-progress-bar--with-label--no-value .e-progress-bar__selection[style~="width: 0%"] {
    color: #a1a1a1;
    padding-right: 0;
    left: 5px;
    width: 100% !important;
    background-color: transparent; }
  .e-progress-bar--with-label--no-value .e-progress-bar__selection:not([style~="width: 0%"]) {
    min-width: 0em; }

.e-progress-bar--with-label--small {
  width: 100px;
  height: 15px;
  font-size: 9px;
  line-height: 9px;
  border: solid 1px #8ed08e; }
  .e-progress-bar--with-label--small .e-progress-bar__selection {
    background: #def1de;
    height: 13px;
    border-radius: 3px; }

.e-progress-bar--with-label--small.e-progress-bar--with-label--small--green {
  border: solid 1px #8ed08e;
  color: #3d5569; }
  .e-progress-bar--with-label--small.e-progress-bar--with-label--small--green .e-progress-bar__selection {
    background: #def1de; }

.e-progress-bar--with-label--small.e-progress-bar--with-label--small--red {
  border: solid 1px #fb9d9d;
  color: #3d5569; }
  .e-progress-bar--with-label--small.e-progress-bar--with-label--small--red .e-progress-bar__selection {
    background: #fdcece; }

.e-progress-bar__num {
  position: relative;
  z-index: 1;
  display: block;
  width: 100px;
  top: 2px;
  font-size: 11px;
  font-family: "robotomedium", sans-serif;
  text-align: center; }

.e-progress-bar__num--small {
  width: 100px;
  font-size: 9px;
  line-height: 10px;
  font-family: "robotolight", sans-serif; }

.e-progress-bar__num--big {
  width: 100%;
  color: #3d5569; }

.e-objective-progress-bar {
  position: relative;
  float: left;
  width: 170px; }

.e-objective-progress-bar--long {
  width: 200px; }

/*
==============================================
CSS3 ANIMATION CHEAT SHEET
==============================================

Made by Justin Aguilar

www.justinaguilar.com/animations/

Questions, comments, concerns, love letters:
justin@justinaguilar.com

SASS mixins version made by Emplo.
==============================================
*/
/*
==============================================
slideDown
==============================================
*/
@keyframes slideDown {
  0% {
    transform: translateY(-100%); }
  50% {
    transform: translateY(8%); }
  65% {
    transform: translateY(-4%); }
  80% {
    transform: translateY(4%); }
  95% {
    transform: translateY(-2%); }
  100% {
    transform: translateY(0%); } }

@-webkit-keyframes slideDown {
  0% {
    -webkit-transform: translateY(-100%); }
  50% {
    -webkit-transform: translateY(8%); }
  65% {
    -webkit-transform: translateY(-4%); }
  80% {
    -webkit-transform: translateY(4%); }
  95% {
    -webkit-transform: translateY(-2%); }
  100% {
    -webkit-transform: translateY(0%); } }

/*
==============================================
slideUp
==============================================
*/
@keyframes slideUp {
  0% {
    transform: translateY(100%); }
  50% {
    transform: translateY(-8%); }
  65% {
    transform: translateY(4%); }
  80% {
    transform: translateY(-4%); }
  95% {
    transform: translateY(2%); }
  100% {
    transform: translateY(0%); } }

@-webkit-keyframes slideUp {
  0% {
    -webkit-transform: translateY(100%); }
  50% {
    -webkit-transform: translateY(-8%); }
  65% {
    -webkit-transform: translateY(4%); }
  80% {
    -webkit-transform: translateY(-4%); }
  95% {
    -webkit-transform: translateY(2%); }
  100% {
    -webkit-transform: translateY(0%); } }

/*
==============================================
slideLeft
==============================================
*/
@keyframes slideLeft {
  0% {
    transform: translateX(150%); }
  50% {
    transform: translateX(-8%); }
  65% {
    transform: translateX(4%); }
  80% {
    transform: translateX(-4%); }
  95% {
    transform: translateX(2%); }
  100% {
    transform: translateX(0%); } }

@-webkit-keyframes slideLeft {
  0% {
    -webkit-transform: translateX(150%); }
  50% {
    -webkit-transform: translateX(-8%); }
  65% {
    -webkit-transform: translateX(4%); }
  80% {
    -webkit-transform: translateX(-4%); }
  95% {
    -webkit-transform: translateX(2%); }
  100% {
    -webkit-transform: translateX(0%); } }

/*
==============================================
slideRight
==============================================
*/
@keyframes slideRight {
  0% {
    transform: translateX(-150%); }
  50% {
    transform: translateX(8%); }
  65% {
    transform: translateX(-4%); }
  80% {
    transform: translateX(4%); }
  95% {
    transform: translateX(-2%); }
  100% {
    transform: translateX(0%); } }

@-webkit-keyframes slideRight {
  0% {
    -webkit-transform: translateX(-150%); }
  50% {
    -webkit-transform: translateX(8%); }
  65% {
    -webkit-transform: translateX(-4%); }
  80% {
    -webkit-transform: translateX(4%); }
  95% {
    -webkit-transform: translateX(-2%); }
  100% {
    -webkit-transform: translateX(0%); } }

/*
==============================================
slideExpandUp
==============================================
*/
@keyframes slideExpandUp {
  0% {
    transform: translateY(100%) scaleX(0.5); }
  30% {
    transform: translateY(-8%) scaleX(0.5); }
  40% {
    transform: translateY(2%) scaleX(0.5); }
  50% {
    transform: translateY(0%) scaleX(1.1); }
  60% {
    transform: translateY(0%) scaleX(0.9); }
  70% {
    transform: translateY(0%) scaleX(1.05); }
  80% {
    transform: translateY(0%) scaleX(0.95); }
  90% {
    transform: translateY(0%) scaleX(1.02); }
  100% {
    transform: translateY(0%) scaleX(1); } }

@-webkit-keyframes slideExpandUp {
  0% {
    -webkit-transform: translateY(100%) scaleX(0.5); }
  30% {
    -webkit-transform: translateY(-8%) scaleX(0.5); }
  40% {
    -webkit-transform: translateY(2%) scaleX(0.5); }
  50% {
    -webkit-transform: translateY(0%) scaleX(1.1); }
  60% {
    -webkit-transform: translateY(0%) scaleX(0.9); }
  70% {
    -webkit-transform: translateY(0%) scaleX(1.05); }
  80% {
    -webkit-transform: translateY(0%) scaleX(0.95); }
  90% {
    -webkit-transform: translateY(0%) scaleX(1.02); }
  100% {
    -webkit-transform: translateY(0%) scaleX(1); } }

/*
==============================================
expandUp
==============================================
*/
@keyframes expandUp {
  0% {
    transform: translateY(100%) scale(0.6) scaleY(0.5); }
  60% {
    transform: translateY(-7%) scaleY(1.12); }
  75% {
    transform: translateY(3%); }
  100% {
    transform: translateY(0%) scale(1) scaleY(1); } }

@-webkit-keyframes expandUp {
  0% {
    -webkit-transform: translateY(100%) scale(0.6) scaleY(0.5); }
  60% {
    -webkit-transform: translateY(-7%) scaleY(1.12); }
  75% {
    -webkit-transform: translateY(3%); }
  100% {
    -webkit-transform: translateY(0%) scale(1) scaleY(1); } }

/*
==============================================
fadeIn
==============================================
*/
@keyframes fadeIn {
  0% {
    transform: scale(0);
    opacity: 0.0; }
  60% {
    transform: scale(1.1); }
  80% {
    transform: scale(0.9);
    opacity: 1; }
  100% {
    transform: scale(1);
    opacity: 1; } }

@-webkit-keyframes fadeIn {
  0% {
    -webkit-transform: scale(0);
    opacity: 0.0; }
  60% {
    -webkit-transform: scale(1.1); }
  80% {
    -webkit-transform: scale(0.9);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1);
    opacity: 1; } }

/*
==============================================
expandOpen
==============================================
*/
@keyframes expandOpen {
  0% {
    transform: scale(1.8); }
  50% {
    transform: scale(0.95); }
  80% {
    transform: scale(1.05); }
  90% {
    transform: scale(0.98); }
  100% {
    transform: scale(1); } }

@-webkit-keyframes expandOpen {
  0% {
    -webkit-transform: scale(1.8); }
  50% {
    -webkit-transform: scale(0.95); }
  80% {
    -webkit-transform: scale(1.05); }
  90% {
    -webkit-transform: scale(0.98); }
  100% {
    -webkit-transform: scale(1); } }

/*
==============================================
bigEntrance
==============================================
*/
@keyframes bigEntrance {
  0% {
    transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
    opacity: 0.2; }
  30% {
    transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
    opacity: 1; }
  45% {
    transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1; }
  60% {
    transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
    opacity: 1; }
  75% {
    transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1; }
  90% {
    transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1; }
  100% {
    transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1; } }

@-webkit-keyframes bigEntrance {
  0% {
    -webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
    opacity: 0.2; }
  30% {
    -webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
    opacity: 1; }
  45% {
    -webkit-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1; }
  60% {
    -webkit-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
    opacity: 1; }
  75% {
    -webkit-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1; }
  90% {
    -webkit-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1; } }

/*
==============================================
hatch
==============================================
*/
@keyframes hatch {
  0% {
    transform: rotate(0deg) scaleY(0.6); }
  20% {
    transform: rotate(-2deg) scaleY(1.05); }
  35% {
    transform: rotate(2deg) scaleY(1); }
  50% {
    transform: rotate(-2deg); }
  65% {
    transform: rotate(1deg); }
  80% {
    transform: rotate(-1deg); }
  100% {
    transform: rotate(0deg); } }

@-webkit-keyframes hatch {
  0% {
    -webkit-transform: rotate(0deg) scaleY(0.6); }
  20% {
    -webkit-transform: rotate(-2deg) scaleY(1.05); }
  35% {
    -webkit-transform: rotate(2deg) scaleY(1); }
  50% {
    -webkit-transform: rotate(-2deg); }
  65% {
    -webkit-transform: rotate(1deg); }
  80% {
    -webkit-transform: rotate(-1deg); }
  100% {
    -webkit-transform: rotate(0deg); } }

/*
==============================================
bounce
==============================================
*/
@keyframes bounce {
  0% {
    transform: translateY(0%) scaleY(0.6); }
  60% {
    transform: translateY(-100%) scaleY(1.1); }
  70% {
    transform: translateY(0%) scaleY(0.95) scaleX(1.05); }
  80% {
    transform: translateY(0%) scaleY(1.05) scaleX(1); }
  90% {
    transform: translateY(0%) scaleY(0.95) scaleX(1); }
  100% {
    transform: translateY(0%) scaleY(1) scaleX(1); } }

@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateY(0%) scaleY(0.6); }
  60% {
    -webkit-transform: translateY(-100%) scaleY(1.1); }
  70% {
    -webkit-transform: translateY(0%) scaleY(0.95) scaleX(1.05); }
  80% {
    -webkit-transform: translateY(0%) scaleY(1.05) scaleX(1); }
  90% {
    -webkit-transform: translateY(0%) scaleY(0.95) scaleX(1); }
  100% {
    -webkit-transform: translateY(0%) scaleY(1) scaleX(1); } }

/*
==============================================
pulse
==============================================
*/
@keyframes pulse {
  0% {
    transform: scale(0.9);
    opacity: 0.7; }
  50% {
    transform: scale(1);
    opacity: 1; }
  100% {
    transform: scale(0.9);
    opacity: 0.7; } }

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0.95);
    opacity: 0.7; }
  50% {
    -webkit-transform: scale(1);
    opacity: 1; }
  100% {
    -webkit-transform: scale(0.95);
    opacity: 0.7; } }

/*
==============================================
floating
==============================================
*/
@keyframes floating {
  0% {
    transform: translateY(0%); }
  50% {
    transform: translateY(10%); }
  100% {
    transform: translateY(0%); } }

@-webkit-keyframes floating {
  0% {
    -webkit-transform: translateY(0%); }
  50% {
    -webkit-transform: translateY(10%); }
  100% {
    -webkit-transform: translateY(0%); } }

/*
==============================================
tossing
==============================================
*/
@keyframes tossing {
  0% {
    transform: rotate(-4deg); }
  50% {
    transform: rotate(4deg); }
  100% {
    transform: rotate(-4deg); } }

@-webkit-keyframes tossing {
  0% {
    -webkit-transform: rotate(-4deg); }
  50% {
    -webkit-transform: rotate(4deg); }
  100% {
    -webkit-transform: rotate(-4deg); } }

/*
==============================================
pullUp
==============================================
*/
@keyframes pullUp {
  0% {
    transform: scaleY(0.1); }
  40% {
    transform: scaleY(1.02); }
  60% {
    transform: scaleY(0.98); }
  80% {
    transform: scaleY(1.01); }
  100% {
    transform: scaleY(0.98); }
  80% {
    transform: scaleY(1.01); }
  100% {
    transform: scaleY(1); } }

@-webkit-keyframes pullUp {
  0% {
    -webkit-transform: scaleY(0.1); }
  40% {
    -webkit-transform: scaleY(1.02); }
  60% {
    -webkit-transform: scaleY(0.98); }
  80% {
    -webkit-transform: scaleY(1.01); }
  100% {
    -webkit-transform: scaleY(0.98); }
  80% {
    -webkit-transform: scaleY(1.01); }
  100% {
    -webkit-transform: scaleY(1); } }

/*
==============================================
pullDown
==============================================
*/
@keyframes pullDown {
  0% {
    transform: scaleY(0.1); }
  40% {
    transform: scaleY(1.02); }
  60% {
    transform: scaleY(0.98); }
  80% {
    transform: scaleY(1.01); }
  100% {
    transform: scaleY(0.98); }
  80% {
    transform: scaleY(1.01); }
  100% {
    transform: scaleY(1); } }

@-webkit-keyframes pullDown {
  0% {
    -webkit-transform: scaleY(0.1); }
  40% {
    -webkit-transform: scaleY(1.02); }
  60% {
    -webkit-transform: scaleY(0.98); }
  80% {
    -webkit-transform: scaleY(1.01); }
  100% {
    -webkit-transform: scaleY(0.98); }
  80% {
    -webkit-transform: scaleY(1.01); }
  100% {
    -webkit-transform: scaleY(1); } }

/*
==============================================
stretchLeft
==============================================
*/
@keyframes stretchLeft {
  0% {
    transform: scaleX(0.3); }
  40% {
    transform: scaleX(1.02); }
  60% {
    transform: scaleX(0.98); }
  80% {
    transform: scaleX(1.01); }
  100% {
    transform: scaleX(0.98); }
  80% {
    transform: scaleX(1.01); }
  100% {
    transform: scaleX(1); } }

@-webkit-keyframes stretchLeft {
  0% {
    -webkit-transform: scaleX(0.3); }
  40% {
    -webkit-transform: scaleX(1.02); }
  60% {
    -webkit-transform: scaleX(0.98); }
  80% {
    -webkit-transform: scaleX(1.01); }
  100% {
    -webkit-transform: scaleX(0.98); }
  80% {
    -webkit-transform: scaleX(1.01); }
  100% {
    -webkit-transform: scaleX(1); } }

/*
==============================================
stretchRight
==============================================
*/
@keyframes stretchRight {
  0% {
    transform: scaleX(0.3); }
  40% {
    transform: scaleX(1.02); }
  60% {
    transform: scaleX(0.98); }
  80% {
    transform: scaleX(1.01); }
  100% {
    transform: scaleX(0.98); }
  80% {
    transform: scaleX(1.01); }
  100% {
    transform: scaleX(1); } }

@-webkit-keyframes stretchRight {
  0% {
    -webkit-transform: scaleX(0.3); }
  40% {
    -webkit-transform: scaleX(1.02); }
  60% {
    -webkit-transform: scaleX(0.98); }
  80% {
    -webkit-transform: scaleX(1.01); }
  100% {
    -webkit-transform: scaleX(0.98); }
  80% {
    -webkit-transform: scaleX(1.01); }
  100% {
    -webkit-transform: scaleX(1); } }

/*
==============================================
scaleForward
==============================================
*/
@keyframes scaleForward {
  0% {
    transform: scale(1); }
  100% {
    transform: scale(1.1); } }

@-webkit-keyframes scaleForward {
  0% {
    -webkit-transform: scale(1); }
  100% {
    -webkit-transform: scale(1.1); } }

@-webkit-keyframes zoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }

@-moz-keyframes zoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }

@keyframes zoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }

.emo {
  display: inline-block;
  margin-bottom: -5px; }

.e-paste-window .emo:hover {
  animation-name: floating;
  -webkit-animation-name: floating;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite; }

.emo-angel, .emo-angry, .emo-cheeky, .emo-cool, .emo-cry, .emo-disgust, .emo-embarrassed, .emo-happy, .emo-kiss, .emo-playful, .emo-pokerface, .emo-sad, .emo-silent, .emo-skeptical, .emo-sleep, .emo-smirk, .emo-surprise, .emo-thumbsdown, .emo-thumbsup, .emo-ultra-happy, .emo-bangbang, .emo-beers, .emo-boom, .emo-broken_heart, .emo-clap, .emo-closed_lock_with_key, .emo-crown, .emo-fire, .emo-fork_and_knife, .emo-hamburger, .emo-heart, .emo-heart_eyes, .emo-money_with_wings, .emo-muscle, .emo-no_entry_sign, .emo-ok_hand, .emo-pray, .emo-scream, .emo-star2, .emo-tada {
  background: url(/Content/tms/_img/emos.png?v=3) no-repeat; }

.emo-angel {
  background-position: 0 -63px;
  width: 20px;
  height: 21px; }

.emo-angry {
  background-position: -22px -86px;
  width: 18px;
  height: 18px; }

.emo-cheeky {
  background-position: 0 -86px;
  width: 18px;
  height: 19px; }

.emo-cool {
  background-position: -64px -63px;
  width: 19px;
  height: 19px; }

.emo-cry {
  background-position: -43px -64px;
  width: 18px;
  height: 18px; }

.emo-disgust {
  background-position: -22px -64px;
  width: 19px;
  height: 19px; }

.emo-embarrassed {
  background-position: -65px -42px;
  width: 18px;
  height: 18px; }

.emo-happy {
  background-position: -65px -87px;
  width: 18px;
  height: 18px; }

.emo-kiss {
  background-position: -42px -86px;
  width: 19px;
  height: 18px; }

.emo-playful {
  background-position: -43px -42px;
  width: 18px;
  height: 19px; }

.emo-pokerface {
  background-position: -21px -43px;
  width: 19px;
  height: 19px; }

.emo-sad {
  background-position: 0 -42px;
  width: 18px;
  height: 18px; }

.emo-silent {
  background-position: -65px -20px;
  width: 18px;
  height: 18px; }

.emo-skeptical {
  background-position: -43px -21px;
  width: 18px;
  height: 18px; }

.emo-sleep {
  background-position: -21px -22px;
  width: 18px;
  height: 18px; }

.emo-smirk {
  background-position: 0 -21px;
  width: 18px;
  height: 18px; }

.emo-surprise {
  background-position: -65px 0;
  width: 18px;
  height: 18px; }

.emo-thumbsdown {
  background-position: -43px 0;
  width: 18px;
  height: 19px; }

.emo-thumbsup {
  background-position: -21px 0;
  width: 18px;
  height: 19px; }

.emo-ultra-happy {
  background-position: 0 0;
  width: 18px;
  height: 18px; }

.emo-bangbang {
  background-position: -69px -203px;
  width: 13px;
  height: 17px; }

.emo-beers {
  background-position: -24px -201px;
  width: 18px;
  height: 20px; }

.emo-boom {
  background-position: -64px -177px;
  width: 18px;
  height: 19px; }

.emo-broken_heart {
  background-position: -63px -156px;
  width: 19px;
  height: 18px; }

.emo-clap {
  background-position: -22px -176px;
  width: 20px;
  height: 21px; }

.emo-closed_lock_with_key {
  background-position: -46px -200px;
  width: 19px;
  height: 20px; }

.emo-crown {
  background-position: 0 -174px;
  width: 19px;
  height: 17px; }

.emo-fire {
  background-position: -46px -179px;
  width: 15px;
  height: 18px; }

.emo-fork_and_knife {
  background-position: -44px -154px;
  width: 12px;
  height: 21px; }

.emo-hamburger {
  background-position: -22px -153px;
  width: 18px;
  height: 16px; }

.emo-heart {
  background-position: -65px -134px;
  width: 18px;
  height: 18px; }

.emo-heart_eyes {
  background-position: 0 -153px;
  width: 18px;
  height: 18px; }

.emo-money_with_wings {
  background-position: -43px -130px;
  width: 19px;
  height: 20px; }

.emo-muscle {
  background-position: -22px -130px;
  width: 17px;
  height: 18px; }

.emo-no_entry_sign {
  background-position: 0 -130px;
  width: 16px;
  height: 16px; }

.emo-ok_hand {
  background-position: -44px -108px;
  width: 14px;
  height: 18px; }

.emo-pray {
  background-position: -63px -108px;
  width: 20px;
  height: 20px; }

.emo-scream {
  background-position: -22px -107px;
  width: 18px;
  height: 19px; }

.emo-star2 {
  background-position: 0 -107px;
  width: 16px;
  height: 20px; }

.emo-tada {
  background-position: 0 -201px;
  width: 20px;
  height: 20px; }

.fancytree-node--article .fancytree-icon {
  background-position: -16px -216px !important; }

.fancytree-node--article .fancytree-title {
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap !important;
  overflow: hidden;
  padding-right: 90px; }

.flag {
    width: 16px;
    height: 11px;
    background: url(/identity/assets/images/flags.png?v=2) no-repeat;
}

.flag--de-DE {
    background-position: -32px -33px;
}

.flag--fr-FR {
    background-position: -80px -44px;
}

.flag--sl-SI {
    background-position: -256px -121px;
}

.flag--bg-BG {
    background-position: -64px -11px;
}

.flag--en-US {
    background-position: -48px -165px;
}

.flag--en-custom {
    background-position: -48px -165px;
}

.flag--en-custom1 {
    background-position: -48px -165px;
}

.flag--en-3d-custom {
    background-position: -48px -165px;
}

.flag--pl {
    background-position: -176px -110px;
}

.flag--es-ES {
    background-position: -224px -33px;
}

.flag--tr-TR {
    background-position: -144px -143px;
}

.flag--sk-SK {
    background-position: -16px -132px;
}

.flag--ro-RO {
    background-position: -64px -121px;
}

.flag--cs-CZ {
    background-position: -16px -33px;
}

.flag--hu-HU {
    background-position: -224px -55px;
}

.flag--hr-HR {
    background-position: -192px -55px;
}

.flag--uk-UA {
    background-position: -224px -143px;
}

.flag--it-IT {
    background-position: -144px -66px;
}

.flag--pl-custom {
    background-position: -176px -110px;
}

.flag--pl-customRb {
    background-position: -176px -110px;
}

.flag--pl-custom1 {
    background-position: -176px -110px;
}

.flag--login {
  display: inline-block;
  margin-bottom: -1px;
  margin-left: 2px; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.e-infobox {
  position: relative;
  width: 100%;
  background-color: #f4f6f8;
  color: #5f656d;
  display: block;
  min-height: 60px; }

.e-infobox--jumbo {
  padding: 10px; }

.e-infobox__content--status {
  width: 68%; }

.e-infobox--short {
  min-height: 50px; }
  .e-infobox--short .e-infobox__content {
    padding-top: 5px;
    padding-bottom: 5px; }

.e-infobox.e-infobox--yellow {
  background-color: #ffc549;
  color: #644b18; }
  .e-infobox.e-infobox--yellow .e-infobox__close-btn {
    color: #644b18; }

.e-infobox.e-infobox--green {
  background-color: #5bc58f;
  color: #fff; }
  .e-infobox.e-infobox--green .e-infobox__close-btn {
    color: #fff; }

.e-infobox.e-infobox--light-gray {
  background: #faf9f9;
  color: #5f656d; }
  .e-infobox.e-infobox--light-gray .e-infobox__close-btn {
    color: #5f656d; }

.e-infobox__close-btn {
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 18px; }

.e-infobox__icon-box {
  float: left;
  width: 70px;
  height: 70px;
  background: #ffffff; }
  .e-infobox__icon-box--short {
    height: 60px; }

.e-infobox__icon-box__icon {
  float: left;
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: 24px;
  background-color: #f4f6f8;
  text-align: center;
  color: #a1a1a1; }

.e-infobox__icon-box__icon--avatar {
  line-height: 55px; }

.e-infobox__icon-box.e-infobox__icon-box--navy .e-infobox__icon-box__icon {
  color: #ffffff;
  background: url(/Content/tms/_img/infobox.png) no-repeat;
  background-position: -125px -2px;
  width: 60px;
  height: 60px; }

.e-infobox__icon-box.e-infobox__icon-box--yellow .e-infobox__icon-box__icon {
  color: #ffffff;
  background: url(/Content/tms/_img/infobox.png) no-repeat;
  background-position: -63px -2px;
  width: 60px;
  height: 60px; }

.e-infobox__icon-box.e-infobox__icon-box--green .e-infobox__icon-box__icon {
  color: #ffffff;
  background: url(/Content/tms/_img/infobox.png) no-repeat;
  background-position: -1px -2px;
  width: 60px;
  height: 60px; }

.e-infobox__icon-box.e-infobox__icon-box--red .e-infobox__icon-box__icon {
  color: #ffffff;
  background: #ff9577;
  background: -moz-radial-gradient(center, ellipse cover, #ff9577 0, #ed8265 100%);
  background: -webkit-radial-gradient(center, ellipse cover, #ff9577 0, #ed8265 100%);
  background: radial-gradient(ellipse at center, #ff9577 0, #ed8265 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9577', endColorstr='#ed8265',GradientType=1 ); }

.e-infobox__icon-box.e-infobox__icon-box--purple .e-infobox__icon-box__icon {
  color: #ffffff;
  background: #a63a64; }

.e-infobox__icon-box.e-infobox__icon-box--blue .e-infobox__icon-box__icon {
  color: #ffffff;
  background: #2598da; }

.e-infobox__icon-box.e-infobox__icon-box--pink .e-infobox__icon-box__icon {
  color: #ffffff;
  background: #f4989d; }

.e-infobox__icon-box.e-infobox__icon-box--light-blue .e-infobox__icon-box__icon {
  color: #ffffff;
  background: #BAD8E9; }

.e-infobox__icon-box.e-infobox__icon-box--light-green .e-infobox__icon-box__icon {
  color: #ffffff;
  background: #d8e9ba; }

.e-infobox__icon-box.e-infobox__icon-box--light-purple .e-infobox__icon-box__icon {
  color: #ffffff;
  background: #e9bad8; }

.e-infobox__icon-box.e-infobox__icon-box--inverse--light-blue .e-infobox__icon-box__icon {
  color: #BAD8E9;
  background: #ffffff; }

.e-infobox__icon-box.e-infobox__icon-box--inverse--light-green .e-infobox__icon-box__icon {
  color: #d8e9ba;
  background: #ffffff; }

.e-infobox__icon-box.e-infobox__icon-box--inverse--light-purple .e-infobox__icon-box__icon {
  color: #e9bad8;
  background: #ffffff; }

.e-infobox__content {
  display: inline-block;
  position: relative;
  padding: 20px 20px 20px 30px;
  max-width: calc(100% - 80px); }

.e-infobox__content--merge-skills {
  max-width: 205px; }

.e-infobox__content--main {
  max-width: 630px; }

.e-infobox__content--small-popup {
  max-width: 75%; }

.e-infobox__content--tight {
  padding: 20px 5px 20px 5px; }

.e-infobox__content--only-buttons {
  padding: 10px 10px 5px; }

.e-infobox__content__peck {
  position: absolute;
  left: 0;
  top: 10px;
  background: url(/Content/tms/_img/infobox.png) no-repeat;
  background-position: -189.00000762939453px -6px;
  width: 14px;
  height: 14px; }

.e-infobox__content__peck--inparent {
  left: 70px; }

.e-infobox__content__link--right {
  position: absolute;
  right: 0;
  top: 10px; }

.e-infobox--auto-height {
  min-height: 0; }

.e-infobox--small {
  min-height: 40px; }
  .e-infobox--small .e-infobox__icon-box {
    float: left;
    width: 45px;
    height: 45px;
    background: #ffffff; }
  .e-infobox--small .e-infobox__icon-box__icon {
    float: left;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 24px;
    background-color: #f4f6f8;
    text-align: center; }
  .e-infobox--small .e-infobox__content {
    max-width: calc(100% - 80px);
    font-size: 11px; }
  .e-infobox--small .e-infobox__content__peck {
    position: absolute;
    left: 45px; }

.e-infobox--titled .e-infobox__title {
  position: relative;
  padding: 0 10px;
  margin: 10px 0 10px 50px;
  font-size: 20px;
  max-width: 85%; }

.e-infobox--titled .e-infobox__content {
  width: 100%;
  max-width: 100%;
  padding: 5px 10px 40px; }

.e-infobox__foot {
  position: absolute;
  bottom: 10px;
  right: 10px; }

.e-infobox--request {
  float: left;
  min-height: 160px; }

.e-infobox__heading {
  font-size: 20px;
  font-family: "roboto", sans-serif;
  margin: 5px 0 5px 0; }
  .e-infobox__heading--center {
    text-align: center; }
    .e-infobox__heading--center:before {
      display: table;
      content: ' '; }
    .e-infobox__heading--center:after {
      display: table;
      content: ' ';
      clear: both; }

.e-infobox--sidebar {
  float: left;
  margin-bottom: 20px; }
  .e-infobox--sidebar .e-infobox__icon-box {
    margin-right: 15px;
    margin-bottom: 10px; }
  .e-infobox--sidebar .e-infobox__content__peck {
    left: 70px; }
  .e-infobox--sidebar .e-infobox__content {
    padding: 10px 10px 20px 20px;
    width: 100%;
    display: block;
    position: static;
    max-width: 100%;
    font-size: 12px; }
  .e-infobox--sidebar--tight .e-infobox__content {
    padding: 10px; }

.e-infobox--statusbox .e-infobox__content {
  width: 100%;
  max-width: 100%;
  padding: 10px;
  font-size: 12px;
  text-align: center; }

.e-infobox--statusbox .e-infobox__content--only-buttons {
  padding: 10px 10px 0; }

.e-infobox--statusbox .e-infobox__peck {
  position: absolute;
  left: 70px;
  top: 10px;
  background: url(/Content/tms/_img/infobox.png) no-repeat;
  background-position: -189.00000762939453px -6px;
  width: 14px;
  height: 14px; }

.e-infobox--statusbox .e-infobox__status-heading {
  width: calc(100% - 72px);
  height: 60px;
  vertical-align: middle;
  display: table;
  color: #3d5569; }
  .e-infobox--statusbox .e-infobox__status-heading:before {
    display: table;
    content: ' '; }
  .e-infobox--statusbox .e-infobox__status-heading:after {
    display: table;
    content: ' ';
    clear: both; }
  .e-infobox--statusbox .e-infobox__status-heading .e-infobox__status-heading__content {
    display: table-cell;
    height: 100%;
    width: 100%;
    vertical-align: middle;
    font: 18px "robotomedium", sans-serif;
    text-align: center; }
    .e-infobox--statusbox .e-infobox__status-heading .e-infobox__status-heading__content--align-left {
      text-align: left;
      padding-left: 10px; }

.e-infobox__status {
  display: inline-block;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  margin-top: 14px; }

.e-infobox__status--active {
  background-color: #5ab55a !important; }

.e-infobox__status--waiting {
  background-color: #b2dcb2 !important; }

.e-infobox__status--draft {
  background-color: #fe9037 !important; }

.e-infobox__status--finished {
  background-color: #61666c !important; }

.e-infobox__status--planning {
  background-color: #3399FF !important; }

.e-simple-card {
  float: left;
  width: 100%;
  padding: 10px;
  display: table;
  min-height: 60px; }

.e-simple-card__avatar {
  display: table-cell;
  width: 44px; }

.e-simple-card__content {
  display: table-cell;
  vertical-align: top; }

.e-simple-card__content__inner {
  display: inline-block; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.e-table-header {
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%; }
  .e-table-header--white {
    background-color: #fff;
    color: #3d5569; }
  .e-table-header--blue {
    background-color: #dcf3ff;
    border-bottom: solid 1px #cde5f1;
    color: #3d5569; }

.e-table-header__row {
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 5px 0;
  border-bottom: solid 1px #f3f3f3; }
  .e-table-header__row--indent {
    padding-left: 15px; }
  .e-table-header__row--right-indent {
    padding-right: 15px; }
  .e-table-header__row--grey {
    /*wiersz szary*/
    background: #fcfcfc;
    padding: 5px;
    min-height: 38px; }
  .e-table-header__row--grey-gradient {
    background: #fcfcfc;
    /* Old browsers */
    padding: 5px 15px 5px 10px;
    min-height: 38px; }

.e-table-header__headline {
  /*element tekstowy*/
  float: left;
  width: 70%; }
  .e-table-header__headline h1, .e-table-header__headline h2 {
    font-size: 20px;
    font-family: "robotolight", sans-serif;
    margin: 10px 0 10px 0;
    color: #3d5569; }
  .e-table-header__headline h3 {
    font-size: 20px;
    font-family: "robotolight", sans-serif;
    margin: 0;
    color: #3d5569; }
  .e-table-header__headline h4 {
    font-size: 18px;
    font-family: "robotolight", sans-serif;
    margin: 0;
    color: #3d5569; }
  .e-table-header__headline--30 {
    width: 30%; }
  .e-table-header__headline--short {
    width: 60%; }

.e-table-header__menu-container {
  float: right;
  width: 17%;
  text-align: right; }
  .e-table-header__menu-container--short {
    width: 10%; }
  .e-table-header__menu-container--long {
    width: 30%;
    padding: 10px 20px 5px 10px; }
    .e-table-header__menu-container--long .e-dropdown-button {
      margin-top: -2px; }
  .e-table-header__menu-container--long--2 {
    width: 30%;
    padding: 10px 0 5px 10px; }
    .e-table-header__menu-container--long--2 .e-dropdown-button {
      margin-top: -2px; }
  .e-table-header__menu-container--longer {
    width: 35%; }
  .e-table-header__menu-container--longer--2 {
    width: 40%;
    padding: 10px 20px 5px 10px; }
    .e-table-header__menu-container--longer--2 .e-dropdown-button {
      margin-top: -2px; }
  .e-table-header__menu-container--70 {
    width: 70%; }
  .e-table-header__menu-container--center {
    float: right;
    width: 100%;
    text-align: center;
    margin-top: 1px; }

.e-table-header__label {
  top: 1px;
  position: relative; }
  .e-table-header__label--right {
    top: 3px;
    position: relative; }

html > body .e-table-header__menu-container--long {
  width: 30%; }

.e-table-header__button {
  /*przycisk -- style importujemy z innego modułu */ }

.e-table-header__dropdown {
  /*przycisk dropdown -- style importujemy z innego modułu*/ }

.e-tabs--table-header {
  /*Modyfikujemy .e-tabs aby działały z e-table-header*/ }

.e-table-header__filters {
  /* Filtry dla danych tabelarycznych */
  float: left;
  width: 82%;
  padding: 0 5px 0 5px;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .e-table-header__filters .e-button, .e-table-header__filters .e-actions-buttons__main, .e-table-header__filters .e-actions-buttons__more, .e-table-header__filters .daterangepicker .range_inputs .btn-success, .daterangepicker .range_inputs .e-table-header__filters .btn-success, .e-table-header__filters .e-period-select__nav-btn {
    margin-right: 5px;
    margin-top: 1px; }
  .e-table-header__filters .e-dropdown-button__button {
    width: 55px; }
  .e-table-header__filters .e-table-header__button--adaptive-height {
    margin-top: 1px;
    height: 22px;
    margin-bottom: 3px;
    line-height: 1; }
  .e-table-header__filters--expanded {
    height: 65px; }
  .e-table-header__filters--shorter {
    width: 65%; }
  .e-table-header__filters--fill-shorter {
    width: 35%; }
  .e-table-header__filters--83 {
    width: 83%; }
  .e-table-header__filters--17 {
    width: 17%; }
  .e-table-header__filters--long {
    width: 90%; }

.e-table-header__filters__input {
  width: 260px;
  margin-right: 5px;
  margin-top: 0;
  top: 1px;
  position: relative; }
  .e-table-header__filters__input--long-with-select {
    width: 62%; }
  .e-table-header__filters__input--long {
    width: 450px; }
  .e-table-header__filters__input--longer {
    width: 600px; }
  .e-table-header__filters__input--short {
    width: 170px; }
  .e-table-header__filters__input--shorter {
    width: 140px; }
  .e-table-header__filters__input--medium {
    width: 225px; }
  .e-table-header__filters__input--date {
    width: 82px;
    margin-right: 0; }
  .e-table-header__filters__input--long-req {
    width: 96%; }
  .e-table-header__filters__input--year {
    width: 48px;
    margin-right: 0; }
  .e-table-header__filters__input--height-with-margin {
    top: 0px;
    margin-bottom: 2px;
    height: 24px; }
    .e-table-header__filters__input--height-with-margin a.select2-choice {
      height: 100%; }

.e-table-header__filters--full {
  width: 100%; }

input[type="text"].e-table-header__filters__input--adaptive-height,
.e-table-header__filters__input--adaptive-height {
  height: 24px;
  top: 0px; }

.e-table-header__filters .chzn-choices {
  width: 280px !important;
  top: 1px;
  position: relative;
  margin-right: 10px; }
  .e-table-header__filters .chzn-choices .search-field input {
    height: 21px;
    font-family: "robotolight", sans-serif;
    font-size: 12px; }

.e-table-header__filters__select {
  width: 170px;
  margin-right: 5px;
  position: relative;
  top: 0px;
  padding: 0;
  cursor: pointer; }
  .e-table-header__filters__select--long {
    width: 265px; }
  .e-table-header__filters__select--short {
    width: 90px; }
  .e-table-header__filters__select--m-5 {
    margin-right: 5px; }

.e-table-header__advenced-filters {
  position: relative;
  float: left;
  width: 100%;
  z-index: 1; }
  .e-table-header__advenced-filters--top {
    z-index: 2; }

.e-table-header__advenced-filters__picker {
  position: absolute;
  width: 100%;
  height: 553px;
  z-index: 1010;
  background: #fff;
  border: solid 1px #dcdcdc;
  box-shadow: #d5e1e2 0 0 3px;
  border-radius: 5px;
  left: 0px;
  top: 5px;
  padding: 5px 5px 5px 0; }
  .e-table-header__advenced-filters__picker .e-people-list-sidebar--picker {
    border: solid 1px #e7e7e7;
    min-height: 537px; }
  .e-table-header__advenced-filters__picker .e-people-list-sidebar__list--tree {
    width: 212px; }
  .e-table-header__advenced-filters__picker .e-people-list-sidebar__sublist {
    width: 210px; }
  .e-table-header__advenced-filters__picker--absence-report {
    height: 595px; }
  .e-table-header__advenced-filters__picker--in-dropdown {
    top: -3px;
    height: 595px; }
  .e-table-header__advenced-filters__picker--width-135 {
    width: 135%; }
  .e-table-header__advenced-filters__picker--650 {
    width: 650px; }

.e-table-header__advenced-tags {
  width: 100%;
  float: left;
  margin-top: 5px;
  background: #fff;
  border: solid 1px #dcdcdc;
  border-radius: 5px;
  padding: 5px;
  display: table; }

.e-table-header__advenced-tags__label {
  display: table-cell;
  vertical-align: top;
  width: 120px;
  font-size: 12px;
  font-family: "robotomedium", sans-serif;
  padding: 4px 5px; }

.e-table-header__advenced-tags__remove {
  display: table-cell;
  vertical-align: top;
  width: 100px;
  text-align: right;
  padding: 2px 0; }

.e-tabs--table-header {
  margin-top: 10px; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.e-article {
  float: left;
  width: 75%;
  padding-right: 0;
  padding-left: 10px;
  margin-bottom: 20px; }

/* Delete after #97364118 */
.e-article__author {
  float: left;
  padding: 0 20px 0 30px; }
  .e-article__author img {
    max-width: 60px; }

.e-article__content {
  display: inline-block;
  width: 95%; }
  .e-article__content h1 {
    margin: 10px 0; }

.e-article__content__title {
  -ms-word-break: normal;
  word-break: normal;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  white-space: normal;
  margin: 0 0 20px 0;
  font-size: 36px;
  font-family: "robotoregular", sans-serif;
  line-height: 1.18;
  color: #3d5569; }

.e-article__content__post-time {
  color: #5f656d;
  margin: 0 0 8px 0;
  font-size: 11px; }

.e-article__content__thumbnail {
  margin-bottom: 25px;
  width: 100%; }
  .e-article__content__thumbnail img {
    width: 100%;
    height: auto; }

.e-article__content__text, .e-user-content {
  color: #5f656d;
  font-size: 14px;
  line-height: 1.75;
  margin: 0 0 10px 0;
  font-family: "robotolight", sans-serif;
  -ms-word-break: normal;
  word-break: normal;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  white-space: normal; }
  .e-article__content__text p, .e-user-content p {
    margin-bottom: 0.85em;
    width: 100%; }
  .e-article__content__text h2, .e-article__content__text h3, .e-article__content__text h4, .e-article__content__text h5, .e-article__content__text h6, .e-user-content h2, .e-user-content h3, .e-user-content h4, .e-user-content h5, .e-user-content h6 {
    color: #3d5569;
    font-family: "robotoregular", sans-serif; }
  .e-article__content__text h2, .e-user-content h2 {
    font-size: 30px; }
  .e-article__content__text h3, .e-user-content h3 {
    font-size: 24px; }
  .e-article__content__text h4, .e-user-content h4 {
    font-size: 20px; }
  .e-article__content__text h5, .e-user-content h5 {
    font-size: 18px; }
  .e-article__content__text h6, .e-user-content h6 {
    margin: 0;
    color: #5f656d;
    font-family: "robotobold", sans-serif;
    font-size: 16px; }
  .e-article__content__text a, .e-user-content a {
    color: #2598da; }
  .e-article__content__text img, .e-user-content img {
    max-width: 100%;
    height: auto; }
  .e-article__content__text table, .e-user-content table {
    table-layout: fixed; }

.e-user-content--simple {
  line-height: 1.4; }

/* W przyszłości wrzucimy tu wszystkie style od ankiet, narazie tylko Dashboard twórcy ankiety */
/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.dropdown-menu--request-type {
  margin-top: -1px;
  width: 100%;
  border-color: #dcdcdc;
  height: 272px;
  overflow: auto; }
  .dropdown-menu--request-type > li > a {
    padding: 5px 10px;
    font-size: 12px;
    color: #5f656d; }
    .dropdown-menu--request-type > li > a:hover, .dropdown-menu--request-type > li > a:focus {
      color: #ffffff; }

.dropdown-menu--request-dictionaries {
  margin-top: -1px;
  width: 100%;
  border-color: #dcdcdc;
  max-height: 272px;
  overflow: auto; }
  .dropdown-menu--request-dictionaries > li > a {
    padding: 5px 10px;
    font-size: 12px;
    color: #5f656d; }
    .dropdown-menu--request-dictionaries > li > a:hover, .dropdown-menu--request-dictionaries > li > a:focus {
      color: #ffffff; }

.dropdown--questionnaires {
  width: 40%;
  margin: auto; }
  .dropdown--questionnaires .text i:before, .dropdown--questionnaires .dropdown-menu > li > a i:before {
    color: #45A4EC;
    margin: 0 7px 0 0;
    font-size: 16px;
    vertical-align: middle; }
  .dropdown--questionnaires .dropdown-toggle {
    width: 100%;
    box-shadow: none;
    border-color: #dcdcdc; }
    .dropdown--questionnaires .dropdown-toggle .text {
      color: #5f656d;
      white-space: nowrap;
      width: 210px;
      overflow: hidden;
      display: inline-block;
      vertical-align: top;
      text-align: left; }
    .dropdown--questionnaires .dropdown-toggle .caret {
      border-top-color: #dcdcdc; }

.e-questionnaires.e-questionnaires--edit .dd-placeholder {
  float: left;
  width: 100%; }

.e-questionnaires.e-questionnaires--edit .e-questionnaires__row {
  float: left;
  width: 100%;
  padding: 0;
  background: #fff;
  cursor: move; }
  .e-questionnaires.e-questionnaires--edit .e-questionnaires__row .dd-handle {
    padding: 10px; }

.e-questionnaires__row__content {
  background: #fff; }

.e-questionnaires__row__actions {
  float: left;
  width: 100%;
  height: 25px;
  padding: 5px;
  margin-top: 10px;
  background: transparent url("/Content/tms/_img/bg-strips.png") repeat 0 0; }

.dd-dragel {
  background: #fff;
  overflow: hidden;
  padding: 10px !important;
  float: left;
  border: dashed 1px #ffc89b;
  -webkit-box-shadow: 0 0 5px 0 rgba(255, 200, 155, 0.5);
  -moz-box-shadow: 0 0 5px 0 rgba(255, 200, 155, 0.5);
  box-shadow: 0 0 5px 0 rgba(255, 200, 155, 0.5); }

.e-questionnaires__row {
  float: left;
  width: 100%;
  padding: 10px; }

.e-questionnaires__dashboard {
  background: transparent url("/Content/tms/_img/bg-strips.png") repeat 0 0;
  padding: 20px 15px;
  float: left;
  border: none;
  width: 680px;
  padding: 10px 20px !important; }

.e-answer--image {
  float: left;
  width: 50%;
  padding: 10px;
  text-align: center; }
  .e-answer--image .e-answer__label {
    float: left;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 5px;
    cursor: pointer;
    position: relative; }
  .e-answer--image .e-answer__label__container {
    float: left;
    width: 100%;
    position: relative;
    z-index: 10; }
    .e-answer--image .e-answer__label__container:after {
      content: '\e950';
      margin-top: 5px;
      color: #5f656d;
      font-family: "fontello-entypo-full";
      font-size: 18px;
      display: block;
      text-align: center;
      width: 100%;
      visibility: hidden; }
  .e-answer--image input[type=radio], .e-answer--image input[type=checkbox] {
    position: absolute;
    bottom: 10px;
    margin-left: -5px;
    left: 50%; }
  .e-answer--image input[type=radio]:checked, .e-answer--image input[type=checkbox]:checked {
    visibility: hidden; }
  .e-answer--image input[type=radio]:checked ~ .e-answer__label__container:after, .e-answer--image input[type=checkbox]:checked ~ .e-answer__label__container:after {
    content: '\e950';
    color: #fff;
    visibility: visible; }
  .e-answer--image .e-answer__label__container__img {
    width: 254px;
    height: auto; }
  .e-answer--image input[type=radio] ~ .e-answer__label__select, .e-answer--image input[type=checkbox] ~ .e-answer__label__select {
    position: absolute;
    opacity: 0; }
  .e-answer--image input[type=radio]:checked ~ .e-answer__label__select, .e-answer--image input[type=checkbox]:checked ~ .e-answer__label__select {
    opacity: 1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #68b66a;
    z-index: 0; }

.e-answer--image:nth-of-type(2n+1) {
  padding: 10px 5px 10px 0; }

.e-answer--image:nth-of-type(2n+2) {
  padding: 10px 0 10px 5px; }

.e-asnwer__label__image {
  margin: 0 auto;
  overflow: hidden; }

.e-answer__label__container {
  position: relative; }

.e-answer__label__container__mask {
  display: block;
  position: absolute;
  background-color: transparent;
  -moz-transition: background-color 0.3s ease-out;
  -o-transition: background-color 0.3s ease-out;
  -webkit-transition: background-color 0.3s ease-out;
  transition: background-color 0.3s ease-out; }

.e-answer__label__container__link {
  position: relative;
  overflow: hidden;
  display: block; }
  .e-answer__label__container__link:hover {
    color: #fff;
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none; }
    .e-answer__label__container__link:hover .e-answer__label__container__mask__icon:before {
      color: inherit;
      -moz-transition: none;
      -o-transition: none;
      -webkit-transition: none;
      transition: none; }
  .e-answer__label__container__link .e-answer__label__container__mask__icon {
    color: #fff;
    font-size: 45px;
    margin: 0 auto;
    text-align: center; }
  .e-answer__label__container__link .e-answer__label__container__mask__icon:before {
    color: inherit; }

.e-answer__label__container__link .e-answer__label__container__mask {
  background-color: transparent; }

.e-answer__label__container__link:hover .e-answer__label__container__mask {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
  -moz-transition: background-color 0.3s ease-out;
  -o-transition: background-color 0.3s ease-out;
  -webkit-transition: background-color 0.3s ease-out;
  transition: background-color 0.3s ease-out;
  display: block; }

.e-answer__label__container__mask__icon {
  position: relative;
  top: 65px; }

.e-answer--scales--fractional-help {
  color: #293043;
  font: 11px "robotolight", sans-serif; }

.e-answer--scales--input-help {
  color: #293043;
  font: 12px "robotomedium", sans-serif; }

.e-answer--as-tablerow {
  display: table-row; }
  .e-answer--as-tablerow .e-answer--as-tablecell {
    display: table-cell;
    padding: 5px 10px;
    color: #293043;
    font: 12px "robotolight", sans-serif;
    vertical-align: middle; }

.e-answer--sortable-image {
  border: 1px dashed rgba(255, 255, 255, 0);
  -moz-transition: border 0.1s ease-in-out;
  -o-transition: border 0.1s ease-in-out;
  -webkit-transition: border 0.1s ease-in-out;
  transition: border 0.1s ease-in-out; }
  .e-answer--sortable-image:hover {
    border: dashed 1px #ffa053; }
  .e-answer--sortable-image .e-answer__container__print-box-container {
    display: table-cell;
    vertical-align: middle; }
  .e-answer--sortable-image .e-answer__container__link {
    position: relative;
    float: left;
    width: 30%;
    text-align: center; }
  .e-answer--sortable-image .e-answer__container__desc {
    float: left;
    width: 60%;
    padding: 0 10px; }
    .e-answer--sortable-image .e-answer__container__desc--full-width {
      width: 770px;
      float: none; }
  .e-answer--sortable-image .e-answer__container__link__mask {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: transparent;
    text-align: center;
    -moz-transition: background-color 0.2s ease-in;
    -o-transition: background-color 0.2s ease-in;
    -webkit-transition: background-color 0.2s ease-in;
    transition: background-color 0.2s ease-in; }
  .e-answer--sortable-image .e-answer__container__link:hover .e-answer__container__link__mask {
    background: rgba(0, 0, 0, 0.35); }
    .e-answer--sortable-image .e-answer__container__link:hover .e-answer__container__link__mask .e-answer__container__link__mask__icon {
      display: block !important; }
  .e-answer--sortable-image .e-answer__container__link__mask__icon {
    position: relative;
    top: 40px;
    color: #fff;
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none;
    display: none !important;
    /*Przez selektor .Popup [class^=icon-]*/
    font-size: 30px; }
    .e-answer--sortable-image .e-answer__container__link__mask__icon:before {
      color: inherit; }
  .e-answer--sortable-image .e-answer__container__link__img {
    max-width: 100%;
    height: auto; }

/*
    Evaluation Scale question/answer
*/
.e-evaluation-scale {
  list-style: inside none;
  padding-left: 0; }

.e-evaluation-scale__item {
  float: left;
  text-align: center;
  padding-bottom: 2px; }
  .e-evaluation-scale__item input[type=radio] {
    margin: 4px auto;
    display: block; }

.e-evaluation-scale--60pr {
  float: left;
  width: 60%; }

.e-evaluation-scale--100pr {
  float: left;
  width: 100%; }

label.e-evaluation-scale__item__label {
  width: 100%;
  float: left;
  cursor: pointer; }

input[type=radio].e-evaluation-scale__item__radio {
  cursor: inherit; }

.e-evaluation-scale__item--red {
  background: rgba(255, 0, 0, 0.15); }

.e-evaluation-scale__item--yellow {
  background: rgba(255, 255, 0, 0.15); }

.e-evaluation-scale__item--green {
  background: rgba(0, 255, 0, 0.15); }

.e-evaluation-scale-results {
  float: left;
  width: 100%;
  max-width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  color: #797979; }

.e-evaluation-scale-results__tr__td {
  border-left: 1px solid #dfe3e9;
  border-top: 1px solid #dfe3e9;
  padding: 5px 0;
  text-align: center; }

.e-evaluation-scale-results__tr__td--60px {
  width: 60px; }

.e-evaluation-scale-results__tr__td--first.e-evaluation-scale-results__tr__td--red {
  border-left: 1px solid #ffac9b; }

.e-evaluation-scale-results__tr__td--first.e-evaluation-scale-results__tr__td--yellow {
  border-left: 1px solid #f6d3a1; }

.e-evaluation-scale-results__tr__td--first.e-evaluation-scale-results__tr__td--green {
  border-left: 1px solid #b6e3a3; }

.e-evaluation-scale-results__tr__td--last.e-evaluation-scale-results__tr__td--red {
  border-right: 1px solid #ffac9b; }

.e-evaluation-scale-results__tr__td--last.e-evaluation-scale-results__tr__td--yellow {
  border-right: 1px solid #f6d3a1; }

.e-evaluation-scale-results__tr__td--last.e-evaluation-scale-results__tr__td--green {
  border-right: 1px solid #b6e3a3; }

.e-evaluation-scale-results__tr__td--title {
  border-left: 1px solid #dfe3e9;
  border-right: 1px solid #dfe3e9;
  border-top: 1px solid #dfe3e9;
  font-family: "robotobold", sans-serif;
  font-weight: normal; }

.e-evaluation-scale-results__tr__td--title.e-evaluation-scale-results__tr__td--red {
  border-left-color: #ffac9b;
  border-right-color: #ffac9b;
  border-top-color: #ffac9b;
  color: #ffac9b; }

.e-evaluation-scale-results__tr__td--title.e-evaluation-scale-results__tr__td--yellow {
  border-left-color: #f6d3a1;
  border-right-color: #f6d3a1;
  border-top-color: #f6d3a1;
  color: #f6d3a1; }

.e-evaluation-scale-results__tr__td--title.e-evaluation-scale-results__tr__td--green {
  border-left-color: #b6e3a3;
  border-right-color: #b6e3a3;
  border-top-color: #b6e3a3;
  color: #b6e3a3; }

.e-evaluation-scale-results__tr__td--foot {
  padding: 12px 0; }

.e-evaluation-scale-results__tr__td--foot.e-evaluation-scale-results__tr__td--red {
  border-left: 1px solid #ffac9b;
  border-right: 1px solid #ffac9b;
  border-top: 1px solid #ffac9b;
  font-family: "robotobold", sans-serif;
  font-weight: normal; }

.e-evaluation-scale-results__tr__td--foot.e-evaluation-scale-results__tr__td--yellow {
  border-left: 1px solid #f6d3a1;
  border-right: 1px solid #f6d3a1;
  border-top: 1px solid #f6d3a1;
  font-family: "robotobold", sans-serif;
  font-weight: normal; }

.e-evaluation-scale-results__tr__td--foot.e-evaluation-scale-results__tr__td--green {
  border-left: 1px solid #b6e3a3;
  border-right: 1px solid #b6e3a3;
  border-top: 1px solid #b6e3a3;
  font-family: "robotobold", sans-serif;
  font-weight: normal; }

.e-evaluation-scale-results__tr__td--summary {
  padding: 12px 0;
  border: 1px solid #a9a9a9;
  font-family: "robotobold", sans-serif;
  font-weight: normal; }

.e-label-icon--evaluation-red {
  border-left-color: #ffac9b;
  border-right-color: #ffac9b;
  border-top-color: #ffac9b;
  color: #ffac9b; }

.e-label-icon--evaluation-yellow {
  border-left-color: #f6d3a1;
  border-right-color: #f6d3a1;
  border-top-color: #f6d3a1;
  color: #f6d3a1; }

.e-label-icon--evaluation-green {
  border-left-color: #b6e3a3;
  border-right-color: #b6e3a3;
  border-top-color: #b6e3a3;
  color: #b6e3a3; }

/*
    End of Evaluation Scale question/answer
*/
.e-questionnaires-answers-list--main {
  color: #293043;
  font: 12px "robotomedium", sans-serif; }

.e-questionnaires-answers-list--description {
  color: #293043;
  font: 12px "robotolight", sans-serif; }

.e-questionnaires-list__item {
  position: relative;
  border: solid 1px #e2e9ea;
  float: left;
  width: 100%;
  min-height: 60px;
  margin-bottom: 20px; }
  .e-questionnaires-list__item:hover .e-message__actions {
    display: block; }
  .e-questionnaires-list__item:after {
    content: " ";
    display: block;
    position: absolute;
    width: 15px;
    height: 51px;
    background: url("/Content/tms/_img/e-box-beak__small.png");
    left: 48px;
    top: 0; }

.e-questionnaires-list__item__icon {
  position: absolute;
  top: -1px;
  left: -1px;
  width: 50px;
  height: 50px;
  border-right: solid 1px #e2e9ea;
  border-bottom: solid 1px #e2e9ea;
  background: #fff; }

.e-questionnaires-list__item__icon__inner {
  float: left;
  width: 45px;
  height: 45px;
  background: #f1f1f1;
  padding: 2px 2px; }
  .e-questionnaires-list__item__icon__inner i {
    color: #bbbbbb;
    font-size: 30px; }

.e-questionnaires-list__item__content {
  padding: 10px 10px 10px 60px;
  width: 100%;
  float: left; }

.e-questionnaires-list__item__title {
  font-size: 14px;
  color: #3d5569;
  -ms-word-break: normal;
  word-break: normal;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  white-space: normal; }

.e-questionnaires-list__item:hover .e-questionnaires-list__item__icon__inner {
  background: #4d6175; }
  .e-questionnaires-list__item:hover .e-questionnaires-list__item__icon__inner i {
    color: #fff; }

.empty-questionnairy.questionnairy-page {
  max-width: 700px; }

.empty-questionnairy .template-question-container {
  width: 700px; }
  .empty-questionnairy .template-question-container .template-question-right {
    width: 635px; }
  .empty-questionnairy .template-question-container .answers textarea {
    width: 535px;
    max-width: 535px;
    height: 300px; }

.e-questionnaires--empty-form .title-page {
  text-align: left;
  page-break-inside: avoid;
  page-break-after: always;
  position: relative;
  height: 900px; }
  .e-questionnaires--empty-form .title-page__title {
    margin: 0 0 30px 0;
    padding: 0 10px;
    font-size: 60pt;
    color: #fff;
    background-color: #ff9036; }
  .e-questionnaires--empty-form .title-page__assessment-name {
    font-size: 45pt;
    color: #1c3c7a; }
  .e-questionnaires--empty-form .title-page__assessed-employee {
    font-size: 25pt;
    color: #1c3c7a; }
  .e-questionnaires--empty-form .title-page__generated-date {
    font-size: 14pt;
    color: #1c3c7a;
    position: absolute;
    top: 850px; }

.e-dashboard {
  float: left;
  width: 100%;
  padding: 10px;
  border: solid 1px #dcdcdc;
  color: #5f656d;
  margin-bottom: 10px; }
  .e-dashboard:last-of-type {
    margin-bottom: 0; }

.e-dashboard--no-border {
  border: none;
  padding: 5px 0 5px 0; }

.e-dashboard__header {
  display: table;
  float: left;
  width: 100%; }

.e-dashboard__header__icon {
  display: table-cell;
  width: 30px;
  padding-right: 5px; }

.e-dashboard__header__title {
  display: table-cell;
  vertical-align: middle;
  padding: 0 20px 0 10px;
  background: #f7f9fa;
  font-size: 12px; }

.e-dashboard__boxes {
  float: left;
  width: 50%;
  border-bottom: none !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important; }

.e-dashboard__boxes__item {
  margin: 5px 0;
  width: 150px;
  float: left !important; }

.e-dashboard__boxes__item__content {
  display: table;
  width: 150px; }

.e-dashboard__boxes__item__link {
  float: left;
  width: 150px;
  height: 15px; }

.e-dashboard__boxes__item__text {
  display: table-cell;
  width: 100px;
  padding: 0 10px 0  10px;
  border: solid 1px #ededed;
  border-left-width: 0;
  vertical-align: middle;
  background-color: #ffffff;
  color: #3d5569; }

.e-dashboard__boxes__item__os {
  font-size: 18px;
  line-height: 18px; }

.e-dashboard__boxes__item__fill {
  font-size: 11px; }

.e-dashboard__boxes__icon {
  width: 50px;
  height: 56px;
  display: table-cell;
  border: solid 1px #ededed;
  border-right-width: 0;
  background-color: #ededed; }
  .e-dashboard__boxes__icon i:before {
    color: #ffffff;
    font-size: 30px;
    margin: 11px 0 0 9px; }

.e-dashboard__boxes__item--nth {
  margin-right: 20px; }

.e-dashboard__boxes__item--green .e-dashboard__boxes__icon {
  background-color: #b6e3a2;
  border-color: #adda99; }

.e-dashboard__boxes__item--yellow .e-dashboard__boxes__icon {
  background-color: #ffdcaa;
  border-color: #f6d3a1; }

.e-dashboard__boxes__item--red .e-dashboard__boxes__icon {
  background-color: #ffac9b;
  border-color: #f6a392; }

.e-dashboard__boxes__item--orange .e-dashboard__boxes__icon {
  background-color: #ffdcaa;
  border-color: #f6d3a1; }

.e-dashboard__boxes__item--blue .e-dashboard__boxes__icon {
  background-color: #cadcf7;
  border-color: #c1d3ef; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.e-event {
  float: left;
  padding: 5px 10px;
  width: 100%;
  border: solid 1px #dcdcdc;
  font-size: 12px;
  color: #5f656d;
  font-family: "robotolight", sans-serif; }

/* Przy przepisywaniu samych eventów przenieść specyficzne style do tej klasy (Dostawcy)*/
.e-event__row {
  float: left;
  width: 100%;
  padding: 10px 0;
  border-bottom: 1px #f2f3f3 solid; }
  .e-event__row:last-child {
    border-bottom: none; }

body {
  margin: 0 !important;
  box-sizing: border-box; }

h1 {
  padding: 0;
  font-size: 20px;
  font-family: 'robotobold', sans-serif;
  font-weight: normal;
  line-height: 1.1; }

p {
  margin: 0 0 10px; }

.e-error {
  background: #f7f7f7 url("/Content/tms/_img/bg-body-error-2.jpg") no-repeat 50% 0; }

.e-error__container {
  max-width: 400px;
  margin: 0 auto;
  text-align: center;
  box-sizing: border-box; }

.e-error__box {
  position: absolute;
  box-sizing: border-box;
  top: 50%;
  margin-top: -264px;
  width: 400px;
  padding: 40px;
  background-color: #ffffff;
  border: solid 1px #d5d5d5;
  border-radius: 10px;
  margin-bottom: 30px;
  text-align: center;
  font-family: 'robotolight', sans-serif;
  font-size: 14px;
  line-height: 1.3;
  color: #535353; }

.e-error__logo {
  display: block;
  padding: 0 0 30px 0;
  border-bottom: solid 1px #dcdcdc;
  margin-bottom: 30px; }

.e-error__header {
  color: #f28f4a;
  margin: 0 0 1px 0; }

.e-error__description {
  font-size: 16px;
  font-family: 'robotolight', sans-serif;
  padding: 0 0 15px 0;
  letter-spacing: -0.6px; }

.e-error__paragraph {
  font-size: 14px;
  font-family: 'robotolight', sans-serif;
  padding: 0 5px 15px 17px;
  text-align: left; }

.e-error__paragraph--small {
  font-size: 12px;
  padding: 0 10px 0 10px;
  text-align: center; }

.e-error__maintenance {
  font-size: 19px;
  color: #1c4577; }

.e-error__maintenance__bold {
  font-family: 'robotobold', sans-serif; }

.e-error__maintenance-time {
  font-size: 31px;
  color: #f28f4a;
  font-family: 'robotobold', sans-serif;
  margin-bottom: 20px; }

.e-error__image {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 337px;
  height: 426px; }

.e-error__image--dog {
  background: url("/Content/tms/_img/pies.png"); }

@media only screen and (max-width: 1000px) {
  .e-error__image {
    width: 300px; } }

@media only screen and (max-width: 970px) {
  .e-error__image {
    width: 290px; } }

@media only screen and (max-width: 940px) {
  .e-error__image {
    width: 280px; } }

@media only screen and (max-width: 910px) {
  .e-error__image {
    width: 270px; } }

@media only screen and (max-width: 500px) {
  .e-error__image {
    width: 260px; } }

@media only screen and (max-width: 850px) {
  .e-error__image {
    width: 250px; } }

@media only screen and (max-width: 820px) {
  .e-error__image {
    width: 240px; } }

@media only screen and (max-width: 700px) {
  .e-error__image {
    width: 200px; } }

@media only screen and (max-width: 600px) {
  .e-error__image {
    width: 120px; } }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.e-cv-history__item {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  float: left;
  padding-right: 5px;
  padding-left: 5px;
  margin: 0px 0px 10px 0px;
  width: 100%;
  padding-right: 0;
  padding-left: 0; }

.e-cv-history__item__editable {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  float: left;
  padding-right: 5px;
  padding-left: 5px;
  margin: 0px 0px 10px 0px;
  width: 100%;
  padding-right: 0;
  padding-left: 0;
  display: none; }

.e-cv-history__item__row {
  display: table;
  float: left;
  width: 100%; }

#futureEmploymentBox .e-cv-history__item {
  border: dashed 1px #dbdbdb; }

.e-cv-history__item__left {
  display: table-cell;
  width: 85%; }

.e-cv-history__item__icon {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  float: left;
  padding-right: 5px;
  padding-left: 5px;
  margin: 10px 0px 10px 0px;
  width: 10%;
  padding-left: 10px; }
  .e-cv-history__item__icon i {
    float: left;
    width: 40px;
    height: 40px;
    background: #f2f2f2;
    font-size: 20px;
    color: #bcbebf;
    text-align: center; }
    .e-cv-history__item__icon i:before {
      padding: 0;
      margin: 0;
      width: 40px;
      height: 20px;
      margin: 10px 0; }

.e-cv-history__item__description {
  color: #bcbebf;
  font-size: 12px; }

.e-cv-history__item__content {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  float: left;
  padding-right: 5px;
  padding-left: 5px;
  margin: 10px 0px 10px 0px;
  width: 90%;
  padding-left: 5px; }

.e-cv-history__item__content__dates, .e-cv-history__item__content__description {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  float: left;
  padding-right: 5px;
  padding-left: 5px;
  margin: 10px 0px 10px 0px;
  width: 50%;
  padding-left: 0;
  font-size: 12px;
  color: #5f656d; }
  .e-cv-history__item__content__dates i, .e-cv-history__item__content__description i {
    background: #f2f2f2;
    color: #bcbebf;
    margin-right: 5px; }
  .e-cv-history__item__content__dates p, .e-cv-history__item__content__description p {
    margin-bottom: 15px; }
    .e-cv-history__item__content__dates p:last-of-type, .e-cv-history__item__content__description p:last-of-type {
      margin-bottom: 10px; }

.e-cv-history__item__content__ending-date {
  font-size: 11px;
  margin-left: 25px;
  margin-top: -10px; }

.e-cv-history__item__buttons {
  display: table-cell;
  vertical-align: middle;
  width: 15%;
  text-align: center; }
  .e-cv-history__item__buttons .changeCurrentEmploymentSwitcher {
    white-space: pre-wrap; }
  .e-cv-history__item__buttons a {
    margin-bottom: 5px; }

.e-cv-history__item__footer {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  float: left;
  padding-right: 5px;
  padding-left: 5px;
  margin: 0px 0px 0px 0px;
  width: 100%;
  background: #f2f2f2;
  padding: 5px;
  font-size: 11px;
  color: #5f656d; }

.e-cv-history__item__footer__item {
  float: left;
  width: 46%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 3px;
  margin-bottom: 0;
  display: inline-block; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.e-autocomplete {
  padding: 0;
  border-color: #dcdcdc;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  list-style: none;
  /* Reset jQuery UI specific styles */ }
  .e-autocomplete .ui-corner-all {
    margin: 0 !important; }
  .e-autocomplete .ui-state-focus {
    background: transparent;
    border: solid 1px #dcdcdc; }

.e-autocomplete__item {
  border: 1px dashed transparent;
  font-size: 12px;
  background-color: #fff;
  /*&:hover {
        background-color: #f4f6f9;
        color: $darkNavy;
        border: dashed 1px #9cc3d9;
        -webkit-transition: background 100ms linear;
        -moz-transition: background 100ms linear;
        -o-transition: background 100ms linear;
        transition: background 100ms linear;
    }*/ }

.select2-chosen .e-autocomplete__item.e-autocomplete__item--entity {
  padding: 2px 0 4px; }

.e-autocomplete .e-autocomplete__item.e-autocomplete__item--employee.ui-state-focus .e-autocomplete__item__link {
  background-color: #edfada;
  background-image: none;
  border: 1px dashed #b3e585; }

.e-autocomplete .e-autocomplete__item.e-autocomplete__item--unit.ui-state-focus .e-autocomplete__item__link {
  background-color: #e4f4fc;
  background-image: none;
  border: 1px dashed #68aed3; }

.e-autocomplete .e-autocomplete__item.e-autocomplete__item--position.ui-state-focus .e-autocomplete__item__link {
  background-color: #fdf8dd;
  background-image: none;
  border: 1px dashed #efdf88; }

.e-autocomplete .e-autocomplete__item.e-autocomplete__item--position-level.ui-state-focus .e-autocomplete__item__link {
  background-color: #fff5ef;
  background-image: none;
  border: 1px dashed #ffc6ae; }

.e-autocomplete .e-autocomplete__item.e-autocomplete__item--label {
  padding: 2px 10px !important; }
  .e-autocomplete .e-autocomplete__item.e-autocomplete__item--label:hover {
    background-color: inherit; }

.e-autocomplete__item--first {
  margin-top: 20px !important;
  position: relative; }
  .e-autocomplete__item--first .e-autocomplete__item--first__label {
    height: 15px;
    width: 100%;
    position: absolute;
    top: -21px;
    left: -1px;
    padding: 3px 1px 1px 5px;
    box-sizing: content-box;
    background: #cbeea8;
    border: 1px solid #b3e585; }
  .e-autocomplete__item--first .e-autocomplete__item--first__label--blue {
    background-color: #76c6f0;
    border: 1px solid #68aed3; }
  .e-autocomplete__item--first .e-autocomplete__item--first__label--yellow {
    background: #fbeea9;
    border: 1px solid #efdf88; }
  .e-autocomplete__item--first .e-autocomplete__item--first__label--red {
    background: #ffd7c5;
    border-bottom: 1px solid #ffc6ae; }

.e-autocomplete__item.e-autocomplete__item--label.e-autocomplete__item--label--units {
  background-color: #76c6f0;
  border: 1px solid #68aed3; }

.e-autocomplete__item.e-autocomplete__item--label.e-autocomplete__item--label--positions {
  background: #fbeea9;
  border: 1px solid #efdf88; }

.e-autocomplete__item.e-autocomplete__item--label.e-autocomplete__item--label--position-levels {
  background: #ffd7c5;
  border-bottom: 1px solid #ffc6ae; }

.e-autocomplete__item__thumbnail {
  float: left; }

.e-autocomplete__item__info {
  margin-left: 45px; }

.e-autocomplete__item__info--company {
  margin-left: 0; }

.e-autocomplete__item__info.e-autocomplete__item__info--no-photo {
  margin: 0; }

.e-autocomplete__item__info__title {
  line-height: 1.25em;
  font-size: 12px;
  font-family: "robotomedium", sans-serif;
  color: #3d5569;
  text-align: left;
  -ms-word-break: normal;
  word-break: normal;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  white-space: normal; }

.e-autocomplete__item__info__position {
  min-height: 13px;
  line-height: 1.25em;
  font-size: 11px;
  font-family: "robotolight", sans-serif;
  color: #a1a1a1;
  text-align: left;
  -ms-word-break: break-all;
  word-break: break-all;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  white-space: normal; }

.e-autocomplete.e-autocomplete--worker .e-autocomplete__item {
  padding: 0; }

.e-autocomplete.e-autocomplete--agregate .e-autocomplete__item {
  padding: 0; }

/* Bardzo długi, aby napisać jQuery UI*/
.e-autocomplete .e-autocomplete__item .e-autocomplete__item__link {
  padding: 10px;
  cursor: pointer;
  width: 100%;
  border: dashed 1px transparent; }

.e-autocomplete .e-autocomplete__item.ui-state-focus .e-autocomplete__item__link {
  width: 100%;
  background-color: #f4f6f9;
  color: #3d5569;
  border: dashed 1px #9cc3d9;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-transition: background 100ms linear;
  -moz-transition: background 100ms linear;
  -o-transition: background 100ms linear;
  transition: background 100ms linear; }

.e-autocomplete .e-autocomplete__item .e-autocomplete__item__link.e-autocomplete__item__link--main-searcher {
  padding: 5px 10px;
  cursor: pointer;
  float: left;
  background-color: #fff; }

/* Bardzo długi, aby napisać jQuery UI*/
.e-autocomplete--worker .e-autocomplete__item .e-autocomplete__item__link {
  padding: 10px; }

/* Bardzo długi, aby napisać jQuery UI*/
.e-autocomplete--agregate .e-autocomplete__item .e-autocomplete__item__link {
  padding: 10px; }

.e-autocomplete {
  z-index: 20;
  max-height: 500px; }

.e-autocomplete--main {
  z-index: 2010 !important; }

.e-autocomplete__item__link--main-searcher .e-autocomplete__item__thumbnail {
  float: left;
  width: 45px;
  min-height: 30px; }

.e-autocomplete__item__link--main-searcher .e-autocomplete__item__info {
  display: table; }
  .e-autocomplete__item__link--main-searcher .e-autocomplete__item__info .e-autocomplete__item__info__title {
    vertical-align: middle;
    max-width: 120px;
    -ms-word-wrap: break-word;
    word-wrap: break-word; }
  .e-autocomplete__item__link--main-searcher .e-autocomplete__item__info .e-autocomplete__item__info__subtitle {
    vertical-align: middle;
    font-family: "robotolight", sans-serif;
    max-width: 185px;
    -ms-word-wrap: break-word;
    word-wrap: break-word; }

.e-autocomplete__item--disabled {
  opacity: 0.5; }

.e-autocomplete--positions .e-autocomplete__item__info__title {
  line-height: 1.75em; }

.e-autocomplete.e-autocomplete--popoup {
  z-index: 9999; }

.e-entity-select {
  text-align: left; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.e-table {
  width: 100%;
  border: solid 1px #dbdbdb; }

.e-table--new {
  width: 100%;
  border: none; }

.e-table--hoverable {
  border: none;
  border-collapse: separate; }
  .e-table--hoverable td, .e-table--hoverable th {
    border-right: none;
    border-bottom: none; }
    .e-table--hoverable td:last-of-type, .e-table--hoverable th:last-of-type {
      border-right: solid 1px #dbdbdb; }
  .e-table--hoverable tr:last-of-type td {
    border-bottom: solid 1px #dbdbdb; }
  .e-table--hoverable .e-table__row:hover .e-table__row__item {
    background: #f4f6f9;
    border-top: dashed 1px #9cc3d9;
    border-bottom: dashed 1px #9cc3d9;
    cursor: pointer; }
    .e-table--hoverable .e-table__row:hover .e-table__row__item:first-of-type {
      border-left: dashed 1px #9cc3d9; }
    .e-table--hoverable .e-table__row:hover .e-table__row__item:last-of-type {
      border-right: dashed 1px #9cc3d9; }
    .e-table--hoverable .e-table__row:hover .e-table__row__item .e-table__row__item__title {
      text-decoration: none;
      color: #3d5569; }
  .e-table--hoverable .e-table__row:hover + .e-table__row .e-table__row__item {
    border-top: none; }

.e-table__a {
  color: #2598da; }

.e-table__row--clickable {
  cursor: pointer; }

.e-table__row--clickable--new {
  cursor: default; }

.e-table__header__item {
  background: #f0f0f0;
  font-size: 11px;
  text-transform: uppercase;
  color: #5f656d;
  padding: 7px 10px 7px 10px;
  border: solid 1px #dbdbdb;
  font-family: "robotolight", sans-serif; }

.e-table__header__item--new {
  background: #fdfdfe;
  font-size: 12px;
  color: #7b7b7b;
  padding: 7px 10px 7px 10px;
  border: 0;
  border-bottom: solid 1px #f4f5f7;
  font-family: "robotobold", sans-serif;
  font-weight: normal; }

.e-table__header__item--name {
  width: 125px; }

.e-table__header__item--gradient {
  background: #f0f0f0;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f0f0f0 0%, #dedede 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0f0f0), color-stop(100%, #dedede));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f0f0f0 0%, #dedede 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f0f0f0 0%, #dedede 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f0f0f0 0%, #dedede 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f0f0f0 0%, #dedede 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#dedede',GradientType=0 );
  /* IE6-9 */ }

.e-table__header__item__direction {
  float: right; }

.e-table__row__item {
  border: solid 1px #dbdbdb;
  padding: 10px 10px;
  font-size: 12px;
  color: #5f656d; }
  .e-table__row__item .vacancies__status {
    top: 3px;
    position: relative; }

.e-table__row__item--new {
  border: 0;
  border-bottom: solid 1px #f4f5f7;
  padding: 10px 5px;
  font-size: 12px;
  color: #5f656d; }
  .e-table__row__item--new .vacancies__status {
    top: 3px;
    position: relative; }

.e-table__row__item--title {
  width: 220px;
  padding: 10px 0 10px 10px; }

.table__row__item--430 {
  width: 430px; }

.e-table__row__item--230 {
  width: 250px; }

.table__row__item--320 {
  width: 320px; }

.e-table__row__item--center {
  text-align: center; }

.e-table__row:nth-of-type(2n+1) {
  background: #fcfcfc; }

.e-table__row--new:nth-of-type(2n+1) {
  background: #fdfdfe; }

.e-table__row--clickable {
  cursor: pointer; }
  .e-table__row--clickable:hover .e-table__row__item {
    background: #f4f6f9; }

.e-table__row__item__status {
  float: left;
  margin-right: 5px;
  display: inline-block;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  top: 3px;
  position: relative; }

.e-table__row__item__status--small {
  width: 13px;
  height: 13px;
  margin-top: 2px; }

.e-table__row__item__title {
  font-size: 14px;
  font-family: "robotobold", sans-serif;
  color: #3d5569;
  padding-left: 5px;
  line-height: 14px;
  float: left;
  width: 385px;
  margin-top: 4px; }

.e-table__row__item__title--new {
  font-size: 12px;
  font-family: "robotobold", sans-serif;
  color: #535353;
  padding-left: 5px;
  line-height: 14px;
  float: left;
  width: 185px;
  margin-top: 4px; }
  .e-table__row__item__title--new:hover {
    text-decoration: none;
    color: #535353; }

.e-table__row__item__description {
  font-size: 11px;
  color: #5f656d;
  float: left;
  width: 100%;
  margin-top: 5px;
  padding-left: 21px; }

.e-table__row__item__description--date {
  font-size: 10px;
  color: #a1a1a1;
  margin-top: 0;
  padding-left: 26px; }

.e-table__row__item__description--requester {
  font-size: 12px;
  padding-left: 26px;
  color: #61666c; }

.e-table__row__item__description__link {
  float: left;
  display: block;
  padding: 2px 0 0 2px;
  width: 350px; }

.e-table__row__item__description__icon {
  float: left; }

.e-table__row__item__description__icon:before {
  width: 20px;
  height: 20px;
  padding: 2px;
  background: #F8F9FA;
  color: #BCBEBF;
  font-size: 14px; }

.vacation-request__status--waiting {
  background: #2598da; }

.vacation-request__status--executed {
  background-color: #a1a1a1; }

.vacation-request__status--forexecution, .vacation-request__status--forwithdrawal {
  background-color: #5ebd5e; }

.vacation-request__status--canceled {
  background-color: #f72000; }

.e-table__personal {
  position: relative;
  top: -10px;
  padding-top: 10px;
  cursor: pointer; }

.e-table__personal__img {
  width: 50px;
  float: left; }

.e-table__personal__data {
  float: left;
  width: 250px;
  padding-left: 10px; }

.e-table--fixed-layout {
  table-layout: fixed; }

.e-data-list {
  float: left;
  width: 100%;
  display: table;
  margin: 0;
  padding: 0; }

.e-data-list__item {
  display: table-row;
  background-color: #FFF; }

.e-data-list__item:nth-child(2n-1) {
  background-color: #fdfdfe; }

.e-data-list__item__col {
  display: table-cell;
  padding: 30px; }

.e-data-list__item__col--60 {
  width: 60%; }

.e-data-list__item__col--40 {
  width: 40%; }

.e-data-list__item--hoverable .e-data-list__item__col--first {
  border-top: dashed 1px transparent !important;
  border-left: dashed 1px transparent !important;
  border-bottom: dashed 1px transparent !important; }

.e-data-list__item--hoverable .e-data-list__item__col--middle {
  border-top: dashed 1px transparent !important;
  border-bottom: dashed 1px transparent !important; }

.e-data-list__item--hoverable .e-data-list__item__col--last {
  border-top: dashed 1px transparent !important;
  border-right: dashed 1px transparent !important;
  border-bottom: dashed 1px transparent !important; }

.e-data-list__item--hoverable:hover {
  background-color: #f4f6f9;
  cursor: pointer; }
  .e-data-list__item--hoverable:hover .e-data-list__item__col--first {
    border-top: dashed 1px #9cc3d9 !important;
    border-left: dashed 1px #9cc3d9 !important;
    border-bottom: dashed 1px #9cc3d9 !important; }
  .e-data-list__item--hoverable:hover .e-data-list__item__col--middle {
    border-top: dashed 1px #9cc3d9 !important;
    border-bottom: dashed 1px #9cc3d9 !important; }
  .e-data-list__item--hoverable:hover .e-data-list__item__col--last {
    border-top: dashed 1px #9cc3d9 !important;
    border-right: dashed 1px #9cc3d9 !important;
    border-bottom: dashed 1px #9cc3d9 !important; }

.e-data-list__item__col--contact {
  vertical-align: middle;
  font-size: 11px;
  color: #a1a1a1; }

.e-data-list__item__title {
  font-family: 'robotobold', sans-serif;
  font-size: 14px;
  color: #3d5569; }

.e-data-list__item__subtitle {
  font-size: 12px;
  color: #3d5569;
  font-family: 'robotomedium', sans-serif; }

.e-data-list__item__desc, .e-data-list__item__no-desc {
  font-size: 11px;
  color: #a1a1a1;
  margin: 20px 0 0 0; }

.e-data-list__item__no-desc {
  margin-bottom: 20px; }

.e-data-list__contact-item {
  float: left;
  width: 100%;
  margin: 5px 0; }
  .e-data-list__contact-item i {
    float: left;
    font-size: 14px;
    background: #f8f9fa;
    margin-right: 10px;
    color: #bcbebf; }

.e-data-list__contact-item__data {
  float: left;
  padding-top: 1px; }

.e-data-list .tags-list a:hover {
  text-decoration: none; }

.e-flat-list {
  list-style: inside none;
  padding-left: 0;
  line-height: 1.8; }

.e-flat-list__li {
  float: left;
  padding-right: 5px;
  padding-left: 0;
  height: 1.8em; }
  .e-flat-list__li:before {
    content: '●';
    font-size: 8px;
    position: relative;
    bottom: 1px;
    padding-right: 5px; }
  .e-flat-list__li:first-child {
    list-style-type: none; }
    .e-flat-list__li:first-child:before {
      content: ' '; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.e-item-list {
  width: 100%;
  padding: 1px;
  display: table; }

.e-item-list--fixed {
  table-layout: fixed; }

.e-item-list--no-infinite-scroll .e-item-list__item:nth-last-child(2) .e-item-list__item__col {
  border-bottom: none; }

.e-item-list--no-infinite-scroll .e-item-list__item:last-child .e-item-list__item__col {
  border-bottom: solid 1px #dfe3e9; }

.e-item-list--hoverable .e-item-list__item:hover .e-item-list__item__col {
  background: #f4f6f9;
  border-top: dashed 1px #9cc3d9;
  border-bottom: dashed 1px #9cc3d9;
  z-index: 1; }
  .e-item-list--hoverable .e-item-list__item:hover .e-item-list__item__col:first-child {
    border-left: dashed 1px #9cc3d9; }
  .e-item-list--hoverable .e-item-list__item:hover .e-item-list__item__col:last-child {
    border-right: dashed 1px #9cc3d9; }
  .e-item-list--hoverable .e-item-list__item:hover .e-item-list__item__col .e-item-list__item__icon {
    background-color: #3d5569;
    color: #f4f6f8; }

.e-item-list--hoverable .e-item-list__item:hover + .e-item-list__item .e-item-list__item__col {
  border-top: none; }

.e-item-list--hoverable .e-item-list__item:hover + .e-item-list__item--active .e-item-list__item__col {
  border-top: none !important; }

.e-item-list--hoverable .e-item-list__item--active + .e-item-list__item--active:hover .e-item-list__item__col {
  border-top: none !important; }

.e-item-list__item {
  position: relative;
  z-index: 0;
  padding: 20px 15px;
  display: table-row; }
  .e-item-list__item:nth-last-child(2) .e-item-list__item__col {
    border-bottom: solid 1px #dfe3e9; }

.e-item-list__item--active + .e-item-list__item .e-item-list__item__col {
  border-top: none !important; }

.e-item-list__item--active .e-item-list__item__col {
  background: #e0f0e1 !important;
  border-top: dashed 1px #68b66a !important;
  border-bottom: dashed 1px #68b66a !important;
  z-index: 10; }
  .e-item-list__item--active .e-item-list__item__col:first-child {
    border-left: dashed 1px #68b66a; }
  .e-item-list__item--active .e-item-list__item__col:last-child {
    border-right: dashed 1px #68b66a; }

.e-item-list__item--active:hover .e-item-list__item__col {
  background: #e0f0e1 !important;
  border-top: dashed 1px #68b66a !important;
  border-bottom: dashed 1px #68b66a !important;
  z-index: 10; }
  .e-item-list__item--active:hover .e-item-list__item__col:first-child {
    border-left: dashed 1px #68b66a; }
  .e-item-list__item--active:hover .e-item-list__item__col:last-child {
    border-right: dashed 1px #68b66a; }

.e-item-list__item--active .e-progress-bar--with-label--small--grey {
  background: #f4f6f9; }

.e-item-list__item--tight {
  padding: 10px; }
  .e-item-list__item--tight .e-item-list__item__col {
    padding: 10px; }

.e-item-list__item__col {
  position: relative;
  display: table-cell;
  padding: 20px 10px;
  border-top: solid 1px #dfe3e9; }
  .e-item-list__item__col:first-child {
    border-left: solid 1px #dfe3e9; }
  .e-item-list__item__col:last-child {
    border-right: solid 1px #dfe3e9; }
  .e-item-list__item__col--no-side-borders {
    border-left: none;
    border-right: none; }
    .e-item-list__item__col--no-side-borders:last-child, .e-item-list__item__col--no-side-borders :first-child {
      border-right: solid 1px transparent;
      border-left: solid 1px transparent; }

.e-item-list__item__col--radio {
  padding-left: 25px; }

.e-item-list__item__col--middle {
  vertical-align: middle; }

.e-item-list__item__col--top, .e-item-list__item--tight .e-item-list__item__col--top {
  vertical-align: top;
  padding: 0; }
  .e-item-list__item__col--top--additional-padding, .e-item-list__item--tight .e-item-list__item__col--top--additional-padding {
    padding-top: 3px;
    padding-bottom: 1px; }

.e-item-list__item__col__holder {
  padding-top: 9px;
  padding-bottom: 9px; }

.e-item-list__item__col--icon-holder {
  position: absolute;
  top: 21px; }

.e-item-list__item__icon {
  vertical-align: middle;
  padding-top: 2px;
  padding-bottom: 1px; }

.e-item-list__item__col--10pr {
  width: 10%; }

.e-item-list__item__col--20pr {
  width: 20%; }

.e-item-list__item__col--60pr {
  width: 60%; }

.e-item-list__item__col--80pr {
  width: 80%; }

.e-item-list-container--select-objectives-for-review {
  float: left;
  width: 100%; }

.e-item-list__item__col__checkbox {
  position: absolute;
  width: 150px;
  top: 5px;
  right: 40px; }

.e-item-list__item__col__drop {
  position: absolute;
  width: 20px;
  top: 10px;
  right: 15px; }

.e-item-list__item__col__checkbox__percent {
  float: right;
  padding-top: 2px;
  padding-left: 5px;
  font-size: 14px;
  font-family: "robotomedium", sans-serif; }

.e-item-list__item__col__checkbox__checkbox {
  float: right;
  width: 30px;
  padding-top: 4px;
  padding-bottom: 2px; }

.e-item-list__item__col .e-key-results__item--preview {
  padding-bottom: 0; }

.e-item-list__item__col .e-key-results__right {
  padding-right: 1px; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.e-panel {
  float: left;
  width: 100%;
  border: 1px solid #dfe3e9; }

.e-panel__header {
  position: relative;
  width: 100%;
  padding: 7px 10px;
  border-bottom: 1px solid #dfe3e9;
  background: #faf9f9;
  display: table;
  box-shadow: 0 1px 4px #dfe3e9; }
  .e-panel__header--report-template {
    padding: 10px;
    font-size: 14px;
    color: #888888; }

.e-panel--dashed {
  outline: 1px dashed #ffa053; }

.e-panel--triangle .e-panel__header::after {
  content: ' ';
  position: absolute;
  left: 0;
  bottom: -9px;
  width: 0;
  height: 0;
  border-top: solid 10px #faf9f9;
  border-right: solid 100px transparent;
  border-left: solid 100px transparent; }

.e-panel--triangle .e-panel__header::before {
  content: ' ';
  position: absolute;
  left: 0;
  bottom: -10px;
  width: 0;
  height: 0;
  border-top: solid 10px #dfe3e9;
  border-right: solid 102px transparent;
  border-left: solid 102px transparent; }

.e-panel--triangle .e-panel__content {
  padding-top: 20px; }

.e-panel__header__title {
  font: 14px "robotomedium", sans-serif;
  vertical-align: middle;
  display: table-cell; }

.e-panel__header__addons {
  font: 12px "robotolight", sans-serif;
  vertical-align: middle;
  text-align: right;
  display: table-cell; }

.e-panel__header__icon {
  display: inline-block;
  padding-right: 5px;
  float: left;
  padding-top: 8px; }

.e-panel__content {
  float: left;
  padding: 10px 10px 15px;
  width: 100%;
  font-size: 12px; }

.e-panel__header__title__question {
  display: inherit; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.e-status-timeline {
  position: relative;
  list-style: none inside;
  padding-left: 0;
  text-align: left; }

.e-status-timeline__item {
  width: 100%; }

.e-status-timeline__item__status {
  float: left;
  font-size: 20px;
  width: 10%; }

.e-status-timeline__item__name {
  float: left;
  padding: 5px 10px;
  text-align: left;
  line-height: 1.4em;
  width: 90%; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.e-bg-dark-grey {
  background-color: #5f656d; }

.e-bg-lighter-grey {
  background-color: #f1f3f5; }

.e-bg-light-grey {
  background-color: #dfe3e9; }

.e-bg-lightest-grey {
  background-color: #faf9f9; }

.e-bg-navy-grey {
  background-color: #5f656d; }

.e-bg-aqua {
  background-color: #dcf3ff; }

.e-bg-white {
  background-color: #fff; }

.e-bg-purple {
  background-color: #a63a64; }

.e-bg-lighten-red {
  background-color: #ff8080; }

.e-bg-concrete-blue {
  background-color: #2598da; }

.e-bg-list-hover-grey {
  background-color: #f4f6f9; }

.e-bg-light-mid-grey {
  background-color: #bbbbbb; }

.bg-dark-grey {
  background-color: #5f656d; }

.bg-lighter-grey {
  background-color: #f1f3f5; }

.bg-light-grey {
  background-color: #dfe3e9; }

.bg-lightest-grey {
  background-color: #faf9f9; }

.bg-navy-grey {
  background-color: #5f656d; }

.bg-aqua {
  background-color: #dcf3ff; }

.bg-white {
  background-color: #fff; }

.e-icon-light-blue-box {
  background-color: white;
  color: #BAD8E9; }
  .e-icon-light-blue-box:before {
    color: #BAD8E9 !important; }

.e-icon-light-green-box {
  background-color: white;
  color: #d8e9ba; }
  .e-icon-light-green-box:before {
    color: #d8e9ba !important; }

.e-icon-light-purple-box {
  background-color: white;
  color: #e9bad8; }
  .e-icon-light-purple-box:before {
    color: #e9bad8 !important; }

.bg-stripped {
  background: transparent url("/Content/tms/_img/bg-strips.png") repeat 0 0; }

/*
    Koniec teł
*/
/*
    Tekstowe
*/
.e-smaller {
  font-size: 10px; }

.e-small {
  font-size: 11px; }

.e-small-date {
  font-size: 10px;
  font-family: "robotoregular", sans-serif;
  line-height: 1em;
  color: #a1a1a1; }

.e-medium {
  font-size: 12px; }

.e-big {
  font-size: 13px; }

.e-bigger {
  font-size: 14px; }

.e-biggest {
  font-size: 16px; }

.e-huge {
  font-size: 18px; }

.e-font-size-10 {
  font-size: 10px; }

.e-font-size-11 {
  font-size: 11px; }

.e-font-size-12 {
  font-size: 12px; }

.e-font-size-13 {
  font-size: 13px; }

.e-font-size-14 {
  font-size: 14px; }

.e-font-size-16 {
  font-size: 16px; }

.e-font-size-18 {
  font-size: 18px; }

.e-font-size-20 {
  font-size: 20px; }

.e-font-size-22 {
  font-size: 22px; }

.e-font-size-24 {
  font-size: 24px; }

.e-font-size-28 {
  font-size: 28px; }

.e-font-size-32 {
  font-size: 32px; }

.e-font-size-36 {
  font-size: 36px; }

.e-font-size-48 {
  font-size: 48px; }

.e-heading-smallest {
  font-size: 20px; }

.e-heading-smaller {
  font-size: 22px; }

.e-heading-medium {
  font-size: 24px; }

.e-heading-big {
  font-size: 28px; }

.e-heading-bigger {
  font-size: 32px; }

.e-heading-biggest {
  font-size: 36px; }

.e-heading--underline {
  padding-bottom: 5px;
  margin: 0 0 10px 0;
  border-bottom: solid 2px #f3f3f3; }

.e-breath-both {
  padding-left: 1em;
  padding-right: 1em; }

.e-breath-left {
  padding-left: 1em; }

.e-breath-right {
  padding-right: 1em; }

.e-underline {
  text-decoration: underline; }

.font-light, .e-form-label, .e-form-label--full, .e-form-label--title, .e-form-label--icon, .e-form-label--empty, .e-form-label--empty--height-15, .page-heading--vacancies, .e-people-picker__filters__list__item label, .e-people-picker__filters__submenu__list__item__span label, .e-people-picker__filters__submenu__list__item__span label a, .e-people-picker__groups-menu__item a, .e-tag--skills, .e-tag--gray, .e-tag--suppliers, .e-list--condensed .e-list__item__type, .e-people-list__item__date, .e-chat__time, .e-people-list__item__description, .e-people-list-sidebar__list__item--active .e-people-list-sidebar__list__item__name, .e-people-list-sidebar__list__item--active .e-people-list-sidebar__list__item__position, .e-people-list-sidebar__list__item__name, .e-people-list-sidebar__list__item__position, .e-chat__message-content, .e-selected-tag__tag {
  font-family: 'robotolight', sans-serif; }

.font-light-italic {
  font-family: 'robotolight_italic', sans-serif; }

.font-bold, .e-people-picker__filters__header-1, .e-people-picker__header__workers, .e-list-table .e-list-table__td__heading, .e-tag .e-tag__number, .e-list .e-list__item__heading, .e-simple-table__item__heading, .e-people-list__item__name, .e-key-results__percentage {
  font-family: 'robotobold', sans-serif;
  font-weight: normal; }

.font-regular, .e-box-title, .e-simple-table--instant-feeback .e-simple-table__item__heading a {
  font-family: 'roboto', sans-serif;
  font-weight: normal; }

.font-medium {
  font-family: 'robotomedium', sans-serif; }

.font-medium-italic {
  font-family: "robotomedium_italic", sans-serif; }

.e-pull-left {
  float: left !important; }

.e-pull-right {
  float: right !important; }

.e-pull-center {
  margin: 0 auto; }

.e-hidden {
  display: none !important; }

.e-visible {
  display: block !important; }

.e-display-table {
  display: table; }

.e-display-table-cell {
  display: table-cell; }

.e-color-black {
  color: #000; }

.e-color-white {
  color: #fff; }

.e-color-grey {
  color: #a1a1a1; }

.e-color-dark-navy {
  color: #3d5569; }

.e-color-dark-grey {
  color: #5f656d; }

.e-color-metalic-grey {
  color: #61666c; }

.e-color-medium-grey {
  color: #797979; }

.e-color-event {
  color: #ffa053; }

.e-color-dark-blue {
  color: #33a6dc; }

.e-color-red {
  color: red; }

.e-color-dark-red {
  color: #b11515; }

.e-color-semi-dark-red {
  color: #c30000; }

.e-color-green {
  color: green; }

.e-color-lighter-green {
  color: #b2dcb2; }

.e-color-light-green {
  color: #5ebd5e; }

.e-color-light-blue {
  color: #7dbcdc; }

.e-color-light-orange {
  color: #fac767; }

.e-color-transparent {
  color: transparent; }

.e-color-concrete-blue {
  color: #2598da; }

.e-color-light-grey {
  color: #dfe3e9; }

.e-color-pink {
  color: #f4989d; }

.e-color-dark-full-grey {
  color: darkFullGrey; }

.e-color-light-mid-grey {
  color: #bbbbbb; }

.e-color-medium-dark-grey {
  color: #666a74; }

.e-color-knowledge-test {
  color: #8baa50; }

.e-color-lightOrage {
  color: #fac767; }

.e-color-dark-orange {
  color: #fe9037; }

.e-pseudo-color-black:before {
  color: #000 !important; }

.e-pseudo-color-black:after {
  color: #000 !important; }

.e-pseudo-color-white:before {
  color: #fff !important; }

.e-pseudo-color-white:after {
  color: #fff !important; }

.e-pseudo-color-grey:before {
  color: #a1a1a1 !important; }

.e-pseudo-color-grey:after {
  color: #a1a1a1 !important; }

.e-pseudo-color-dark-navy:before {
  color: #3d5569 !important; }

.e-pseudo-color-dark-navy:after {
  color: #3d5569 !important; }

.e-pseudo-color-dark-grey:before {
  color: #5f656d !important; }

.e-pseudo-color-dark-grey:after {
  color: #5f656d !important; }

.e-pseudo-color-metalic-grey:before {
  color: #61666c !important; }

.e-pseudo-color-metalic-grey:after {
  color: #61666c !important; }

.e-pseudo-color-medium-grey:before {
  color: #797979 !important; }

.e-pseudo-color-medium-grey:after {
  color: #797979 !important; }

.e-pseudo-color-event:before {
  color: #ffa053 !important; }

.e-pseudo-color-event:after {
  color: #ffa053 !important; }

.e-pseudo-color-dark-blue:before {
  color: #33a6dc !important; }

.e-pseudo-color-dark-blue:after {
  color: #33a6dc !important; }

.e-pseudo-color-red:before {
  color: red !important; }

.e-pseudo-color-red:after {
  color: red !important; }

.e-pseudo-color-dark-red:before {
  color: #b11515 !important; }

.e-pseudo-color-dark-red:after {
  color: #b11515 !important; }

.e-pseudo-color-semi-dark-red:before {
  color: #c30000 !important; }

.e-pseudo-color-semi-dark-red:after {
  color: #c30000 !important; }

.e-pseudo-color-green:before {
  color: green !important; }

.e-pseudo-color-green:after {
  color: green !important; }

.e-pseudo-color-lighter-green:before {
  color: #b2dcb2 !important; }

.e-pseudo-color-lighter-green:after {
  color: #b2dcb2 !important; }

.e-pseudo-color-light-green:before {
  color: #5ebd5e !important; }

.e-pseudo-color-light-green:after {
  color: #5ebd5e !important; }

.e-pseudo-color-light-blue:before {
  color: #7dbcdc !important; }

.e-pseudo-color-light-blue:after {
  color: #7dbcdc !important; }

.e-pseudo-color-light-orange:before {
  color: #fac767 !important; }

.e-pseudo-color-light-orange:after {
  color: #fac767 !important; }

.e-pseudo-color-transparent:before {
  color: transparent !important; }

.e-pseudo-color-transparent:after {
  color: transparent !important; }

.e-pseudo-color-concrete-blue:before {
  color: #2598da !important; }

.e-pseudo-color-concrete-blue:after {
  color: #2598da !important; }

.e-pseudo-color-light-grey:before {
  color: #dfe3e9 !important; }

.e-pseudo-color-light-grey:after {
  color: #dfe3e9 !important; }

.e-pseudo-color-pink:before {
  color: #f4989d !important; }

.e-pseudo-color-pink:after {
  color: #f4989d !important; }

.e-pseudo-color-dark-full-grey:before {
  color: darkFullGrey !important; }

.e-pseudo-color-dark-full-grey:after {
  color: darkFullGrey !important; }

.e-pseudo-color-light-mid-grey:before {
  color: #bbbbbb !important; }

.e-pseudo-color-light-mid-grey:after {
  color: #bbbbbb !important; }

.e-pseudo-color-medium-dark-grey:before {
  color: #666a74 !important; }

.e-pseudo-color-medium-dark-grey:after {
  color: #666a74 !important; }

.e-pseudo-color-knowledge-test:before {
  color: #8baa50 !important; }

.e-pseudo-color-knowledge-test:after {
  color: #8baa50 !important; }

.e-pseudo-color-lightOrage:before {
  color: #fac767 !important; }

.e-pseudo-color-lightOrage:after {
  color: #fac767 !important; }

.e-pseudo-color-dark-orange:before {
  color: #fe9037 !important; }

.e-pseudo-color-dark-orange:after {
  color: #fe9037 !important; }

.e-color-transition {
  -moz-transition: color 0.25s ease-in-out;
  -o-transition: color 0.25s ease-in-out;
  -webkit-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out; }

.e-pseudo-color-black:before {
  color: #000 !important; }

.e-pseudo-color-black:after {
  color: #000 !important; }

.e-pseudo-color-grey:before {
  color: #a1a1a1 !important; }

.e-pseudo-color-grey:after {
  color: #a1a1a1 !important; }

.e-pseudo-color-dark-navy:before {
  color: #3d5569 !important; }

.e-pseudo-color-dark-navy:after {
  color: #3d5569 !important; }

.e-pseudo-color-dark-grey:before {
  color: #5f656d !important; }

.e-pseudo-color-dark-grey:after {
  color: #5f656d !important; }

.e-pseudo-color-metalic-grey:before {
  color: #61666c !important; }

.e-pseudo-color-metalic-grey:after {
  color: #61666c !important; }

.e-pseudo-color-medium-grey:before {
  color: #797979 !important; }

.e-pseudo-color-medium-grey:after {
  color: #797979 !important; }

.e-align-left {
  text-align: left; }

.e-align-center {
  text-align: center; }

.e-align-right {
  text-align: right; }

.e-align-justify {
  text-align: justify; }

.e-page-heading1 {
  font-size: 24px;
  margin: 0;
  padding: 0; }

.e-article-heading {
  font-size: 36px;
  line-height: 1.18;
  margin: 0 0 20px 0;
  color: #3d5569; }
  .e-article-heading--report {
    font-size: 80px; }

.e-report-logo-bottom-space {
  padding-bottom: 200px; }

.e-underscored-heading {
  border-bottom: 1px solid #f1f3f5; }

.e-underscored {
  border-bottom: solid 1px #dcdcdc; }

.e-text-row {
  padding-bottom: 15px; }

/**
    Koniec tekstowych
*/
/**
    Blokowe
*/
.e-inline-block {
  display: inline-block; }

.e-block {
  display: block; }

.e-inline {
  display: inline; }

/** Koniec blokowych 

*/
/*
    Imitacja zachowań innych elementów
*/
.e-link-tag-hover:hover {
  color: #2598da;
  text-decoration: underline;
  cursor: pointer; }

/**
    Komponent ikonki "przyetykietowej"
    Ikonki takie w systemie występują z reguły przy etykietach, nagłowkach, etc.
    np. w SkillsList
*/
.e-label-icon {
  position: relative;
  width: 24px;
  height: 24px;
  padding: 2px;
  margin-right: 5px;
  background-color: #f8f9fa;
  font-size: 14px;
  color: #bcbebf; }

.e-label-icon--breath {
  margin-right: 0.5em; }

.e-label-icon--small {
  font-size: 13px;
  padding: 1px;
  top: 1px;
  width: 16px;
  height: 16px; }

.e-label-icon--medium {
  font-size: 18px;
  padding: 0.15em;
  top: 2px;
  width: 30px;
  height: 30px; }

.e-label-icon--big {
  display: inline-block;
  font-size: 22px;
  padding: 0.2em;
  padding-top: 6px;
  width: 40px;
  height: 40px;
  text-align: center; }

.e-label-icon--big.e-label-icon--enormous {
  font-size: 34px;
  width: 60px;
  height: 60px; }

.e-label-icon--img-size {
  display: inline-block;
  font-size: 32px;
  padding: 0.2em;
  padding-top: 6px;
  width: 44px;
  height: 45px;
  text-align: center; }

.e-label-icon--large {
  font-size: 25px;
  top: 2px; }

.e-label-icon--x-large {
  font-size: 90px;
  top: 0; }

.e-label-icon--box {
  font-size: 20px; }

.e-label-icon--fill {
  display: block;
  width: 100%;
  height: 100%; }

.e-label-icon--dark {
  background-color: #f1f1f4;
  color: #fff; }

.e-label-icon--light {
  background-color: #fff;
  color: #bcbebf; }

.e-label-icon--formultiline {
  float: left; }

.e-label-icon--hoverable:hover, .e-label-icon--hoverable:hover i {
  color: #319ED5; }

.e-phantom-label-icon-margin {
  margin-left: 28px; }

.e-label-icon__foot {
  padding: 0.1em 0.5em;
  position: absolute;
  font-size: 12px;
  right: 0;
  bottom: 0;
  background: blue;
  color: white;
  font-family: "robotolight", sans-serif;
  font-style: normal;
  background: #3e5568; }
  .e-label-icon__foot:hover {
    background: #2598da;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -webkit-transition: 0.2s;
    transition: 0.2s; }

.e-label-icon--rose-bud {
  color: #fff;
  background: #F8AD88; }

.e-label-icon--green {
  color: #5ab55a; }

.e-label-icon--light-blue:before {
  color: #7dbcdc; }

.e-label-icon--blue:before {
  color: #2598da; }

.e-label-icon--disabled {
  color: #a1a1a1; }

.e-label-icon--no-margin::before {
  margin: 0; }

i.e-label-icon--rose-bud:before {
  color: #fff !important; }

.e-label-icon-valign-top:before {
  vertical-align: top; }

.e-label-icon--block {
  display: block;
  top: 0;
  margin: 0; }

.e-label-icon--rotaion-z-90 {
  transform: rotateZ(90deg); }

.e-label-icon--rotate-90:before {
  transform: rotate(90deg); }

/**
    Komponent kółeczka pokazującego status
    Z reguły na prostych listach tabelarycznych
    np. _NotesPartial
    Podpięte też przez extend pod vacancies__status w _vacancies.scss
*/
.e-status-circle {
  display: inline-block;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 16px;
  height: 16px; }

.e-status-circle--em {
  width: 1.6em;
  height: 1.6em;
  line-height: 1.4; }

.e-status-circle--big {
  width: 32px;
  height: 32px; }

.e-status-circle--number {
  border: 1px solid #a1a1a1;
  background: #fff;
  color: #a1a1a1; }

.e-wrapfix, .e-form-content__preview, .e-message__title, .e-comment__content__text {
  -ms-word-break: normal;
  word-break: normal;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  white-space: normal; }

.e-wrapfix--break-all {
  word-break: break-all; }

.e-no-wrap {
  white-space: nowrap; }

.e-circle {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%; }

.e-break-word {
  word-break: break-all;
  word-break: break-word; }

.e-img-repsonsive {
  max-width: 100%;
  height: auto; }

.e-vertical-aligner {
  display: table;
  width: 100%;
  table-layout: fixed; }

.e-vertical-aligner__item {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%; }

.e-relative {
  position: relative; }

.e-absolute {
  position: absolute; }

.e-fixed {
  position: fixed; }

.e-pinned-right {
  right: 0; }

.e-pinned-left {
  left: 0; }

.e-pinned-bottom {
  bottom: 0; }

.e-pinned-top {
  top: 0; }

.e-top-20 {
  top: 20px; }

.e-cutted-text, .e-dropdown-button--searcher .e-dropdown-button__rewrite > a, .e-bookmarked-message__header__title, .e-smart-tooltip {
  /* essential */
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap !important;
  overflow: hidden; }

.e-cut-text-wrapped {
  /* essential */
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden; }

.e-well {
  font-family: "robotoregular", sans-serif;
  font-size: 12px;
  display: block;
  padding: 10px 15px;
  border: 1px solid #a1a1a1;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #faf9f9; }

.e-well--error {
  border-color: #f6afb3;
  background-color: #fbdddf;
  color: #aa0808; }

.e-well--yellow {
  border-color: #f2ecda;
  background-color: #fcf8e2;
  color: #c09853; }

.e-ul--no-marker {
  padding: 0;
  list-style-type: none;
  list-style-position: inside; }

.e-ul--tight {
  padding: 0; }

.e-ul--loose {
  padding-left: 2em; }

.e-ul--disc {
  list-style-type: disc; }

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

.e-ul--inside {
  list-style-position: inside; }

.e-ul__item--with-icon {
  padding-bottom: 10px; }

.e-ul--separate li {
  margin-bottom: 5px; }

.e-ul--separate-large li {
  margin-bottom: 10px; }

.e-ul--floatleft {
  float: left;
  width: 100%; }

.e-cursor-pointer {
  cursor: pointer; }

.e-cursor-auto {
  cursor: auto; }

.e-cursor-move {
  cursor: move; }

.e-remove-button {
  font-size: 16px;
  margin: 0;
  color: #f4989d;
  cursor: pointer; }
  .e-remove-button:hover {
    text-decoration: none;
    color: #f4989d; }

.e-remove-button--tag {
  font-size: 13px; }

.e-remove-button--hoverable:hover {
  color: #db0a0a; }

.e-auto-frame {
  overflow: auto;
  border: 1px solid #dfe3e9; }

.e-overflow-auto {
  overflow: auto; }

.e-overflow-hidden {
  overflow: hidden; }

.e-overflow-x-auto {
  overflow-x: auto; }

.icon--bigger {
  font-size: 1.25em;
  line-height: 0.75em; }

.e-help-icon {
  cursor: pointer;
  color: #5f646a; }
  .e-help-icon:hover {
    text-decoration: none; }

.e-form-content .e-help-icon {
  margin-top: 3px; }

.e-help-icon--light {
  color: #9f9f9f; }

.e-help-icon--active {
  color: #3d5569; }

.e-popover-inner {
  font-size: 12px; }

.e-rank-indicator {
  float: left;
  min-width: 25px;
  margin-right: 5px;
  background: #68b66a;
  color: white;
  font-size: 14px;
  font-family: "robotomedium", sans-serif;
  text-align: center; }

.pull-center, .e-pull-center {
  margin: 0 auto; }

.icon--rounded-none {
  border: solid 1px transparent;
  padding: 2px 2px 4px 2px;
  width: 30px;
  text-align: center;
  display: block !important;
  left: -4px;
  position: relative; }
  .icon--rounded-none:before {
    margin: 3px 0 0 0;
    padding: 0; }
  .icon--rounded-none--paddings {
    padding-left: 15px;
    padding-top: 0; }

.icon--rounded {
  border: solid 1px #ececec;
  background: #fff;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 2px 2px 4px 2px;
  width: 30px;
  text-align: center;
  display: block !important; }
  .icon--rounded:before {
    margin: 3px 0 0 0;
    padding: 0; }

.icon--blue:before {
  color: #7dbcdc; }

.icon--qustion-type:before {
  font-size: 16px;
  margin-right: 8px; }

.e-word-highlight {
  background: #ffff00; }

.reset-weight {
  font-weight: normal; }

.e-uppercase {
  text-transform: uppercase; }

.e-hover-highlight {
  transition: color 0.5s ease-in-out; }
  .e-hover-highlight:hover {
    color: #7dbcdc; }

.e-small-header {
  font-size: 12px;
  font-family: "robotobold", sans-serif;
  text-transform: uppercase; }

.e-light-header {
  display: inline-block;
  font-size: 16px;
  font-family: "robotolight", sans-serif;
  color: #3d5569;
  padding-bottom: 20px; }

.e-fade {
  opacity: 1;
  transition: opacity 0.5s ease-out; }

.e-fade.e-fade--out {
  opacity: 0;
  transition: opacity 0.5s ease-out; }

.e-fade.e-fade--semi-out {
  opacity: 0.5;
  transition: opacity 0.5s ease-out; }

.e-visibility-zero-opacity {
  opacity: 0; }

.e-visibility-hidden {
  visibility: hidden; }

.e-visibility-visible {
  visibility: visible; }

.hd-light-20.hd-light-20--no-underline {
  border-bottom: none; }

.e-hide-bottom-border-last:last-child {
  border-bottom: none; }

.e-come-down {
  transition: top 1s ease-in-out;
  top: -20px; }

.e-come-down--down {
  top: 45px; }

.e-inherit-height {
  height: inherit; }

.e-sticky-card--shadow {
  -moz-box-shadow: 2px 10px 10px -10px #ddd;
  -webkit-box-shadow: 0 2px 10px #ddd;
  box-shadow: 2px 10px 10px -10px #ddd;
  z-index: 2; }

.e-sticky-card {
  z-index: 60;
  padding: 15px 15px 10px;
  background: #fff;
  -moz-transition: top 0.5s ease-in-out;
  -o-transition: top 0.5s ease-in-out;
  -webkit-transition: top 0.5s ease-in-out;
  transition: top 0.5s ease-in-out;
  -moz-box-shadow: 2px 10px 10px -10px #ddd;
  -webkit-box-shadow: 0 2px 10px #ddd;
  box-shadow: 2px 10px 10px -10px #ddd;
  z-index: 2;
  border-bottom: 1px solid #ddd; }
  @media screen and (min-height: 500px) and (min-width: 1266px) {
    .e-sticky-card {
      position: fixed;
      top: -100px; } }
  @media (max-height: 499px), (max-width: 1265px) {
    .e-sticky-card {
      position: static;
      margin-bottom: -100px; } }
  @media (max-height: 499px), (max-width: 1265px) {
    .e-sticky-card.e-sticky-card--summary {
      display: none; } }

.e-light-blue {
  color: #7dbcdc; }

.e-valign-middle {
  vertical-align: middle; }

.e-valign-top {
  vertical-align: top; }

.e-valign-sub {
  vertical-align: sub; }

.e-valign-super {
  vertical-align: super; }

.e-valign-text-top {
  vertical-align: text-top; }

.e-valign-text-bottom {
  vertical-align: text-bottom; }

.e-valign-inherit {
  vertical-align: inherit; }

.e-line-inherit {
  line-height: inherit; }

.e-line-height-150p {
  line-height: 150%; }

.e-clickable-height {
  height: 50px; }

.e-border-separator {
  border-bottom: 1px solid #dfe3e9; }

.e-border-separator--thick {
  border-bottom: 2px solid #dfe3e9; }

.e-border-top-separator {
  border-top: 1px solid #dfe3e9; }

.e-border-top-separator--thick {
  border-top: 2px solid #dfe3e9; }

.e-clearfix:before {
  display: table;
  content: ' '; }

.e-clearfix:after {
  display: table;
  content: ' ';
  clear: both; }

.e-cancel-pulling {
  float: none; }

/* Absence Request cshtml */
.popover.popover-hack {
  left: 0 !important; }

.popover--objective-card {
  width: 550px;
  max-width: 550px;
  padding-top: 0; }
  .popover--objective-card .popover-content {
    padding: 0; }

.popover--auto {
  max-width: 800px;
  width: auto; }

.e-calendar-popover {
  width: 300px; }

.e-layer-1 {
  z-index: 1; }

.e-spinner-for-tr {
  padding: 0 !important;
  text-align: center;
  width: 100%; }
  .e-spinner-for-tr img {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    max-height: 100%; }

.e-popover-table {
  table-layout: fixed;
  color: #535353;
  margin-top: -5px; }
  .e-popover-table td {
    vertical-align: top;
    padding: 5px;
    width: 50%;
    font-family: "robotolight", sans-serif; }
    .e-popover-table td:first-child {
      text-align: right;
      font-family: "robotomedium", sans-serif; }

.e-review-result-icon {
  position: absolute;
  top: -4px;
  right: 0; }

.e-tooltip-trigger {
  color: inherit; }
  .e-tooltip-trigger:hover, .e-tooltip-trigger:focus {
    text-decoration: inherit; }
  .e-tooltip-trigger:focus {
    color: inherit; }

/* Dropdown */
.e-tight-dropdown.dropdown-menu {
  min-width: 90px;
  border-radius: 5px; }

/* Because of too specific selector on e-list-template */
a.e-tooltip-trigger {
  color: inherit; }
  a.e-tooltip-trigger:hover, a.e-tooltip-trigger:focus {
    text-decoration: inherit; }
  a.e-tooltip-trigger:focus {
    color: inherit; }

.e-absence-public-info:before {
  content: '\e833';
  float: left;
  color: #3d5569;
  font: 16px "fontello-entypo-full";
  line-height: 1; }

.e-absence-public-info__quote {
  padding: 2px 10px;
  margin: 0 0 0 20px;
  font-size: 11px;
  color: #a1a1a1;
  border-left-width: 3px; }

@keyframes red-blink {
  0% {
    color: #db0a0a; }
  100% {
    color: #000; } }

.e-countdown-blink {
  display: block;
  animation: red-blink 1s 0s infinite;
  transition: animation; }

@keyframes countdown-icon-blink {
  0% {
    color: #fff;
    background: #db0a0a; }
  100% {
    background: #faf9f9;
    color: #a1a1a1; } }

.e-countdown-icon-blink {
  display: block;
  animation: countdown-icon-blink 1s 0s infinite;
  transition: animation; }

.e-move-to-left {
  transform: translateX(-100%);
  transition: animation 1s ease-in-out; }

.e-img-responsive {
  display: block;
  height: auto;
  max-width: 100%; }

.e-bookmarked-message {
  float: left;
  position: relative;
  width: 100%;
  border-bottom: 1px solid #f1f3f5; }

.e-bookmarked-message--hoverable {
  border: 1px dashed transparent;
  border-bottom: 1px solid #f1f3f5;
  -moz-transition: background 0.1s ease-in-out, border 0.1s ease-in-out;
  -o-transition: background 0.1s ease-in-out, border 0.1s ease-in-out;
  -webkit-transition: background 0.1s ease-in-out, border 0.1s ease-in-out;
  transition: background 0.1s ease-in-out, border 0.1s ease-in-out;
  cursor: pointer; }
  .e-bookmarked-message--hoverable:hover {
    border: 1px dashed #9cc3d9;
    background: #f4f6f9; }
    .e-bookmarked-message--hoverable:hover .e-bookmarked-message__thumb__figure {
      background: #d6deea;
      -moz-transition: background 0.1s ease-in-out;
      -o-transition: background 0.1s ease-in-out;
      -webkit-transition: background 0.1s ease-in-out;
      transition: background 0.1s ease-in-out; }

.e-bookmarked-message__thumb {
  float: left;
  width: 20%;
  padding: 15px; }

.e-bookmarked-message__thumb__figure {
  width: 100px;
  height: 100px;
  background: #f1f1f4;
  color: #fff;
  text-align: center;
  overflow: hidden;
  display: block; }
  .e-bookmarked-message__thumb__figure:hover {
    color: #fff; }

.e-bookmarked-message__content {
  float: right;
  width: 80%;
  padding-right: 15px;
  font-size: 12px;
  color: #5f656d; }

.e-bookmarked-message__header {
  float: right;
  width: 80%;
  padding-right: 15px;
  padding-top: 15px;
  color: #a1a1a1; }

.e-bookmarked-message__header__meta {
  float: left;
  width: 100%;
  font: 11px "robotolight", sans-serif; }
  .e-bookmarked-message__header__meta a {
    color: #a1a1a1;
    font-family: "robotobold", sans-serif; }
    .e-bookmarked-message__header__meta a:hover {
      color: #2598da; }

.e-bookmarked-message__header__title {
  float: left;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  color: #3d5569;
  font: 22px "robotobold", sans-serif; }

.e-bookmarked-message__header__title--small {
  font: normal 12px "robotolight", sans-serif;
  color: #a1a1a1;
  padding-top: 5px;
  padding-bottom: 10px; }

.e-bookmarked-message__thumb__figure__icon {
  font-size: 32px;
  line-height: 100px; }
  .e-bookmarked-message__thumb__figure__icon:before {
    color: #a1a1a1; }
  .e-bookmarked-message__thumb__figure__icon:after {
    color: #a1a1a1; }

.e-bookmarked-message__thumb__figure__img {
  position: relative;
  margin-left: -50%;
  height: 100px;
  width: auto; }

.e-bookmarked-message__remove {
  position: absolute;
  right: 5px;
  top: 5px; }

.e-bookmarked-message__content--no-title {
  padding-top: 5px; }

.e-remove-button.e-remove-button--bookmark {
  font-size: 20px; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.e-bg-dark-grey {
  background-color: #5f656d; }

.e-bg-lighter-grey {
  background-color: #f1f3f5; }

.e-bg-light-grey {
  background-color: #dfe3e9; }

.e-bg-lightest-grey {
  background-color: #faf9f9; }

.e-bg-navy-grey {
  background-color: #5f656d; }

.e-bg-aqua {
  background-color: #dcf3ff; }

.e-bg-white {
  background-color: #fff; }

.e-bg-purple {
  background-color: #a63a64; }

.e-bg-lighten-red {
  background-color: #ff8080; }

.e-bg-concrete-blue {
  background-color: #2598da; }

.e-bg-list-hover-grey {
  background-color: #f4f6f9; }

.e-bg-light-mid-grey {
  background-color: #bbbbbb; }

.bg-dark-grey {
  background-color: #5f656d; }

.bg-lighter-grey {
  background-color: #f1f3f5; }

.bg-light-grey {
  background-color: #dfe3e9; }

.bg-lightest-grey {
  background-color: #faf9f9; }

.bg-navy-grey {
  background-color: #5f656d; }

.bg-aqua {
  background-color: #dcf3ff; }

.bg-white {
  background-color: #fff; }

.e-icon-light-blue-box {
  background-color: white;
  color: #BAD8E9; }
  .e-icon-light-blue-box:before {
    color: #BAD8E9 !important; }

.e-icon-light-green-box {
  background-color: white;
  color: #d8e9ba; }
  .e-icon-light-green-box:before {
    color: #d8e9ba !important; }

.e-icon-light-purple-box {
  background-color: white;
  color: #e9bad8; }
  .e-icon-light-purple-box:before {
    color: #e9bad8 !important; }

.bg-stripped {
  background: transparent url("/Content/tms/_img/bg-strips.png") repeat 0 0; }

/*
    Koniec teł
*/
/*
    Tekstowe
*/
.e-smaller {
  font-size: 10px; }

.e-small {
  font-size: 11px; }

.e-small-date {
  font-size: 10px;
  font-family: "robotoregular", sans-serif;
  line-height: 1em;
  color: #a1a1a1; }

.e-medium {
  font-size: 12px; }

.e-big {
  font-size: 13px; }

.e-bigger {
  font-size: 14px; }

.e-biggest {
  font-size: 16px; }

.e-huge {
  font-size: 18px; }

.e-font-size-10 {
  font-size: 10px; }

.e-font-size-11 {
  font-size: 11px; }

.e-font-size-12 {
  font-size: 12px; }

.e-font-size-13 {
  font-size: 13px; }

.e-font-size-14 {
  font-size: 14px; }

.e-font-size-16 {
  font-size: 16px; }

.e-font-size-18 {
  font-size: 18px; }

.e-font-size-20 {
  font-size: 20px; }

.e-font-size-22 {
  font-size: 22px; }

.e-font-size-24 {
  font-size: 24px; }

.e-font-size-28 {
  font-size: 28px; }

.e-font-size-32 {
  font-size: 32px; }

.e-font-size-36 {
  font-size: 36px; }

.e-font-size-48 {
  font-size: 48px; }

.e-heading-smallest {
  font-size: 20px; }

.e-heading-smaller {
  font-size: 22px; }

.e-heading-medium {
  font-size: 24px; }

.e-heading-big {
  font-size: 28px; }

.e-heading-bigger {
  font-size: 32px; }

.e-heading-biggest {
  font-size: 36px; }

.e-heading--underline {
  padding-bottom: 5px;
  margin: 0 0 10px 0;
  border-bottom: solid 2px #f3f3f3; }

.e-breath-both {
  padding-left: 1em;
  padding-right: 1em; }

.e-breath-left {
  padding-left: 1em; }

.e-breath-right {
  padding-right: 1em; }

.e-underline {
  text-decoration: underline; }

.font-light, .e-form-label, .e-form-label--full, .e-form-label--title, .e-form-label--icon, .e-form-label--empty, .e-form-label--empty--height-15, .page-heading--vacancies, .e-people-picker__filters__list__item label, .e-people-picker__filters__submenu__list__item__span label, .e-people-picker__filters__submenu__list__item__span label a, .e-people-picker__groups-menu__item a, .e-tag--skills, .e-tag--gray, .e-tag--suppliers, .e-list--condensed .e-list__item__type, .e-people-list__item__date, .e-chat__time, .e-people-list__item__description, .e-people-list-sidebar__list__item--active .e-people-list-sidebar__list__item__name, .e-people-list-sidebar__list__item--active .e-people-list-sidebar__list__item__position, .e-people-list-sidebar__list__item__name, .e-people-list-sidebar__list__item__position, .e-chat__message-content, .e-selected-tag__tag {
  font-family: 'robotolight', sans-serif; }

.font-light-italic {
  font-family: 'robotolight_italic', sans-serif; }

.font-bold, .e-people-picker__filters__header-1, .e-people-picker__header__workers, .e-list-table .e-list-table__td__heading, .e-tag .e-tag__number, .e-list .e-list__item__heading, .e-simple-table__item__heading, .e-people-list__item__name, .e-key-results__percentage {
  font-family: 'robotobold', sans-serif;
  font-weight: normal; }

.font-regular, .e-box-title, .e-simple-table--instant-feeback .e-simple-table__item__heading a {
  font-family: 'roboto', sans-serif;
  font-weight: normal; }

.font-medium {
  font-family: 'robotomedium', sans-serif; }

.font-medium-italic {
  font-family: "robotomedium_italic", sans-serif; }

.e-pull-left {
  float: left !important; }

.e-pull-right {
  float: right !important; }

.e-pull-center {
  margin: 0 auto; }

.e-hidden {
  display: none !important; }

.e-visible {
  display: block !important; }

.e-display-table {
  display: table; }

.e-display-table-cell {
  display: table-cell; }

.e-color-black {
  color: #000; }

.e-color-white {
  color: #fff; }

.e-color-grey {
  color: #a1a1a1; }

.e-color-dark-navy {
  color: #3d5569; }

.e-color-dark-grey {
  color: #5f656d; }

.e-color-metalic-grey {
  color: #61666c; }

.e-color-medium-grey {
  color: #797979; }

.e-color-event {
  color: #ffa053; }

.e-color-dark-blue {
  color: #33a6dc; }

.e-color-red {
  color: red; }

.e-color-dark-red {
  color: #b11515; }

.e-color-semi-dark-red {
  color: #c30000; }

.e-color-green {
  color: green; }

.e-color-lighter-green {
  color: #b2dcb2; }

.e-color-light-green {
  color: #5ebd5e; }

.e-color-light-blue {
  color: #7dbcdc; }

.e-color-light-orange {
  color: #fac767; }

.e-color-transparent {
  color: transparent; }

.e-color-concrete-blue {
  color: #2598da; }

.e-color-light-grey {
  color: #dfe3e9; }

.e-color-pink {
  color: #f4989d; }

.e-color-dark-full-grey {
  color: darkFullGrey; }

.e-color-light-mid-grey {
  color: #bbbbbb; }

.e-color-medium-dark-grey {
  color: #666a74; }

.e-color-knowledge-test {
  color: #8baa50; }

.e-color-lightOrage {
  color: #fac767; }

.e-color-dark-orange {
  color: #fe9037; }

.e-pseudo-color-black:before {
  color: #000 !important; }

.e-pseudo-color-black:after {
  color: #000 !important; }

.e-pseudo-color-white:before {
  color: #fff !important; }

.e-pseudo-color-white:after {
  color: #fff !important; }

.e-pseudo-color-grey:before {
  color: #a1a1a1 !important; }

.e-pseudo-color-grey:after {
  color: #a1a1a1 !important; }

.e-pseudo-color-dark-navy:before {
  color: #3d5569 !important; }

.e-pseudo-color-dark-navy:after {
  color: #3d5569 !important; }

.e-pseudo-color-dark-grey:before {
  color: #5f656d !important; }

.e-pseudo-color-dark-grey:after {
  color: #5f656d !important; }

.e-pseudo-color-metalic-grey:before {
  color: #61666c !important; }

.e-pseudo-color-metalic-grey:after {
  color: #61666c !important; }

.e-pseudo-color-medium-grey:before {
  color: #797979 !important; }

.e-pseudo-color-medium-grey:after {
  color: #797979 !important; }

.e-pseudo-color-event:before {
  color: #ffa053 !important; }

.e-pseudo-color-event:after {
  color: #ffa053 !important; }

.e-pseudo-color-dark-blue:before {
  color: #33a6dc !important; }

.e-pseudo-color-dark-blue:after {
  color: #33a6dc !important; }

.e-pseudo-color-red:before {
  color: red !important; }

.e-pseudo-color-red:after {
  color: red !important; }

.e-pseudo-color-dark-red:before {
  color: #b11515 !important; }

.e-pseudo-color-dark-red:after {
  color: #b11515 !important; }

.e-pseudo-color-semi-dark-red:before {
  color: #c30000 !important; }

.e-pseudo-color-semi-dark-red:after {
  color: #c30000 !important; }

.e-pseudo-color-green:before {
  color: green !important; }

.e-pseudo-color-green:after {
  color: green !important; }

.e-pseudo-color-lighter-green:before {
  color: #b2dcb2 !important; }

.e-pseudo-color-lighter-green:after {
  color: #b2dcb2 !important; }

.e-pseudo-color-light-green:before {
  color: #5ebd5e !important; }

.e-pseudo-color-light-green:after {
  color: #5ebd5e !important; }

.e-pseudo-color-light-blue:before {
  color: #7dbcdc !important; }

.e-pseudo-color-light-blue:after {
  color: #7dbcdc !important; }

.e-pseudo-color-light-orange:before {
  color: #fac767 !important; }

.e-pseudo-color-light-orange:after {
  color: #fac767 !important; }

.e-pseudo-color-transparent:before {
  color: transparent !important; }

.e-pseudo-color-transparent:after {
  color: transparent !important; }

.e-pseudo-color-concrete-blue:before {
  color: #2598da !important; }

.e-pseudo-color-concrete-blue:after {
  color: #2598da !important; }

.e-pseudo-color-light-grey:before {
  color: #dfe3e9 !important; }

.e-pseudo-color-light-grey:after {
  color: #dfe3e9 !important; }

.e-pseudo-color-pink:before {
  color: #f4989d !important; }

.e-pseudo-color-pink:after {
  color: #f4989d !important; }

.e-pseudo-color-dark-full-grey:before {
  color: darkFullGrey !important; }

.e-pseudo-color-dark-full-grey:after {
  color: darkFullGrey !important; }

.e-pseudo-color-light-mid-grey:before {
  color: #bbbbbb !important; }

.e-pseudo-color-light-mid-grey:after {
  color: #bbbbbb !important; }

.e-pseudo-color-medium-dark-grey:before {
  color: #666a74 !important; }

.e-pseudo-color-medium-dark-grey:after {
  color: #666a74 !important; }

.e-pseudo-color-knowledge-test:before {
  color: #8baa50 !important; }

.e-pseudo-color-knowledge-test:after {
  color: #8baa50 !important; }

.e-pseudo-color-lightOrage:before {
  color: #fac767 !important; }

.e-pseudo-color-lightOrage:after {
  color: #fac767 !important; }

.e-pseudo-color-dark-orange:before {
  color: #fe9037 !important; }

.e-pseudo-color-dark-orange:after {
  color: #fe9037 !important; }

.e-color-transition {
  -moz-transition: color 0.25s ease-in-out;
  -o-transition: color 0.25s ease-in-out;
  -webkit-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out; }

.e-pseudo-color-black:before {
  color: #000 !important; }

.e-pseudo-color-black:after {
  color: #000 !important; }

.e-pseudo-color-grey:before {
  color: #a1a1a1 !important; }

.e-pseudo-color-grey:after {
  color: #a1a1a1 !important; }

.e-pseudo-color-dark-navy:before {
  color: #3d5569 !important; }

.e-pseudo-color-dark-navy:after {
  color: #3d5569 !important; }

.e-pseudo-color-dark-grey:before {
  color: #5f656d !important; }

.e-pseudo-color-dark-grey:after {
  color: #5f656d !important; }

.e-pseudo-color-metalic-grey:before {
  color: #61666c !important; }

.e-pseudo-color-metalic-grey:after {
  color: #61666c !important; }

.e-pseudo-color-medium-grey:before {
  color: #797979 !important; }

.e-pseudo-color-medium-grey:after {
  color: #797979 !important; }

.e-align-left {
  text-align: left; }

.e-align-center {
  text-align: center; }

.e-align-right {
  text-align: right; }

.e-align-justify {
  text-align: justify; }

.e-page-heading1 {
  font-size: 24px;
  margin: 0;
  padding: 0; }

.e-article-heading {
  font-size: 36px;
  line-height: 1.18;
  margin: 0 0 20px 0;
  color: #3d5569; }
  .e-article-heading--report {
    font-size: 80px; }

.e-report-logo-bottom-space {
  padding-bottom: 200px; }

.e-underscored-heading {
  border-bottom: 1px solid #f1f3f5; }

.e-underscored {
  border-bottom: solid 1px #dcdcdc; }

.e-text-row {
  padding-bottom: 15px; }

/**
    Koniec tekstowych
*/
/**
    Blokowe
*/
.e-inline-block {
  display: inline-block; }

.e-block {
  display: block; }

.e-inline {
  display: inline; }

/** Koniec blokowych 

*/
/*
    Imitacja zachowań innych elementów
*/
.e-link-tag-hover:hover {
  color: #2598da;
  text-decoration: underline;
  cursor: pointer; }

/**
    Komponent ikonki "przyetykietowej"
    Ikonki takie w systemie występują z reguły przy etykietach, nagłowkach, etc.
    np. w SkillsList
*/
.e-label-icon {
  position: relative;
  width: 24px;
  height: 24px;
  padding: 2px;
  margin-right: 5px;
  background-color: #f8f9fa;
  font-size: 14px;
  color: #bcbebf; }

.e-label-icon--breath {
  margin-right: 0.5em; }

.e-label-icon--small {
  font-size: 13px;
  padding: 1px;
  top: 1px;
  width: 16px;
  height: 16px; }

.e-label-icon--medium {
  font-size: 18px;
  padding: 0.15em;
  top: 2px;
  width: 30px;
  height: 30px; }

.e-label-icon--big {
  display: inline-block;
  font-size: 22px;
  padding: 0.2em;
  padding-top: 6px;
  width: 40px;
  height: 40px;
  text-align: center; }

.e-label-icon--big.e-label-icon--enormous {
  font-size: 34px;
  width: 60px;
  height: 60px; }

.e-label-icon--img-size {
  display: inline-block;
  font-size: 32px;
  padding: 0.2em;
  padding-top: 6px;
  width: 44px;
  height: 45px;
  text-align: center; }

.e-label-icon--large {
  font-size: 25px;
  top: 2px; }

.e-label-icon--x-large {
  font-size: 90px;
  top: 0; }

.e-label-icon--box {
  font-size: 20px; }

.e-label-icon--fill {
  display: block;
  width: 100%;
  height: 100%; }

.e-label-icon--dark {
  background-color: #f1f1f4;
  color: #fff; }

.e-label-icon--light {
  background-color: #fff;
  color: #bcbebf; }

.e-label-icon--formultiline {
  float: left; }

.e-label-icon--hoverable:hover, .e-label-icon--hoverable:hover i {
  color: #319ED5; }

.e-phantom-label-icon-margin {
  margin-left: 28px; }

.e-label-icon__foot {
  padding: 0.1em 0.5em;
  position: absolute;
  font-size: 12px;
  right: 0;
  bottom: 0;
  background: blue;
  color: white;
  font-family: "robotolight", sans-serif;
  font-style: normal;
  background: #3e5568; }
  .e-label-icon__foot:hover {
    background: #2598da;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -webkit-transition: 0.2s;
    transition: 0.2s; }

.e-label-icon--rose-bud {
  color: #fff;
  background: #F8AD88; }

.e-label-icon--green {
  color: #5ab55a; }

.e-label-icon--light-blue:before {
  color: #7dbcdc; }

.e-label-icon--blue:before {
  color: #2598da; }

.e-label-icon--disabled {
  color: #a1a1a1; }

.e-label-icon--no-margin::before {
  margin: 0; }

i.e-label-icon--rose-bud:before {
  color: #fff !important; }

.e-label-icon-valign-top:before {
  vertical-align: top; }

.e-label-icon--block {
  display: block;
  top: 0;
  margin: 0; }

.e-label-icon--rotaion-z-90 {
  transform: rotateZ(90deg); }

.e-label-icon--rotate-90:before {
  transform: rotate(90deg); }

/**
    Komponent kółeczka pokazującego status
    Z reguły na prostych listach tabelarycznych
    np. _NotesPartial
    Podpięte też przez extend pod vacancies__status w _vacancies.scss
*/
.e-status-circle {
  display: inline-block;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 16px;
  height: 16px; }

.e-status-circle--em {
  width: 1.6em;
  height: 1.6em;
  line-height: 1.4; }

.e-status-circle--big {
  width: 32px;
  height: 32px; }

.e-status-circle--number {
  border: 1px solid #a1a1a1;
  background: #fff;
  color: #a1a1a1; }

.e-wrapfix, .e-form-content__preview, .e-message__title, .e-comment__content__text {
  -ms-word-break: normal;
  word-break: normal;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  white-space: normal; }

.e-wrapfix--break-all {
  word-break: break-all; }

.e-no-wrap {
  white-space: nowrap; }

.e-circle {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%; }

.e-break-word {
  word-break: break-all;
  word-break: break-word; }

.e-img-repsonsive {
  max-width: 100%;
  height: auto; }

.e-vertical-aligner {
  display: table;
  width: 100%;
  table-layout: fixed; }

.e-vertical-aligner__item {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%; }

.e-relative {
  position: relative; }

.e-absolute {
  position: absolute; }

.e-fixed {
  position: fixed; }

.e-pinned-right {
  right: 0; }

.e-pinned-left {
  left: 0; }

.e-pinned-bottom {
  bottom: 0; }

.e-pinned-top {
  top: 0; }

.e-top-20 {
  top: 20px; }

.e-cutted-text, .e-dropdown-button--searcher .e-dropdown-button__rewrite > a, .e-bookmarked-message__header__title, .e-smart-tooltip {
  /* essential */
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap !important;
  overflow: hidden; }

.e-cut-text-wrapped {
  /* essential */
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden; }

.e-well {
  font-family: "robotoregular", sans-serif;
  font-size: 12px;
  display: block;
  padding: 10px 15px;
  border: 1px solid #a1a1a1;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #faf9f9; }

.e-well--error {
  border-color: #f6afb3;
  background-color: #fbdddf;
  color: #aa0808; }

.e-well--yellow {
  border-color: #f2ecda;
  background-color: #fcf8e2;
  color: #c09853; }

.e-ul--no-marker {
  padding: 0;
  list-style-type: none;
  list-style-position: inside; }

.e-ul--tight {
  padding: 0; }

.e-ul--loose {
  padding-left: 2em; }

.e-ul--disc {
  list-style-type: disc; }

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

.e-ul--inside {
  list-style-position: inside; }

.e-ul__item--with-icon {
  padding-bottom: 10px; }

.e-ul--separate li {
  margin-bottom: 5px; }

.e-ul--separate-large li {
  margin-bottom: 10px; }

.e-ul--floatleft {
  float: left;
  width: 100%; }

.e-cursor-pointer {
  cursor: pointer; }

.e-cursor-auto {
  cursor: auto; }

.e-cursor-move {
  cursor: move; }

.e-remove-button {
  font-size: 16px;
  margin: 0;
  color: #f4989d;
  cursor: pointer; }
  .e-remove-button:hover {
    text-decoration: none;
    color: #f4989d; }

.e-remove-button--tag {
  font-size: 13px; }

.e-remove-button--hoverable:hover {
  color: #db0a0a; }

.e-auto-frame {
  overflow: auto;
  border: 1px solid #dfe3e9; }

.e-overflow-auto {
  overflow: auto; }

.e-overflow-hidden {
  overflow: hidden; }

.e-overflow-x-auto {
  overflow-x: auto; }

.icon--bigger {
  font-size: 1.25em;
  line-height: 0.75em; }

.e-help-icon {
  cursor: pointer;
  color: #5f646a; }
  .e-help-icon:hover {
    text-decoration: none; }

.e-form-content .e-help-icon {
  margin-top: 3px; }

.e-help-icon--light {
  color: #9f9f9f; }

.e-help-icon--active {
  color: #3d5569; }

.e-popover-inner {
  font-size: 12px; }

.e-rank-indicator {
  float: left;
  min-width: 25px;
  margin-right: 5px;
  background: #68b66a;
  color: white;
  font-size: 14px;
  font-family: "robotomedium", sans-serif;
  text-align: center; }

.pull-center, .e-pull-center {
  margin: 0 auto; }

.icon--rounded-none {
  border: solid 1px transparent;
  padding: 2px 2px 4px 2px;
  width: 30px;
  text-align: center;
  display: block !important;
  left: -4px;
  position: relative; }
  .icon--rounded-none:before {
    margin: 3px 0 0 0;
    padding: 0; }
  .icon--rounded-none--paddings {
    padding-left: 15px;
    padding-top: 0; }

.icon--rounded {
  border: solid 1px #ececec;
  background: #fff;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 2px 2px 4px 2px;
  width: 30px;
  text-align: center;
  display: block !important; }
  .icon--rounded:before {
    margin: 3px 0 0 0;
    padding: 0; }

.icon--blue:before {
  color: #7dbcdc; }

.icon--qustion-type:before {
  font-size: 16px;
  margin-right: 8px; }

.e-word-highlight {
  background: #ffff00; }

.reset-weight {
  font-weight: normal; }

.e-uppercase {
  text-transform: uppercase; }

.e-hover-highlight {
  transition: color 0.5s ease-in-out; }
  .e-hover-highlight:hover {
    color: #7dbcdc; }

.e-small-header {
  font-size: 12px;
  font-family: "robotobold", sans-serif;
  text-transform: uppercase; }

.e-light-header {
  display: inline-block;
  font-size: 16px;
  font-family: "robotolight", sans-serif;
  color: #3d5569;
  padding-bottom: 20px; }

.e-fade {
  opacity: 1;
  transition: opacity 0.5s ease-out; }

.e-fade.e-fade--out {
  opacity: 0;
  transition: opacity 0.5s ease-out; }

.e-fade.e-fade--semi-out {
  opacity: 0.5;
  transition: opacity 0.5s ease-out; }

.e-visibility-zero-opacity {
  opacity: 0; }

.e-visibility-hidden {
  visibility: hidden; }

.e-visibility-visible {
  visibility: visible; }

.hd-light-20.hd-light-20--no-underline {
  border-bottom: none; }

.e-hide-bottom-border-last:last-child {
  border-bottom: none; }

.e-come-down {
  transition: top 1s ease-in-out;
  top: -20px; }

.e-come-down--down {
  top: 45px; }

.e-inherit-height {
  height: inherit; }

.e-sticky-card--shadow {
  -moz-box-shadow: 2px 10px 10px -10px #ddd;
  -webkit-box-shadow: 0 2px 10px #ddd;
  box-shadow: 2px 10px 10px -10px #ddd;
  z-index: 2; }

.e-sticky-card {
  z-index: 60;
  padding: 15px 15px 10px;
  background: #fff;
  -moz-transition: top 0.5s ease-in-out;
  -o-transition: top 0.5s ease-in-out;
  -webkit-transition: top 0.5s ease-in-out;
  transition: top 0.5s ease-in-out;
  -moz-box-shadow: 2px 10px 10px -10px #ddd;
  -webkit-box-shadow: 0 2px 10px #ddd;
  box-shadow: 2px 10px 10px -10px #ddd;
  z-index: 2;
  border-bottom: 1px solid #ddd; }
  @media screen and (min-height: 500px) and (min-width: 1266px) {
    .e-sticky-card {
      position: fixed;
      top: -100px; } }
  @media (max-height: 499px), (max-width: 1265px) {
    .e-sticky-card {
      position: static;
      margin-bottom: -100px; } }
  @media (max-height: 499px), (max-width: 1265px) {
    .e-sticky-card.e-sticky-card--summary {
      display: none; } }

.e-light-blue {
  color: #7dbcdc; }

.e-valign-middle {
  vertical-align: middle; }

.e-valign-top {
  vertical-align: top; }

.e-valign-sub {
  vertical-align: sub; }

.e-valign-super {
  vertical-align: super; }

.e-valign-text-top {
  vertical-align: text-top; }

.e-valign-text-bottom {
  vertical-align: text-bottom; }

.e-valign-inherit {
  vertical-align: inherit; }

.e-line-inherit {
  line-height: inherit; }

.e-line-height-150p {
  line-height: 150%; }

.e-clickable-height {
  height: 50px; }

.e-border-separator {
  border-bottom: 1px solid #dfe3e9; }

.e-border-separator--thick {
  border-bottom: 2px solid #dfe3e9; }

.e-border-top-separator {
  border-top: 1px solid #dfe3e9; }

.e-border-top-separator--thick {
  border-top: 2px solid #dfe3e9; }

.e-clearfix:before {
  display: table;
  content: ' '; }

.e-clearfix:after {
  display: table;
  content: ' ';
  clear: both; }

.e-cancel-pulling {
  float: none; }

/* Absence Request cshtml */
.popover.popover-hack {
  left: 0 !important; }

.popover--objective-card {
  width: 550px;
  max-width: 550px;
  padding-top: 0; }
  .popover--objective-card .popover-content {
    padding: 0; }

.popover--auto {
  max-width: 800px;
  width: auto; }

.e-calendar-popover {
  width: 300px; }

.e-layer-1 {
  z-index: 1; }

.e-spinner-for-tr {
  padding: 0 !important;
  text-align: center;
  width: 100%; }
  .e-spinner-for-tr img {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    max-height: 100%; }

.e-popover-table {
  table-layout: fixed;
  color: #535353;
  margin-top: -5px; }
  .e-popover-table td {
    vertical-align: top;
    padding: 5px;
    width: 50%;
    font-family: "robotolight", sans-serif; }
    .e-popover-table td:first-child {
      text-align: right;
      font-family: "robotomedium", sans-serif; }

.e-review-result-icon {
  position: absolute;
  top: -4px;
  right: 0; }

.e-tooltip-trigger {
  color: inherit; }
  .e-tooltip-trigger:hover, .e-tooltip-trigger:focus {
    text-decoration: inherit; }
  .e-tooltip-trigger:focus {
    color: inherit; }

/* Dropdown */
.e-tight-dropdown.dropdown-menu {
  min-width: 90px;
  border-radius: 5px; }

/* Because of too specific selector on e-list-template */
a.e-tooltip-trigger {
  color: inherit; }
  a.e-tooltip-trigger:hover, a.e-tooltip-trigger:focus {
    text-decoration: inherit; }
  a.e-tooltip-trigger:focus {
    color: inherit; }

.e-absence-public-info:before {
  content: '\e833';
  float: left;
  color: #3d5569;
  font: 16px "fontello-entypo-full";
  line-height: 1; }

.e-absence-public-info__quote {
  padding: 2px 10px;
  margin: 0 0 0 20px;
  font-size: 11px;
  color: #a1a1a1;
  border-left-width: 3px; }

@keyframes red-blink {
  0% {
    color: #db0a0a; }
  100% {
    color: #000; } }

.e-countdown-blink {
  display: block;
  animation: red-blink 1s 0s infinite;
  transition: animation; }

@keyframes countdown-icon-blink {
  0% {
    color: #fff;
    background: #db0a0a; }
  100% {
    background: #faf9f9;
    color: #a1a1a1; } }

.e-countdown-icon-blink {
  display: block;
  animation: countdown-icon-blink 1s 0s infinite;
  transition: animation; }

.e-move-to-left {
  transform: translateX(-100%);
  transition: animation 1s ease-in-out; }

.e-img-responsive {
  display: block;
  height: auto;
  max-width: 100%; }

.e-table-template {
  width: 100%;
  display: table; }

.e-table-template--bordered {
  border-left: solid 1px #f1f3f5;
  border-right: solid 1px #f1f3f5; }

.e-table-template__body__tr--hover .e-table-template__body__tr__td {
  background: #e9f5fb !important; }

.e-table-template--auto-oddity .e-table-template__body__tr:nth-child(odd) .e-table-template__body__tr__td {
  background: #fdfdfe; }

.e-table-template--auto-oddity .e-table-template__body__tr:nth-child(odd):hover .e-table-template__body__tr__td {
  background: #fdfdfe; }

.e-table-template--auto-oddity .e-table-template__body__tr:nth-child(even) .e-table-template__body__tr__td {
  background: #fff; }

.e-table-template--auto-oddity .e-table-template__body__tr:nth-child(even):hover .e-table-template__body__tr__td {
  background: #fff; }

.e-table-template--hoverable .e-table-template__body__tr:hover .e-table-template__body__tr__td {
  background: #e9f5fb !important; }

.e-table-template--hoverable .e-table-template__body__tr:hover .e-label-icon--table-template {
  background: #d6deea;
  color: #fff; }

.e-table-template--hoverable .e-table-template__body__tr .e-label-icon--table-template {
  padding-top: 0.25em; }

.e-label-icon--super {
  vertical-align: super; }

.e-label-icon--sub {
  vertical-align: sub; }

.e-label-icon--passed {
  color: #68b66a; }

.e-label-icon--failed {
  color: #db0a0a; }

.e-label-icon--margin-bottom::before {
  margin-bottom: 1px;
  padding-bottom: 2px; }

.e-table-template--fixed {
  table-layout: fixed; }

.e-label-icon--blue-hover:hover {
  -moz-transition: color 0.1s ease-in-out;
  -o-transition: color 0.1s ease-in-out;
  -webkit-transition: color 0.1s ease-in-out;
  transition: color 0.1s ease-in-out;
  color: #2598da; }

.e-table-template__head--dark {
  background: #faf9f9;
  text-transform: uppercase;
  border-top: solid 1px #f1f3f5; }
  .e-table-template__head--dark .e-table-template__head__tr__th {
    color: #aeaeae; }

.e-table-template__head--tall .e-table-template__head__tr__th {
  padding: 10px 5px; }

.e-table-template__head--short .e-table-template__head__tr__th {
  padding: 2px 5px; }

/*
.e-table-template__body {

}

.e-table-template__foot {

}

.e-table-template__head__tr {

}*/
.e-table-template__body__tr--green {
  background: #ddf1dd; }

.e-table-template__body__tr--orange {
  background: #ffe6d3; }

.e-table-template__body__tr__th {
  padding: 10px; }

.e-table-template__head__tr__th.e-table-template__head__tr__th--sort-by {
  color: #5f656d;
  font-family: "robotomedium", sans-serif; }

.e-table-template__head__tr--border-top {
  border-top: solid 1px #f1f3f5; }

.e-table-template__head__tr__th {
  text-transform: uppercase;
  font: normal 11px "robotolight", sans-serif;
  color: #777e88;
  padding: 10px 5px;
  border-bottom: solid 1px #f1f3f5; }
  .e-table-template__head__tr__th--narrow {
    padding: 5px; }

.e-table-template__body__tr__td {
  position: relative;
  font-size: 12px;
  padding: 10px;
  -moz-transition: background 0.1s ease-in-out;
  -o-transition: background 0.1s ease-in-out;
  -webkit-transition: background 0.1s ease-in-out;
  transition: background 0.1s ease-in-out; }
  .e-table-template__body__tr__td--narrow {
    padding: 5px; }

.e-table-template__body__tr__td--hover {
  background: #e9f5fb !important; }

.e-table-template__body__tr__td--vtop {
  vertical-align: top; }

.e-table-template__body__tr .e-table-template__body__tr__td[rowspan] {
  border-bottom: solid 1px #f1f3f5; }

.e-table-template__body__tr--odd .e-table-template__body__tr__td {
  background: #fdfdfe; }

.e-table-template__body__tr--group-end .e-table-template__body__tr__td {
  border-bottom: solid 1px #f1f3f5; }

tr#nav {
  display: none; }

/* Custom headers */
.e-table-template__header__tr__th--chart {
  padding-left: 20px; }

.e-table-template__header__tr__th--status {
  width: 110px; }

.e-table-template__header__tr--filters {
  background: #fff; }
  .e-table-template__header__tr--filters .e-table-template__head__tr__th {
    text-transform: none;
    background: #fff;
    padding: 0;
    height: 45px;
    position: relative;
    /* box-shadow: $filtersBorderColor 0 0 2px; */
    z-index: 1; }
    .e-table-template__header__tr--filters .e-table-template__head__tr__th:first-child .e-table-template__header__tr--filters__th__mask {
      /* border-bottom-left-radius: 4px;
                 * border-top-left-radius: 4px; */
      border-left: 1px solid #dcdcdc;
      width: calc(100% + 2px);
      left: -1px; }
    .e-table-template__header__tr--filters .e-table-template__head__tr__th:last-child .e-table-template__header__tr--filters__th__mask {
      /* border-bottom-right-radius: 4px;
                 * border-top-right-radius: 4px; */
      border-right: 1px solid #dcdcdc;
      width: calc(100% + 2px); }
  .e-table-template__header__tr--filters:not(.e-hidden) ~ .e-table-template__header__tr--filters .e-table-template__header__tr--filters__th__mask {
    border-top: none; }

.e-table-template__head__tr__th.e-table-template__head__tr__th--filter-trigger {
  padding: 2px; }
  .e-table-template__head__tr__th.e-table-template__head__tr__th--filter-trigger .e-table-template__header__tr--filters__th__mask {
    padding-left: 0;
    padding-top: 12px; }

.e-table-template__header__tr--filters__th__mask {
  position: absolute;
  float: left;
  display: block;
  padding: 10px 5px;
  height: 45px;
  top: -1px;
  bottom: -1px;
  left: -1px;
  right: -1px;
  background: #fff;
  border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc; }

.e-order-arrow {
  font: normal 1.2em 'fontello-entypo-full';
  margin-left: 0.5em;
  color: inherit; }
  .e-order-arrow:before {
    content: '\e86e'; }
  .e-order-arrow--asc {
    color: #7b7b7b; }
    .e-order-arrow--asc:before {
      content: '\e883'; }
  .e-order-arrow--desc {
    color: #7b7b7b; }
    .e-order-arrow--desc:before {
      content: '\e886'; }

.e-table-template__head__tr__th--w5p {
  width: 5%; }

.e-table-template__head__tr__th--w10p {
  width: 10%; }

.e-table-template__head__tr__th--w15p {
  width: 15%; }

.e-table-template__head__tr__th--w20p {
  width: 20%; }

.e-table-template__head__tr__th--w25p {
  width: 25%; }

.e-table-template__head__tr__th--w30p {
  width: 30%; }

.e-table-template__head__tr__th--w35p {
  width: 35%; }

.e-table-template__head__tr__th--w40p {
  width: 40%; }

.e-table-template__head__tr__th--w45p {
  width: 45%; }

.e-table-template__head__tr__th--w50p {
  width: 50%; }

.e-table-template__head__tr__th--w55p {
  width: 55%; }

.e-table-template__head__tr__th--w60p {
  width: 60%; }

.e-table-template__head__tr__th--w65p {
  width: 65%; }

.e-table-template__head__tr__th--w70p {
  width: 70%; }

.e-table-template__head__tr__th--w75p {
  width: 75%; }

.e-table-template__head__tr__th--w80p {
  width: 80%; }

.e-table-template__head__tr__th--w85p {
  width: 85%; }

.e-table-template__head__tr__th--w90p {
  width: 90%; }

.e-table-template__head__tr__th--w95p {
  width: 95%; }

.e-table-template__head__tr__th--w100p {
  width: 100%; }

.e-table-template__head__tr__th--padding {
  padding: 10px 10px; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.e-tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-size: 11px;
  font-style: normal;
  line-height: 1.44;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  -ms-word-break: normal;
  word-break: normal;
  word-spacing: normal;
  -ms-word-wrap: normal;
  word-wrap: normal;
  white-space: normal;
  filter: alpha(opacity=0);
  opacity: 0;
  -ms-line-break: auto;
  -webkit-line-break: auto;
  line-break: auto; }
  .e-tooltip.in {
    filter: alpha(opacity=75);
    opacity: 0.75; }
  .e-tooltip.left {
    padding: 0 5px;
    margin-left: -3px; }
    .e-tooltip.left .e-tooltip__arrow {
      top: 50%;
      right: 0;
      margin-top: -5px;
      border-width: 5px 0 5px 5px;
      border-left-color: #000; }
  .e-tooltip.right {
    padding: 0 5px;
    margin-left: 3px; }
    .e-tooltip.right .e-tooltip__arrow {
      top: 50%;
      left: 0;
      margin-top: -5px;
      border-width: 5px 5px 5px 0;
      border-right-color: #000; }
  .e-tooltip.top {
    padding: 5px 0;
    margin-top: -3px; }
    .e-tooltip.top .e-tooltip__arrow {
      bottom: 0;
      left: 50%;
      margin-left: -5px;
      border-width: 5px 5px 0;
      border-top-color: #000; }
  .e-tooltip.bottom {
    padding: 5px 0;
    margin-top: 3px; }
    .e-tooltip.bottom .e-tooltip__arrow {
      top: 0;
      left: 50%;
      margin-left: -5px;
      border-width: 0 5px 5px;
      border-bottom-color: #000; }

.e-tooltip__arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.e-tooltip__content {
  max-width: 250px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 3px;
  -ms-word-break: normal;
  word-break: normal;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  white-space: normal; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.e-employee-card-header {
  padding: 10px 12px;
  margin-bottom: 10px;
  border-bottom: 2px solid #f1f3f5;
  background: #fff;
  position: relative;
  z-index: 5; }
  .e-employee-card-header:before {
    display: table;
    content: ' '; }
  .e-employee-card-header:after {
    display: table;
    content: ' ';
    clear: both; }

.e-employee-card-header__avatar-col {
  float: left;
  width: 200px;
  padding-right: 20px; }

.e-employee-card-header__info-col {
  position: relative;
  float: left;
  width: 740px; }

.e-employee-card-header__info-col__last-login {
  position: absolute;
  margin-top: 0.5em;
  right: 0;
  font-size: 11px;
  text-align: right; }

.e-employee-card-header__info-col__observe {
  position: absolute;
  margin-top: 2.7em;
  right: 0; }

.e-employee-card-header__avatar-col__presence {
  border-radius: 3px 3px 0 0;
  color: #fff;
  text-transform: uppercase;
  position: relative;
  padding: 6px 12px 5px 12px;
  z-index: 40; }

.e-employee-card-header__avatar-col__presence--present {
  background-color: #00a651;
  border-top-color: #00a651; }

.e-employee-card-header__avatar-col__presence--absent {
  background-color: #c30909;
  border-top-color: #c30909; }

.e-employee-card-header__avatar-col__presence__tick {
  width: 0;
  height: 0;
  border-top: 6px solid;
  border-top-color: inherit;
  border-left: 6px solid transparent;
  position: absolute;
  bottom: -6px;
  right: 15px; }

.e-employee-card-header__avatar-col__presence__icon:before {
  font-size: 18px;
  margin: 0 4px 0 0;
  vertical-align: top; }

.e-employee-card-header__avatar-col__photo {
  position: relative; }

.e-employee-card-header__info-col__name {
  font: 28px "robotoregular", sans-serif;
  color: #3d5569;
  margin: 0;
  padding: 0; }

.e-employee-card-header__info-col__position {
  font: 13px "robotomedium", sans-serif;
  line-height: 1.2;
  color: #5f656d;
  margin: 0 0 10px 0;
  padding: 0; }

.e-employee-card-header__info-col__unit {
  font: 12px "robotolight", sans-serif;
  line-height: 1.45;
  color: #5f656d;
  margin: 0;
  padding: 0; }

.e-employee-card-header__info-col__bio {
  float: left;
  width: 55%;
  padding: 15px 0; }

.e-employee-card-header__info-col__bio__content {
  padding-left: 5px;
  font-size: 12px;
  max-width: 90%;
  display: inline-block; }

.e-employee-card-header__info-col__contacts {
  float: right;
  width: 45%;
  padding: 15px 15px 15px 10px;
  font-size: 12px; }

.e-employee-card-header__infobox_content {
  padding-top: 10px;
  padding-bottom: 10px; }

.e-employee-card-header__info-col__user_verification__title {
  font-size: 13px; }

.e-employee-card-header__info-col__user_verification__content {
  font-size: 12px; }

.e-employee-card-header__info-col__user_verification__button {
  margin-right: 20px;
  -webkit-transform: translateX(0) translateY(75%) scaleX(1) scaleY(1);
  -ms-transform: translateX(0) translateY(75%) scaleX(1) scaleY(1);
  -moz-transform: translateX(0) translateY(75%) scaleX(1) scaleY(1);
  transform: translateX(0) translateY(75%) scaleX(1) scaleY(1); }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.e-popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010 !important;
  display: none;
  max-width: 280px;
  padding: 1px;
  text-align: left;
  white-space: normal;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }
  .e-popover.top {
    margin-top: -10px; }
    .e-popover.top .e-popover__arrow {
      bottom: -11px;
      left: 50%;
      margin-left: -11px;
      border-top-color: #999;
      border-top-color: rgba(0, 0, 0, 0.25);
      border-bottom-width: 0; }
      .e-popover.top .e-popover__arrow:after {
        content: ' ';
        bottom: 1px;
        margin-left: -10px;
        border-top-color: #fff;
        border-bottom-width: 0; }
  .e-popover.bottom {
    margin-top: 10px; }
    .e-popover.bottom .e-popover__arrow {
      top: -11px;
      left: 50%;
      margin-left: -11px;
      border-bottom-color: #999;
      border-bottom-color: rgba(0, 0, 0, 0.25);
      border-top-width: 0; }
      .e-popover.bottom .e-popover__arrow:after {
        content: ' ';
        top: 1px;
        margin-left: -10px;
        border-bottom-color: #fff;
        border-top-width: 0; }
  .e-popover.left {
    margin-left: -10px; }
    .e-popover.left .e-popover__arrow {
      top: 50%;
      right: -11px;
      margin-top: -11px;
      border-left-color: #999;
      border-left-color: rgba(0, 0, 0, 0.25);
      border-right-width: 0; }
      .e-popover.left .e-popover__arrow:after {
        right: 1px;
        bottom: -10px;
        border-left-color: #fff;
        border-right-width: 0;
        content: ' '; }
  .e-popover.right {
    margin-left: 10px; }
    .e-popover.right .e-popover__arrow {
      top: 50%;
      left: -11px;
      margin-top: -11px;
      border-right-color: #999;
      border-right-color: rgba(0, 0, 0, 0.25);
      border-left-width: 0; }
      .e-popover.right .e-popover__arrow:after {
        bottom: -10px;
        left: 1px;
        border-right-color: #fff;
        border-left-width: 0;
        content: ' '; }

.e-popover--100-percent-width {
  width: 100%; }

.e-popover--no-bottom-margin {
  margin-bottom: 0px; }

.e-popover--long {
  width: 450px;
  max-width: 450px; }

.e-popover--text-left .e-popover__content {
  line-height: 14px;
  text-align: left; }

.e-popover__title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0; }

.e-popover__arrow {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border: solid 11px transparent; }
  .e-popover__arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border: solid 10px transparent; }

.e-popover__content {
  padding: 9px 14px; }

.e-popover__content--with-icon {
  float: right;
  max-width: 235px;
  padding: 9px 14px;
  padding-left: 5px; }

.e-popover__icon {
  float: left;
  padding-top: 10px;
  padding-left: 5px;
  font-size: 18px;
  text-align: center; }

.e-popover--red {
  background-color: #fdebec;
  border: 1px solid #fbdddf;
  color: #aa0808; }
  .e-popover--red.top .e-popover__arrow {
    border-top-color: #fbdddf; }
    .e-popover--red.top .e-popover__arrow:after {
      border-top-color: #fdebec; }
  .e-popover--red.bottom .e-popover__arrow {
    border-bottom-color: #fbdddf; }
    .e-popover--red.bottom .e-popover__arrow:after {
      border-bottom-color: #fdebec; }
  .e-popover--red.left .e-popover__arrow {
    border-left-color: #fbdddf; }
    .e-popover--red.left .e-popover__arrow:after {
      border-left-color: #fdebec; }
  .e-popover--red.right .e-popover__arrow {
    border-right-color: #fbdddf; }
    .e-popover--red.right .e-popover__arrow:after {
      border-right-color: #fdebec; }

.e-popover--green {
  background-color: #9ccf9d;
  border: 1px solid #68b66a;
  color: #3c7c3e; }
  .e-popover--green.top .e-popover__arrow {
    border-top-color: #68b66a; }
    .e-popover--green.top .e-popover__arrow:after {
      border-top-color: #9ccf9d; }
  .e-popover--green.bottom .e-popover__arrow {
    border-bottom-color: #68b66a; }
    .e-popover--green.bottom .e-popover__arrow:after {
      border-bottom-color: #9ccf9d; }
  .e-popover--green.left .e-popover__arrow {
    border-left-color: #68b66a; }
    .e-popover--green.left .e-popover__arrow:after {
      border-left-color: #9ccf9d; }
  .e-popover--green.right .e-popover__arrow {
    border-right-color: #68b66a; }
    .e-popover--green.right .e-popover__arrow:after {
      border-right-color: #9ccf9d; }

.e-popover--dark {
  background-color: #535353;
  border: 1px solid #777e88;
  color: #dfe3e9; }
  .e-popover--dark.top .e-popover__arrow {
    border-top-color: #777e88; }
    .e-popover--dark.top .e-popover__arrow:after {
      border-top-color: #535353; }
  .e-popover--dark.bottom .e-popover__arrow {
    border-bottom-color: #777e88; }
    .e-popover--dark.bottom .e-popover__arrow:after {
      border-bottom-color: #535353; }
  .e-popover--dark.left .e-popover__arrow {
    border-left-color: #777e88; }
    .e-popover--dark.left .e-popover__arrow:after {
      border-left-color: #535353; }
  .e-popover--dark.right .e-popover__arrow {
    border-right-color: #777e88; }
    .e-popover--dark.right .e-popover__arrow:after {
      border-right-color: #535353; }

.e-popover--objective-closed {
  max-width: 300px;
  white-space: nowrap;
  text-align: center; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
/*
==============================================
CSS3 ANIMATION CHEAT SHEET
==============================================

Made by Justin Aguilar

www.justinaguilar.com/animations/

Questions, comments, concerns, love letters:
justin@justinaguilar.com

SASS mixins version made by Emplo.
==============================================
*/
/*
==============================================
slideDown
==============================================
*/
@keyframes slideDown {
  0% {
    transform: translateY(-100%); }
  50% {
    transform: translateY(8%); }
  65% {
    transform: translateY(-4%); }
  80% {
    transform: translateY(4%); }
  95% {
    transform: translateY(-2%); }
  100% {
    transform: translateY(0%); } }

@-webkit-keyframes slideDown {
  0% {
    -webkit-transform: translateY(-100%); }
  50% {
    -webkit-transform: translateY(8%); }
  65% {
    -webkit-transform: translateY(-4%); }
  80% {
    -webkit-transform: translateY(4%); }
  95% {
    -webkit-transform: translateY(-2%); }
  100% {
    -webkit-transform: translateY(0%); } }

/*
==============================================
slideUp
==============================================
*/
@keyframes slideUp {
  0% {
    transform: translateY(100%); }
  50% {
    transform: translateY(-8%); }
  65% {
    transform: translateY(4%); }
  80% {
    transform: translateY(-4%); }
  95% {
    transform: translateY(2%); }
  100% {
    transform: translateY(0%); } }

@-webkit-keyframes slideUp {
  0% {
    -webkit-transform: translateY(100%); }
  50% {
    -webkit-transform: translateY(-8%); }
  65% {
    -webkit-transform: translateY(4%); }
  80% {
    -webkit-transform: translateY(-4%); }
  95% {
    -webkit-transform: translateY(2%); }
  100% {
    -webkit-transform: translateY(0%); } }

/*
==============================================
slideLeft
==============================================
*/
@keyframes slideLeft {
  0% {
    transform: translateX(150%); }
  50% {
    transform: translateX(-8%); }
  65% {
    transform: translateX(4%); }
  80% {
    transform: translateX(-4%); }
  95% {
    transform: translateX(2%); }
  100% {
    transform: translateX(0%); } }

@-webkit-keyframes slideLeft {
  0% {
    -webkit-transform: translateX(150%); }
  50% {
    -webkit-transform: translateX(-8%); }
  65% {
    -webkit-transform: translateX(4%); }
  80% {
    -webkit-transform: translateX(-4%); }
  95% {
    -webkit-transform: translateX(2%); }
  100% {
    -webkit-transform: translateX(0%); } }

/*
==============================================
slideRight
==============================================
*/
@keyframes slideRight {
  0% {
    transform: translateX(-150%); }
  50% {
    transform: translateX(8%); }
  65% {
    transform: translateX(-4%); }
  80% {
    transform: translateX(4%); }
  95% {
    transform: translateX(-2%); }
  100% {
    transform: translateX(0%); } }

@-webkit-keyframes slideRight {
  0% {
    -webkit-transform: translateX(-150%); }
  50% {
    -webkit-transform: translateX(8%); }
  65% {
    -webkit-transform: translateX(-4%); }
  80% {
    -webkit-transform: translateX(4%); }
  95% {
    -webkit-transform: translateX(-2%); }
  100% {
    -webkit-transform: translateX(0%); } }

/*
==============================================
slideExpandUp
==============================================
*/
@keyframes slideExpandUp {
  0% {
    transform: translateY(100%) scaleX(0.5); }
  30% {
    transform: translateY(-8%) scaleX(0.5); }
  40% {
    transform: translateY(2%) scaleX(0.5); }
  50% {
    transform: translateY(0%) scaleX(1.1); }
  60% {
    transform: translateY(0%) scaleX(0.9); }
  70% {
    transform: translateY(0%) scaleX(1.05); }
  80% {
    transform: translateY(0%) scaleX(0.95); }
  90% {
    transform: translateY(0%) scaleX(1.02); }
  100% {
    transform: translateY(0%) scaleX(1); } }

@-webkit-keyframes slideExpandUp {
  0% {
    -webkit-transform: translateY(100%) scaleX(0.5); }
  30% {
    -webkit-transform: translateY(-8%) scaleX(0.5); }
  40% {
    -webkit-transform: translateY(2%) scaleX(0.5); }
  50% {
    -webkit-transform: translateY(0%) scaleX(1.1); }
  60% {
    -webkit-transform: translateY(0%) scaleX(0.9); }
  70% {
    -webkit-transform: translateY(0%) scaleX(1.05); }
  80% {
    -webkit-transform: translateY(0%) scaleX(0.95); }
  90% {
    -webkit-transform: translateY(0%) scaleX(1.02); }
  100% {
    -webkit-transform: translateY(0%) scaleX(1); } }

/*
==============================================
expandUp
==============================================
*/
@keyframes expandUp {
  0% {
    transform: translateY(100%) scale(0.6) scaleY(0.5); }
  60% {
    transform: translateY(-7%) scaleY(1.12); }
  75% {
    transform: translateY(3%); }
  100% {
    transform: translateY(0%) scale(1) scaleY(1); } }

@-webkit-keyframes expandUp {
  0% {
    -webkit-transform: translateY(100%) scale(0.6) scaleY(0.5); }
  60% {
    -webkit-transform: translateY(-7%) scaleY(1.12); }
  75% {
    -webkit-transform: translateY(3%); }
  100% {
    -webkit-transform: translateY(0%) scale(1) scaleY(1); } }

/*
==============================================
fadeIn
==============================================
*/
@keyframes fadeIn {
  0% {
    transform: scale(0);
    opacity: 0.0; }
  60% {
    transform: scale(1.1); }
  80% {
    transform: scale(0.9);
    opacity: 1; }
  100% {
    transform: scale(1);
    opacity: 1; } }

@-webkit-keyframes fadeIn {
  0% {
    -webkit-transform: scale(0);
    opacity: 0.0; }
  60% {
    -webkit-transform: scale(1.1); }
  80% {
    -webkit-transform: scale(0.9);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1);
    opacity: 1; } }

/*
==============================================
expandOpen
==============================================
*/
@keyframes expandOpen {
  0% {
    transform: scale(1.8); }
  50% {
    transform: scale(0.95); }
  80% {
    transform: scale(1.05); }
  90% {
    transform: scale(0.98); }
  100% {
    transform: scale(1); } }

@-webkit-keyframes expandOpen {
  0% {
    -webkit-transform: scale(1.8); }
  50% {
    -webkit-transform: scale(0.95); }
  80% {
    -webkit-transform: scale(1.05); }
  90% {
    -webkit-transform: scale(0.98); }
  100% {
    -webkit-transform: scale(1); } }

/*
==============================================
bigEntrance
==============================================
*/
@keyframes bigEntrance {
  0% {
    transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
    opacity: 0.2; }
  30% {
    transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
    opacity: 1; }
  45% {
    transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1; }
  60% {
    transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
    opacity: 1; }
  75% {
    transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1; }
  90% {
    transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1; }
  100% {
    transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1; } }

@-webkit-keyframes bigEntrance {
  0% {
    -webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
    opacity: 0.2; }
  30% {
    -webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
    opacity: 1; }
  45% {
    -webkit-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1; }
  60% {
    -webkit-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
    opacity: 1; }
  75% {
    -webkit-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1; }
  90% {
    -webkit-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1; } }

/*
==============================================
hatch
==============================================
*/
@keyframes hatch {
  0% {
    transform: rotate(0deg) scaleY(0.6); }
  20% {
    transform: rotate(-2deg) scaleY(1.05); }
  35% {
    transform: rotate(2deg) scaleY(1); }
  50% {
    transform: rotate(-2deg); }
  65% {
    transform: rotate(1deg); }
  80% {
    transform: rotate(-1deg); }
  100% {
    transform: rotate(0deg); } }

@-webkit-keyframes hatch {
  0% {
    -webkit-transform: rotate(0deg) scaleY(0.6); }
  20% {
    -webkit-transform: rotate(-2deg) scaleY(1.05); }
  35% {
    -webkit-transform: rotate(2deg) scaleY(1); }
  50% {
    -webkit-transform: rotate(-2deg); }
  65% {
    -webkit-transform: rotate(1deg); }
  80% {
    -webkit-transform: rotate(-1deg); }
  100% {
    -webkit-transform: rotate(0deg); } }

/*
==============================================
bounce
==============================================
*/
@keyframes bounce {
  0% {
    transform: translateY(0%) scaleY(0.6); }
  60% {
    transform: translateY(-100%) scaleY(1.1); }
  70% {
    transform: translateY(0%) scaleY(0.95) scaleX(1.05); }
  80% {
    transform: translateY(0%) scaleY(1.05) scaleX(1); }
  90% {
    transform: translateY(0%) scaleY(0.95) scaleX(1); }
  100% {
    transform: translateY(0%) scaleY(1) scaleX(1); } }

@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateY(0%) scaleY(0.6); }
  60% {
    -webkit-transform: translateY(-100%) scaleY(1.1); }
  70% {
    -webkit-transform: translateY(0%) scaleY(0.95) scaleX(1.05); }
  80% {
    -webkit-transform: translateY(0%) scaleY(1.05) scaleX(1); }
  90% {
    -webkit-transform: translateY(0%) scaleY(0.95) scaleX(1); }
  100% {
    -webkit-transform: translateY(0%) scaleY(1) scaleX(1); } }

/*
==============================================
pulse
==============================================
*/
@keyframes pulse {
  0% {
    transform: scale(0.9);
    opacity: 0.7; }
  50% {
    transform: scale(1);
    opacity: 1; }
  100% {
    transform: scale(0.9);
    opacity: 0.7; } }

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0.95);
    opacity: 0.7; }
  50% {
    -webkit-transform: scale(1);
    opacity: 1; }
  100% {
    -webkit-transform: scale(0.95);
    opacity: 0.7; } }

/*
==============================================
floating
==============================================
*/
@keyframes floating {
  0% {
    transform: translateY(0%); }
  50% {
    transform: translateY(10%); }
  100% {
    transform: translateY(0%); } }

@-webkit-keyframes floating {
  0% {
    -webkit-transform: translateY(0%); }
  50% {
    -webkit-transform: translateY(10%); }
  100% {
    -webkit-transform: translateY(0%); } }

/*
==============================================
tossing
==============================================
*/
@keyframes tossing {
  0% {
    transform: rotate(-4deg); }
  50% {
    transform: rotate(4deg); }
  100% {
    transform: rotate(-4deg); } }

@-webkit-keyframes tossing {
  0% {
    -webkit-transform: rotate(-4deg); }
  50% {
    -webkit-transform: rotate(4deg); }
  100% {
    -webkit-transform: rotate(-4deg); } }

/*
==============================================
pullUp
==============================================
*/
@keyframes pullUp {
  0% {
    transform: scaleY(0.1); }
  40% {
    transform: scaleY(1.02); }
  60% {
    transform: scaleY(0.98); }
  80% {
    transform: scaleY(1.01); }
  100% {
    transform: scaleY(0.98); }
  80% {
    transform: scaleY(1.01); }
  100% {
    transform: scaleY(1); } }

@-webkit-keyframes pullUp {
  0% {
    -webkit-transform: scaleY(0.1); }
  40% {
    -webkit-transform: scaleY(1.02); }
  60% {
    -webkit-transform: scaleY(0.98); }
  80% {
    -webkit-transform: scaleY(1.01); }
  100% {
    -webkit-transform: scaleY(0.98); }
  80% {
    -webkit-transform: scaleY(1.01); }
  100% {
    -webkit-transform: scaleY(1); } }

/*
==============================================
pullDown
==============================================
*/
@keyframes pullDown {
  0% {
    transform: scaleY(0.1); }
  40% {
    transform: scaleY(1.02); }
  60% {
    transform: scaleY(0.98); }
  80% {
    transform: scaleY(1.01); }
  100% {
    transform: scaleY(0.98); }
  80% {
    transform: scaleY(1.01); }
  100% {
    transform: scaleY(1); } }

@-webkit-keyframes pullDown {
  0% {
    -webkit-transform: scaleY(0.1); }
  40% {
    -webkit-transform: scaleY(1.02); }
  60% {
    -webkit-transform: scaleY(0.98); }
  80% {
    -webkit-transform: scaleY(1.01); }
  100% {
    -webkit-transform: scaleY(0.98); }
  80% {
    -webkit-transform: scaleY(1.01); }
  100% {
    -webkit-transform: scaleY(1); } }

/*
==============================================
stretchLeft
==============================================
*/
@keyframes stretchLeft {
  0% {
    transform: scaleX(0.3); }
  40% {
    transform: scaleX(1.02); }
  60% {
    transform: scaleX(0.98); }
  80% {
    transform: scaleX(1.01); }
  100% {
    transform: scaleX(0.98); }
  80% {
    transform: scaleX(1.01); }
  100% {
    transform: scaleX(1); } }

@-webkit-keyframes stretchLeft {
  0% {
    -webkit-transform: scaleX(0.3); }
  40% {
    -webkit-transform: scaleX(1.02); }
  60% {
    -webkit-transform: scaleX(0.98); }
  80% {
    -webkit-transform: scaleX(1.01); }
  100% {
    -webkit-transform: scaleX(0.98); }
  80% {
    -webkit-transform: scaleX(1.01); }
  100% {
    -webkit-transform: scaleX(1); } }

/*
==============================================
stretchRight
==============================================
*/
@keyframes stretchRight {
  0% {
    transform: scaleX(0.3); }
  40% {
    transform: scaleX(1.02); }
  60% {
    transform: scaleX(0.98); }
  80% {
    transform: scaleX(1.01); }
  100% {
    transform: scaleX(0.98); }
  80% {
    transform: scaleX(1.01); }
  100% {
    transform: scaleX(1); } }

@-webkit-keyframes stretchRight {
  0% {
    -webkit-transform: scaleX(0.3); }
  40% {
    -webkit-transform: scaleX(1.02); }
  60% {
    -webkit-transform: scaleX(0.98); }
  80% {
    -webkit-transform: scaleX(1.01); }
  100% {
    -webkit-transform: scaleX(0.98); }
  80% {
    -webkit-transform: scaleX(1.01); }
  100% {
    -webkit-transform: scaleX(1); } }

/*
==============================================
scaleForward
==============================================
*/
@keyframes scaleForward {
  0% {
    transform: scale(1); }
  100% {
    transform: scale(1.1); } }

@-webkit-keyframes scaleForward {
  0% {
    -webkit-transform: scale(1); }
  100% {
    -webkit-transform: scale(1.1); } }

@-webkit-keyframes zoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }

@-moz-keyframes zoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }

@keyframes zoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }

.e-select-tags-template {
  float: left;
  position: relative;
  width: 100%; }

.e-select-tags-template--focus .e-select-tags-template__finder__dropdown__search-input {
  outline: #2598da auto 5px; }

.e-select-tags-template__placeholder {
  float: left;
  position: relative;
  width: 100%;
  border: solid 1px #dcdcdc;
  padding: 5px;
  font-size: 12px;
  color: #a1a1a1;
  cursor: pointer;
  background: #fff; }
  .e-select-tags-template__placeholder:after {
    font: 14px "fontello-entypo-full";
    content: '\e883';
    color: #7b7b7b;
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    right: 0;
    top: 5px;
    cursor: pointer; }
  .e-select-tags-template__placeholder--open:after {
    content: '\e886'; }
  .e-select-tags-template__placeholder--focus {
    outline: #2598da auto 5px; }

.e-select-tags-template__finder {
  float: left;
  position: relative;
  width: 100%;
  background: #fff;
  border-top: none;
  z-index: 1002;
  display: none; }

.e-select-tags-template__finder--open {
  display: block; }

.e-select-tags-template__finder__dropdown {
  position: absolute;
  background: #fff;
  left: -1px;
  right: -1px;
  border: solid 1px #dcdcdc;
  border-top: none;
  z-index: 5002;
  box-shadow: 0 1px 5px #a1a1a1;
  padding-top: 5px; }
  .e-select-tags-template__finder__dropdown:after {
    content: '\e803';
    position: absolute;
    right: 15px;
    top: 9px;
    font: normal 16px "fontello-entypo-full";
    color: #7b7b7b; }

.e-select-tags-template--up .e-select-tags-template__finder__dropdown:after {
  top: auto;
  bottom: 8px; }

.e-select-tags-template__finder__dropdown--up {
  border-top: solid 1px #dcdcdc;
  bottom: 28px;
  padding-top: 0; }
  .e-select-tags-template__finder__dropdown--up .e-select-tags-template__finder__dropdown__options {
    padding-top: 0; }
  .e-select-tags-template__finder__dropdown--up .e-select-tags-template__finder__dropdown__search-input {
    margin-top: 5px;
    margin-bottom: 5px; }
  .e-select-tags-template__finder__dropdown--up:after {
    top: auto;
    bottom: 8px; }

.e-select-tags-template__finder__dropdown__search-input {
  float: left;
  width: calc(100% - 10px);
  margin: 0 5px; }
  .e-select-tags-template__finder__dropdown__search-input::-ms-clear {
    display: none; }

.e-select-tags-template__finder__dropdown__spinner {
  position: absolute;
  right: 30px;
  margin-top: 2px;
  width: 22px;
  height: 22px;
  display: none;
  top: 5px; }

.e-select-tags-template__finder__dropdown--up .e-select-tags-template__finder__dropdown__spinner {
  top: auto;
  bottom: 7px; }

.e-select-tags-template__finder__dropdown__spinner--show {
  display: block; }

.e-select-tags-template__finder__dropdown__options {
  position: relative;
  float: left;
  width: 100%;
  max-height: 200px;
  overflow: hidden;
  overflow-y: auto;
  list-style: none inside;
  padding: 5px 0 0;
  margin-bottom: 0; }
  .e-select-tags-template__finder__dropdown__options::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px; }
  .e-select-tags-template__finder__dropdown__options::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); }

.e-select-tags-template__finder__dropdown__options--small {
  max-height: 100px; }

.e-select-tags-template__finder__dropdown__options__item {
  float: left;
  width: 100%;
  padding: 5px;
  font-size: 12px;
  cursor: pointer;
  height: 40px; }
  .e-select-tags-template__finder__dropdown__options__item .e-selected-tags__dropdown__options__name {
    line-height: 16px;
    font-size: 12px; }
  .e-select-tags-template__finder__dropdown__options__item .e-selected-tags__dropdown__options__desc {
    line-height: 12px;
    font-size: 12px; }
  .e-select-tags-template__finder__dropdown__options__item--focus {
    color: #fff;
    background: #2598da; }
    .e-select-tags-template__finder__dropdown__options__item--focus .e-selected-tags__dropdown__options__desc {
      color: #fff; }
  .e-select-tags-template__finder__dropdown__options__item--selected {
    color: #a1a1a1;
    background: #f1f3f5; }
    .e-select-tags-template__finder__dropdown__options__item--selected.e-select-tags-template__finder__dropdown__options__item--focus {
      color: #f1f3f5;
      background: #92cced; }
  .e-select-tags-template__finder__dropdown__options__item .e-label-icon {
    float: left;
    width: 25px;
    height: 25px; }
    .e-select-tags-template__finder__dropdown__options__item .e-label-icon:before {
      margin: 0;
      top: -1px;
      position: relative; }

.e-select-tags-template__selected {
  float: left;
  width: 100%; }

.e-select-tags-template__selected--top .e-tag {
  margin-top: 5px; }

.e-select-tags-template__selected--bottom .e-tag {
  margin-bottom: 5px; }

.e-blink {
  -moz-transition: background 0.3s ease-in-out, color 0.4s ease-in-out;
  -o-transition: background 0.3s ease-in-out, color 0.4s ease-in-out;
  -webkit-transition: background 0.3s ease-in-out, color 0.4s ease-in-out;
  transition: background 0.3s ease-in-out, color 0.4s ease-in-out; }

.e-blink--out {
  background: #2598da !important;
  color: #fff !important; }

.e-collapses-header {
  display: table;
  width: 100%; }

.e-collapses-header__icon {
  display: table-cell;
  width: 30px;
  padding: 1px 7px 0 0; }

.e-collapses-header__text {
  display: table-cell;
  background: #f7f9fa;
  padding: 6px 10px 6px 10px;
  font-size: 12px;
  color: #535353; }

.e-collapses-header__icon__button {
  float: right; }

.e-animation-wall__post {
  animation: animationFrames ease-in-out 0.2s forwards;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  -webkit-animation: animationFrames ease-in-out 0.2s forwards;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: animationFrames ease-in-out 0.2s forwards;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -o-animation: animationFrames ease-in-out 0.2s forwards;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -ms-animation: animationFrames ease-in-out 0.2s forwards;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  opacity: 0; }

.e-animation-wall__post--2 {
  -webkit-animation-delay: 0.1s;
  /* Safari 4.0 - 8.0 */
  animation-delay: 0.1s; }

.e-animation-wall__post--3 {
  -webkit-animation-delay: 0.2s;
  /* Safari 4.0 - 8.0 */
  animation-delay: 0.2s; }

.e-animation-wall__post--4 {
  -webkit-animation-delay: 0.3s;
  /* Safari 4.0 - 8.0 */
  animation-delay: 0.3s; }

.e-animation-wall__post--5 {
  -webkit-animation-delay: 0.4s;
  /* Safari 4.0 - 8.0 */
  animation-delay: 0.4s; }

.e-animation-wall__post--6 {
  -webkit-animation-delay: 0.5s;
  /* Safari 4.0 - 8.0 */
  animation-delay: 0.5s; }

@keyframes animationFrames {
  0% {
    opacity: 0;
    -moz-transform: scale(0.5) translateX(0px) translateY(0px);
    -webkit-transform: scale(0.5) translateX(0px) translateY(0px);
    -o-transform: scale(0.5) translateX(0px) translateY(0px);
    -ms-transform: scale(0.5) translateX(0px) translateY(0px);
    transform: scale(0.5) translateX(0px) translateY(0px); }
  79% {
    opacity: 0.5; }
  100% {
    opacity: 1;
    -moz-transform: scale(1) translateX(0px) translateY(0px);
    -webkit-transform: scale(1) translateX(0px) translateY(0px);
    -o-transform: scale(1) translateX(0px) translateY(0px);
    -ms-transform: scale(1) translateX(0px) translateY(0px);
    transform: scale(1) translateX(0px) translateY(0px); } }

@-moz-keyframes animationFrames {
  0% {
    opacity: 0;
    -moz-transform: scale(0.5) translateX(0px) translateY(0px);
    -webkit-transform: scale(0.5) translateX(0px) translateY(0px);
    -o-transform: scale(0.5) translateX(0px) translateY(0px);
    -ms-transform: scale(0.5) translateX(0px) translateY(0px);
    transform: scale(0.5) translateX(0px) translateY(0px); }
  79% {
    opacity: 0.5; }
  100% {
    opacity: 1;
    -moz-transform: scale(1) translateX(0px) translateY(0px);
    -webkit-transform: scale(1) translateX(0px) translateY(0px);
    -o-transform: scale(1) translateX(0px) translateY(0px);
    -ms-transform: scale(1) translateX(0px) translateY(0px);
    transform: scale(1) translateX(0px) translateY(0px); } }

@-webkit-keyframes animationFrames {
  0% {
    opacity: 0;
    -moz-transform: scale(0.5) translateX(0px) translateY(0px);
    -webkit-transform: scale(0.5) translateX(0px) translateY(0px);
    -o-transform: scale(0.5) translateX(0px) translateY(0px);
    -ms-transform: scale(0.5) translateX(0px) translateY(0px);
    transform: scale(0.5) translateX(0px) translateY(0px); }
  79% {
    opacity: 0.5; }
  100% {
    opacity: 1;
    -moz-transform: scale(1) translateX(0px) translateY(0px);
    -webkit-transform: scale(1) translateX(0px) translateY(0px);
    -o-transform: scale(1) translateX(0px) translateY(0px);
    -ms-transform: scale(1) translateX(0px) translateY(0px);
    transform: scale(1) translateX(0px) translateY(0px); } }

@-o-keyframes animationFrames {
  0% {
    opacity: 0;
    -moz-transform: scale(0.5) translateX(0px) translateY(0px);
    -webkit-transform: scale(0.5) translateX(0px) translateY(0px);
    -o-transform: scale(0.5) translateX(0px) translateY(0px);
    -ms-transform: scale(0.5) translateX(0px) translateY(0px);
    transform: scale(0.5) translateX(0px) translateY(0px); }
  79% {
    opacity: 0.5; }
  100% {
    opacity: 1;
    -moz-transform: scale(1) translateX(0px) translateY(0px);
    -webkit-transform: scale(1) translateX(0px) translateY(0px);
    -o-transform: scale(1) translateX(0px) translateY(0px);
    -ms-transform: scale(1) translateX(0px) translateY(0px);
    transform: scale(1) translateX(0px) translateY(0px); } }

@-ms-keyframes animationFrames {
  0% {
    opacity: 0;
    -moz-transform: scale(0.5) translateX(0px) translateY(0px);
    -webkit-transform: scale(0.5) translateX(0px) translateY(0px);
    -o-transform: scale(0.5) translateX(0px) translateY(0px);
    -ms-transform: scale(0.5) translateX(0px) translateY(0px);
    transform: scale(0.5) translateX(0px) translateY(0px); }
  79% {
    opacity: 0.5; }
  100% {
    opacity: 1;
    -moz-transform: scale(1) translateX(0px) translateY(0px);
    -webkit-transform: scale(1) translateX(0px) translateY(0px);
    -o-transform: scale(1) translateX(0px) translateY(0px);
    -ms-transform: scale(1) translateX(0px) translateY(0px);
    transform: scale(1) translateX(0px) translateY(0px); } }

.e-message__content {
  -webkit-transition: height 900ms ease-in;
  -moz-transition: height 900ms ease-in;
  -ms-transition: height 900ms ease-in;
  -o-transition: height 900ms ease-in;
  transition: height 900ms ease-in; }

.e-legend {
  float: left;
  margin: 0 30px 0 0; }
  .e-legend--inline {
    display: inline-block;
    float: none; }

.e-legend__color {
  float: left;
  width: 28px;
  height: 18px;
  -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);
  position: relative;
  z-index: 0; }

.e-legend__label {
  float: left;
  padding: 0 10px 0 10px;
  font-size: 11px;
  line-height: 18px;
  background: #faf9f9;
  color: #aeaeae;
  text-transform: uppercase;
  -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1); }

body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background-color: #F5F6F9; }
  @media screen and (min-width: 1266px) {
    body:not(.emplo2Styles) {
      align-items: center; } }
  body.emplo2Styles {
    align-items: center !important; }

body#bootstrapBody {
  display: block; }

body #body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background-color: #F5F6F9; }
  @media screen and (min-width: 1266px) {
    body #body:not(.emplo2Styles) {
      align-items: center; } }
  body #body.emplo2Styles {
    align-items: center !important; }

.e-main-header {
  width: 1265px;
  display: table;
  table-layout: auto;
  flex: 0 1 44px;
  border-bottom: solid 1px #5d6068;
  top: 0;
  left: 0;
  right: 0;
  background: #636770;
  /* Old browsers */
  background: -moz-linear-gradient(top, #636770 0%, #5d6068 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #636770), color-stop(100%, #5d6068));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #636770 0%, #5d6068 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #636770 0%, #5d6068 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #636770 0%, #5d6068 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #636770 0%, #5d6068 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#636770', endColorstr='#5d6068',GradientType=0 );
  /* IE6-9 */
  z-index: 1030;
  position: relative;
  margin: 0 auto; }
  @media screen and (min-height: 500px) and (min-width: 1266px) {
    .e-main-header {
      position: fixed; } }

.e-main-header__logo {
  width: 300px;
  display: table-cell; }
  .e-main-header__logo a {
    float: left;
    padding: 13px 10px 10px 10px; }
    .e-main-header__logo a img {
      border: none; }

.e-main-header__right-content {
  display: table-cell;
  vertical-align: top; }

.e-main-header__right-content__wrapper {
  float: left;
  width: 100%;
  border: 0; }

.e-main-header__notification {
  float: left;
  height: 44px;
  padding-left: 35px; }
  .e-main-header__notification .one-notification {
    float: left;
    width: 50px;
    height: 44px;
    position: relative; }
    .e-main-header__notification .one-notification:hover:before {
      content: " ";
      width: 30px;
      height: 4px;
      background: #2598da;
      position: absolute;
      top: 0;
      left: 10px; }
    .e-main-header__notification .one-notification > .dropdown-toggle {
      height: 44px; }
      .e-main-header__notification .one-notification > .dropdown-toggle > i {
        display: block;
        width: 50px;
        font-size: 18px;
        color: #373b43;
        text-shadow: 1px 1px 0 #7f8188;
        cursor: pointer;
        padding: 13px 15px 8px 15px; }
        .e-main-header__notification .one-notification > .dropdown-toggle > i.icon--white {
          color: #fff;
          text-shadow: 1px 1px 0 #48494f; }
        .e-main-header__notification .one-notification > .dropdown-toggle > i.icon--gray {
          color: #cecece;
          text-shadow: 1px 1px 0 #7f8188; }
        .e-main-header__notification .one-notification > .dropdown-toggle > i:hover {
          color: #cecece;
          text-shadow: 1px 1px 0 #7f8188;
          cursor: pointer; }
        .e-main-header__notification .one-notification > .dropdown-toggle > i:before {
          padding: 0;
          margin: 0 0 0 1px; }
  .e-main-header__notification .dropdown-menu {
    border: solid 1px #e8e8eb;
    margin-top: 1px;
    z-index: 999999; }
  .e-main-header__notification .btn-group.open .dropdown-toggle {
    -webkit-box-shadow: none;
    box-shadow: none; }
    .e-main-header__notification .btn-group.open .dropdown-toggle:before {
      content: " ";
      width: 30px;
      height: 4px;
      background: #2598da;
      position: absolute;
      top: 0;
      left: 10px; }
    .e-main-header__notification .btn-group.open .dropdown-toggle > i {
      color: #cecece;
      text-shadow: 1px 1px 0 #7f8188; }
  .e-main-header__notification ul {
    margin: 0;
    padding: 0; }

.e-main-header__searcher {
  float: right;
  height: 44px;
  width: 403px;
  vertical-align: middle;
  padding: 7px 10px; }

.e-main-header__searcher__form {
  background: #fff;
  height: 30px; }

.e-main-header__searcher__form__icon {
  float: right;
  height: 30px;
  width: 30px;
  line-height: 30px;
  font-size: 18px;
  background: #2598da;
  color: #fff;
  cursor: pointer; }
  .e-main-header__searcher__form__icon:before {
    margin: 0;
    width: 30px; }
  .e-main-header__searcher__form__icon:hover {
    opacity: 0.9; }

.e-main-header__searcher__form__input {
  float: left;
  width: 192px;
  margin: 0;
  padding: 3px 9px !important;
  border: 0 !important;
  height: 30px;
  font-family: 'robotolight',sans-serif;
  font-size: 12px; }

input[type=text].e-main-header__searcher__form__input {
  height: 30px; }

.e-main-header__profile {
  float: right;
  height: 44px;
  padding: 0;
  position: relative;
  vertical-align: middle;
  text-align: center;
  border-right: solid 1px #6e7178;
  border-left: solid 1px #6e7178; }
  .e-main-header__profile a {
    height: 44px;
    display: block;
    padding: 0 10px;
    color: #cecece;
    transition: color 0.1s;
    line-height: 44px;
    font-family: 'robotomedium', sans-serif; }
    .e-main-header__profile a:hover {
      text-decoration: none;
      color: #fff; }
  .e-main-header__profile .e-main-header__profile__img {
    float: left;
    display: block;
    position: relative;
    height: 30px;
    padding: 7px 7px 7px 0; }
    .e-main-header__profile .e-main-header__profile__img img {
      width: 30px;
      margin: 0;
      float: left; }
  .e-main-header__profile:hover a {
    text-decoration: none;
    color: #fff; }
  .e-main-header__profile:hover .e-main-header__profile__img:before {
    content: " ";
    width: 30px;
    height: 4px;
    background: #2598da;
    position: absolute;
    top: -8px;
    left: 0; }

.e-main-header__settings {
  float: right;
  width: 50px;
  vertical-align: top;
  height: 44px; }

/* Głowny kontener */
.e-page-wrapper {
  width: 1265px;
  float: left;
  display: flex;
  flex-direction: row;
  flex: 1 0 auto;
  height: calc(100% - 45px);
  min-height: calc(100vh - 45px);
  background-color: #FFF; }
  @media screen and (min-height: 500px) and (min-width: 1266px) {
    .e-page-wrapper {
      margin-top: 44px; } }

.e-page {
  display: block;
  flex: 1 0 965px;
  background-color: #ffffff; }
  @media screen and (min-height: 500px) and (min-width: 1266px) {
    .e-page {
      padding-left: 300px; } }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.e-bg-dark-grey {
  background-color: #5f656d; }

.e-bg-lighter-grey {
  background-color: #f1f3f5; }

.e-bg-light-grey {
  background-color: #dfe3e9; }

.e-bg-lightest-grey {
  background-color: #faf9f9; }

.e-bg-navy-grey {
  background-color: #5f656d; }

.e-bg-aqua {
  background-color: #dcf3ff; }

.e-bg-white {
  background-color: #fff; }

.e-bg-purple {
  background-color: #a63a64; }

.e-bg-lighten-red {
  background-color: #ff8080; }

.e-bg-concrete-blue {
  background-color: #2598da; }

.e-bg-list-hover-grey {
  background-color: #f4f6f9; }

.e-bg-light-mid-grey {
  background-color: #bbbbbb; }

.bg-dark-grey {
  background-color: #5f656d; }

.bg-lighter-grey {
  background-color: #f1f3f5; }

.bg-light-grey {
  background-color: #dfe3e9; }

.bg-lightest-grey {
  background-color: #faf9f9; }

.bg-navy-grey {
  background-color: #5f656d; }

.bg-aqua {
  background-color: #dcf3ff; }

.bg-white {
  background-color: #fff; }

.e-icon-light-blue-box {
  background-color: white;
  color: #BAD8E9; }
  .e-icon-light-blue-box:before {
    color: #BAD8E9 !important; }

.e-icon-light-green-box {
  background-color: white;
  color: #d8e9ba; }
  .e-icon-light-green-box:before {
    color: #d8e9ba !important; }

.e-icon-light-purple-box {
  background-color: white;
  color: #e9bad8; }
  .e-icon-light-purple-box:before {
    color: #e9bad8 !important; }

.bg-stripped {
  background: transparent url("/Content/tms/_img/bg-strips.png") repeat 0 0; }

/*
    Koniec teł
*/
/*
    Tekstowe
*/
.e-smaller {
  font-size: 10px; }

.e-small {
  font-size: 11px; }

.e-small-date {
  font-size: 10px;
  font-family: "robotoregular", sans-serif;
  line-height: 1em;
  color: #a1a1a1; }

.e-medium {
  font-size: 12px; }

.e-big {
  font-size: 13px; }

.e-bigger {
  font-size: 14px; }

.e-biggest {
  font-size: 16px; }

.e-huge {
  font-size: 18px; }

.e-font-size-10 {
  font-size: 10px; }

.e-font-size-11 {
  font-size: 11px; }

.e-font-size-12 {
  font-size: 12px; }

.e-font-size-13 {
  font-size: 13px; }

.e-font-size-14 {
  font-size: 14px; }

.e-font-size-16 {
  font-size: 16px; }

.e-font-size-18 {
  font-size: 18px; }

.e-font-size-20 {
  font-size: 20px; }

.e-font-size-22 {
  font-size: 22px; }

.e-font-size-24 {
  font-size: 24px; }

.e-font-size-28 {
  font-size: 28px; }

.e-font-size-32 {
  font-size: 32px; }

.e-font-size-36 {
  font-size: 36px; }

.e-font-size-48 {
  font-size: 48px; }

.e-heading-smallest {
  font-size: 20px; }

.e-heading-smaller {
  font-size: 22px; }

.e-heading-medium {
  font-size: 24px; }

.e-heading-big {
  font-size: 28px; }

.e-heading-bigger {
  font-size: 32px; }

.e-heading-biggest {
  font-size: 36px; }

.e-heading--underline {
  padding-bottom: 5px;
  margin: 0 0 10px 0;
  border-bottom: solid 2px #f3f3f3; }

.e-breath-both {
  padding-left: 1em;
  padding-right: 1em; }

.e-breath-left {
  padding-left: 1em; }

.e-breath-right {
  padding-right: 1em; }

.e-underline {
  text-decoration: underline; }

.font-light, .e-form-label, .e-form-label--full, .e-form-label--title, .e-form-label--icon, .e-form-label--empty, .e-form-label--empty--height-15, .page-heading--vacancies, .e-people-picker__filters__list__item label, .e-people-picker__filters__submenu__list__item__span label, .e-people-picker__filters__submenu__list__item__span label a, .e-people-picker__groups-menu__item a, .e-tag--skills, .e-tag--gray, .e-tag--suppliers, .e-list--condensed .e-list__item__type, .e-people-list__item__date, .e-chat__time, .e-people-list__item__description, .e-people-list-sidebar__list__item--active .e-people-list-sidebar__list__item__name, .e-people-list-sidebar__list__item--active .e-people-list-sidebar__list__item__position, .e-people-list-sidebar__list__item__name, .e-people-list-sidebar__list__item__position, .e-chat__message-content, .e-selected-tag__tag {
  font-family: 'robotolight', sans-serif; }

.font-light-italic {
  font-family: 'robotolight_italic', sans-serif; }

.font-bold, .e-people-picker__filters__header-1, .e-people-picker__header__workers, .e-list-table .e-list-table__td__heading, .e-tag .e-tag__number, .e-list .e-list__item__heading, .e-simple-table__item__heading, .e-people-list__item__name, .e-key-results__percentage {
  font-family: 'robotobold', sans-serif;
  font-weight: normal; }

.font-regular, .e-box-title, .e-simple-table--instant-feeback .e-simple-table__item__heading a {
  font-family: 'roboto', sans-serif;
  font-weight: normal; }

.font-medium {
  font-family: 'robotomedium', sans-serif; }

.font-medium-italic {
  font-family: "robotomedium_italic", sans-serif; }

.e-pull-left {
  float: left !important; }

.e-pull-right {
  float: right !important; }

.e-pull-center {
  margin: 0 auto; }

.e-hidden {
  display: none !important; }

.e-visible {
  display: block !important; }

.e-display-table {
  display: table; }

.e-display-table-cell {
  display: table-cell; }

.e-color-black {
  color: #000; }

.e-color-white {
  color: #fff; }

.e-color-grey {
  color: #a1a1a1; }

.e-color-dark-navy {
  color: #3d5569; }

.e-color-dark-grey {
  color: #5f656d; }

.e-color-metalic-grey {
  color: #61666c; }

.e-color-medium-grey {
  color: #797979; }

.e-color-event {
  color: #ffa053; }

.e-color-dark-blue {
  color: #33a6dc; }

.e-color-red {
  color: red; }

.e-color-dark-red {
  color: #b11515; }

.e-color-semi-dark-red {
  color: #c30000; }

.e-color-green {
  color: green; }

.e-color-lighter-green {
  color: #b2dcb2; }

.e-color-light-green {
  color: #5ebd5e; }

.e-color-light-blue {
  color: #7dbcdc; }

.e-color-light-orange {
  color: #fac767; }

.e-color-transparent {
  color: transparent; }

.e-color-concrete-blue {
  color: #2598da; }

.e-color-light-grey {
  color: #dfe3e9; }

.e-color-pink {
  color: #f4989d; }

.e-color-dark-full-grey {
  color: darkFullGrey; }

.e-color-light-mid-grey {
  color: #bbbbbb; }

.e-color-medium-dark-grey {
  color: #666a74; }

.e-color-knowledge-test {
  color: #8baa50; }

.e-color-lightOrage {
  color: #fac767; }

.e-color-dark-orange {
  color: #fe9037; }

.e-pseudo-color-black:before {
  color: #000 !important; }

.e-pseudo-color-black:after {
  color: #000 !important; }

.e-pseudo-color-white:before {
  color: #fff !important; }

.e-pseudo-color-white:after {
  color: #fff !important; }

.e-pseudo-color-grey:before {
  color: #a1a1a1 !important; }

.e-pseudo-color-grey:after {
  color: #a1a1a1 !important; }

.e-pseudo-color-dark-navy:before {
  color: #3d5569 !important; }

.e-pseudo-color-dark-navy:after {
  color: #3d5569 !important; }

.e-pseudo-color-dark-grey:before {
  color: #5f656d !important; }

.e-pseudo-color-dark-grey:after {
  color: #5f656d !important; }

.e-pseudo-color-metalic-grey:before {
  color: #61666c !important; }

.e-pseudo-color-metalic-grey:after {
  color: #61666c !important; }

.e-pseudo-color-medium-grey:before {
  color: #797979 !important; }

.e-pseudo-color-medium-grey:after {
  color: #797979 !important; }

.e-pseudo-color-event:before {
  color: #ffa053 !important; }

.e-pseudo-color-event:after {
  color: #ffa053 !important; }

.e-pseudo-color-dark-blue:before {
  color: #33a6dc !important; }

.e-pseudo-color-dark-blue:after {
  color: #33a6dc !important; }

.e-pseudo-color-red:before {
  color: red !important; }

.e-pseudo-color-red:after {
  color: red !important; }

.e-pseudo-color-dark-red:before {
  color: #b11515 !important; }

.e-pseudo-color-dark-red:after {
  color: #b11515 !important; }

.e-pseudo-color-semi-dark-red:before {
  color: #c30000 !important; }

.e-pseudo-color-semi-dark-red:after {
  color: #c30000 !important; }

.e-pseudo-color-green:before {
  color: green !important; }

.e-pseudo-color-green:after {
  color: green !important; }

.e-pseudo-color-lighter-green:before {
  color: #b2dcb2 !important; }

.e-pseudo-color-lighter-green:after {
  color: #b2dcb2 !important; }

.e-pseudo-color-light-green:before {
  color: #5ebd5e !important; }

.e-pseudo-color-light-green:after {
  color: #5ebd5e !important; }

.e-pseudo-color-light-blue:before {
  color: #7dbcdc !important; }

.e-pseudo-color-light-blue:after {
  color: #7dbcdc !important; }

.e-pseudo-color-light-orange:before {
  color: #fac767 !important; }

.e-pseudo-color-light-orange:after {
  color: #fac767 !important; }

.e-pseudo-color-transparent:before {
  color: transparent !important; }

.e-pseudo-color-transparent:after {
  color: transparent !important; }

.e-pseudo-color-concrete-blue:before {
  color: #2598da !important; }

.e-pseudo-color-concrete-blue:after {
  color: #2598da !important; }

.e-pseudo-color-light-grey:before {
  color: #dfe3e9 !important; }

.e-pseudo-color-light-grey:after {
  color: #dfe3e9 !important; }

.e-pseudo-color-pink:before {
  color: #f4989d !important; }

.e-pseudo-color-pink:after {
  color: #f4989d !important; }

.e-pseudo-color-dark-full-grey:before {
  color: darkFullGrey !important; }

.e-pseudo-color-dark-full-grey:after {
  color: darkFullGrey !important; }

.e-pseudo-color-light-mid-grey:before {
  color: #bbbbbb !important; }

.e-pseudo-color-light-mid-grey:after {
  color: #bbbbbb !important; }

.e-pseudo-color-medium-dark-grey:before {
  color: #666a74 !important; }

.e-pseudo-color-medium-dark-grey:after {
  color: #666a74 !important; }

.e-pseudo-color-knowledge-test:before {
  color: #8baa50 !important; }

.e-pseudo-color-knowledge-test:after {
  color: #8baa50 !important; }

.e-pseudo-color-lightOrage:before {
  color: #fac767 !important; }

.e-pseudo-color-lightOrage:after {
  color: #fac767 !important; }

.e-pseudo-color-dark-orange:before {
  color: #fe9037 !important; }

.e-pseudo-color-dark-orange:after {
  color: #fe9037 !important; }

.e-color-transition {
  -moz-transition: color 0.25s ease-in-out;
  -o-transition: color 0.25s ease-in-out;
  -webkit-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out; }

.e-pseudo-color-black:before {
  color: #000 !important; }

.e-pseudo-color-black:after {
  color: #000 !important; }

.e-pseudo-color-grey:before {
  color: #a1a1a1 !important; }

.e-pseudo-color-grey:after {
  color: #a1a1a1 !important; }

.e-pseudo-color-dark-navy:before {
  color: #3d5569 !important; }

.e-pseudo-color-dark-navy:after {
  color: #3d5569 !important; }

.e-pseudo-color-dark-grey:before {
  color: #5f656d !important; }

.e-pseudo-color-dark-grey:after {
  color: #5f656d !important; }

.e-pseudo-color-metalic-grey:before {
  color: #61666c !important; }

.e-pseudo-color-metalic-grey:after {
  color: #61666c !important; }

.e-pseudo-color-medium-grey:before {
  color: #797979 !important; }

.e-pseudo-color-medium-grey:after {
  color: #797979 !important; }

.e-align-left {
  text-align: left; }

.e-align-center {
  text-align: center; }

.e-align-right {
  text-align: right; }

.e-align-justify {
  text-align: justify; }

.e-page-heading1 {
  font-size: 24px;
  margin: 0;
  padding: 0; }

.e-article-heading {
  font-size: 36px;
  line-height: 1.18;
  margin: 0 0 20px 0;
  color: #3d5569; }
  .e-article-heading--report {
    font-size: 80px; }

.e-report-logo-bottom-space {
  padding-bottom: 200px; }

.e-underscored-heading {
  border-bottom: 1px solid #f1f3f5; }

.e-underscored {
  border-bottom: solid 1px #dcdcdc; }

.e-text-row {
  padding-bottom: 15px; }

/**
    Koniec tekstowych
*/
/**
    Blokowe
*/
.e-inline-block {
  display: inline-block; }

.e-block {
  display: block; }

.e-inline {
  display: inline; }

/** Koniec blokowych 

*/
/*
    Imitacja zachowań innych elementów
*/
.e-link-tag-hover:hover {
  color: #2598da;
  text-decoration: underline;
  cursor: pointer; }

/**
    Komponent ikonki "przyetykietowej"
    Ikonki takie w systemie występują z reguły przy etykietach, nagłowkach, etc.
    np. w SkillsList
*/
.e-label-icon {
  position: relative;
  width: 24px;
  height: 24px;
  padding: 2px;
  margin-right: 5px;
  background-color: #f8f9fa;
  font-size: 14px;
  color: #bcbebf; }

.e-label-icon--breath {
  margin-right: 0.5em; }

.e-label-icon--small {
  font-size: 13px;
  padding: 1px;
  top: 1px;
  width: 16px;
  height: 16px; }

.e-label-icon--medium {
  font-size: 18px;
  padding: 0.15em;
  top: 2px;
  width: 30px;
  height: 30px; }

.e-label-icon--big {
  display: inline-block;
  font-size: 22px;
  padding: 0.2em;
  padding-top: 6px;
  width: 40px;
  height: 40px;
  text-align: center; }

.e-label-icon--big.e-label-icon--enormous {
  font-size: 34px;
  width: 60px;
  height: 60px; }

.e-label-icon--img-size {
  display: inline-block;
  font-size: 32px;
  padding: 0.2em;
  padding-top: 6px;
  width: 44px;
  height: 45px;
  text-align: center; }

.e-label-icon--large {
  font-size: 25px;
  top: 2px; }

.e-label-icon--x-large {
  font-size: 90px;
  top: 0; }

.e-label-icon--box {
  font-size: 20px; }

.e-label-icon--fill {
  display: block;
  width: 100%;
  height: 100%; }

.e-label-icon--dark {
  background-color: #f1f1f4;
  color: #fff; }

.e-label-icon--light {
  background-color: #fff;
  color: #bcbebf; }

.e-label-icon--formultiline {
  float: left; }

.e-label-icon--hoverable:hover, .e-label-icon--hoverable:hover i {
  color: #319ED5; }

.e-phantom-label-icon-margin {
  margin-left: 28px; }

.e-label-icon__foot {
  padding: 0.1em 0.5em;
  position: absolute;
  font-size: 12px;
  right: 0;
  bottom: 0;
  background: blue;
  color: white;
  font-family: "robotolight", sans-serif;
  font-style: normal;
  background: #3e5568; }
  .e-label-icon__foot:hover {
    background: #2598da;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -webkit-transition: 0.2s;
    transition: 0.2s; }

.e-label-icon--rose-bud {
  color: #fff;
  background: #F8AD88; }

.e-label-icon--green {
  color: #5ab55a; }

.e-label-icon--light-blue:before {
  color: #7dbcdc; }

.e-label-icon--blue:before {
  color: #2598da; }

.e-label-icon--disabled {
  color: #a1a1a1; }

.e-label-icon--no-margin::before {
  margin: 0; }

i.e-label-icon--rose-bud:before {
  color: #fff !important; }

.e-label-icon-valign-top:before {
  vertical-align: top; }

.e-label-icon--block {
  display: block;
  top: 0;
  margin: 0; }

.e-label-icon--rotaion-z-90 {
  transform: rotateZ(90deg); }

.e-label-icon--rotate-90:before {
  transform: rotate(90deg); }

/**
    Komponent kółeczka pokazującego status
    Z reguły na prostych listach tabelarycznych
    np. _NotesPartial
    Podpięte też przez extend pod vacancies__status w _vacancies.scss
*/
.e-status-circle {
  display: inline-block;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 16px;
  height: 16px; }

.e-status-circle--em {
  width: 1.6em;
  height: 1.6em;
  line-height: 1.4; }

.e-status-circle--big {
  width: 32px;
  height: 32px; }

.e-status-circle--number {
  border: 1px solid #a1a1a1;
  background: #fff;
  color: #a1a1a1; }

.e-wrapfix, .e-form-content__preview, .e-message__title, .e-comment__content__text {
  -ms-word-break: normal;
  word-break: normal;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  white-space: normal; }

.e-wrapfix--break-all {
  word-break: break-all; }

.e-no-wrap {
  white-space: nowrap; }

.e-circle {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%; }

.e-break-word {
  word-break: break-all;
  word-break: break-word; }

.e-img-repsonsive {
  max-width: 100%;
  height: auto; }

.e-vertical-aligner {
  display: table;
  width: 100%;
  table-layout: fixed; }

.e-vertical-aligner__item {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%; }

.e-relative {
  position: relative; }

.e-absolute {
  position: absolute; }

.e-fixed {
  position: fixed; }

.e-pinned-right {
  right: 0; }

.e-pinned-left {
  left: 0; }

.e-pinned-bottom {
  bottom: 0; }

.e-pinned-top {
  top: 0; }

.e-top-20 {
  top: 20px; }

.e-cutted-text, .e-dropdown-button--searcher .e-dropdown-button__rewrite > a, .e-bookmarked-message__header__title, .e-smart-tooltip {
  /* essential */
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap !important;
  overflow: hidden; }

.e-cut-text-wrapped {
  /* essential */
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden; }

.e-well {
  font-family: "robotoregular", sans-serif;
  font-size: 12px;
  display: block;
  padding: 10px 15px;
  border: 1px solid #a1a1a1;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #faf9f9; }

.e-well--error {
  border-color: #f6afb3;
  background-color: #fbdddf;
  color: #aa0808; }

.e-well--yellow {
  border-color: #f2ecda;
  background-color: #fcf8e2;
  color: #c09853; }

.e-ul--no-marker {
  padding: 0;
  list-style-type: none;
  list-style-position: inside; }

.e-ul--tight {
  padding: 0; }

.e-ul--loose {
  padding-left: 2em; }

.e-ul--disc {
  list-style-type: disc; }

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

.e-ul--inside {
  list-style-position: inside; }

.e-ul__item--with-icon {
  padding-bottom: 10px; }

.e-ul--separate li {
  margin-bottom: 5px; }

.e-ul--separate-large li {
  margin-bottom: 10px; }

.e-ul--floatleft {
  float: left;
  width: 100%; }

.e-cursor-pointer {
  cursor: pointer; }

.e-cursor-auto {
  cursor: auto; }

.e-cursor-move {
  cursor: move; }

.e-remove-button {
  font-size: 16px;
  margin: 0;
  color: #f4989d;
  cursor: pointer; }
  .e-remove-button:hover {
    text-decoration: none;
    color: #f4989d; }

.e-remove-button--tag {
  font-size: 13px; }

.e-remove-button--hoverable:hover {
  color: #db0a0a; }

.e-auto-frame {
  overflow: auto;
  border: 1px solid #dfe3e9; }

.e-overflow-auto {
  overflow: auto; }

.e-overflow-hidden {
  overflow: hidden; }

.e-overflow-x-auto {
  overflow-x: auto; }

.icon--bigger {
  font-size: 1.25em;
  line-height: 0.75em; }

.e-help-icon {
  cursor: pointer;
  color: #5f646a; }
  .e-help-icon:hover {
    text-decoration: none; }

.e-form-content .e-help-icon {
  margin-top: 3px; }

.e-help-icon--light {
  color: #9f9f9f; }

.e-help-icon--active {
  color: #3d5569; }

.e-popover-inner {
  font-size: 12px; }

.e-rank-indicator {
  float: left;
  min-width: 25px;
  margin-right: 5px;
  background: #68b66a;
  color: white;
  font-size: 14px;
  font-family: "robotomedium", sans-serif;
  text-align: center; }

.pull-center, .e-pull-center {
  margin: 0 auto; }

.icon--rounded-none {
  border: solid 1px transparent;
  padding: 2px 2px 4px 2px;
  width: 30px;
  text-align: center;
  display: block !important;
  left: -4px;
  position: relative; }
  .icon--rounded-none:before {
    margin: 3px 0 0 0;
    padding: 0; }
  .icon--rounded-none--paddings {
    padding-left: 15px;
    padding-top: 0; }

.icon--rounded {
  border: solid 1px #ececec;
  background: #fff;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 2px 2px 4px 2px;
  width: 30px;
  text-align: center;
  display: block !important; }
  .icon--rounded:before {
    margin: 3px 0 0 0;
    padding: 0; }

.icon--blue:before {
  color: #7dbcdc; }

.icon--qustion-type:before {
  font-size: 16px;
  margin-right: 8px; }

.e-word-highlight {
  background: #ffff00; }

.reset-weight {
  font-weight: normal; }

.e-uppercase {
  text-transform: uppercase; }

.e-hover-highlight {
  transition: color 0.5s ease-in-out; }
  .e-hover-highlight:hover {
    color: #7dbcdc; }

.e-small-header {
  font-size: 12px;
  font-family: "robotobold", sans-serif;
  text-transform: uppercase; }

.e-light-header {
  display: inline-block;
  font-size: 16px;
  font-family: "robotolight", sans-serif;
  color: #3d5569;
  padding-bottom: 20px; }

.e-fade {
  opacity: 1;
  transition: opacity 0.5s ease-out; }

.e-fade.e-fade--out {
  opacity: 0;
  transition: opacity 0.5s ease-out; }

.e-fade.e-fade--semi-out {
  opacity: 0.5;
  transition: opacity 0.5s ease-out; }

.e-visibility-zero-opacity {
  opacity: 0; }

.e-visibility-hidden {
  visibility: hidden; }

.e-visibility-visible {
  visibility: visible; }

.hd-light-20.hd-light-20--no-underline {
  border-bottom: none; }

.e-hide-bottom-border-last:last-child {
  border-bottom: none; }

.e-come-down {
  transition: top 1s ease-in-out;
  top: -20px; }

.e-come-down--down {
  top: 45px; }

.e-inherit-height {
  height: inherit; }

.e-sticky-card--shadow {
  -moz-box-shadow: 2px 10px 10px -10px #ddd;
  -webkit-box-shadow: 0 2px 10px #ddd;
  box-shadow: 2px 10px 10px -10px #ddd;
  z-index: 2; }

.e-sticky-card {
  z-index: 60;
  padding: 15px 15px 10px;
  background: #fff;
  -moz-transition: top 0.5s ease-in-out;
  -o-transition: top 0.5s ease-in-out;
  -webkit-transition: top 0.5s ease-in-out;
  transition: top 0.5s ease-in-out;
  -moz-box-shadow: 2px 10px 10px -10px #ddd;
  -webkit-box-shadow: 0 2px 10px #ddd;
  box-shadow: 2px 10px 10px -10px #ddd;
  z-index: 2;
  border-bottom: 1px solid #ddd; }
  @media screen and (min-height: 500px) and (min-width: 1266px) {
    .e-sticky-card {
      position: fixed;
      top: -100px; } }
  @media (max-height: 499px), (max-width: 1265px) {
    .e-sticky-card {
      position: static;
      margin-bottom: -100px; } }
  @media (max-height: 499px), (max-width: 1265px) {
    .e-sticky-card.e-sticky-card--summary {
      display: none; } }

.e-light-blue {
  color: #7dbcdc; }

.e-valign-middle {
  vertical-align: middle; }

.e-valign-top {
  vertical-align: top; }

.e-valign-sub {
  vertical-align: sub; }

.e-valign-super {
  vertical-align: super; }

.e-valign-text-top {
  vertical-align: text-top; }

.e-valign-text-bottom {
  vertical-align: text-bottom; }

.e-valign-inherit {
  vertical-align: inherit; }

.e-line-inherit {
  line-height: inherit; }

.e-line-height-150p {
  line-height: 150%; }

.e-clickable-height {
  height: 50px; }

.e-border-separator {
  border-bottom: 1px solid #dfe3e9; }

.e-border-separator--thick {
  border-bottom: 2px solid #dfe3e9; }

.e-border-top-separator {
  border-top: 1px solid #dfe3e9; }

.e-border-top-separator--thick {
  border-top: 2px solid #dfe3e9; }

.e-clearfix:before {
  display: table;
  content: ' '; }

.e-clearfix:after {
  display: table;
  content: ' ';
  clear: both; }

.e-cancel-pulling {
  float: none; }

/* Absence Request cshtml */
.popover.popover-hack {
  left: 0 !important; }

.popover--objective-card {
  width: 550px;
  max-width: 550px;
  padding-top: 0; }
  .popover--objective-card .popover-content {
    padding: 0; }

.popover--auto {
  max-width: 800px;
  width: auto; }

.e-calendar-popover {
  width: 300px; }

.e-layer-1 {
  z-index: 1; }

.e-spinner-for-tr {
  padding: 0 !important;
  text-align: center;
  width: 100%; }
  .e-spinner-for-tr img {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    max-height: 100%; }

.e-popover-table {
  table-layout: fixed;
  color: #535353;
  margin-top: -5px; }
  .e-popover-table td {
    vertical-align: top;
    padding: 5px;
    width: 50%;
    font-family: "robotolight", sans-serif; }
    .e-popover-table td:first-child {
      text-align: right;
      font-family: "robotomedium", sans-serif; }

.e-review-result-icon {
  position: absolute;
  top: -4px;
  right: 0; }

.e-tooltip-trigger {
  color: inherit; }
  .e-tooltip-trigger:hover, .e-tooltip-trigger:focus {
    text-decoration: inherit; }
  .e-tooltip-trigger:focus {
    color: inherit; }

/* Dropdown */
.e-tight-dropdown.dropdown-menu {
  min-width: 90px;
  border-radius: 5px; }

/* Because of too specific selector on e-list-template */
a.e-tooltip-trigger {
  color: inherit; }
  a.e-tooltip-trigger:hover, a.e-tooltip-trigger:focus {
    text-decoration: inherit; }
  a.e-tooltip-trigger:focus {
    color: inherit; }

.e-absence-public-info:before {
  content: '\e833';
  float: left;
  color: #3d5569;
  font: 16px "fontello-entypo-full";
  line-height: 1; }

.e-absence-public-info__quote {
  padding: 2px 10px;
  margin: 0 0 0 20px;
  font-size: 11px;
  color: #a1a1a1;
  border-left-width: 3px; }

@keyframes red-blink {
  0% {
    color: #db0a0a; }
  100% {
    color: #000; } }

.e-countdown-blink {
  display: block;
  animation: red-blink 1s 0s infinite;
  transition: animation; }

@keyframes countdown-icon-blink {
  0% {
    color: #fff;
    background: #db0a0a; }
  100% {
    background: #faf9f9;
    color: #a1a1a1; } }

.e-countdown-icon-blink {
  display: block;
  animation: countdown-icon-blink 1s 0s infinite;
  transition: animation; }

.e-move-to-left {
  transform: translateX(-100%);
  transition: animation 1s ease-in-out; }

.e-img-responsive {
  display: block;
  height: auto;
  max-width: 100%; }

.e-popup {
  float: left;
  width: 100%;
  background-image: none;
  background-color: #ffffff;
  overflow: hidden; }

.e-popup__title {
  float: left;
  width: 100%;
  color: #4f4e4e;
  padding: 14px 40px 10px 10px;
  min-height: 46px;
  background-color: #fbfbfb;
  font-family: "robotoregular", sans-serif;
  margin: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(white), to(#f2f2f2));
  background: -webkit-linear-gradient(top, white, #f2f2f2);
  background: -moz-linear-gradient(top, white, #f2f2f2);
  background: -ms-linear-gradient(top, white, #f2f2f2);
  background: -o-linear-gradient(top, white, #f2f2f2);
  font-size: 14px;
  font-family: "robotoregular", sans-serif; }

.e-popup__subtitle {
  font-size: 13px;
  font-family: 'robotomedium', sans-serif;
  color: #3d5569; }

.e-popup__title--employee-list {
  border-bottom: 1px solid #dfe3e9;
  background: #fff;
  font-size: 20px;
  font-weight: bold;
  padding: 25px 40px 25px 20px; }

.e-popup__header {
  float: left;
  width: 100%;
  padding: 10px;
  margin: 0; }

.e-popup__header--sticked {
  padding: 0; }

.e-popup__header--card {
  -moz-box-shadow: 2px 10px 10px -10px #ddd;
  -webkit-box-shadow: 0 2px 10px #ddd;
  box-shadow: 2px 10px 10px -10px #ddd;
  z-index: 2; }

.e-popup__content {
  float: left;
  width: 100%;
  padding: 0 10px;
  overflow: auto; }

.e-popup__content--full {
  padding: 0; }

.e-popup__footer {
  float: left;
  width: 100%;
  text-align: right;
  padding: 10px 15px 10px 15px; }

.e-popup__footer--savebar {
  padding: 10px; }

.e-popup__footer--stripped {
  border-top: 1px solid #dfe3e9;
  background: transparent url("/Content/tms/_img/bg-strips.png") repeat 0 0; }

.e-popup__footer--employee-list {
  outline: 1px solid #dfe3e9; }

#cboxClose {
  -moz-transition: transform 0.1s ease-in-out;
  -o-transition: transform 0.1s ease-in-out;
  -webkit-transition: transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out; }
  #cboxClose:hover {
    -moz-transform: rotateZ(-90deg);
    -ms-transform: rotateZ(-90deg);
    -o-transform: rotateZ(-90deg);
    -webkit-transform: rotateZ(-90deg);
    transform: rotateZ(-90deg); }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.e-body--modal-open {
  margin-right: 15px;
  overflow: hidden; }

.e-modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  z-index: 10000;
  background-color: #000000;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out; }

.e-modal-backdrop--out {
  opacity: 0; }

.e-modal-backdrop--in {
  opacity: 0.5; }

.e-modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10001;
  overflow: auto;
  overflow-y: scroll; }

.e-modal--in .e-modal__dialog {
  opacity: 1;
  -webkit-transition: -webkit-transform .3s ease-out;
  -o-transition: -o-transform .3s ease-out;
  -moz-transition: all .3s ease-out;
  transition: all .3s ease-out;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  transform: translate(0, 0); }

.e-modal--out .e-modal__dialog {
  opacity: 0;
  -webkit-transition: -webkit-transform .3s ease-out;
  -o-transition: -o-transform .3s ease-out;
  -moz-transition: transform .3s ease-out;
  transition: all .3s ease-out;
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  -moz-transform: translate(0, -25%);
  transform: translate(0, -25%); }

.e-modal__dialog {
  margin-left: auto;
  margin-right: auto;
  width: auto;
  padding: 10px; }
  @media screen and (min-width: 768px) {
    .e-modal__dialog {
      right: auto;
      left: 50%;
      width: 600px;
      padding-top: 30px;
      padding-bottom: 30px; } }

.e-modal__dialog--in-iframe {
  padding-top: 30px; }

.e-modal__dialog__content {
  position: relative;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: none; }

.e-modal__dialog__content__header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16px; }

.e-modal__dialog__content__body {
  position: relative;
  padding: 20px;
  overflow: hidden;
  word-break: break-word; }

.e-modal__dialog__content__footer {
  padding: 19px 20px 20px;
  margin-top: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5; }

.e-modal__dialog__content__header__close-btn {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  margin-top: -2px; }
  .e-modal__dialog__content__header__close-btn:hover, .e-modal__dialog__content__header__close-btn:focus {
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.5;
    filter: alpha(opacity=50); }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.e-modal--acknowledgment {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10001;
  overflow: auto;
  overflow-y: scroll; }

.e-modal--in .e-modal--acknowledgment__dialog {
  opacity: 1;
  -webkit-transition: -webkit-transform .3s ease-out;
  -o-transition: -o-transform .3s ease-out;
  -moz-transition: all .3s ease-out;
  transition: all .3s ease-out;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  transform: translate(0, 0); }

.e-modal--out .e-modal--acknowledgment__dialog {
  opacity: 0;
  -webkit-transition: -webkit-transform .3s ease-out;
  -o-transition: -o-transform .3s ease-out;
  -moz-transition: transform .3s ease-out;
  transition: all .3s ease-out;
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  -moz-transform: translate(0, -25%);
  transform: translate(0, -25%); }

.e-modal--acknowledgment__dialog {
  margin-left: auto;
  margin-right: auto;
  width: auto;
  padding: 10px; }
  @media screen and (min-width: 768px) {
    .e-modal--acknowledgment__dialog {
      right: auto;
      left: 50%;
      width: 600px;
      padding-top: 30px;
      padding-bottom: 30px; } }

.e-modal--acknowledgment__dialog__content {
  position: relative;
  background-color: #fff;
  border-radius: 5px;
  background-clip: padding-box;
  color: #a1a1a1;
  outline: none; }

.e-modal--acknowledgment__dialog__content__header {
  padding: 15px;
  border-bottom: 1px solid #d0d6df;
  min-height: 16px;
  background: #31b571;
  color: #fff;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  text-align: center; }

.e-modal--acknowledgment__dialog__content__body {
  position: relative;
  padding: 20px;
  border-left: 1px solid #d0d6df;
  border-right: 1px solid #d0d6df;
  overflow: auto;
  max-height: 400px; }
  .e-modal--acknowledgment__dialog__content__body::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px; }
  .e-modal--acknowledgment__dialog__content__body::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); }

.e-modal--acknowledgment__dialog__content__footer {
  padding: 12.33333px 13.33333px 13.33333px;
  text-align: center;
  border: 1px solid #dfe3e9;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  background: transparent url("/Content/tms/_img/bg-strips.png") repeat 0 0; }

.e-modal--acknowledgment__dialog__content__header__title {
  margin: 10px 0 0;
  color: #fff;
  font: normal 16px "robotoregular", sans-serif; }

.e-modal--acknowledgment__dialog__content__header__icon {
  color: #fff;
  font-size: 26px; }

.e-modal--acknowledgment__dialog__content__header__close-btn {
  float: right;
  width: 23px;
  height: 23px;
  font-size: 23px;
  font-weight: bold;
  line-height: 0.95;
  text-align: center;
  color: #fff;
  -moz-transition: transform 0.1s ease-in-out;
  -o-transition: transform 0.1s ease-in-out;
  -webkit-transition: transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out; }
  .e-modal--acknowledgment__dialog__content__header__close-btn:hover, .e-modal--acknowledgment__dialog__content__header__close-btn:focus {
    color: #d9d9d9;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    -moz-transform: rotateZ(-90deg);
    -ms-transform: rotateZ(-90deg);
    -o-transform: rotateZ(-90deg);
    -webkit-transform: rotateZ(-90deg);
    transform: rotateZ(-90deg); }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
body.CompetencyAssessmentReport {
  background: #fff; }
  body.CompetencyAssessmentReport .page-container {
    margin: 0 auto;
    text-align: center; }
  body.CompetencyAssessmentReport .white-box-with-border {
    width: 400px;
    padding: 40px;
    background-color: #ffffff;
    border: solid 1px #d5d5d5;
    border-radius: 10px;
    margin-bottom: 30px; }
    body.CompetencyAssessmentReport .white-box-with-border.with-bottom-bar {
      padding-bottom: 0; }
    body.CompetencyAssessmentReport .white-box-with-border .bottom-bar {
      padding: 15px 0;
      width: 398px;
      margin: 30px -40px 0 -40px;
      background-color: #f6f6f6;
      border-top: solid 1px #d5d5d5;
      border-radius: 0 0 10px 10px; }
  body.CompetencyAssessmentReport .logo {
    display: block;
    padding: 0 0 30px 0;
    border-bottom: solid 1px #dcdcdc;
    margin-bottom: 30px; }
    body.CompetencyAssessmentReport .logo.only-logo {
      margin-bottom: 0;
      padding-bottom: 0;
      border-width: 0; }
  body.CompetencyAssessmentReport .page-title {
    margin: 0 0 30px 0;
    padding: 0;
    font-size: 18px;
    color: #27272a; }
  body.CompetencyAssessmentReport .title-page {
    text-align: left;
    page-break-inside: avoid;
    position: relative;
    height: 1200px; }
    body.CompetencyAssessmentReport .title-page__title {
      margin: 0 0 30px 0;
      padding: 0 10px;
      font-size: 76pt;
      color: #fff;
      background-color: #ff9036; }
    body.CompetencyAssessmentReport .title-page__assessment-name {
      font-size: 60pt;
      color: #1c3c7a; }
    body.CompetencyAssessmentReport .title-page__assessed-employee {
      font-size: 38pt;
      color: #1c3c7a; }
    body.CompetencyAssessmentReport .title-page__generated-date {
      font-size: 16pt;
      color: #1c3c7a;
      position: absolute;
      top: 1150px; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.e-employee-card--small {
  display: table;
  width: 100%;
  margin-bottom: 5px; }

.e-employee-card__row {
  width: 100%;
  display: table-row; }

.e-employee-card__image {
  display: table-cell;
  vertical-align: top;
  width: 50px; }
  .e-employee-card__image img {
    width: 100%; }

.e-employee-card__absence {
  float: left;
  width: 100%;
  height: 5px; }

.e-employee-card__absence--present {
  background-color: #00a651; }

.e-employee-card__user-info {
  display: table-cell;
  vertical-align: top;
  padding-left: 10px;
  text-align: left; }

.e-employee-card__user-name {
  font-size: 14px;
  padding: 0;
  margin: 0 0 5px 0; }
  .e-employee-card__user-name a {
    color: #3d5569;
    font-family: "robotomedium", sans-serif; }
  .e-employee-card__user-name--small {
    margin-bottom: 2px;
    font-size: 12px; }

.e-employee-card__position, .e-employee-card__company-unit {
  float: left;
  width: 100%;
  font-size: 11px;
  color: #a1a1a1;
  font-family: "robotolight", sans-serif;
  padding: 0px 0 5px 0; }
  .e-employee-card__position a, .e-employee-card__company-unit a {
    color: #a1a1a1; }
  .e-employee-card__position--small, .e-employee-card__company-unit--small {
    padding-bottom: 2px; }

.e-employee-card__contact {
  float: left;
  width: 100%;
  padding: 3px;
  margin: 5px 0;
  background: #f9f9f9; }

.e-employee-card__e-mail, .e-employee-card__phone {
  float: left;
  font-size: 12px;
  margin-left: 10px;
  color: #929292; }

.e-employee-card__phone:first-of-type, .e-employee-card__e-mail:first-of-type {
  margin-left: 0; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
/* Kolory wierszy */
.e-list-template {
  list-style: none;
  float: left;
  width: 100%;
  margin: 0;
  padding: 0; }
  .e-list-template--sortable {
    overflow: auto; }
  .e-list-template--not-full {
    width: 97%; }
  .e-list-template .e-list-template__item.ui-sortable-placeholder {
    border: dashed 1px #f8aa7f;
    background-color: #fffbf6;
    visibility: visible !important; }
  .e-list-template .e-list-template__item.ui-sortable-helper {
    border: dashed 1px #f8aa7f;
    background-color: #fff; }
    .e-list-template .e-list-template__item.ui-sortable-helper:hover {
      border: dashed 1px #f8aa7f;
      background-color: #fff; }

.e-list-template--cards .e-list-template__item {
  border: 1px #efefef solid;
  background: #FFF;
  margin-bottom: 5px; }
  .e-list-template--cards .e-list-template__item:last-of-type {
    border-bottom: 1px #efefef solid; }
  .e-list-template--cards .e-list-template__item:nth-of-type(even) {
    background: #FFF; }
  .e-list-template--cards .e-list-template__item--shadow {
    box-shadow: 0 2px 5px #f1f3f5; }

.e-list-template--cards .e-list-template__item--with-toggle {
  padding-top: 12px; }

.e-list-template--breath-bottom .e-list-template__item {
  margin-bottom: 15px; }

.e-list-template__item.bg-stripped {
  background: transparent url("/Content/tms/_img/bg-strips.png") repeat 0 0; }

.e-list-template--smooth-cards {
  width: calc(100% + 30px);
  margin-left: -15px;
  margin-right: -15px;
  border-left: none;
  border-right: none; }
  .e-list-template--smooth-cards .e-list-template__item {
    border-right: none;
    border-left: none;
    margin-bottom: 0;
    border-bottom: none; }
    .e-list-template--smooth-cards .e-list-template__item:hover {
      width: calc(100% + 2px);
      margin-left: -1px;
      margin-right: -1px;
      margin-bottom: -1px; }
    .e-list-template--smooth-cards .e-list-template__item:last-of-type {
      margin-bottom: 0; }

.e-list-template--tight .e-list-template__item {
  padding: 10px 5px; }

.e-list-template__item {
  float: left;
  position: relative;
  width: 100%;
  background: #FFF;
  border: dashed 1px transparent;
  padding: 15px;
  border-bottom: solid 1px #f4f5f7; }
  .e-list-template__item:last-of-type, .e-list-template__item--no-borders {
    border-bottom: solid 1px transparent; }
  .e-list-template__item--lower-height {
    padding: 6px 15px; }
  .e-list-template__item--lower-height-pulled-left {
    padding: 6px 15px 6px 5px; }
  .e-list-template__item--minimal-padding {
    padding: 15px 5px; }
  .e-list-template__item--thick-border {
    border-bottom: solid 2px #f4f5f7; }

.e-list-template__item--employees {
  float: left;
  position: relative;
  width: 100%;
  background: #FFF;
  border: dashed 1px transparent;
  padding: 15px;
  border-bottom: solid 1px #f4f5f7; }
  .e-list-template__item--employees:last-of-type {
    border-bottom: solid 1px transparent; }

.e-list-template__item:nth-of-type(even) {
  background: #FDFDFE; }

.e-list-template__item--even {
  background: #FFF !important; }
  .e-list-template__item--even:hover {
    background: #f4f6f9 !important; }

.e-list-template__item--odd {
  background: #FDFDFE !important; }
  .e-list-template__item--odd:hover {
    background: #f4f6f9 !important; }

.e-list-template__item--hidden {
  display: none; }

.e-list-template__item__action-menu {
  position: absolute;
  display: none;
  top: 1px;
  right: 1px;
  z-index: 1; }

.e-list-template__item--small-padding {
  padding: 8px 0px 8px 15px; }

.e-list-template__item--less-padding {
  padding: 5px 0px 5px 0px; }

.e-list-template__item--very-little-padding {
  padding: 2px 0px 2px 0px; }

.e-list-template--hoverable .e-list-template__item:hover {
  background: #f4f6f9;
  border: dashed 1px #9cc3d9;
  cursor: pointer; }
  .e-list-template--hoverable .e-list-template__item:hover .e-list-template__item__action-menu {
    display: block; }
  .e-list-template--hoverable .e-list-template__item:hover .e-label-icon--big {
    background: #d6deea; }

.e-list-template--auto-cursor .e-list-template__item:hover {
  cursor: auto; }

/*For simple emloyee pickers with checkbox*/
.e-list-template__item--disabled img {
  opacity: 0.5; }

.e-list-template__item--disabled .e-list-template__item__presence {
  background: rgba(0, 166, 81, 0.51); }

.e-list-template__item--disabled .e-list-template__item__subtitle, .e-list-template__item--disabled .e-list-template__item__title, .e-list-template__item--disabled .e-list-template__item__checkbox {
  color: #cbcbcb; }

.e-list-template__item--disabled .e-list-template__item__checkbox input[disabled]:before {
  color: #cbcbcb;
  background-color: #cbcbcb; }

.e-list-template__item--avatar-with-presence {
  line-height: 3px; }

.e-list-template__item__table {
  display: table;
  width: 100%;
  float: left; }

.e-list-template__item__table--fixed {
  table-layout: fixed; }

.e-list-template__item__tags {
  width: 100%;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.e-list-template__item__tags--pl-60 {
  padding-left: 60px;
  margin-left: -5px;
  margin-top: 5px; }

.e-list-template__item__tags--mt-15 {
  margin-top: 15px; }

.e-list-template__item__tags--pl-33 {
  padding-left: 33px;
  margin-left: -5px; }

.e-list-template__item__col {
  display: table-cell;
  vertical-align: top; }

.e-list-template__item__col--middle {
  vertical-align: middle; }

.e-list-template__item__col--right {
  text-align: right; }

.e-list-template__item__col--status {
  position: relative;
  top: -5px;
  font-size: 18px; }

.e-list-template__item__col--status-icon {
  font-size: 18px;
  position: relative; }

.e-list-template__item__col--33px {
  width: 33px; }
  .e-list-template__item__col--33px .e-list-template__item__title {
    max-width: 33px; }

.e-list-template-header__col--33px {
  width: 33px; }

.e-list-template__item__col--215px {
  width: 215px; }
  .e-list-template__item__col--215px .e-list-template__item__title {
    max-width: 215px; }

.e-list-template-header__col--215px {
  width: 215px; }

.e-list-template__item__col--230px {
  width: 230px; }
  .e-list-template__item__col--230px .e-list-template__item__title {
    max-width: 230px; }

.e-list-template-header__col--230px {
  width: 230px; }

.e-list-template__item__col--300px {
  width: 300px; }
  .e-list-template__item__col--300px .e-list-template__item__title {
    max-width: 300px; }

.e-list-template-header__col--300px {
  width: 300px; }

.e-list-template__item__col--60px {
  width: 60px; }
  .e-list-template__item__col--60px .e-list-template__item__title {
    max-width: 60px; }

.e-list-template-header__col--60px {
  width: 60px; }

.e-list-template__item__col--53px {
  width: 53px; }
  .e-list-template__item__col--53px .e-list-template__item__title {
    max-width: 53px; }

.e-list-template-header__col--53px {
  width: 53px; }

.e-list-template__item__col--50px {
  width: 50px; }
  .e-list-template__item__col--50px .e-list-template__item__title {
    max-width: 50px; }

.e-list-template-header__col--50px {
  width: 50px; }

.e-list-template__item__col--90px {
  width: 90px; }
  .e-list-template__item__col--90px .e-list-template__item__title {
    max-width: 90px; }

.e-list-template-header__col--90px {
  width: 90px; }

.e-list-template__item__col--250px {
  width: 250px; }
  .e-list-template__item__col--250px .e-list-template__item__title {
    max-width: 250px; }

.e-list-template-header__col--250px {
  width: 250px; }

.e-list-template__item__col--350px {
  width: 350px; }
  .e-list-template__item__col--350px .e-list-template__item__title {
    max-width: 350px; }

.e-list-template-header__col--350px {
  width: 350px; }

.e-list-template__item__col--377px {
  width: 377px; }
  .e-list-template__item__col--377px .e-list-template__item__title {
    max-width: 377px; }

.e-list-template-header__col--377px {
  width: 377px; }

.e-list-template__item__col--390px {
  width: 390px; }
  .e-list-template__item__col--390px .e-list-template__item__title {
    max-width: 390px; }

.e-list-template-header__col--390px {
  width: 390px; }

.e-list-template__item__col--400px {
  width: 400px; }
  .e-list-template__item__col--400px .e-list-template__item__title {
    max-width: 400px; }

.e-list-template-header__col--400px {
  width: 400px; }

.e-list-template__item__col--430px {
  width: 430px; }
  .e-list-template__item__col--430px .e-list-template__item__title {
    max-width: 430px; }

.e-list-template-header__col--430px {
  width: 430px; }

.e-list-template__item__col--500px {
  width: 500px; }
  .e-list-template__item__col--500px .e-list-template__item__title {
    max-width: 500px; }

.e-list-template-header__col--500px {
  width: 500px; }

.e-list-template__item__col--600px {
  width: 600px; }
  .e-list-template__item__col--600px .e-list-template__item__title {
    max-width: 600px; }

.e-list-template-header__col--600px {
  width: 600px; }

.e-list-template__item__col--650px {
  width: 650px; }
  .e-list-template__item__col--650px .e-list-template__item__title {
    max-width: 650px; }

.e-list-template-header__col--650px {
  width: 650px; }

.e-list-template-header__col {
  float: left; }
  .e-list-template-header__col:first-child {
    padding-left: 20px; }

.e-list-template-header__col--right {
  float: right; }

.e-list-template-header {
  position: relative;
  padding: 10px 5px;
  border-bottom: 1px solid #dfe3e9;
  background: #faf9f9;
  color: #aeaeae;
  font: normal 11px "robotolight", sans-serif;
  text-transform: uppercase;
  box-shadow: 0 2px 5px #f1f3f5;
  z-index: 2;
  float: left;
  width: 100%; }

.e-list-template__item__col--padding-right {
  padding-right: 20px; }

.e-list-template__item__col--padding-top {
  padding-top: 15px; }

.e-list-template__item__col--less-padding {
  padding-top: 4px; }

.e-list-template__item__col--indentation {
  padding-left: 30px; }

.e-list-template__item__col--double-padding-top {
  padding-top: 25px; }

.e-list-template__item__col--font-size {
  font-size: 12px; }

.e-list-template__item__groups {
  float: left;
  width: 100%;
  margin-bottom: 3px;
  font-family: "robotolight", sans-serif;
  font-size: 11px;
  color: #a1a1a1; }

.e-list-template__item__title {
  float: left;
  font-size: 14px;
  line-height: 1em;
  color: #3d5569;
  word-wrap: break-word;
  font-family: "robotomedium", sans-serif;
  margin-right: 5px;
  margin-bottom: 3px; }
  .e-list-template__item__title:hover {
    color: #3d5569;
    text-decoration: none; }

.e-list-template__item__title--no-break {
  margin-bottom: 0; }

.e-list-template__item__title--bold {
  font-family: "robotobold", sans-serif; }

.e-list-template__item__subtitle {
  float: left;
  width: 100%;
  font-size: 11px;
  font-family: "robotolight", sans-serif;
  color: #a1a1a1; }

.e-list-template__item__label {
  float: left;
  width: 100%;
  margin-top: 5px;
  font-size: 12px;
  font-family: "robotolight", sans-serif;
  color: #5f656d; }
  .e-list-template__item__label a {
    color: #2598da; }

.e-list-template__item__label--no-break {
  margin-top: 0; }

.e-list-template__item__action {
  float: right;
  width: 90px; }

.e-list-template__item__action__item {
  float: left;
  width: 100%;
  margin-bottom: 5px;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.e-list-template__item__description {
  float: left;
  width: 100%;
  margin-top: 10px;
  font-size: 12px;
  font-family: "robotolight", sans-serif;
  color: #a1a1a1; }
  .e-list-template__item__description--narrow {
    margin-top: 0; }

.e-list-template__request-item__description {
  float: left;
  width: 100%;
  margin-top: 0px;
  font-size: 11px;
  font-family: 'Open Sans';
  color: #2E4050;
  line-height: 15px; }

.e-list-template__item__col__parm {
  float: left;
  width: 100%;
  font-size: 12px;
  font-family: "robotolight", sans-serif;
  color: #5f656d;
  padding-left: 52px;
  margin-top: 10px; }
  .e-list-template__item__col__parm:first-of-type {
    margin-top: 0; }
  .e-list-template__item__col__parm a {
    color: #2598da; }

.e-list-template__item__col__parm--left-col {
  padding-left: 0;
  margin-left: 0; }

.e-list-template__item__col__parm__link {
  padding: 5px 0 0 0;
  float: left;
  width: 100%; }

a.e-list-template__item__col__parm__phone {
  display: none; }
  @media screen and (max-width: 1024px) {
    a.e-list-template__item__col__parm__phone {
      display: inline; } }

@media screen and (max-width: 1024px) {
  span.e-list-template__item__col__parm__phone {
    display: none; } }

.e-list-template__item__col__parm__multiline {
  float: left; }

.e-list-template__item__col__parm--desc {
  margin-top: 5px; }

.e-list-template__item__col__parm--with-icon {
  margin-left: 0;
  padding-left: 20px;
  max-width: 280px; }

.e-list-template__item__col__parm--with-icon--wide {
  max-width: 320px; }

.e-list-template__item__col__parm--multiline {
  position: relative;
  min-height: 20px; }
  .e-list-template__item__col__parm--multiline i {
    position: absolute;
    width: 24px;
    height: 23px;
    left: 20px;
    top: 2px; }
  .e-list-template__item__col__parm--multiline div {
    float: left;
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 5px;
    padding-left: 30px; }

.e-list-template__item__col__parm__icon-compensation {
  padding-left: 30px; }

.e-list-template__item__col__parm--100 {
  max-width: 100%;
  box-sizing: border-box; }

.e-list-template__item__details {
  float: left;
  width: 100%;
  padding: 10px 10px 0 33px;
  font-size: 12px; }

.e-list-template__item__details.e-list-template__item__details--padding-left-50px {
  padding-left: 50px; }

.e-list-template-add-item {
  float: left;
  width: 100%;
  margin-top: 5px;
  padding-bottom: 10px;
  padding-top: 10px;
  text-align: center;
  background-color: #F0F3F5; }

.e-list-template__tag-shift {
  float: left;
  padding-top: 10px; }

.e-actions__trigger {
  border-left: solid 1px #dcdcdc;
  border-bottom: solid 1px #dcdcdc;
  background-color: #fff;
  -moz-box-shadow: -1px 1px 2px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: -1px 1px 2px 0 rgba(0, 0, 0, 0.15);
  box-shadow: -1px 1px 2px 0 rgba(0, 0, 0, 0.15);
  color: #3d5569;
  text-decoration: none;
  font-size: 14px; }

.e-actions__menu {
  left: auto;
  right: -1px;
  min-width: 70px;
  border-color: #dcdcdc;
  border-bottom-width: 0;
  display: none; }
  .e-actions__menu ul {
    padding: 0;
    margin: 0;
    list-style: none inside;
    text-align: center; }
  .e-actions__menu li {
    padding: 7px;
    margin: 0;
    border-bottom: solid 1px #dcdcdc;
    background-color: #f1f1f4;
    font-size: 12px;
    color: #3d5569;
    display: block; }
    .e-actions__menu li:before {
      padding: 7px 0;
      color: #9f9f9f !important; }

.e-actions-area .e-actions__trigger {
  display: none; }

.e-actions-area .e-actions__menu {
  display: none; }

.e-actions-area:hover .e-actions__trigger {
  display: block; }

.e-actions-area:hover .e-actions.open .e-actions__menu {
  display: block; }

.e-status {
  width: 15px;
  height: 15px;
  font-size: 0;
  line-height: 0;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  float: left;
  margin: 5px 10px 0 0; }

.e-status--closed {
  background-color: #a7b0ac; }

.e-status--active {
  background-color: #5ab55a; }

.e-status__icon {
  font-size: 22px;
  line-height: 22px;
  width: 22px;
  height: 22px;
  display: block; }
  .e-status__icon:before {
    margin: 0;
    top: -2px;
    left: -2px;
    position: relative; }

.e-status__icon--small {
  font-size: 12px;
  line-height: 12px;
  display: inline-block;
  width: 12px;
  height: 12px; }
  .e-status__icon--small:before {
    margin: 0;
    top: 0px; }

.e-status__icon--vacation-waiting {
  color: #2598da !important; }

.e-status__icon--draft, .e-status__icon--waiting, .e-status__icon--hidden, .e-status__icon--draft-dev-plan {
  color: #fe9037 !important; }

.e-status__icon--planning-dev-plan {
  color: #3399FF !important; }

.e-status__icon--active-dev-plan {
  color: #5ab55a !important; }

.e-status__icon--finished-dev-plan, .e-status__icon--ended {
  color: #61666c !important; }

.e-status__icon--waiting-dev-plan {
  color: #b2dcb2 !important; }

.e-status__icon--active, .e-status__icon--vacation-forexecution, .e-status__icon--forexecution, .e-status__icon--duringassessment, .e-status__icon--extratime, .e-status__icon--selectionforassessmnet {
  color: #5ab55a !important; }

.e-status__icon--archived, .e-status__icon--executed, .e-status__icon--vacation-executed, .e-status__icon--waitingforreports, .e-status__icon--finished {
  color: #a7b0ac !important; }

.e-status__icon--canceled, .e-status__icon--removed, .e-status__icon--vacation-canceled {
  color: #f72000 !important; }

.select2-results i {
  font-size: 14px; }

.select2-result-label {
  font-size: 12px;
  color: #61666c;
  overflow: hidden; }

.select2-highlighted .select2-result-label {
  color: #61666c; }

.e-status--small {
  width: 10px;
  height: 10px;
  margin: 3px 5px 0 0; }

.e-status--red {
  background-color: #f72000; }

.e-status--green {
  background-color: #5ab55a; }

.e-status--blue {
  background-color: #3399FF; }

.e-objective-status {
  position: relative;
  font-size: 16px;
  display: inline-block;
  top: 3px; }

.e-objective-close-status {
  position: relative;
  float: left;
  width: 30px;
  padding-top: 3px;
  text-align: right; }

.e-objective-close-status--underlings {
  padding-top: 5px; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.e-costs-calculator {
  font-size: 12px;
  padding-top: 5px;
  padding-bottom: 5px; }

.e-costs-calculator__title {
  font-family: "robotomedium", sans-serif;
  padding-top: 5px;
  padding-bottom: 5px; }

.e-costs-calculator__row {
  float: left;
  width: 100%;
  -moz-transition: 0.1s;
  -o-transition: 0.1s;
  -webkit-transition: 0.1s;
  transition: 0.1s; }
  .e-costs-calculator__row:hover {
    background: #faf9f9;
    -moz-transition: 0.1s;
    -o-transition: 0.1s;
    -webkit-transition: 0.1s;
    transition: 0.1s; }

.e-costs-calculator__row__label {
  float: left;
  width: 27.5%;
  min-height: 22px;
  padding: 5px;
  text-align: left; }

.e-costs-calculator__row__amount {
  float: left;
  width: 25%;
  min-height: 22px;
  padding: 5px; }

.e-costs-calculator__row__currency {
  float: left;
  width: 10%;
  min-height: 22px;
  padding: 8px 5px;
  text-align: center; }

.e-costs-calculator__row__actions {
  float: left;
  width: 10%;
  padding: 6px 5px; }

.e-costs-calculator__row__currency--input {
  padding-top: 10px; }

.e-costs-calculator__sum {
  float: left;
  width: 100%; }

.e-costs-calculator__sum__label {
  float: left;
  width: 55%;
  padding: 5px;
  text-align: right;
  font-family: "robotobold", sans-serif;
  font-size: 14px; }

.e-costs-calculator__sum__amount {
  float: left;
  width: 25%;
  padding: 5px 15px 5px 5px;
  text-align: right;
  font-family: "robotobold", sans-serif;
  font-size: 14px; }

.e-costs-calculator__sum__currency {
  float: left;
  width: 10%;
  padding: 5px;
  text-align: center;
  font-family: "robotobold", sans-serif;
  font-size: 14px; }

.e-costs-calculator__actions {
  float: left;
  width: 100%;
  padding: 0 5px; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.e-savebar {
  float: left;
  width: 100%;
  height: 40px;
  padding: 9px 10px;
  background: #f1f3f5; }
  .e-savebar .e-savebar__buttons {
    float: right; }
  .e-savebar .e-savebar__buttons--left {
    float: left; }
  .e-savebar .e-savebar__checkbox {
    float: left;
    padding-left: 20px;
    text-align: left; }

.e-savebar--spread {
  height: auto; }

.e-savebar--tight {
  padding: 4px 10px;
  height: 30px; }

.e-savebar--large {
  padding: 12px 10px;
  height: auto; }

.e-savebar--section {
  height: auto;
  padding: 3px 0 4px 0;
  margin: 5px 0 10px 0;
  clear: both;
  background: transparent url("/Content/tms/_img/bg-strips.png") repeat 0 0; }
  .e-savebar--section .e-savebar__buttons {
    font-size: 12px; }

.e-savebar--stipped-popup {
  background: transparent;
  padding: 0;
  margin: 0;
  height: auto; }

.e-savebar--section--sticky-bottom {
  border-top: 1px solid #dfe3e9;
  margin: 5px 0 0 0; }

.e-button--savebar {
  margin-left: 5px; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.e-product-list {
  width: 100%;
  float: left;
  padding: 15px; }

.e-product-list__item {
  float: left;
  width: 100%;
  padding: 20px;
  margin-bottom: 30px;
  border: solid 1px #DCDCDC;
  background-color: #fff;
  color: #000; }

.e-product-list__item__name {
  margin-bottom: 20px;
  font-size: 20px;
  font-family: "robotobold", sans-serif; }

.e-product-list__item__description {
  float: left;
  width: 65%;
  padding: 0; }

.e-product-list__item__description__show-more {
  display: block;
  margin-top: 20px;
  font-size: 12px; }

.e-product-list__item__actions {
  float: right;
  width: 35%;
  padding: 0;
  font-size: 12px;
  text-align: right; }

.e-product-list__item__details {
  float: left;
  width: 100%;
  padding: 0; }

.e-product-list__item__details__content {
  float: left;
  width: 65%;
  padding: 0; }

.e-alert {
  padding: 0;
  width: 370px;
  position: fixed;
  top: 10px;
  left: 1280px;
  list-style: none;
  z-index: 9999999; }
  @media screen and (max-width: 1660px) {
    .e-alert {
      left: auto;
      right: 10px;
      top: 50px; } }

.e-alert__item {
  width: 100%;
  float: left;
  display: table-row;
  position: relative;
  margin: 0 0 5px 0;
  -webkit-box-shadow: 0px 0px 16px 0px rgba(50, 50, 50, 0.5);
  -moz-box-shadow: 0px 0px 16px 0px rgba(50, 50, 50, 0.5);
  box-shadow: 0px 0px 16px 0px rgba(50, 50, 50, 0.5);
  background: #71b5dd; }

.e-alert__item__icon, .e-alert__item__message {
  display: table-cell;
  vertical-align: middle; }

.e-alert__item__icon {
  height: 60px;
  width: 60px;
  text-align: center;
  font-size: 24px;
  vertical-align: top;
  padding: 15px 0 0 0; }

.e-alert__item__message {
  height: 60px;
  vertical-align: middle;
  word-break: break-all;
  word-break: break-word; }
  .e-alert__item__message p {
    margin: 0;
    font-size: 14px;
    padding: 20px 25px 20px 0px; }

.e-alert__item__corner {
  position: absolute;
  left: 65px;
  top: 10px;
  background-position: -189.00001px -6px;
  width: 14px;
  height: 14px; }

.e-alert__item__close {
  position: absolute;
  right: 2px;
  top: 2px;
  font-size: 16px;
  cursor: pointer; }

.e-alert__item--blue, .e-alert__item--info {
  background: #71b5dd;
  background: rgba(113, 181, 221, 0.95); }
  .e-alert__item--blue .e-alert__item__message p, .e-alert__item--info .e-alert__item__message p {
    color: #fff; }
  .e-alert__item--blue .e-alert__item__icon, .e-alert__item--info .e-alert__item__icon {
    color: #fff; }
  .e-alert__item--blue .e-alert__item__close, .e-alert__item--info .e-alert__item__close {
    color: #fff; }

.e-alert__item--red, .e-alert__item--error {
  background: #ea8165;
  background: rgba(234, 129, 101, 0.95); }
  .e-alert__item--red .e-alert__item__message p, .e-alert__item--error .e-alert__item__message p {
    color: #fff; }
  .e-alert__item--red .e-alert__item__icon, .e-alert__item--error .e-alert__item__icon {
    color: #fff; }
  .e-alert__item--red .e-alert__item__close, .e-alert__item--error .e-alert__item__close {
    color: #fff; }

.e-alert__item--green, .e-alert__item--success {
  background: #31b571;
  background: rgba(49, 181, 113, 0.95); }
  .e-alert__item--green .e-alert__item__message p, .e-alert__item--success .e-alert__item__message p {
    color: #fff; }
  .e-alert__item--green .e-alert__item__icon, .e-alert__item--success .e-alert__item__icon {
    color: #fff; }
  .e-alert__item--green .e-alert__item__close, .e-alert__item--success .e-alert__item__close {
    color: #fff; }

.e-alert__item--yellow, .e-alert__item--warning {
  background: #fdc247;
  background: rgba(253, 194, 71, 0.95); }
  .e-alert__item--yellow .e-alert__item__message p, .e-alert__item--warning .e-alert__item__message p {
    color: #644b18; }
  .e-alert__item--yellow .e-alert__item__icon, .e-alert__item--warning .e-alert__item__icon {
    color: #fff; }
  .e-alert__item--yellow .e-alert__item__close, .e-alert__item--warning .e-alert__item__close {
    color: #644b18; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.e-sidebar {
  flex: 0 1 300px;
  display: flex;
  flex-direction: column;
  vertical-align: top;
  margin: 0;
  border: 0;
  font-family: 'robotolight', sans-serif;
  font-size: 14px;
  line-height: 1.3;
  color: #535353; }
  @media screen and (min-height: 500px) and (min-width: 1266px) {
    .e-sidebar {
      position: fixed;
      height: calc(100% - 45px); } }

.e-sidebar_viewmode {
  float: left;
  width: 100%;
  height: 39px; }

.e-menu {
  position: relative;
  width: 300px;
  display: flex;
  flex-direction: row;
  height: 100%; }
  .e-menu__withMode {
    height: calc(100% - 40px); }

.e-menu__main {
  flex: 0 1 103px;
  list-style: none;
  padding: 0;
  background-color: #e8e8e8;
  -webkit-box-shadow: inset -1px 0 5px #ccc;
  box-shadow: inset -1px 0 5px #ccc;
  margin-bottom: 0;
  overflow-y: auto; }

.e-menu__main__item {
  display: table-row;
  position: relative; }

.e-menu__main__item a {
  position: relative;
  width: 103px;
  height: 70px;
  display: block;
  text-align: center;
  vertical-align: middle;
  font-family: 'robotomedium', sans-serif;
  font-size: 12px;
  color: #666a74;
  padding-top: 7px;
  border-left: 0;
  padding-left: 2px;
  border-bottom: solid 1px #d5d5d5;
  -webkit-transition: all 120ms ease-in-out;
  -moz-transition: all 120ms ease-in-out;
  -ms-transition: all 120ms ease-in-out;
  -o-transition: all 120ms ease-in-out;
  transition: all 120ms ease-in-out; }
  .e-menu__main__item a:before {
    content: " ";
    display: block;
    position: absolute;
    height: 70px;
    width: 3px;
    background: transparent;
    top: -1px;
    left: 0;
    -webkit-transition: all 120ms ease-in-out;
    -moz-transition: all 120ms ease-in-out;
    -ms-transition: all 120ms ease-in-out;
    -o-transition: all 120ms ease-in-out;
    transition: all 120ms ease-in-out; }
  .e-menu__main__item a i {
    font-size: 30px;
    text-shadow: 1px 1px 0 #ffffff; }

.e-menu__main__item a:hover, .e-menu__main__item a:focus {
  position: relative;
  padding-left: 2px;
  background: #e2e2e2;
  text-decoration: none;
  color: #6e6e6e;
  -webkit-box-shadow: inset 1px 1px 2px rgba(150, 150, 150, 0.5);
  -moz-box-shadow: inset 1px 1px 2px rgba(150, 150, 150, 0.5);
  box-shadow: inset 1px 1px 2px rgba(150, 150, 150, 0.5);
  border-left: 0px;
  box-sizing: border-box;
  -webkit-transition: all 120ms ease-in-out;
  -moz-transition: all 120ms ease-in-out;
  -ms-transition: all 120ms ease-in-out;
  -o-transition: all 120ms ease-in-out;
  transition: all 120ms ease-in-out; }
  .e-menu__main__item a:hover:before, .e-menu__main__item a:focus:before {
    content: " ";
    display: block;
    position: absolute;
    height: 70px;
    width: 3px;
    background: #2598da;
    top: -1px;
    left: 0; }

.e-menu__main__item--active a, .e-menu__main__item--active a:hover {
  color: #2598da;
  background: #f7f7f7;
  box-shadow: none; }
  .e-menu__main__item--active a:before, .e-menu__main__item--active a:hover:before {
    content: " ";
    display: block;
    position: absolute;
    height: 70px;
    width: 3px;
    background: #2598da;
    top: -1px;
    left: 0; }

.e-menu__secondary {
  flex: 1 0 197px;
  display: flex;
  flex-direction: column;
  background-color: #f1f1f1;
  box-shadow: inset -1px 0 5px #ccc;
  overflow-y: auto; }

.e-menu__secondary__header {
  float: left;
  padding: 15px 10px 15px 14px;
  font-size: 20px;
  font-family: 'robotolight', sans-serif;
  color: #666a74;
  width: 100%; }

.e-menu__secondary__header__edit-icon {
  float: right;
  font-size: 18px;
  color: #2598da;
  display: none; }

.e-menu__secondary__header--editable:hover .e-menu__secondary__header__edit-icon {
  display: block;
  cursor: pointer; }

.e-menu__secondary__header--top0 {
  padding-top: 0; }

.e-menu__secondary__menu {
  list-style: none;
  padding: 0;
  float: left;
  position: relative;
  width: 100%; }

.e-menu__secondary__menu__item__link, .e-internal-menu__item {
  position: relative;
  float: left;
  width: 100%;
  line-height: 14px;
  padding: 7px 5px 7px 10px; }
  .e-menu__secondary__menu__item__link span, .e-internal-menu__item span {
    float: left;
    font-size: 12px;
    font-family: 'robotoregular', sans-serif;
    padding-left: 10px;
    color: #666a74;
    max-width: 85%; }
  .e-menu__secondary__menu__item__link .e-menu__secondary__menu__title, .e-internal-menu__item .e-menu__secondary__menu__title {
    width: 159px; }
  .e-menu__secondary__menu__item__link i, .e-internal-menu__item i {
    float: left;
    font-size: 14px;
    color: #666a74; }
  .e-menu__secondary__menu__item__link:hover, .e-internal-menu__item:hover, .e-menu__secondary__menu__item__link:focus, .e-internal-menu__item:focus {
    text-decoration: none;
    background: #e2e2e2;
    color: #6e6e6e; }
    .e-menu__secondary__menu__item__link:hover span, .e-internal-menu__item:hover span, .e-menu__secondary__menu__item__link:focus span, .e-internal-menu__item:focus span {
      font-family: 'robotoregular', sans-serif;
      color: #6e6e6e; }
    .e-menu__secondary__menu__item__link:hover i, .e-internal-menu__item:hover i, .e-menu__secondary__menu__item__link:focus i, .e-internal-menu__item:focus i {
      color: #6e6e6e; }
    .e-menu__secondary__menu__item__link:hover:before, .e-internal-menu__item:hover:before, .e-menu__secondary__menu__item__link:focus:before, .e-internal-menu__item:focus:before {
      content: " ";
      position: absolute;
      width: 2px;
      height: 100%;
      top: 0;
      left: 0;
      background: #2598da; }
    .e-menu__secondary__menu__item__link:hover .e-menu__secondary__menu__number, .e-internal-menu__item:hover .e-menu__secondary__menu__number, .e-menu__secondary__menu__item__link:focus .e-menu__secondary__menu__number, .e-internal-menu__item:focus .e-menu__secondary__menu__number {
      color: #ffffff; }

.e-menu__secondary__menu__item--hidden {
  display: none; }

.e-menu__secondary__menu--favorives {
  float: left;
  width: 100%;
  position: relative; }
  .e-menu__secondary__menu--favorives .e-smart-tooltip {
    float: none;
    font-size: 11px;
    font-family: 'robotolight', sans-serif;
    padding-left: 5px;
    color: #a5a7ac;
    max-width: 0; }
  .e-menu__secondary__menu--favorives .e-menu__secondary__menu__title {
    font-size: 11px;
    font-family: 'robotolight', sans-serif;
    padding-left: 5px;
    color: #a5a7ac;
    float: left;
    display: block;
    width: 165px !important;
    margin-top: 3px;
    margin-bottom: 0; }
  .e-menu__secondary__menu--favorives .e-menu__secondary__menu__number {
    float: right;
    margin-right: 5px;
    margin-bottom: 3px;
    margin-top: 3px;
    padding: 0 3px;
    font-size: 10px;
    font-family: 'robotolight', sans-serif;
    color: #ffffff; }
    .e-menu__secondary__menu--favorives .e-menu__secondary__menu__number ~ .e-menu__secondary__menu__title {
      width: 125px !important; }
  .e-menu__secondary__menu--favorives .e-menu__secondary__menu__item {
    float: left;
    width: 100%; }
    .e-menu__secondary__menu--favorives .e-menu__secondary__menu__item .e-menu__secondary__menu__item__link--favorite-title {
      padding: 0 5px 0 10px;
      min-height: 10px;
      border-top: dashed 1px transparent; }
      .e-menu__secondary__menu--favorives .e-menu__secondary__menu__item .e-menu__secondary__menu__item__link--favorite-title .e-menu__secondary__menu__item__link--favorite-title__icon {
        position: relative;
        font-size: 8px;
        line-height: 12px;
        top: 4px;
        color: #d6d6d7;
        text-shadow: 1px 1px 0 #fff; }
      .e-menu__secondary__menu--favorives .e-menu__secondary__menu__item .e-menu__secondary__menu__item__link--favorite-title:hover span {
        font-family: 'robotolight', sans-serif; }
      .e-menu__secondary__menu--favorives .e-menu__secondary__menu__item .e-menu__secondary__menu__item__link--favorite-title:hover i {
        color: #a5a7ac; }
  .e-menu__secondary__menu--favorives .e-menu__secondary__menu__item--active .e-menu__secondary__menu__title, .e-menu__secondary__menu--favorives .e-menu__secondary__menu__item--active .e-menu__secondary__menu__number {
    color: #fff; }
  .e-menu__secondary__menu--favorives .e-menu__secondary__menu__item--active i:before {
    color: #fff;
    text-shadow: none; }

.e-menu__secondary__menu.ui-sortable {
  border-bottom: dashed 1px #c1c1c1; }
  .e-menu__secondary__menu.ui-sortable .e-menu__secondary__menu__item .e-menu__secondary__menu__item__link, .e-menu__secondary__menu.ui-sortable .e-menu__secondary__menu__item .e-internal-menu__item {
    border-top: dashed 1px #c1c1c1; }
    .e-menu__secondary__menu.ui-sortable .e-menu__secondary__menu__item .e-menu__secondary__menu__item__link:hover, .e-menu__secondary__menu.ui-sortable .e-menu__secondary__menu__item .e-internal-menu__item:hover {
      background: rgba(241, 241, 240, 0.68); }
      .e-menu__secondary__menu.ui-sortable .e-menu__secondary__menu__item .e-menu__secondary__menu__item__link:hover span, .e-menu__secondary__menu.ui-sortable .e-menu__secondary__menu__item .e-internal-menu__item:hover span {
        font-family: 'robotolight', sans-serif;
        color: #61666f; }
  .e-menu__secondary__menu.ui-sortable .e-menu__secondary__menu__item.ui-sortable-helper .e-menu__secondary__menu__item__link, .e-menu__secondary__menu.ui-sortable .e-menu__secondary__menu__item.ui-sortable-helper .e-internal-menu__item {
    border-bottom: dashed 1px #c1c1c1;
    background: #f9f9f9;
    /*! Old browsers */
    background: -moz-linear-gradient(top, #f9f9f9 0%, #f7f7f7 100%);
    /*! FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #f7f7f7));
    /*! Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f9f9f9 0%, #f7f7f7 100%);
    /*! Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f9f9f9 0%, #f7f7f7 100%);
    /*! Opera 11.10+ */
    background: -ms-linear-gradient(top, #f9f9f9 0%, #f7f7f7 100%);
    /*! IE10+ */
    background: linear-gradient(to bottom, #f9f9f9 0%, #f7f7f7 100%);
    /*! W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f7f7f7',GradientType=0 );
    /*! IE6-9 */
    -webkit-box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.25);
    -moz-box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.25);
    box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.25); }
  .e-menu__secondary__menu.ui-sortable .e-menu__secondary__menu__item.ui-sortable-placeholder {
    background: rgba(226, 226, 226, 0.58);
    visibility: visible !important; }
  .e-menu__secondary__menu.ui-sortable .e-menu__secondary__menu__item--active .e-menu__secondary__menu__item__link:hover, .e-menu__secondary__menu.ui-sortable .e-menu__secondary__menu__item--active .e-internal-menu__item:hover {
    background: #2598da; }
    .e-menu__secondary__menu.ui-sortable .e-menu__secondary__menu__item--active .e-menu__secondary__menu__item__link:hover span, .e-menu__secondary__menu.ui-sortable .e-menu__secondary__menu__item--active .e-internal-menu__item:hover span {
      color: #fff; }

.e-menu__secondary__menu__edit-buttons {
  float: left;
  width: 100%;
  text-align: right;
  padding: 0 15px 0 0; }

.e-menu__secondary__menu__more-button {
  float: right;
  margin-right: 15px; }

.e-menu__secondary__menu__item--active .e-menu__secondary__menu__item__link, .e-menu__secondary__menu__item--active .e-internal-menu__item, .e-menu__secondary__menu__item--active .e-menu__secondary__menu__item__link:hover, .e-menu__secondary__menu__item--active .e-internal-menu__item:hover {
  background: #2598da;
  color: #fff; }
  .e-menu__secondary__menu__item--active .e-menu__secondary__menu__item__link span, .e-menu__secondary__menu__item--active .e-internal-menu__item span, .e-menu__secondary__menu__item--active .e-menu__secondary__menu__item__link:hover span, .e-menu__secondary__menu__item--active .e-internal-menu__item:hover span {
    font-family: 'robotomedium', sans-serif;
    color: #fff; }
  .e-menu__secondary__menu__item--active .e-menu__secondary__menu__item__link i, .e-menu__secondary__menu__item--active .e-internal-menu__item i, .e-menu__secondary__menu__item--active .e-menu__secondary__menu__item__link:hover i, .e-menu__secondary__menu__item--active .e-internal-menu__item:hover i {
    color: #fff; }

.e-menu__secondary__menu__item--all .e-menu__secondary__menu__item__link, .e-menu__secondary__menu__item--all .e-internal-menu__item, .e-menu__secondary__menu__item--all .e-menu__secondary__menu__item__link:hover, .e-menu__secondary__menu__item--all .e-internal-menu__item:hover {
  margin-top: 10px; }
  .e-menu__secondary__menu__item--all .e-menu__secondary__menu__item__link span, .e-menu__secondary__menu__item--all .e-internal-menu__item span, .e-menu__secondary__menu__item--all .e-menu__secondary__menu__item__link:hover span, .e-menu__secondary__menu__item--all .e-internal-menu__item:hover span {
    font-family: 'robotolight', sans-serif; }

.e-menu__secondary__plug {
  float: left;
  width: 100%;
  padding: 0 15px 0 14px;
  font-size: 12px;
  color: #a5a7ac; }

.e-mode {
  float: left;
  width: 100%;
  height: 40px;
  background: #fff;
  -webkit-box-shadow: inset -2px 0 2px #eee;
  box-shadow: inset -2px 0 2px #eee;
  z-index: 100;
  position: relative; }
  @media screen and (min-height: 500px) and (min-width: 1266px) {
    .e-mode {
      position: static; } }

.e-mode__label {
  float: left;
  width: 103px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 13px 0 10px 5px;
  font-size: 10px;
  text-transform: uppercase;
  color: #666a74;
  text-align: center;
  font-family: 'robotomedium',sans-serif; }
  .e-mode__label i {
    font-size: 16px;
    line-height: 11px; }

.e-mode__select {
  float: left;
  width: 197px; }
  .e-mode__select select {
    display: none; }
  .e-mode__select select, .e-mode__select .select2-container {
    width: 100%;
    height: 40px;
    border: 0;
    background: transparent; }
  .e-mode__select .select2-choice {
    padding: 9px 10px !important;
    height: 40px !important;
    border: none !important;
    filter: none !important;
    background: transparent !important;
    font-family: 'robotomedium', sans-serif !important;
    color: #6e6e6e !important; }
  .e-mode__select .select2-container .select2-choice .select2-arrow {
    padding: 10px 0 0 0 !important;
    margin-right: 5px !important;
    /*!border: solid 1px red !important !important;*/
    filter: none !important;
    background-color: none !important;
    background: none !important; }
    .e-mode__select .select2-container .select2-choice .select2-arrow b {
      /*!background: none !important;*/ }
  .e-mode__select .select2-chosen {
    font-family: 'robotomedium',sans-serif;
    font-size: 12px; }
  .e-mode__select .select2-drop {
    border: solid 1px #dcdcdc !important;
    box-shadow: #d5e1e2 0 0 2px !important; }

/*! Ciemna strona */
.admin-view .e-menu__main {
  background-color: #3D4048;
  -webkit-box-shadow: inset -1px 0 5px #333;
  box-shadow: inset -1px 0 5px #333; }

.admin-view .e-menu__secondary {
  background-color: #747A85;
  -webkit-box-shadow: inset -1px 0 5px #333;
  box-shadow: inset -1px 0 5px #333; }

.admin-view .e-menu__main__item a {
  color: #d5d3d3;
  border-bottom: solid 1px #323232; }
  .admin-view .e-menu__main__item a i {
    color: #fff;
    text-shadow: 1px 1px 0 #161719; }

.admin-view .e-menu__main__item a:hover, .admin-view .e-menu__main__item a:focus {
  color: #d5d5d5;
  background: rgba(50, 50, 50, 0.2);
  -webkit-box-shadow: inset 1px 1px 2px rgba(20, 20, 20, 0.5);
  -moz-box-shadow: inset 1px 1px 2px rgba(20, 20, 20, 0.5);
  box-shadow: inset 1px 1px 2px rgba(20, 20, 20, 0.5); }
  .admin-view .e-menu__main__item a:hover i, .admin-view .e-menu__main__item a:focus i {
    color: #d5d5d5; }

.admin-view .e-menu__main__item--active a, .admin-view .e-menu__main__item--active a:hover {
  background: #757C87;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }
  .admin-view .e-menu__main__item--active a i, .admin-view .e-menu__main__item--active a:hover i {
    color: #fff;
    text-shadow: 1px 1px 0 #161719; }

.admin-view .e-menu__secondary__header {
  color: #fff; }

.admin-view .e-menu__secondary__menu__item .e-menu__secondary__menu__item__link i, .admin-view .e-menu__secondary__menu__item .e-internal-menu__item i {
  float: left;
  font-size: 16px;
  color: #ffffff; }

.admin-view .e-menu__secondary__menu__item .e-menu__secondary__menu__item__link span, .admin-view .e-menu__secondary__menu__item .e-internal-menu__item span {
  color: #fff; }

.admin-view .e-menu__secondary__menu__item .e-menu__secondary__menu__item__link:hover, .admin-view .e-menu__secondary__menu__item .e-internal-menu__item:hover, .admin-view .e-menu__secondary__menu__item .e-menu__secondary__menu__item__link:focus, .admin-view .e-menu__secondary__menu__item .e-internal-menu__item:focus {
  background: #61666f; }
  .admin-view .e-menu__secondary__menu__item .e-menu__secondary__menu__item__link:hover i, .admin-view .e-menu__secondary__menu__item .e-internal-menu__item:hover i, .admin-view .e-menu__secondary__menu__item .e-menu__secondary__menu__item__link:focus i, .admin-view .e-menu__secondary__menu__item .e-internal-menu__item:focus i {
    color: #fff; }

.admin-view .e-menu__secondary__menu__item--active .e-menu__secondary__menu__item__link, .admin-view .e-menu__secondary__menu__item--active .e-internal-menu__item,
.admin-view .e-menu__secondary__menu__item--active .e-menu__secondary__menu__item__link:hover,
.admin-view .e-menu__secondary__menu__item--active .e-internal-menu__item:hover,
.admin-view .e-menu__secondary__menu__item--active .e-menu__secondary__menu__item__link:focus,
.admin-view .e-menu__secondary__menu__item--active .e-internal-menu__item:focus {
  background: #2598da;
  color: #fff; }
  .admin-view .e-menu__secondary__menu__item--active .e-menu__secondary__menu__item__link span, .admin-view .e-menu__secondary__menu__item--active .e-internal-menu__item span,
  .admin-view .e-menu__secondary__menu__item--active .e-menu__secondary__menu__item__link:hover span,
  .admin-view .e-menu__secondary__menu__item--active .e-internal-menu__item:hover span,
  .admin-view .e-menu__secondary__menu__item--active .e-menu__secondary__menu__item__link:focus span,
  .admin-view .e-menu__secondary__menu__item--active .e-internal-menu__item:focus span {
    font-family: 'robotomedium', sans-serif;
    color: #fff; }
  .admin-view .e-menu__secondary__menu__item--active .e-menu__secondary__menu__item__link i, .admin-view .e-menu__secondary__menu__item--active .e-internal-menu__item i,
  .admin-view .e-menu__secondary__menu__item--active .e-menu__secondary__menu__item__link:hover i,
  .admin-view .e-menu__secondary__menu__item--active .e-internal-menu__item:hover i,
  .admin-view .e-menu__secondary__menu__item--active .e-menu__secondary__menu__item__link:focus i,
  .admin-view .e-menu__secondary__menu__item--active .e-internal-menu__item:focus i {
    color: #fff; }

.admin-view .e-mode {
  background: #3F424A;
  -webkit-box-shadow: inset -2px 0 2px #333;
  box-shadow: inset -2px 0 2px #333; }

.admin-view .e-mode__label {
  color: #d5d3d3; }

.admin-view .e-mode__select .select2-choice {
  color: #d5d3d3 !important; }

.admin-view .e-menu__secondary__menu--favorives .e-menu__secondary__menu__item .e-menu__secondary__menu__item__link, .admin-view .e-menu__secondary__menu--favorives .e-menu__secondary__menu__item .e-internal-menu__item {
  padding: 2px 5px 2px 10px;
  min-height: 10px;
  border-top: dashed 1px transparent; }
  .admin-view .e-menu__secondary__menu--favorives .e-menu__secondary__menu__item .e-menu__secondary__menu__item__link i, .admin-view .e-menu__secondary__menu--favorives .e-menu__secondary__menu__item .e-internal-menu__item i {
    position: relative;
    font-size: 8px;
    line-height: 12px;
    top: 1px;
    color: #d6d6d7;
    text-shadow: 1px 1px 0 #323232; }
  .admin-view .e-menu__secondary__menu--favorives .e-menu__secondary__menu__item .e-menu__secondary__menu__item__link:hover span, .admin-view .e-menu__secondary__menu--favorives .e-menu__secondary__menu__item .e-internal-menu__item:hover span, .admin-view .e-menu__secondary__menu--favorives .e-menu__secondary__menu__item .e-menu__secondary__menu__item__link:focus span, .admin-view .e-menu__secondary__menu--favorives .e-menu__secondary__menu__item .e-internal-menu__item:focus span {
    font-family: 'robotolight', sans-serif; }
  .admin-view .e-menu__secondary__menu--favorives .e-menu__secondary__menu__item .e-menu__secondary__menu__item__link:hover i, .admin-view .e-menu__secondary__menu--favorives .e-menu__secondary__menu__item .e-internal-menu__item:hover i, .admin-view .e-menu__secondary__menu--favorives .e-menu__secondary__menu__item .e-menu__secondary__menu__item__link:focus i, .admin-view .e-menu__secondary__menu--favorives .e-menu__secondary__menu__item .e-internal-menu__item:focus i {
    color: #a5a7ac; }

.e-mode__select__item {
  padding: 5px 10px;
  font-family: 'robotomedium', sans-serif;
  font-size: 12px;
  color: #5f656d; }
  .e-mode__select__item i {
    color: #a5a7ac;
    font-size: 16px;
    padding: 0 5px 0 0; }
  .e-mode__select__item .select2-result-label {
    padding: 0;
    font-size: 12px; }
  .e-mode__select__item.select2-highlighted {
    background: #2598da !important; }
    .e-mode__select__item.select2-highlighted .select2-result-label, .e-mode__select__item.select2-highlighted .select2-result-label i {
      color: #fff; }

/*! Style tylko dla Ciemenj strony, jak będziemy wprowadzali ten feature na jasnej to trzeba zmienić kolorki! (PZ)*/
.e-menu__secondary__menu__item--header {
  padding: 15px 0 2px 0;
  float: left;
  width: 100%;
  color: #fff; }
  .e-menu__secondary__menu__item--header .e-menu__secondary__menu__item__link, .e-menu__secondary__menu__item--header .e-internal-menu__item {
    padding: 7px 3px 7px 5px;
    float: left; }
    .e-menu__secondary__menu__item--header .e-menu__secondary__menu__item__link i, .e-menu__secondary__menu__item--header .e-internal-menu__item i {
      font-size: 18px !important; }
    .e-menu__secondary__menu__item--header .e-menu__secondary__menu__item__link span, .e-menu__secondary__menu__item--header .e-internal-menu__item span {
      font-size: 17px;
      line-height: 20px;
      padding-left: 5px;
      font-family: 'robotolight', sans-serif; }
    .e-menu__secondary__menu__item--header .e-menu__secondary__menu__item__link:hover span, .e-menu__secondary__menu__item--header .e-internal-menu__item:hover span {
      font-family: 'robotolight', sans-serif; }
    .e-menu__secondary__menu__item--header .e-menu__secondary__menu__item__link:hover, .e-menu__secondary__menu__item--header .e-internal-menu__item:hover {
      background: #61666f; }
  .e-menu__secondary__menu__item--header span {
    color: #fff;
    font-size: 17px;
    line-height: 22px;
    padding-right: 3px;
    font-family: 'robotolight', sans-serif; }
  .e-menu__secondary__menu__item--header > i {
    float: left;
    font-size: 18px;
    margin-left: 5px;
    margin-right: 5px; }
  .e-menu__secondary__menu__item--header.e-menu__secondary__menu__item--active .e-menu__secondary__menu__item__link, .e-menu__secondary__menu__item--header.e-menu__secondary__menu__item--active .e-internal-menu__item, .e-menu__secondary__menu__item--header.e-menu__secondary__menu__item--active .e-menu__secondary__menu__item__link:hover, .e-menu__secondary__menu__item--header.e-menu__secondary__menu__item--active .e-internal-menu__item:hover {
    background: #2598da;
    color: #fff; }
    .e-menu__secondary__menu__item--header.e-menu__secondary__menu__item--active .e-menu__secondary__menu__item__link span, .e-menu__secondary__menu__item--header.e-menu__secondary__menu__item--active .e-internal-menu__item span, .e-menu__secondary__menu__item--header.e-menu__secondary__menu__item--active .e-menu__secondary__menu__item__link:hover span, .e-menu__secondary__menu__item--header.e-menu__secondary__menu__item--active .e-internal-menu__item:hover span {
      font-family: "robotolight", sans-serif;
      color: #fff; }
    .e-menu__secondary__menu__item--header.e-menu__secondary__menu__item--active .e-menu__secondary__menu__item__link i, .e-menu__secondary__menu__item--header.e-menu__secondary__menu__item--active .e-internal-menu__item i, .e-menu__secondary__menu__item--header.e-menu__secondary__menu__item--active .e-menu__secondary__menu__item__link:hover i, .e-menu__secondary__menu__item--header.e-menu__secondary__menu__item--active .e-internal-menu__item:hover i {
      color: #fff; }

.e-menu__secondary__menu__item--active.e-menu__secondary__menu__item--header .e-menu__secondary__menu__item__link span, .e-menu__secondary__menu__item--active.e-menu__secondary__menu__item--header .e-internal-menu__item span, .e-menu__secondary__menu__item--active.e-menu__secondary__menu__item--header e-menu__secondary__menu__item__link:hover span {
  font-family: 'robotolight', sans-serif; }

.e-menu__secondary__menu__item--small .e-menu__secondary__menu__item__link, .e-menu__secondary__menu__item--small .e-internal-menu__item {
  padding: 5px 5px 5px 10px; }
  .e-menu__secondary__menu__item--small .e-menu__secondary__menu__item__link span, .e-menu__secondary__menu__item--small .e-internal-menu__item span {
    padding-left: 25px;
    font-size: 12px; }

.e-menu__secondary__menu__item__link--small {
  line-height: 13px;
  padding: 5px 5px 5px 8px; }
  .e-menu__secondary__menu__item__link--small span {
    font-size: 12px; }
  .e-menu__secondary__menu__item__link--small i {
    margin-top: -1px; }

span.e-menu__secondary__menu__bullet {
  font-size: 16px;
  font-family: Arial !important;
  padding: 0 2px 0 8px; }

.e-ins-svg-menu-list-item {
  margin-left: 3px;
  margin-right: -4px;
  float: left; }

#e-ins-emplo_logo_small_svg {
  fill: #666a74; }

.admin-view #e-ins-emplo_logo_small_svg {
  fill: #FFFFFF; }

.e-menu__secondary__menu__item--active #e-ins-emplo_logo_small_svg {
  fill: #FFFFFF; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
/*
==============================================
CSS3 ANIMATION CHEAT SHEET
==============================================

Made by Justin Aguilar

www.justinaguilar.com/animations/

Questions, comments, concerns, love letters:
justin@justinaguilar.com
==============================================
*/
/*
==============================================
slideDown
==============================================
*/
.slideDown {
  animation-name: slideDown;
  -webkit-animation-name: slideDown;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  visibility: visible !important; }

@keyframes slideDown {
  0% {
    transform: translateY(-100%); }
  50% {
    transform: translateY(8%); }
  65% {
    transform: translateY(-4%); }
  80% {
    transform: translateY(4%); }
  95% {
    transform: translateY(-2%); }
  100% {
    transform: translateY(0%); } }

@-webkit-keyframes slideDown {
  0% {
    -webkit-transform: translateY(-100%); }
  50% {
    -webkit-transform: translateY(8%); }
  65% {
    -webkit-transform: translateY(-4%); }
  80% {
    -webkit-transform: translateY(4%); }
  95% {
    -webkit-transform: translateY(-2%); }
  100% {
    -webkit-transform: translateY(0%); } }

/*
==============================================
slideUp
==============================================
*/
.slideUp {
  animation-name: slideUp;
  -webkit-animation-name: slideUp;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  visibility: visible !important; }

@keyframes slideUp {
  0% {
    transform: translateY(100%); }
  50% {
    transform: translateY(-8%); }
  65% {
    transform: translateY(4%); }
  80% {
    transform: translateY(-4%); }
  95% {
    transform: translateY(2%); }
  100% {
    transform: translateY(0%); } }

@-webkit-keyframes slideUp {
  0% {
    -webkit-transform: translateY(100%); }
  50% {
    -webkit-transform: translateY(-8%); }
  65% {
    -webkit-transform: translateY(4%); }
  80% {
    -webkit-transform: translateY(-4%); }
  95% {
    -webkit-transform: translateY(2%); }
  100% {
    -webkit-transform: translateY(0%); } }

/*
==============================================
slideLeft
==============================================
*/
.slideLeft {
  animation-name: slideLeft;
  -webkit-animation-name: slideLeft;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  visibility: visible !important; }

@keyframes slideLeft {
  0% {
    transform: translateX(150%); }
  50% {
    transform: translateX(-8%); }
  65% {
    transform: translateX(4%); }
  80% {
    transform: translateX(-4%); }
  95% {
    transform: translateX(2%); }
  100% {
    transform: translateX(0%); } }

@-webkit-keyframes slideLeft {
  0% {
    -webkit-transform: translateX(150%); }
  50% {
    -webkit-transform: translateX(-8%); }
  65% {
    -webkit-transform: translateX(4%); }
  80% {
    -webkit-transform: translateX(-4%); }
  95% {
    -webkit-transform: translateX(2%); }
  100% {
    -webkit-transform: translateX(0%); } }

/*
==============================================
slideRight
==============================================
*/
.slideRight {
  animation-name: slideRight;
  -webkit-animation-name: slideRight;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  visibility: visible !important; }

@keyframes slideRight {
  0% {
    transform: translateX(-150%); }
  50% {
    transform: translateX(8%); }
  65% {
    transform: translateX(-4%); }
  80% {
    transform: translateX(4%); }
  95% {
    transform: translateX(-2%); }
  100% {
    transform: translateX(0%); } }

@-webkit-keyframes slideRight {
  0% {
    -webkit-transform: translateX(-150%); }
  50% {
    -webkit-transform: translateX(8%); }
  65% {
    -webkit-transform: translateX(-4%); }
  80% {
    -webkit-transform: translateX(4%); }
  95% {
    -webkit-transform: translateX(-2%); }
  100% {
    -webkit-transform: translateX(0%); } }

/*
==============================================
slideExpandUp
==============================================
*/
.slideExpandUp {
  animation-name: slideExpandUp;
  -webkit-animation-name: slideExpandUp;
  animation-duration: 1.6s;
  -webkit-animation-duration: 1.6s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease -out;
  visibility: visible !important; }

@keyframes slideExpandUp {
  0% {
    transform: translateY(100%) scaleX(0.5); }
  30% {
    transform: translateY(-8%) scaleX(0.5); }
  40% {
    transform: translateY(2%) scaleX(0.5); }
  50% {
    transform: translateY(0%) scaleX(1.1); }
  60% {
    transform: translateY(0%) scaleX(0.9); }
  70% {
    transform: translateY(0%) scaleX(1.05); }
  80% {
    transform: translateY(0%) scaleX(0.95); }
  90% {
    transform: translateY(0%) scaleX(1.02); }
  100% {
    transform: translateY(0%) scaleX(1); } }

@-webkit-keyframes slideExpandUp {
  0% {
    -webkit-transform: translateY(100%) scaleX(0.5); }
  30% {
    -webkit-transform: translateY(-8%) scaleX(0.5); }
  40% {
    -webkit-transform: translateY(2%) scaleX(0.5); }
  50% {
    -webkit-transform: translateY(0%) scaleX(1.1); }
  60% {
    -webkit-transform: translateY(0%) scaleX(0.9); }
  70% {
    -webkit-transform: translateY(0%) scaleX(1.05); }
  80% {
    -webkit-transform: translateY(0%) scaleX(0.95); }
  90% {
    -webkit-transform: translateY(0%) scaleX(1.02); }
  100% {
    -webkit-transform: translateY(0%) scaleX(1); } }

/*
==============================================
expandUp
==============================================
*/
.expandUp {
  animation-name: expandUp;
  -webkit-animation-name: expandUp;
  animation-duration: 0.7s;
  -webkit-animation-duration: 0.7s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  visibility: visible !important; }

@keyframes expandUp {
  0% {
    transform: translateY(100%) scale(0.6) scaleY(0.5); }
  60% {
    transform: translateY(-7%) scaleY(1.12); }
  75% {
    transform: translateY(3%); }
  100% {
    transform: translateY(0%) scale(1) scaleY(1); } }

@-webkit-keyframes expandUp {
  0% {
    -webkit-transform: translateY(100%) scale(0.6) scaleY(0.5); }
  60% {
    -webkit-transform: translateY(-7%) scaleY(1.12); }
  75% {
    -webkit-transform: translateY(3%); }
  100% {
    -webkit-transform: translateY(0%) scale(1) scaleY(1); } }

/*
==============================================
fadeIn
==============================================
*/
.fadeIn {
  animation-name: fadeIn;
  -webkit-animation-name: fadeIn;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  visibility: visible !important; }

@keyframes fadeIn {
  0% {
    transform: scale(0);
    opacity: 0.0; }
  60% {
    transform: scale(1.1); }
  80% {
    transform: scale(0.9);
    opacity: 1; }
  100% {
    transform: scale(1);
    opacity: 1; } }

@-webkit-keyframes fadeIn {
  0% {
    -webkit-transform: scale(0);
    opacity: 0.0; }
  60% {
    -webkit-transform: scale(1.1); }
  80% {
    -webkit-transform: scale(0.9);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1);
    opacity: 1; } }

/*
==============================================
expandOpen
==============================================
*/
.expandOpen {
  animation-name: expandOpen;
  -webkit-animation-name: expandOpen;
  animation-duration: 1.2s;
  -webkit-animation-duration: 1.2s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  visibility: visible !important; }

@keyframes expandOpen {
  0% {
    transform: scale(1.8); }
  50% {
    transform: scale(0.95); }
  80% {
    transform: scale(1.05); }
  90% {
    transform: scale(0.98); }
  100% {
    transform: scale(1); } }

@-webkit-keyframes expandOpen {
  0% {
    -webkit-transform: scale(1.8); }
  50% {
    -webkit-transform: scale(0.95); }
  80% {
    -webkit-transform: scale(1.05); }
  90% {
    -webkit-transform: scale(0.98); }
  100% {
    -webkit-transform: scale(1); } }

/*
==============================================
bigEntrance
==============================================
*/
.bigEntrance {
  animation-name: bigEntrance;
  -webkit-animation-name: bigEntrance;
  animation-duration: 1.6s;
  -webkit-animation-duration: 1.6s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  visibility: visible !important; }

@keyframes bigEntrance {
  0% {
    transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
    opacity: 0.2; }
  30% {
    transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
    opacity: 1; }
  45% {
    transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1; }
  60% {
    transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
    opacity: 1; }
  75% {
    transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1; }
  90% {
    transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1; }
  100% {
    transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1; } }

@-webkit-keyframes bigEntrance {
  0% {
    -webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
    opacity: 0.2; }
  30% {
    -webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
    opacity: 1; }
  45% {
    -webkit-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1; }
  60% {
    -webkit-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
    opacity: 1; }
  75% {
    -webkit-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1; }
  90% {
    -webkit-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1; } }

/*
==============================================
hatch
==============================================
*/
.hatch {
  animation-name: hatch;
  -webkit-animation-name: hatch;
  animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
  visibility: visible !important; }

@keyframes hatch {
  0% {
    transform: rotate(0deg) scaleY(0.6); }
  20% {
    transform: rotate(-2deg) scaleY(1.05); }
  35% {
    transform: rotate(2deg) scaleY(1); }
  50% {
    transform: rotate(-2deg); }
  65% {
    transform: rotate(1deg); }
  80% {
    transform: rotate(-1deg); }
  100% {
    transform: rotate(0deg); } }

@-webkit-keyframes hatch {
  0% {
    -webkit-transform: rotate(0deg) scaleY(0.6); }
  20% {
    -webkit-transform: rotate(-2deg) scaleY(1.05); }
  35% {
    -webkit-transform: rotate(2deg) scaleY(1); }
  50% {
    -webkit-transform: rotate(-2deg); }
  65% {
    -webkit-transform: rotate(1deg); }
  80% {
    -webkit-transform: rotate(-1deg); }
  100% {
    -webkit-transform: rotate(0deg); } }

/*
==============================================
bounce
==============================================
*/
.bounce {
  animation-name: bounce;
  -webkit-animation-name: bounce;
  animation-duration: 1.6s;
  -webkit-animation-duration: 1.6s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%; }

@keyframes bounce {
  0% {
    transform: translateY(0%) scaleY(0.6); }
  60% {
    transform: translateY(-100%) scaleY(1.1); }
  70% {
    transform: translateY(0%) scaleY(0.95) scaleX(1.05); }
  80% {
    transform: translateY(0%) scaleY(1.05) scaleX(1); }
  90% {
    transform: translateY(0%) scaleY(0.95) scaleX(1); }
  100% {
    transform: translateY(0%) scaleY(1) scaleX(1); } }

@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateY(0%) scaleY(0.6); }
  60% {
    -webkit-transform: translateY(-100%) scaleY(1.1); }
  70% {
    -webkit-transform: translateY(0%) scaleY(0.95) scaleX(1.05); }
  80% {
    -webkit-transform: translateY(0%) scaleY(1.05) scaleX(1); }
  90% {
    -webkit-transform: translateY(0%) scaleY(0.95) scaleX(1); }
  100% {
    -webkit-transform: translateY(0%) scaleY(1) scaleX(1); } }

/*
==============================================
pulse
==============================================
*/
.pulse {
  animation-name: pulse;
  -webkit-animation-name: pulse;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite; }

@keyframes pulse {
  0% {
    transform: scale(0.9);
    opacity: 0.7; }
  50% {
    transform: scale(1);
    opacity: 1; }
  100% {
    transform: scale(0.9);
    opacity: 0.7; } }

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0.95);
    opacity: 0.7; }
  50% {
    -webkit-transform: scale(1);
    opacity: 1; }
  100% {
    -webkit-transform: scale(0.95);
    opacity: 0.7; } }

/*
==============================================
floating
==============================================
*/
.floating {
  animation-name: floating;
  -webkit-animation-name: floating;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite; }

@keyframes floating {
  0% {
    transform: translateY(0%); }
  50% {
    transform: translateY(8%); }
  100% {
    transform: translateY(0%); } }

@-webkit-keyframes floating {
  0% {
    -webkit-transform: translateY(0%); }
  50% {
    -webkit-transform: translateY(8%); }
  100% {
    -webkit-transform: translateY(0%); } }

/*
==============================================
tossing
==============================================
*/
.tossing {
  animation-name: tossing;
  -webkit-animation-name: tossing;
  animation-duration: 2.5s;
  -webkit-animation-duration: 2.5s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite; }

@keyframes tossing {
  0% {
    transform: rotate(-4deg); }
  50% {
    transform: rotate(4deg); }
  100% {
    transform: rotate(-4deg); } }

@-webkit-keyframes tossing {
  0% {
    -webkit-transform: rotate(-4deg); }
  50% {
    -webkit-transform: rotate(4deg); }
  100% {
    -webkit-transform: rotate(-4deg); } }

/*
==============================================
pullUp
==============================================
*/
.pullUp {
  animation-name: pullUp;
  -webkit-animation-name: pullUp;
  animation-duration: 1.1s;
  -webkit-animation-duration: 1.1s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%; }

@keyframes pullUp {
  0% {
    transform: scaleY(0.1); }
  40% {
    transform: scaleY(1.02); }
  60% {
    transform: scaleY(0.98); }
  80% {
    transform: scaleY(1.01); }
  100% {
    transform: scaleY(0.98); }
  80% {
    transform: scaleY(1.01); }
  100% {
    transform: scaleY(1); } }

@-webkit-keyframes pullUp {
  0% {
    -webkit-transform: scaleY(0.1); }
  40% {
    -webkit-transform: scaleY(1.02); }
  60% {
    -webkit-transform: scaleY(0.98); }
  80% {
    -webkit-transform: scaleY(1.01); }
  100% {
    -webkit-transform: scaleY(0.98); }
  80% {
    -webkit-transform: scaleY(1.01); }
  100% {
    -webkit-transform: scaleY(1); } }

/*
==============================================
pullDown
==============================================
*/
.pullDown {
  animation-name: pullDown;
  -webkit-animation-name: pullDown;
  animation-duration: 1.1s;
  -webkit-animation-duration: 1.1s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  -webkit-transform-origin: 50% 0%; }

@keyframes pullDown {
  0% {
    transform: scaleY(0.1); }
  40% {
    transform: scaleY(1.02); }
  60% {
    transform: scaleY(0.98); }
  80% {
    transform: scaleY(1.01); }
  100% {
    transform: scaleY(0.98); }
  80% {
    transform: scaleY(1.01); }
  100% {
    transform: scaleY(1); } }

@-webkit-keyframes pullDown {
  0% {
    -webkit-transform: scaleY(0.1); }
  40% {
    -webkit-transform: scaleY(1.02); }
  60% {
    -webkit-transform: scaleY(0.98); }
  80% {
    -webkit-transform: scaleY(1.01); }
  100% {
    -webkit-transform: scaleY(0.98); }
  80% {
    -webkit-transform: scaleY(1.01); }
  100% {
    -webkit-transform: scaleY(1); } }

/*
==============================================
stretchLeft
==============================================
*/
.stretchLeft {
  animation-name: stretchLeft;
  -webkit-animation-name: stretchLeft;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  transform-origin: 100% 0%;
  -ms-transform-origin: 100% 0%;
  -webkit-transform-origin: 100% 0%; }

@keyframes stretchLeft {
  0% {
    transform: scaleX(0.3); }
  40% {
    transform: scaleX(1.02); }
  60% {
    transform: scaleX(0.98); }
  80% {
    transform: scaleX(1.01); }
  100% {
    transform: scaleX(0.98); }
  80% {
    transform: scaleX(1.01); }
  100% {
    transform: scaleX(1); } }

@-webkit-keyframes stretchLeft {
  0% {
    -webkit-transform: scaleX(0.3); }
  40% {
    -webkit-transform: scaleX(1.02); }
  60% {
    -webkit-transform: scaleX(0.98); }
  80% {
    -webkit-transform: scaleX(1.01); }
  100% {
    -webkit-transform: scaleX(0.98); }
  80% {
    -webkit-transform: scaleX(1.01); }
  100% {
    -webkit-transform: scaleX(1); } }

/*
==============================================
stretchRight
==============================================
*/
.stretchRight {
  animation-name: stretchRight;
  -webkit-animation-name: stretchRight;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -webkit-transform-origin: 0% 0%; }

@keyframes stretchRight {
  0% {
    transform: scaleX(0.3); }
  40% {
    transform: scaleX(1.02); }
  60% {
    transform: scaleX(0.98); }
  80% {
    transform: scaleX(1.01); }
  100% {
    transform: scaleX(0.98); }
  80% {
    transform: scaleX(1.01); }
  100% {
    transform: scaleX(1); } }

@-webkit-keyframes stretchRight {
  0% {
    -webkit-transform: scaleX(0.3); }
  40% {
    -webkit-transform: scaleX(1.02); }
  60% {
    -webkit-transform: scaleX(0.98); }
  80% {
    -webkit-transform: scaleX(1.01); }
  100% {
    -webkit-transform: scaleX(0.98); }
  80% {
    -webkit-transform: scaleX(1.01); }
  100% {
    -webkit-transform: scaleX(1); } }

/*
==============================================
scaleForward
==============================================
*/
.scaleForward {
  animation-name: scaleForward;
  -webkit-animation-name: scaleForward;
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  visibility: visible !important; }

@keyframes scaleForward {
  0% {
    transform: scale(1); }
  100% {
    transform: scale(1.1); } }

@-webkit-keyframes scaleForward {
  0% {
    -webkit-transform: scale(1); }
  100% {
    -webkit-transform: scale(1.1); } }

/*
==============================================
fadeIn
==============================================
*/
.fadeInForQuestion {
  animation-name: fadeInForQuestion;
  -webkit-animation-name: fadeInForQuestion;
  animation-duration: 0.3s;
  -webkit-animation-duration: 0.3s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  visibility: visible !important; }

@keyframes fadeInForQuestion {
  0% {
    transform: scale(0.95);
    opacity: 0.0; }
  100% {
    transform: scale(1);
    opacity: 1; } }

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    transform: scale3d(1, 1, 1); } }

.bounceIn {
  animation-name: bounceIn;
  animation-duration: 2s; }

.e-paste-window-trigger {
  position: absolute;
  right: 4px;
  top: 4px;
  color: #5f656d;
  font-size: 20px;
  z-index: 15;
  width: 17px;
  height: 17px;
  display: block;
  background: url("/Content/tms/_img/base64/trigger.png");
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer; }

.e-paste-window {
  position: absolute;
  top: 28px;
  right: -7px;
  z-index: 30;
  background: #fff;
  width: 205px;
  /* Specjalnie ::before z dwoma dwukropkami
        Żeby IE8 tego nie rozpoznawało.
    */ }
  .e-paste-window::before {
    content: '';
    position: absolute;
    right: 7px;
    width: 25px;
    height: 25px;
    z-index: 20;
    display: block;
    background: #fff;
    border: 1px solid #dfe3e9;
    text-align: center;
    -ms-transform: rotate(45deg);
    /* IE 9 */
    -webkit-transform: rotate(45deg);
    /* Chrome, Safari, Opera */
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-box-shadow: 0 0 15px 0 rgba(150, 150, 150, 0.5);
    -moz-box-shadow: 0 0 15px 0 rgba(150, 150, 150, 0.5);
    box-shadow: 0 0 15px 0 rgba(150, 150, 150, 0.5); }

.e-paste-window__list {
  position: absolute;
  list-style: none inside;
  padding: 0;
  z-index: 25;
  background: #fff;
  overflow: hidden;
  border: 1px solid #dfe3e9;
  -webkit-box-shadow: 0 0 15px 0 rgba(150, 150, 150, 0.5);
  -moz-box-shadow: 0 0 15px 0 rgba(150, 150, 150, 0.5);
  box-shadow: 0 0 15px 0 rgba(150, 150, 150, 0.5); }

.e-paste-window__list__item {
  float: left;
  height: 30px;
  width: 25px;
  padding: 5px;
  background: 5px; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.e-column-list {
  float: left;
  width: 100%;
  padding: 0;
  display: table;
  table-layout: initial;
  margin-bottom: 20px;
  background: #f4f6f9;
  border: solid 1px #f4f6f9; }

.e-column-list--fixed {
  table-layout: fixed; }

.e-column-list__row {
  display: table-row; }

.e-column-list__item {
  display: table-cell;
  border: solid 1px #f4f6f9;
  vertical-align: top;
  width: 33.33%;
  cursor: pointer;
  background: #fff; }
  .e-column-list__item:hover {
    background: #f4f6f9;
    border: dashed 1px #9cc3d9; }

.e-column-list__item__inner {
  padding: 15px 10px 10px 10px;
  position: relative;
  float: left;
  border: solid 1px transparent;
  max-width: 100%; }

.e-column-list__item--selected {
  border: dashed 1px #17ad60;
  background: #dff8d5; }

.e-column-list__item__title {
  float: left;
  width: 100%;
  font-family: 'robotomedium', sans-serif;
  font-size: 14px;
  color: #3d5569; }

.e-column-list__item__synonym {
  float: left;
  display: inline-block;
  min-height: 25px;
  width: 100%;
  font-family: 'robotolight', sans-serif;
  font-size: 11px;
  color: #a1a1a1;
  margin-top: 5px; }

.e-column-list__item__description {
  float: left;
  width: 100%;
  padding: 10px 0 10px 0;
  min-height: 195px;
  font-size: 12px;
  color: #a1a1a1; }

.e-column-list__item__checked {
  position: absolute;
  right: -2px;
  top: -2px;
  background: #5cbd5e; }
  .e-column-list__item__checked i {
    color: #fff; }

.e-column-list__item__skills {
  float: left;
  padding: 10px 0 10px 0;
  font-size: 12px;
  color: #7b7b7b; }
  .e-column-list__item__skills .e-label-icon {
    float: left; }
  .e-column-list__item__skills .e-link, .e-column-list__item__skills .e-personal-card__data__team-leader__link, .e-column-list__item__skills span {
    float: left;
    word-wrap: normal;
    white-space: pre-wrap;
    width: 160px;
    padding-left: 5px;
    margin-top: 5px; }

/* Sidebar */
.e-merge-skills-sidebar {
  width: 275px; }

.e-merge-skills-sidebar--fixed {
  position: fixed; }
  @media only screen and (max-width: 1265px), only screen and (max-height: 767px) {
    .e-merge-skills-sidebar--fixed {
      position: relative;
      top: 0;
      left: 0; } }

.e-merge-skills-sidebar__header {
  float: left;
  width: 100%;
  background: #f8f9fa;
  padding: 5px 20px 4px 10px;
  font-size: 12px;
  font-weight: normal;
  font-family: "robotomedium", sans-serif;
  margin: 10px 0 0 0;
  color: #a1a1a1;
  background: transparent url("/Content/tms/_img/bg-strips.png") repeat 0 0; }

.e-merge-skills-sidebar__content {
  float: left;
  width: 100%;
  margin-top: 10px; }
  .e-merge-skills-sidebar__content .e-label-icon {
    float: left; }
  .e-merge-skills-sidebar__content .e-link, .e-merge-skills-sidebar__content .e-personal-card__data__team-leader__link {
    float: left;
    width: 150px;
    margin-top: 4px; }

.e-merge-skills-sidebar__tags {
  margin: 0 -5px 0 -5px;
  float: left;
  max-width: 100%; }

.e-merge-skills-sidebar__content__switcher {
  float: left;
  width: 60px; }

.e-merge-skills-sidebar__content__switcher-label {
  float: left;
  margin-top: 2px;
  font-size: 12px; }

.e-notifications {
  position: relative;
  height: 44px;
  float: left; }

.e-notifications__button {
  height: 44px;
  float: left; }

.e-notifications__button:hover:before, .e-notifications__button--open:before {
  content: " ";
  width: 30px;
  height: 4px;
  background: #2598da;
  position: absolute;
  top: 0;
  left: 12px; }

.e-notifications__button:hover .e-notifications__button__icon {
  color: #cecece;
  text-shadow: 1px 1px 0 #7f8188; }

.e-notifications__button__icon {
  display: block;
  width: 50px;
  font-size: 18px;
  color: #373b43;
  text-shadow: 1px 1px 0 #7f8188;
  cursor: pointer;
  padding: 13px 15px 8px 15px; }

.e-notifications__button__icon--white {
  color: #fff;
  text-shadow: 1px 1px 0 #48494f; }

.e-notifications__button__icon--gray {
  color: #cecece;
  text-shadow: 1px 1px 0 #7f8188; }

.e-notifications__dropdown {
  position: absolute;
  background: #fff;
  top: 45px;
  z-index: 1000;
  border: solid 1px #e8e8eb;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box; }
  .e-notifications__dropdown .jspVerticalBar {
    right: 0; }

.e-notifications__dropdown__scrollable {
  width: 350px; }

.e-notifications__dropdown__list {
  float: left;
  width: 350px;
  list-style: none;
  padding: 10px; }

.e-notifications__dropdown__list__item > a, .e-notifications__dropdown__list__item__inside {
  float: left;
  width: 100%;
  padding: 10px 15px 10px 10px;
  color: #3d5569;
  clear: both;
  border: 1px solid transparent;
  border-bottom: solid 1px #e8e8eb;
  line-height: 1.2;
  border-radius: 0; }

.e-notifications__dropdown__list__item:nth-of-type(2n) > a {
  background-color: #fdfdfe;
  -webkit-transition: background 100ms linear;
  -moz-transition: background 100ms linear;
  -ms-transition: background 100ms linear;
  -o-transition: background 100ms linear;
  transition: background 100ms linear; }

.e-notifications__dropdown__list__item > a:hover {
  background-color: #f4f6f9;
  color: #3d5569;
  background-image: none;
  margin: 0 !important;
  border: dashed 1px #9cc3d9;
  -webkit-transition: background 100ms linear;
  -moz-transition: background 100ms linear;
  -ms-transition: background 100ms linear;
  -o-transition: background 100ms linear;
  transition: background 100ms linear;
  text-decoration: none; }
  .e-notifications__dropdown__list__item > a:hover .e-notifications__dropdown__list__item__img i:before {
    background-color: #d7e1f0; }

.e-notifications__dropdown__list__new {
  float: left;
  font-size: 9px;
  line-height: 8px;
  text-transform: uppercase;
  margin-right: 0.5em;
  color: #fff; }

.e-label-icon--notifications {
  background: none; }
  .e-label-icon--notifications:before {
    color: #ffffff;
    background-color: #f1f1f4;
    font-size: 20px;
    margin: 0;
    padding: 5px 0;
    width: 30px;
    height: 30px;
    -webkit-transition: background 100ms linear;
    -moz-transition: background 100ms linear;
    -ms-transition: background 100ms linear;
    -o-transition: background 100ms linear;
    transition: background 100ms linear; }

.e-notifications__dropdown__list__item__img {
  display: table-cell;
  vertical-align: top;
  padding-right: 10px; }

.e-notifications__dropdown__list__item__info {
  display: table-cell;
  vertical-align: top;
  max-width: 220px;
  font-family: 'robotomedium', sans-serif; }

.e-notifications__dropdown__list__item__info__desc {
  width: 100%;
  display: block;
  clear: both;
  padding-bottom: 2px;
  font-size: 11px;
  line-height: 13px;
  overflow: hidden;
  -ms-word-wrap: break-word;
  word-wrap: break-word; }

.e-notifications__dropdown__list__item__info__category {
  float: left;
  font-size: 10px;
  color: #b1b1b1; }

.e-notifications__dropdown__list__item__info__time {
  float: left;
  text-align: right;
  font-size: 10px;
  color: #b1b1b1; }

.e-notifications__dropdown__list__item__delete {
  position: absolute;
  right: 10px;
  top: 10px; }
  .e-notifications__dropdown__list__item__delete i :before {
    color: #f4999e; }
  .e-notifications__dropdown__list__item__delete:hover i:before {
    color: #db0a0a !important; }

.e-notifications__dropdown__list__item__info--readed {
  color: #a9a9a9;
  font-family: 'robotolight', sans-serif; }

.e-notifications__top {
  float: left;
  width: 100%;
  padding: 8px 10px;
  font-size: 11px;
  line-height: 13px;
  border-top: solid 1px #e0e0e4;
  background-color: #f1f1f4;
  -webkit-box-shadow: 0 2px 0 #ebebee inset;
  box-shadow: 0 2px 0 #ebebee inset;
  font-family: 'robotolight', sans-serif; }

.e-notifications__top__mark-as-read {
  float: right;
  color: #1c9cd8 !important; }
  .e-notifications__top__mark-as-read:hover {
    background-color: #1c9cd8 !important;
    color: #ffffff !important;
    text-decoration: none !important; }

.e-notifications__top__clear-notifications {
  float: right; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.e-article-editor__title {
  /* firefox 19+ */
  /* ie */ }
  .e-article-editor__title input[type="text"] {
    height: 65px;
    font-size: 36px;
    font-family: "robotoregular", sans-serif;
    width: 95%; }
  .e-article-editor__title input[type="text"]::-webkit-input-placeholder {
    line-height: 1.35; }
  .e-article-editor__title input[type="text"]::-moz-placeholder {
    line-height: 1.35; }
  .e-article-editor__title input[type="text"]:-ms-input-placeholder {
    line-height: 1.35;
    color: #a1a1a1; }
  .e-article-editor__title input[type="text"]:-moz-placeholder {
    line-height: 1.35; }

.e-article-editor__thumbnail {
  float: left;
  position: relative;
  height: 335px;
  width: 95%;
  margin: 10px 0; }

.e-article-editor__content {
  width: 100%;
  display: table; }

.e-article-editor__content__tinymce {
  width: 95%;
  display: table-cell; }

.e-article-editor__content__req {
  height: 5%;
  vertical-align: middle;
  display: table-cell; }

.e-article-editor__attachments {
  float: left;
  width: 95%; }

.e-article-editor__external-link {
  float: left;
  width: 95%;
  padding-top: 10px; }

.e-article-editor__categories {
  float: left;
  width: 95%;
  padding: 10px 0 0; }
  .e-article-editor__categories .fancytree-ico-cf span.fancytree-icon {
    display: none; }

.e-article-editor__box {
  float: left;
  width: 100%;
  padding-bottom: 40px;
  font-size: 12px; }

.e-article-editor__box__title {
  color: #797979;
  font-size: 12px;
  font-family: "robotomedium", sans-serif;
  margin-bottom: 5px; }

.e-article-editor__box__title--no-light {
  margin-bottom: 0; }

.e-article-editor__box__title__icon {
  color: #a1a1a1;
  font-size: 16px;
  position: relative;
  top: 1px; }

.e-article-editor__box__content {
  padding-left: 25px;
  line-height: 1.5;
  color: #797979;
  font-family: "robotolight", sans-serif; }
  .e-article-editor__box__content div:not(.arrow) {
    margin-bottom: 5px; }
  .e-article-editor__box__content label span {
    position: relative;
    top: -2px; }
  .e-article-editor__box__content--right {
    padding-left: 30px; }

.select2--article-tags .select2-search-choice {
  display: none; }

.e-badge--article-tag {
  margin: 0 5px 5px 0; }

.e-article-editor__box__tags {
  width: 100%;
  clear: both;
  margin-top: 5px;
  font-size: 0;
  list-style: none inside;
  padding-left: 0; }
  .e-article-editor__box__tags li {
    display: inline-block;
    max-width: 100%;
    white-space: nowrap;
    font-size: 11px;
    padding: 2px 8px;
    margin: 0 2px 3px 0;
    background-color: #f0f1f4;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #949698; }
    .e-article-editor__box__tags li a {
      padding: 0;
      margin: 0;
      overflow: initial; }

.e-article-editor__date-box {
  padding-left: 15px;
  padding-top: 8px; }

.e-article-editor__date-box__input {
  width: 120px; }

.e-article-editor__date-box__group {
  float: left;
  width: 100%; }
  .e-article-editor__date-box__group i {
    font-size: 16px;
    color: #7dbcdc; }

.e-article-editor__savebar {
  float: left;
  width: 95%; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.e-dragbox {
  position: absolute;
  z-index: 10;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border: dashed 1px #f4989d;
  text-align: center;
  display: table;
  background-color: #f0f4f8;
  color: #3d5569;
  -moz-transition: background-color 0.15s ease-in;
  -o-transition: background-color 0.15s ease-in;
  -webkit-transition: background-color 0.15s ease-in;
  transition: background-color 0.15s ease-in; }
  .e-dragbox:hover .e-link, .e-dragbox:hover .e-personal-card__data__team-leader__link {
    background-color: #1c9cd8;
    color: #ffffff;
    text-decoration: none; }
  .e-dragbox--cropper {
    z-index: 0;
    border: none;
    background-color: transparent; }
    .e-dragbox--cropper--small .e-dragbox__title {
      font-size: 14px; }
    .e-dragbox--cropper--small .e-dragbox__title i {
      font-size: 25px; }

.e-dragbox.hover {
  border: dashed 1px #f58a4f;
  background-color: #fffbf6; }
  .e-dragbox.hover .e-dragbox__instruction {
    display: none; }
  .e-dragbox.hover .e-dragbox__button {
    display: none; }
  .e-dragbox.hover .e-dragbox__title {
    display: none; }
  .e-dragbox.hover .e-dragbox__order {
    display: block;
    z-index: 20; }
  .e-dragbox.hover .e-dragbox__preview {
    opacity: 0; }

.e-dragbox__loader {
  width: 100%;
  background: rgba(240, 244, 248, 0.8);
  vertical-align: middle;
  display: table-cell; }

.e-dragbox__order {
  color: #f8b89d;
  display: none;
  font-size: 22px; }

.e-dragbox__clickable-mask {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 35;
  cursor: pointer; }

.e-dragbox__inner {
  position: relative;
  z-index: 25;
  width: 100%;
  vertical-align: middle;
  display: table-cell; }

.e-dragbox.e-dragbox--filled .e-dragbox__inner {
  -moz-transition: background-color 0.15s ease-in;
  -o-transition: background-color 0.15s ease-in;
  -webkit-transition: background-color 0.15s ease-in;
  transition: background-color 0.15s ease-in; }
  .e-dragbox.e-dragbox--filled .e-dragbox__inner div:not(.e-dragbox__order) {
    opacity: 0;
    -moz-transition: opacity 0.15s ease-in;
    -o-transition: opacity 0.15s ease-in;
    -webkit-transition: opacity 0.15s ease-in;
    transition: opacity 0.15s ease-in; }

.e-dragbox.e-dragbox--filled:hover .e-dragbox__inner {
  background: rgba(240, 244, 248, 0.8); }
  .e-dragbox.e-dragbox--filled:hover .e-dragbox__inner div {
    opacity: 1; }

.e-dragbox__button .e-select-file__fakefile__label {
  float: none; }

.e-dragbox__title {
  color: #3d5569;
  font-size: 24px; }

.e-dragbox__instruction {
  color: #3d5569;
  font-size: 12px; }

.e-dragbox__preview {
  opacity: 1;
  position: absolute;
  left: 3px;
  right: 3px;
  top: 3px;
  bottom: 3px;
  z-index: 0;
  -moz-transition: opacity 0.15s ease-in;
  -o-transition: opacity 0.15s ease-in;
  -webkit-transition: opacity 0.15s ease-in;
  transition: opacity 0.15s ease-in; }
  .e-dragbox__preview img {
    width: 100%;
    height: 100%; }

.e-dragbox__remove-btn {
  position: absolute;
  right: 2px;
  top: 2px;
  width: 25px;
  background: #fff;
  z-index: 40; }
  .e-dragbox__remove-btn a:hover {
    text-decoration: none; }
  .e-dragbox__remove-btn a i:before {
    font-size: 22px;
    margin: 0;
    color: #f4989d; }

.e-process-line {
  float: left;
  width: 100%;
  padding-left: 0;
  list-style: inside none; }

.e-process-line__row--narrow .e-process-line__row__content {
  min-height: 45px; }

.e-process-line__row {
  float: left;
  width: 100%;
  padding-left: 0; }

.e-process-line__row__icon {
  float: left;
  width: 40px; }
  .e-process-line__row__icon .icon {
    color: #fff;
    width: 40px;
    height: 40px;
    display: block;
    font-size: 22px;
    padding: 4px 3px;
    border: 1px solid #efefef; }

.e-process-line__row__icon--green .icon {
  background: #70d29f; }

.e-process-line__row__icon--orange .icon {
  background: #fcc767; }

.e-process-line__row__icon--red .icon {
  background: #fdac9d; }

.e-process-line__row__icon--grey .icon {
  color: #bcbdbd;
  background: #efefef; }

.e-process-line__row__content {
  float: left;
  max-width: 180px;
  border-left: 1px solid #efefef;
  margin-left: -1px;
  padding: 0 10px 10px 10px;
  min-height: 90px; }

.e-process-line__row__content__title {
  float: left;
  font-size: 13px;
  line-height: 1em;
  color: #3d5569;
  word-wrap: break-word;
  font-family: 'robotomedium', sans-serif; }

.e-process-line__row__content__text {
  float: left;
  width: 100%;
  font-size: 11px;
  font-family: 'robotolight', sans-serif;
  color: #a1a1a1; }

.e-process-line__row__content__link {
  float: left;
  width: 100%; }

.e-process-line__row__content__list {
  float: left;
  margin: 0;
  padding: 0 0 0 16px; }

.e-process-line__row__content__list__item {
  float: left;
  width: 100%;
  font-size: 12px;
  font-family: 'robotolight', sans-serif;
  color: #a1a1a1;
  list-style: disc;
  margin: 0;
  padding: 0; }
  .e-process-line__row__content__list__item--first {
    padding-top: 3px; }

.e-process-line__row:last-child .e-process-line__row__content, .e-process-line__row.last .e-process-line__row__content {
  border-left: none; }

.e-process-line__row__content--no-timeline {
  border-left: none;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 15px; }

.e-process-line__row__content__boxed {
  list-style: none;
  margin: 0;
  padding: 0; }

.e-process-line__row__content__boxed__item {
  margin: 0;
  float: left;
  width: 100%; }

.e-process-line__row__content__boxed__item__company {
  float: left;
  width: 100%;
  padding: 8px 0 10px 0; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.e-collection-form {
  border: dashed 1px #ffc89b;
  margin-bottom: 10px;
  float: left;
  width: 100%; }

.e-collection-form--saved {
  border: 1px solid #dfdfdf; }

.e-collection-form__header {
  min-height: 30px;
  padding: 10px 10px 0;
  background-color: #fffbf6;
  color: #4f4e4e; }

.e-collection-form__header__title {
  float: left;
  width: 100%;
  padding: 0;
  margin: 2px 0;
  font-family: "robotoregular", sans-serif;
  font-size: 14px; }

.e-collection-form__header--stripped {
  background: #fff url("/Content/tms/_img/bg-strips.png") repeat 0 0; }

.e-collection-form__header--no-tab {
  min-height: 45px;
  padding: 10px; }

.e-collection-form__shortcut {
  float: left;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  text-transform: uppercase; }

.e-collection-form__header--with-actions .e-collection-form__header__title {
  float: left;
  max-width: 90%;
  padding: 0;
  margin: 2px 0;
  font-family: "robotoregular", sans-serif;
  font-size: 14px; }

.e-collection-form__header--with-actions .e-collection-form__header__actions {
  float: right; }

.e-collection-form__tab {
  width: 100%;
  height: 30px;
  border-bottom: solid 1px #f4f4f4;
  margin-bottom: 10px;
  padding: 0 10px;
  clear: both;
  background: #fffbf6 url("/Content/tms/_img/bg-strips.png") repeat 0 0; }

.e-collection-form__tab__label {
  float: left;
  height: 30px;
  padding: 5px 10px 0 10px;
  margin: 6px 8px 0 0;
  border: 1px solid #edeeee;
  border-bottom: none;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  background-color: #ffffff;
  color: #3d5569;
  font-size: 14px;
  text-transform: uppercase; }

.e-collection-form__content {
  float: left;
  padding: 15px;
  width: 100%; }

.e-scale-level__list {
  margin: 5px 0 0 10px;
  padding: 0 !important;
  color: #535353;
  list-style: none;
  float: left;
  width: 100%; }

.e-scale-level__list__item {
  float: left;
  position: relative;
  width: 100%; }
  .e-scale-level__list__item div {
    line-height: 1 !important; }
  .e-scale-level__list__item:before {
    content: "•";
    position: absolute;
    left: -10px;
    font-size: 28px;
    top: -1px;
    line-height: 16px !important; }

.e-scale-level__list__item__description {
  margin-top: 5px;
  line-height: 18px;
  color: #797979; }

.e-scale-level__row__delete {
  display: none; }

.e-scale-level__row {
  border: solid 1px  #edeff2;
  padding: 10px !important;
  margin-bottom: 10px !important;
  cursor: move;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .e-scale-level__row div, .e-scale-level__row label {
    cursor: move; }
  .e-scale-level__row:hover {
    border: dashed 1px #ffc89b !important;
    background: #fffbf6; }
    .e-scale-level__row:hover .e-scale-level__row__delete {
      display: block; }
  .e-scale-level__row .e-form-textarea {
    min-height: 54px; }

.e-input {
  float: left;
  width: 100%;
  position: relative; }

.e-input__input {
  float: left;
  width: 100%;
  border: solid 1px #dcdcdc; }

.e-input__input--icon {
  border-right: 0 !important;
  padding-right: 35px !important;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.e-input__icon {
  position: absolute;
  right: 0;
  height: 25px;
  padding: 2px 3px;
  border: solid 1px #dcdcdc;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  color: #c6d2d9;
  cursor: pointer; }
  .e-input__icon:hover {
    background: #f5f6f8; }

.e-input__help {
  float: left;
  margin: 5px 0 0 0;
  width: 100%;
  font-size: 12px;
  color: #7b7b7b; }

.e-input--required {
  padding-right: 25px; }
  .e-input--required .e-input__icon {
    right: 25px; }
  .e-input--required:after {
    content: "*";
    position: absolute;
    right: 8px;
    top: 4px;
    color: #b11515;
    font-size: 14px; }

.e-input__list {
  font-size: 12px; }
  .e-input__list:first-of-type {
    margin-top: 10px; }
  .e-input__list:last-of-type {
    margin-bottom: 10px; }

.e-input__list__close {
  color: #f4999e; }
  .e-input__list__close:hover {
    color: #db0a0a; }

.e-free-days {
  float: left;
  position: relative;
  width: 100%; }

.e-free-days__row {
  margin-top: 15px;
  display: table;
  table-layout: fixed;
  width: 100%; }

.e-free-days__box-icon {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #3d5569;
  padding: 8px 8px 7px 8px; }

.e-free-days__box-icon i:before {
  color: #ffffff;
  margin: 0;
  font-size: 24px; }

.e-free-days__item {
  display: table-cell;
  padding: 0;
  height: 57px;
  line-height: 56px;
  font-size: 24px;
  font-family: 'robotoregular', sans-serif;
  border: solid 1px #f3f3f3;
  border-right: 0;
  margin: 0 0 0 0;
  text-align: center;
  cursor: pointer;
  color: #3e5469; }

.e-free-days__item:last-of-type {
  border-right: 1px solid #f3f3f3; }

.e-free-days__item:not(.e-free-days__item--label):hover {
  background: url("/Content/tms/_img/bg-strips-back-bar.png") repeat;
  color: #c9c9c9; }

.e-free-days__item--label {
  width: 132px;
  padding-left: 40px;
  border: solid 1px #f3f3f3;
  border-right: 0;
  font-size: 12px;
  font-family: 'robotolight', sans-serif;
  cursor: default; }

.e-free-days__item--label:before {
  content: " ";
  border-left: solid 5px #3d5569;
  position: absolute;
  left: 0;
  top: 0;
  height: 77px;
  display: block; }

.e-free-days__item--free {
  background: url("/Content/tms/_img/bg-strips-back-bar.png") repeat;
  color: #c9c9c9; }

.e-free-days--preview .e-free-days__item:not(.e-free-days__item--label):not(.e-free-days__item--free):hover {
  background: none;
  color: #3e5469; }

.e-free-days--preview .e-free-days__item {
  cursor: default; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.e-changes-border:not(.e-list-template__item) {
  padding: 5px 0;
  border: 1px dashed #ffa053; }
  .e-changes-border:not(.e-list-template__item):hover {
    border-color: #ffa053;
    background: #fffaf6;
    -webkit-box-shadow: 0 0 4px 0 #ffbc86;
    -moz-box-shadow: 0 0 4px 0 #ffbc86;
    box-shadow: 0 0 4px 0 #ffbc86; }

.e-changes-border.e-list-template__item {
  border: 1px dashed #ffa053; }
  .e-changes-border.e-list-template__item:hover {
    border-color: #ffa053;
    background: #fffaf6;
    -webkit-box-shadow: 0 0 4px 0 #ffbc86;
    -moz-box-shadow: 0 0 4px 0 #ffbc86;
    box-shadow: 0 0 4px 0 #ffbc86; }

.e-list-template--cards .e-changes-border.e-list-template__item.e-list-template__item:last-of-type {
  border-bottom: 1px dashed #ffa053; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.e-wizard-steps {
  float: left;
  width: 100%;
  height: 65px;
  padding: 0;
  list-style: none inside; }

.e-wizard-steps--high {
  height: 90px; }

.e-wizard-steps__step {
  float: left;
  height: inherit;
  font-size: 12px;
  background-color: #f6f6f6;
  border-right: 1px solid #fff; }

.e-wizard-steps__step--active {
  background-color: #fff; }
  .e-wizard-steps__step--active .e-wizard-steps__step__number__circle {
    color: #405a6f;
    border-color: #405a6f; }
  .e-wizard-steps__step--active .e-wizard-steps__step__number {
    border-top-color: #405a6f; }
  .e-wizard-steps__step--active .e-wizard-steps__step__content {
    border-top-color: #405a6f; }

.e-wizard-steps--3 .e-wizard-steps__step {
  width: 33.33333%; }

.e-wizard-steps--4 .e-wizard-steps__step {
  width: 25%; }

.e-wizard-steps__step__number {
  float: left;
  width: 30%;
  height: inherit;
  padding-top: 20px;
  border-top: solid 5px #ffffff;
  text-align: center; }

.e-wizard-steps__step__content {
  float: left;
  width: 70%;
  height: inherit;
  padding-right: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: solid 5px #ffffff;
  line-height: 1.3; }

.e-wizard-steps__step__content__title {
  font-family: "robotobold", sans-serif;
  text-transform: uppercase;
  color: #5f656d; }

.e-wizard-steps__step__content__description {
  color: #797979; }

.e-wizard-steps__step__number__circle {
  border: solid 2px #e8e8e9;
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 26px;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  border-radius: 16px;
  color: #cecece;
  font-size: 16px;
  font-family: "robotobold", sans-serif; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.e-wizard-navbar {
  float: left;
  width: 100%; }

.e-wizard-navbar__link {
  float: left;
  width: 33.33333%;
  border-right: 2px solid #fff; }
  .e-wizard-navbar__link:hover {
    text-decoration: none; }
    .e-wizard-navbar__link:hover .e-wizard-navbar__link__inside {
      border-color: #ff9137;
      background-color: #fff; }
    .e-wizard-navbar__link:hover .e-wizard-navbar__link__icon {
      color: #5f656d; }
  .e-wizard-navbar__link--no-hover:hover {
    cursor: default; }
    .e-wizard-navbar__link--no-hover:hover .e-wizard-navbar__link__inside {
      border-color: #fff;
      border-top: solid 5px #e5e6e7;
      background-color: #f6f6f6; }
  .e-wizard-navbar__link:last-child .e-wizard-navbar__link__inside {
    border-right: none;
    text-align: right; }
  .e-wizard-navbar__link:first-child .e-wizard-navbar__link__inside {
    text-align: left; }
  .e-wizard-navbar__link--single {
    width: 100%; }
    .e-wizard-navbar__link--single .e-wizard-navbar__link__inside {
      text-align: right; }
      .e-wizard-navbar__link--single .e-wizard-navbar__link__inside:first-child {
        text-align: right; }

.e-wizard-navbar__link__inside {
  font-size: 14px;
  text-transform: uppercase;
  text-align: center;
  border-top: solid 5px #e5e6e7;
  background-color: #f6f6f6;
  padding: 15px;
  display: block; }

.e-wizard-navbar__link__inside__icon {
  margin-top: -5px;
  font-size: 30px;
  color: #e5e6e7;
  display: inline-block; }
  .e-wizard-navbar__link__inside__icon--empty-icon {
    color: #f6f6f6; }

.e-wizard-navbar__link__inside__text {
  position: relative;
  top: -5px;
  font-family: "robotomedium", sans-serif;
  color: #5f656d;
  display: inline-block; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.e-radio i {
  font-size: 16px;
  line-height: 12px; }

.e-radio label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 7px;
  margin-left: 5px;
  font-size: 12px;
  cursor: pointer; }

.e-radio input[type="radio"]:checked + label::before {
  border-color: #2598da; }

.e-radio input[type="radio"]:checked + label::after {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1); }

.e-radio input[type="radio"]:focus + label::before {
  outline: none;
  -webkit-box-shadow: 0px 0px 5px #2598da;
  box-shadow: 0px 0px 5px #2598da; }

.e-radio input[type="radio"] + label::after {
  background-color: #2598da; }

.e-radio:not(.e-soft-disabled) input[type="radio"][disabled=disabled] + label {
  cursor: not-allowed; }

.e-radio:not(.e-soft-disabled) input[type="radio"][disabled=disabled]:not(:checked) + label {
  color: #ccc !important; }
  .e-radio:not(.e-soft-disabled) input[type="radio"][disabled=disabled]:not(:checked) + label::before {
    border-color: #ccc; }

.e-radio label::after {
  display: inline-block;
  position: absolute;
  content: " ";
  width: 11px;
  height: 11px;
  left: 3px;
  top: 3px;
  margin-left: -18px;
  border-radius: 50%;
  background-color: #555555;
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }

.e-radio input[type="radio"]:checked + label::after {
  background-color: #2598da; }

.e-radio label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  margin-left: -18px;
  border: 1px solid #cccccc;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out;
  transition: border 0.15s ease-in-out; }

.e-radio input[type="radio"] {
  opacity: 0;
  z-index: -1; }

.e-radio--green input[type="radio"]:checked + label::before {
  border-color: #5cbd5e; }

.e-radio--green input[type="radio"] + label::after {
  background-color: #5cbd5e; }

.e-radio--green input[type="radio"]:checked + label::after {
  background-color: #5cbd5e; }

.e-radio--green input[type="radio"]:focus + label::before {
  outline: none;
  -webkit-box-shadow: 0px 0px 5px #5cbd5e;
  box-shadow: 0px 0px 5px #5cbd5e; }

.e-radio--red input[type="radio"]:checked + label::before {
  border-color: red; }

.e-radio--red input[type="radio"] + label::after {
  background-color: red; }

.e-radio--red input[type="radio"]:checked + label::after {
  background-color: red; }

.e-radio--red input[type="radio"]:focus + label::before {
  outline: none;
  -webkit-box-shadow: 0px 0px 5px red;
  box-shadow: 0px 0px 5px red; }

.e-radio-quesionary input[type="radio"] + label {
  margin-left: -25px;
  padding: 10px  10px 10px 35px;
  width: 550px;
  border: dashed 1px transparent; }

.e-radio-quesionary input[type="radio"]:checked + label {
  font-family: 'robotomedium', sans-serif;
  border: dashed 1px #5cbd5e;
  background: #e7ffdb; }

.e-radio-quesionary input[type="radio"] + label::after {
  margin-left: 10px;
  top: 13px; }

.e-radio-quesionary input[type="radio"] + label::before {
  margin-left: 10px; }

.e-radio-quesionary label {
  max-width: 550px; }

.e-radio-quesionary:hover input[type="radio"] + label {
  border: dashed 1px #9cc3d9;
  background: #f4f6f9; }

.e-radio--inline {
  display: inline-block;
  padding-right: 20px;
  min-height: 25px; }
  .e-radio--inline label {
    margin-top: 3px; }

.e-radio--space {
  margin: 0 0 2px 10px;
  margin-left: 10px; }

.e-radio--nps label {
  margin-left: 0;
  padding-left: 0; }

.e-radio--nps label:before {
  top: -25px;
  left: 50%;
  margin-left: -7px; }

.e-radio--nps label:after {
  top: -22px;
  left: 50%;
  margin-left: -4px; }

.e-radio--list {
  float: left;
  min-height: 26px; }

.e-radio--form {
  float: left;
  width: 100%;
  margin-bottom: 2px; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.e-check-box label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 5px;
  margin-left: 5px;
  font-size: 12px;
  line-height: 19px;
  cursor: pointer; }

.e-check-box--one-line label {
  line-height: 14px; }

.e-check-box--one-line label:before, .e-check-box--one-line label:after {
  line-height: 19px; }

.e-check-box--baseline-align label {
  vertical-align: baseline; }

.e-check-box--verticaly-aligned.e-check-box.e-check-box--no-label label {
  margin-top: 5px; }

.e-check-box--verticaly-aligned.e-check-box.e-check-box--no-label label::after {
  padding: 0; }

.e-check-box--padding-right label::after {
  padding-right: 3px; }

.e-check-box.e-check-box--no-label label::before, .e-check-box.e-check-box--no-label label::after {
  margin-left: 0;
  margin-top: -0.8em; }

.e-check-box input[type="checkbox"] {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute; }

.e-check-box label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  margin-left: -18px;
  border: 1px solid #cccccc;
  border-radius: 3px;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }

.e-check-box--small label::before {
  width: 13px;
  height: 13px; }

.e-check-box input[type="checkbox"]:checked + label::after {
  color: #fff;
  font-family: "fontello-entypo-full";
  content: "\e950"; }

.e-check-box:not(.e-soft-disabled) input[type="checkbox"]:disabled::before, .e-check-box:not(.e-soft-disabled) input[type="checkbox"]:disabled:checked + label::before {
  background-color: #bbbbbb;
  border: 1px solid #bbbbbb; }

.e-check-box label::after {
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  left: -1px;
  top: -2px;
  margin-left: -18px;
  padding-left: 3px;
  padding-top: 1px;
  font-size: 11px;
  color: #555555; }

.e-check-box--small label::after {
  font-size: 8px;
  top: -7px; }

.e-check-box--modal {
  font-size: 12px;
  padding-left: 33px; }
  .e-check-box--modal label {
    font-family: 'robotolight', sans-serif; }
  .e-check-box--modal--bold-label label {
    font-family: 'robotobold', sans-serif; }

.e-check-box.e-check-box--questionary input[type="checkbox"] {
  position: static;
  width: auto;
  height: auto; }

.e-check-box.e-check-box--questionary input[type="checkbox"] + label {
  margin-left: -25px;
  padding: 10px 10px 10px 35px;
  width: 550px;
  border: dashed 1px transparent; }

.e-check-box.e-check-box--questionary input[type="checkbox"] + label::after {
  margin-left: 10px;
  top: 10px; }

.e-check-box.e-check-box--questionary input[type="checkbox"] + label::before {
  margin-left: 10px; }

.e-check-box.e-check-box--questionary input[type="checkbox"]:checked + label {
  font-family: 'robotomedium', sans-serif;
  border: dashed 1px #5cbd5e;
  background: #e7ffdb; }

.e-check-box.e-check-box--questionary label {
  line-height: 17px;
  max-width: 550px; }

.e-check-box.e-check-box--questionary label::after {
  top: -1px; }

.e-check-box.e-check-box--questionary:hover input[type="checkbox"] + label {
  border: dashed 1px #9cc3d9;
  background: #f4f6f9; }

.e-check-box input[type="checkbox"]:checked + label::before {
  background-color: #2598da;
  border-color: #2598da; }

label::before {
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  background-color: #fff; }

.e-check-box--default input[type="checkbox"]:checked + label::before {
  background-color: #2598da;
  border-color: #2598da; }

.e-check-box--default label::before {
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  background-color: #fff; }

.e-check-box--green input[type="checkbox"]:checked + label::before {
  background-color: #5cbd5e;
  border-color: #5cbd5e; }

.e-check-box--green label::before {
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  background-color: #fff; }

.e-check-box--red input[type="checkbox"]:checked + label::before {
  background-color: red;
  border-color: red; }

.e-check-box--red label::before {
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  background-color: #fff; }

.e-check-switcher--space-left {
  padding-left: 55px; }

.e-check-switcher label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 55px;
  font-size: 12px;
  line-height: 19px;
  cursor: pointer;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none; }

.e-check-switcher input[type="checkbox"] {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute; }

.e-check-switcher input[type="checkbox"] + label::before {
  background-color: #EFEEEF;
  color: #fff;
  border: none;
  -webkit-box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.1); }

.e-check-switcher input[type="checkbox"]:checked + label::before {
  background-color: #5cbd5e; }

.e-check-switcher label::before {
  content: "";
  display: inline-block;
  position: absolute;
  height: 20px;
  width: 46px;
  left: 0;
  margin-left: 0px;
  border: 1px solid #cccccc;
  border-radius: 10px;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }

.e-check-switcher label::after {
  display: inline-block;
  position: absolute;
  height: 20px;
  width: 46px;
  left: 3px;
  top: -1px;
  margin-left: 0px;
  padding-left: 3px;
  padding-top: 1px;
  font-size: 11px;
  color: #555555; }

.e-check-switcher input[type="checkbox"] + label::after {
  color: #fff;
  font-family: "fontello-entypo-full";
  content: "\e92e";
  left: 22px;
  top: 0;
  font-size: 14px; }

.e-check-switcher input[type="checkbox"]:checked + label::after {
  color: #fff;
  font-family: "fontello-entypo-full";
  content: "\e91c";
  left: 3px;
  font-size: 14px; }

.e-check-switcher__switch {
  display: block;
  position: absolute;
  height: 16px;
  width: 16px;
  top: 2px;
  left: 2px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #FFF;
  -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.29);
  -moz-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.29);
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.29);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.e-check-switcher input[type="checkbox"]:checked + label .e-check-switcher__switch {
  left: 28px; }

.e-check-switcher__checked {
  display: none; }

.e-check-switcher input[type="checkbox"]:checked + label .e-check-switcher__checked {
  display: inline; }

.e-check-switcher input[type="checkbox"]:checked + label .e-check-switcher__unchecked {
  display: none; }

.e-check-table td {
  padding-right: 10px; }

td.e-check-table__cell {
  position: relative;
  height: 40px;
  padding: 0;
  outline: 1px solid #ccc; }

.e-check-table__checkbox__after {
  display: block;
  width: 100%;
  height: 100%; }

.e-check-table__checkbox__after::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  background-color: #fff;
  color: #fff;
  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }

input[type="checkbox"].e-check-table__checkbox {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute; }

input[type="checkbox"].e-check-table__checkbox + label::before {
  width: 100%;
  height: 100%;
  cursor: pointer; }

input[type="checkbox"].e-check-table__checkbox:checked + label::before {
  background-color: #6db764;
  border-color: #6db764;
  width: 100%;
  height: 100%;
  color: #fff;
  padding-top: 10px;
  font-family: "fontello-entypo-full";
  content: "\e950"; }

input[type="checkbox"].e-check-table__checkbox[disabled]:checked + label::before {
  background-color: #a1a1a1; }

input[type="checkbox"].e-check-table__checkbox + label::after {
  content: " ";
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  margin-left: -10px;
  margin-top: 12px;
  font-size: 11px;
  border: #cccccc solid 1px;
  border-radius: 3px;
  cursor: pointer;
  left: 50%; }

input[type="checkbox"].e-check-table__checkbox:checked + label::after {
  display: none; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.e-check-label {
  position: relative;
  cursor: pointer;
  padding-left: 25px;
  font-size: 12px; }

.e-check {
  position: absolute;
  left: -9999px; }
  .e-check + .e-check-label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 1.4em;
    height: 1.4em;
    border: 1px solid #2598da;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-transition: all 0.15s;
    -o-transition: all 0.15s;
    -webkit-transition: all 0.15s;
    transition: all 0.15s; }
  .e-check + .e-check-label:after {
    content: "";
    font-family: 'fontello-entypo-full';
    position: absolute;
    top: 0.2em;
    left: 0.05em;
    font-size: 1.15em;
    line-height: 0.8;
    color: #2598da;
    width: 1.4em;
    height: 1.4em;
    -moz-transition: all 0.15s;
    -o-transition: all 0.15s;
    -webkit-transition: all 0.15s;
    transition: all 0.15s;
    opacity: 0;
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0); }
  .e-check:checked + .e-check-label:after {
    opacity: 1;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1); }

.e-check--green {
  background: ""; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.e-bg-dark-grey {
  background-color: #5f656d; }

.e-bg-lighter-grey {
  background-color: #f1f3f5; }

.e-bg-light-grey {
  background-color: #dfe3e9; }

.e-bg-lightest-grey {
  background-color: #faf9f9; }

.e-bg-navy-grey {
  background-color: #5f656d; }

.e-bg-aqua {
  background-color: #dcf3ff; }

.e-bg-white {
  background-color: #fff; }

.e-bg-purple {
  background-color: #a63a64; }

.e-bg-lighten-red {
  background-color: #ff8080; }

.e-bg-concrete-blue {
  background-color: #2598da; }

.e-bg-list-hover-grey {
  background-color: #f4f6f9; }

.e-bg-light-mid-grey {
  background-color: #bbbbbb; }

.bg-dark-grey {
  background-color: #5f656d; }

.bg-lighter-grey {
  background-color: #f1f3f5; }

.bg-light-grey {
  background-color: #dfe3e9; }

.bg-lightest-grey {
  background-color: #faf9f9; }

.bg-navy-grey {
  background-color: #5f656d; }

.bg-aqua {
  background-color: #dcf3ff; }

.bg-white {
  background-color: #fff; }

.e-icon-light-blue-box {
  background-color: white;
  color: #BAD8E9; }
  .e-icon-light-blue-box:before {
    color: #BAD8E9 !important; }

.e-icon-light-green-box {
  background-color: white;
  color: #d8e9ba; }
  .e-icon-light-green-box:before {
    color: #d8e9ba !important; }

.e-icon-light-purple-box {
  background-color: white;
  color: #e9bad8; }
  .e-icon-light-purple-box:before {
    color: #e9bad8 !important; }

.bg-stripped {
  background: transparent url("/Content/tms/_img/bg-strips.png") repeat 0 0; }

/*
    Koniec teł
*/
/*
    Tekstowe
*/
.e-smaller {
  font-size: 10px; }

.e-small {
  font-size: 11px; }

.e-small-date {
  font-size: 10px;
  font-family: "robotoregular", sans-serif;
  line-height: 1em;
  color: #a1a1a1; }

.e-medium {
  font-size: 12px; }

.e-big {
  font-size: 13px; }

.e-bigger {
  font-size: 14px; }

.e-biggest {
  font-size: 16px; }

.e-huge {
  font-size: 18px; }

.e-font-size-10 {
  font-size: 10px; }

.e-font-size-11 {
  font-size: 11px; }

.e-font-size-12 {
  font-size: 12px; }

.e-font-size-13 {
  font-size: 13px; }

.e-font-size-14 {
  font-size: 14px; }

.e-font-size-16 {
  font-size: 16px; }

.e-font-size-18 {
  font-size: 18px; }

.e-font-size-20 {
  font-size: 20px; }

.e-font-size-22 {
  font-size: 22px; }

.e-font-size-24 {
  font-size: 24px; }

.e-font-size-28 {
  font-size: 28px; }

.e-font-size-32 {
  font-size: 32px; }

.e-font-size-36 {
  font-size: 36px; }

.e-font-size-48 {
  font-size: 48px; }

.e-heading-smallest {
  font-size: 20px; }

.e-heading-smaller {
  font-size: 22px; }

.e-heading-medium {
  font-size: 24px; }

.e-heading-big {
  font-size: 28px; }

.e-heading-bigger {
  font-size: 32px; }

.e-heading-biggest {
  font-size: 36px; }

.e-heading--underline {
  padding-bottom: 5px;
  margin: 0 0 10px 0;
  border-bottom: solid 2px #f3f3f3; }

.e-breath-both {
  padding-left: 1em;
  padding-right: 1em; }

.e-breath-left {
  padding-left: 1em; }

.e-breath-right {
  padding-right: 1em; }

.e-underline {
  text-decoration: underline; }

.font-light, .e-form-label, .e-form-label--full, .e-form-label--title, .e-form-label--icon, .e-form-label--empty, .e-form-label--empty--height-15, .page-heading--vacancies, .e-people-picker__filters__list__item label, .e-people-picker__filters__submenu__list__item__span label, .e-people-picker__filters__submenu__list__item__span label a, .e-people-picker__groups-menu__item a, .e-tag--skills, .e-tag--gray, .e-tag--suppliers, .e-list--condensed .e-list__item__type, .e-people-list__item__date, .e-chat__time, .e-people-list__item__description, .e-people-list-sidebar__list__item--active .e-people-list-sidebar__list__item__name, .e-people-list-sidebar__list__item--active .e-people-list-sidebar__list__item__position, .e-people-list-sidebar__list__item__name, .e-people-list-sidebar__list__item__position, .e-chat__message-content, .e-selected-tag__tag {
  font-family: 'robotolight', sans-serif; }

.font-light-italic {
  font-family: 'robotolight_italic', sans-serif; }

.font-bold, .e-people-picker__filters__header-1, .e-people-picker__header__workers, .e-list-table .e-list-table__td__heading, .e-tag .e-tag__number, .e-list .e-list__item__heading, .e-simple-table__item__heading, .e-people-list__item__name, .e-key-results__percentage {
  font-family: 'robotobold', sans-serif;
  font-weight: normal; }

.font-regular, .e-box-title, .e-simple-table--instant-feeback .e-simple-table__item__heading a {
  font-family: 'roboto', sans-serif;
  font-weight: normal; }

.font-medium {
  font-family: 'robotomedium', sans-serif; }

.font-medium-italic {
  font-family: "robotomedium_italic", sans-serif; }

.e-pull-left {
  float: left !important; }

.e-pull-right {
  float: right !important; }

.e-pull-center {
  margin: 0 auto; }

.e-hidden {
  display: none !important; }

.e-visible {
  display: block !important; }

.e-display-table {
  display: table; }

.e-display-table-cell {
  display: table-cell; }

.e-color-black {
  color: #000; }

.e-color-white {
  color: #fff; }

.e-color-grey {
  color: #a1a1a1; }

.e-color-dark-navy {
  color: #3d5569; }

.e-color-dark-grey {
  color: #5f656d; }

.e-color-metalic-grey {
  color: #61666c; }

.e-color-medium-grey {
  color: #797979; }

.e-color-event {
  color: #ffa053; }

.e-color-dark-blue {
  color: #33a6dc; }

.e-color-red {
  color: red; }

.e-color-dark-red {
  color: #b11515; }

.e-color-semi-dark-red {
  color: #c30000; }

.e-color-green {
  color: green; }

.e-color-lighter-green {
  color: #b2dcb2; }

.e-color-light-green {
  color: #5ebd5e; }

.e-color-light-blue {
  color: #7dbcdc; }

.e-color-light-orange {
  color: #fac767; }

.e-color-transparent {
  color: transparent; }

.e-color-concrete-blue {
  color: #2598da; }

.e-color-light-grey {
  color: #dfe3e9; }

.e-color-pink {
  color: #f4989d; }

.e-color-dark-full-grey {
  color: darkFullGrey; }

.e-color-light-mid-grey {
  color: #bbbbbb; }

.e-color-medium-dark-grey {
  color: #666a74; }

.e-color-knowledge-test {
  color: #8baa50; }

.e-color-lightOrage {
  color: #fac767; }

.e-color-dark-orange {
  color: #fe9037; }

.e-pseudo-color-black:before {
  color: #000 !important; }

.e-pseudo-color-black:after {
  color: #000 !important; }

.e-pseudo-color-white:before {
  color: #fff !important; }

.e-pseudo-color-white:after {
  color: #fff !important; }

.e-pseudo-color-grey:before {
  color: #a1a1a1 !important; }

.e-pseudo-color-grey:after {
  color: #a1a1a1 !important; }

.e-pseudo-color-dark-navy:before {
  color: #3d5569 !important; }

.e-pseudo-color-dark-navy:after {
  color: #3d5569 !important; }

.e-pseudo-color-dark-grey:before {
  color: #5f656d !important; }

.e-pseudo-color-dark-grey:after {
  color: #5f656d !important; }

.e-pseudo-color-metalic-grey:before {
  color: #61666c !important; }

.e-pseudo-color-metalic-grey:after {
  color: #61666c !important; }

.e-pseudo-color-medium-grey:before {
  color: #797979 !important; }

.e-pseudo-color-medium-grey:after {
  color: #797979 !important; }

.e-pseudo-color-event:before {
  color: #ffa053 !important; }

.e-pseudo-color-event:after {
  color: #ffa053 !important; }

.e-pseudo-color-dark-blue:before {
  color: #33a6dc !important; }

.e-pseudo-color-dark-blue:after {
  color: #33a6dc !important; }

.e-pseudo-color-red:before {
  color: red !important; }

.e-pseudo-color-red:after {
  color: red !important; }

.e-pseudo-color-dark-red:before {
  color: #b11515 !important; }

.e-pseudo-color-dark-red:after {
  color: #b11515 !important; }

.e-pseudo-color-semi-dark-red:before {
  color: #c30000 !important; }

.e-pseudo-color-semi-dark-red:after {
  color: #c30000 !important; }

.e-pseudo-color-green:before {
  color: green !important; }

.e-pseudo-color-green:after {
  color: green !important; }

.e-pseudo-color-lighter-green:before {
  color: #b2dcb2 !important; }

.e-pseudo-color-lighter-green:after {
  color: #b2dcb2 !important; }

.e-pseudo-color-light-green:before {
  color: #5ebd5e !important; }

.e-pseudo-color-light-green:after {
  color: #5ebd5e !important; }

.e-pseudo-color-light-blue:before {
  color: #7dbcdc !important; }

.e-pseudo-color-light-blue:after {
  color: #7dbcdc !important; }

.e-pseudo-color-light-orange:before {
  color: #fac767 !important; }

.e-pseudo-color-light-orange:after {
  color: #fac767 !important; }

.e-pseudo-color-transparent:before {
  color: transparent !important; }

.e-pseudo-color-transparent:after {
  color: transparent !important; }

.e-pseudo-color-concrete-blue:before {
  color: #2598da !important; }

.e-pseudo-color-concrete-blue:after {
  color: #2598da !important; }

.e-pseudo-color-light-grey:before {
  color: #dfe3e9 !important; }

.e-pseudo-color-light-grey:after {
  color: #dfe3e9 !important; }

.e-pseudo-color-pink:before {
  color: #f4989d !important; }

.e-pseudo-color-pink:after {
  color: #f4989d !important; }

.e-pseudo-color-dark-full-grey:before {
  color: darkFullGrey !important; }

.e-pseudo-color-dark-full-grey:after {
  color: darkFullGrey !important; }

.e-pseudo-color-light-mid-grey:before {
  color: #bbbbbb !important; }

.e-pseudo-color-light-mid-grey:after {
  color: #bbbbbb !important; }

.e-pseudo-color-medium-dark-grey:before {
  color: #666a74 !important; }

.e-pseudo-color-medium-dark-grey:after {
  color: #666a74 !important; }

.e-pseudo-color-knowledge-test:before {
  color: #8baa50 !important; }

.e-pseudo-color-knowledge-test:after {
  color: #8baa50 !important; }

.e-pseudo-color-lightOrage:before {
  color: #fac767 !important; }

.e-pseudo-color-lightOrage:after {
  color: #fac767 !important; }

.e-pseudo-color-dark-orange:before {
  color: #fe9037 !important; }

.e-pseudo-color-dark-orange:after {
  color: #fe9037 !important; }

.e-color-transition {
  -moz-transition: color 0.25s ease-in-out;
  -o-transition: color 0.25s ease-in-out;
  -webkit-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out; }

.e-pseudo-color-black:before {
  color: #000 !important; }

.e-pseudo-color-black:after {
  color: #000 !important; }

.e-pseudo-color-grey:before {
  color: #a1a1a1 !important; }

.e-pseudo-color-grey:after {
  color: #a1a1a1 !important; }

.e-pseudo-color-dark-navy:before {
  color: #3d5569 !important; }

.e-pseudo-color-dark-navy:after {
  color: #3d5569 !important; }

.e-pseudo-color-dark-grey:before {
  color: #5f656d !important; }

.e-pseudo-color-dark-grey:after {
  color: #5f656d !important; }

.e-pseudo-color-metalic-grey:before {
  color: #61666c !important; }

.e-pseudo-color-metalic-grey:after {
  color: #61666c !important; }

.e-pseudo-color-medium-grey:before {
  color: #797979 !important; }

.e-pseudo-color-medium-grey:after {
  color: #797979 !important; }

.e-align-left {
  text-align: left; }

.e-align-center {
  text-align: center; }

.e-align-right {
  text-align: right; }

.e-align-justify {
  text-align: justify; }

.e-page-heading1 {
  font-size: 24px;
  margin: 0;
  padding: 0; }

.e-article-heading {
  font-size: 36px;
  line-height: 1.18;
  margin: 0 0 20px 0;
  color: #3d5569; }
  .e-article-heading--report {
    font-size: 80px; }

.e-report-logo-bottom-space {
  padding-bottom: 200px; }

.e-underscored-heading {
  border-bottom: 1px solid #f1f3f5; }

.e-underscored {
  border-bottom: solid 1px #dcdcdc; }

.e-text-row {
  padding-bottom: 15px; }

/**
    Koniec tekstowych
*/
/**
    Blokowe
*/
.e-inline-block {
  display: inline-block; }

.e-block {
  display: block; }

.e-inline {
  display: inline; }

/** Koniec blokowych 

*/
/*
    Imitacja zachowań innych elementów
*/
.e-link-tag-hover:hover {
  color: #2598da;
  text-decoration: underline;
  cursor: pointer; }

/**
    Komponent ikonki "przyetykietowej"
    Ikonki takie w systemie występują z reguły przy etykietach, nagłowkach, etc.
    np. w SkillsList
*/
.e-label-icon {
  position: relative;
  width: 24px;
  height: 24px;
  padding: 2px;
  margin-right: 5px;
  background-color: #f8f9fa;
  font-size: 14px;
  color: #bcbebf; }

.e-label-icon--breath {
  margin-right: 0.5em; }

.e-label-icon--small {
  font-size: 13px;
  padding: 1px;
  top: 1px;
  width: 16px;
  height: 16px; }

.e-label-icon--medium {
  font-size: 18px;
  padding: 0.15em;
  top: 2px;
  width: 30px;
  height: 30px; }

.e-label-icon--big {
  display: inline-block;
  font-size: 22px;
  padding: 0.2em;
  padding-top: 6px;
  width: 40px;
  height: 40px;
  text-align: center; }

.e-label-icon--big.e-label-icon--enormous {
  font-size: 34px;
  width: 60px;
  height: 60px; }

.e-label-icon--img-size {
  display: inline-block;
  font-size: 32px;
  padding: 0.2em;
  padding-top: 6px;
  width: 44px;
  height: 45px;
  text-align: center; }

.e-label-icon--large {
  font-size: 25px;
  top: 2px; }

.e-label-icon--x-large {
  font-size: 90px;
  top: 0; }

.e-label-icon--box {
  font-size: 20px; }

.e-label-icon--fill {
  display: block;
  width: 100%;
  height: 100%; }

.e-label-icon--dark {
  background-color: #f1f1f4;
  color: #fff; }

.e-label-icon--light {
  background-color: #fff;
  color: #bcbebf; }

.e-label-icon--formultiline {
  float: left; }

.e-label-icon--hoverable:hover, .e-label-icon--hoverable:hover i {
  color: #319ED5; }

.e-phantom-label-icon-margin {
  margin-left: 28px; }

.e-label-icon__foot {
  padding: 0.1em 0.5em;
  position: absolute;
  font-size: 12px;
  right: 0;
  bottom: 0;
  background: blue;
  color: white;
  font-family: "robotolight", sans-serif;
  font-style: normal;
  background: #3e5568; }
  .e-label-icon__foot:hover {
    background: #2598da;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -webkit-transition: 0.2s;
    transition: 0.2s; }

.e-label-icon--rose-bud {
  color: #fff;
  background: #F8AD88; }

.e-label-icon--green {
  color: #5ab55a; }

.e-label-icon--light-blue:before {
  color: #7dbcdc; }

.e-label-icon--blue:before {
  color: #2598da; }

.e-label-icon--disabled {
  color: #a1a1a1; }

.e-label-icon--no-margin::before {
  margin: 0; }

i.e-label-icon--rose-bud:before {
  color: #fff !important; }

.e-label-icon-valign-top:before {
  vertical-align: top; }

.e-label-icon--block {
  display: block;
  top: 0;
  margin: 0; }

.e-label-icon--rotaion-z-90 {
  transform: rotateZ(90deg); }

.e-label-icon--rotate-90:before {
  transform: rotate(90deg); }

/**
    Komponent kółeczka pokazującego status
    Z reguły na prostych listach tabelarycznych
    np. _NotesPartial
    Podpięte też przez extend pod vacancies__status w _vacancies.scss
*/
.e-status-circle {
  display: inline-block;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 16px;
  height: 16px; }

.e-status-circle--em {
  width: 1.6em;
  height: 1.6em;
  line-height: 1.4; }

.e-status-circle--big {
  width: 32px;
  height: 32px; }

.e-status-circle--number {
  border: 1px solid #a1a1a1;
  background: #fff;
  color: #a1a1a1; }

.e-wrapfix, .e-form-content__preview, .e-message__title, .e-comment__content__text {
  -ms-word-break: normal;
  word-break: normal;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  white-space: normal; }

.e-wrapfix--break-all {
  word-break: break-all; }

.e-no-wrap {
  white-space: nowrap; }

.e-circle {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%; }

.e-break-word {
  word-break: break-all;
  word-break: break-word; }

.e-img-repsonsive {
  max-width: 100%;
  height: auto; }

.e-vertical-aligner {
  display: table;
  width: 100%;
  table-layout: fixed; }

.e-vertical-aligner__item {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%; }

.e-relative {
  position: relative; }

.e-absolute {
  position: absolute; }

.e-fixed {
  position: fixed; }

.e-pinned-right {
  right: 0; }

.e-pinned-left {
  left: 0; }

.e-pinned-bottom {
  bottom: 0; }

.e-pinned-top {
  top: 0; }

.e-top-20 {
  top: 20px; }

.e-cutted-text, .e-dropdown-button--searcher .e-dropdown-button__rewrite > a, .e-bookmarked-message__header__title, .e-smart-tooltip {
  /* essential */
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap !important;
  overflow: hidden; }

.e-cut-text-wrapped {
  /* essential */
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden; }

.e-well {
  font-family: "robotoregular", sans-serif;
  font-size: 12px;
  display: block;
  padding: 10px 15px;
  border: 1px solid #a1a1a1;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #faf9f9; }

.e-well--error {
  border-color: #f6afb3;
  background-color: #fbdddf;
  color: #aa0808; }

.e-well--yellow {
  border-color: #f2ecda;
  background-color: #fcf8e2;
  color: #c09853; }

.e-ul--no-marker {
  padding: 0;
  list-style-type: none;
  list-style-position: inside; }

.e-ul--tight {
  padding: 0; }

.e-ul--loose {
  padding-left: 2em; }

.e-ul--disc {
  list-style-type: disc; }

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

.e-ul--inside {
  list-style-position: inside; }

.e-ul__item--with-icon {
  padding-bottom: 10px; }

.e-ul--separate li {
  margin-bottom: 5px; }

.e-ul--separate-large li {
  margin-bottom: 10px; }

.e-ul--floatleft {
  float: left;
  width: 100%; }

.e-cursor-pointer {
  cursor: pointer; }

.e-cursor-auto {
  cursor: auto; }

.e-cursor-move {
  cursor: move; }

.e-remove-button {
  font-size: 16px;
  margin: 0;
  color: #f4989d;
  cursor: pointer; }
  .e-remove-button:hover {
    text-decoration: none;
    color: #f4989d; }

.e-remove-button--tag {
  font-size: 13px; }

.e-remove-button--hoverable:hover {
  color: #db0a0a; }

.e-auto-frame {
  overflow: auto;
  border: 1px solid #dfe3e9; }

.e-overflow-auto {
  overflow: auto; }

.e-overflow-hidden {
  overflow: hidden; }

.e-overflow-x-auto {
  overflow-x: auto; }

.icon--bigger {
  font-size: 1.25em;
  line-height: 0.75em; }

.e-help-icon {
  cursor: pointer;
  color: #5f646a; }
  .e-help-icon:hover {
    text-decoration: none; }

.e-form-content .e-help-icon {
  margin-top: 3px; }

.e-help-icon--light {
  color: #9f9f9f; }

.e-help-icon--active {
  color: #3d5569; }

.e-popover-inner {
  font-size: 12px; }

.e-rank-indicator {
  float: left;
  min-width: 25px;
  margin-right: 5px;
  background: #68b66a;
  color: white;
  font-size: 14px;
  font-family: "robotomedium", sans-serif;
  text-align: center; }

.pull-center, .e-pull-center {
  margin: 0 auto; }

.icon--rounded-none {
  border: solid 1px transparent;
  padding: 2px 2px 4px 2px;
  width: 30px;
  text-align: center;
  display: block !important;
  left: -4px;
  position: relative; }
  .icon--rounded-none:before {
    margin: 3px 0 0 0;
    padding: 0; }
  .icon--rounded-none--paddings {
    padding-left: 15px;
    padding-top: 0; }

.icon--rounded {
  border: solid 1px #ececec;
  background: #fff;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 2px 2px 4px 2px;
  width: 30px;
  text-align: center;
  display: block !important; }
  .icon--rounded:before {
    margin: 3px 0 0 0;
    padding: 0; }

.icon--blue:before {
  color: #7dbcdc; }

.icon--qustion-type:before {
  font-size: 16px;
  margin-right: 8px; }

.e-word-highlight {
  background: #ffff00; }

.reset-weight {
  font-weight: normal; }

.e-uppercase {
  text-transform: uppercase; }

.e-hover-highlight {
  transition: color 0.5s ease-in-out; }
  .e-hover-highlight:hover {
    color: #7dbcdc; }

.e-small-header {
  font-size: 12px;
  font-family: "robotobold", sans-serif;
  text-transform: uppercase; }

.e-light-header {
  display: inline-block;
  font-size: 16px;
  font-family: "robotolight", sans-serif;
  color: #3d5569;
  padding-bottom: 20px; }

.e-fade {
  opacity: 1;
  transition: opacity 0.5s ease-out; }

.e-fade.e-fade--out {
  opacity: 0;
  transition: opacity 0.5s ease-out; }

.e-fade.e-fade--semi-out {
  opacity: 0.5;
  transition: opacity 0.5s ease-out; }

.e-visibility-zero-opacity {
  opacity: 0; }

.e-visibility-hidden {
  visibility: hidden; }

.e-visibility-visible {
  visibility: visible; }

.hd-light-20.hd-light-20--no-underline {
  border-bottom: none; }

.e-hide-bottom-border-last:last-child {
  border-bottom: none; }

.e-come-down {
  transition: top 1s ease-in-out;
  top: -20px; }

.e-come-down--down {
  top: 45px; }

.e-inherit-height {
  height: inherit; }

.e-sticky-card--shadow {
  -moz-box-shadow: 2px 10px 10px -10px #ddd;
  -webkit-box-shadow: 0 2px 10px #ddd;
  box-shadow: 2px 10px 10px -10px #ddd;
  z-index: 2; }

.e-sticky-card {
  z-index: 60;
  padding: 15px 15px 10px;
  background: #fff;
  -moz-transition: top 0.5s ease-in-out;
  -o-transition: top 0.5s ease-in-out;
  -webkit-transition: top 0.5s ease-in-out;
  transition: top 0.5s ease-in-out;
  -moz-box-shadow: 2px 10px 10px -10px #ddd;
  -webkit-box-shadow: 0 2px 10px #ddd;
  box-shadow: 2px 10px 10px -10px #ddd;
  z-index: 2;
  border-bottom: 1px solid #ddd; }
  @media screen and (min-height: 500px) and (min-width: 1266px) {
    .e-sticky-card {
      position: fixed;
      top: -100px; } }
  @media (max-height: 499px), (max-width: 1265px) {
    .e-sticky-card {
      position: static;
      margin-bottom: -100px; } }
  @media (max-height: 499px), (max-width: 1265px) {
    .e-sticky-card.e-sticky-card--summary {
      display: none; } }

.e-light-blue {
  color: #7dbcdc; }

.e-valign-middle {
  vertical-align: middle; }

.e-valign-top {
  vertical-align: top; }

.e-valign-sub {
  vertical-align: sub; }

.e-valign-super {
  vertical-align: super; }

.e-valign-text-top {
  vertical-align: text-top; }

.e-valign-text-bottom {
  vertical-align: text-bottom; }

.e-valign-inherit {
  vertical-align: inherit; }

.e-line-inherit {
  line-height: inherit; }

.e-line-height-150p {
  line-height: 150%; }

.e-clickable-height {
  height: 50px; }

.e-border-separator {
  border-bottom: 1px solid #dfe3e9; }

.e-border-separator--thick {
  border-bottom: 2px solid #dfe3e9; }

.e-border-top-separator {
  border-top: 1px solid #dfe3e9; }

.e-border-top-separator--thick {
  border-top: 2px solid #dfe3e9; }

.e-clearfix:before {
  display: table;
  content: ' '; }

.e-clearfix:after {
  display: table;
  content: ' ';
  clear: both; }

.e-cancel-pulling {
  float: none; }

/* Absence Request cshtml */
.popover.popover-hack {
  left: 0 !important; }

.popover--objective-card {
  width: 550px;
  max-width: 550px;
  padding-top: 0; }
  .popover--objective-card .popover-content {
    padding: 0; }

.popover--auto {
  max-width: 800px;
  width: auto; }

.e-calendar-popover {
  width: 300px; }

.e-layer-1 {
  z-index: 1; }

.e-spinner-for-tr {
  padding: 0 !important;
  text-align: center;
  width: 100%; }
  .e-spinner-for-tr img {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    max-height: 100%; }

.e-popover-table {
  table-layout: fixed;
  color: #535353;
  margin-top: -5px; }
  .e-popover-table td {
    vertical-align: top;
    padding: 5px;
    width: 50%;
    font-family: "robotolight", sans-serif; }
    .e-popover-table td:first-child {
      text-align: right;
      font-family: "robotomedium", sans-serif; }

.e-review-result-icon {
  position: absolute;
  top: -4px;
  right: 0; }

.e-tooltip-trigger {
  color: inherit; }
  .e-tooltip-trigger:hover, .e-tooltip-trigger:focus {
    text-decoration: inherit; }
  .e-tooltip-trigger:focus {
    color: inherit; }

/* Dropdown */
.e-tight-dropdown.dropdown-menu {
  min-width: 90px;
  border-radius: 5px; }

/* Because of too specific selector on e-list-template */
a.e-tooltip-trigger {
  color: inherit; }
  a.e-tooltip-trigger:hover, a.e-tooltip-trigger:focus {
    text-decoration: inherit; }
  a.e-tooltip-trigger:focus {
    color: inherit; }

.e-absence-public-info:before {
  content: '\e833';
  float: left;
  color: #3d5569;
  font: 16px "fontello-entypo-full";
  line-height: 1; }

.e-absence-public-info__quote {
  padding: 2px 10px;
  margin: 0 0 0 20px;
  font-size: 11px;
  color: #a1a1a1;
  border-left-width: 3px; }

@keyframes red-blink {
  0% {
    color: #db0a0a; }
  100% {
    color: #000; } }

.e-countdown-blink {
  display: block;
  animation: red-blink 1s 0s infinite;
  transition: animation; }

@keyframes countdown-icon-blink {
  0% {
    color: #fff;
    background: #db0a0a; }
  100% {
    background: #faf9f9;
    color: #a1a1a1; } }

.e-countdown-icon-blink {
  display: block;
  animation: countdown-icon-blink 1s 0s infinite;
  transition: animation; }

.e-move-to-left {
  transform: translateX(-100%);
  transition: animation 1s ease-in-out; }

.e-img-responsive {
  display: block;
  height: auto;
  max-width: 100%; }

.e-key-results {
  float: left;
  width: 100%; }

.e-key-results--border {
  border: 1px solid #ddd;
  border-radius: 5px; }

.e-key-results__item {
  display: table;
  width: 100%;
  padding: 5px;
  border-bottom: 1px solid #ddd; }
  .e-key-results__item:last-of-type {
    border-bottom: none; }

.e-key-results__item--no-border {
  border: none; }

.e-key-results__icon {
  display: table-cell;
  vertical-align: top;
  width: 30px; }

.e-key-results__content {
  float: none;
  display: table-cell;
  text-align: left;
  vertical-align: middle; }
  .e-key-results__content p {
    margin: 0;
    font-size: 12px; }
  .e-key-results__content p.e-key-results__weight {
    padding-top: 2px;
    font-size: 10px; }

.e-key-results__right {
  width: 200px;
  padding: 0 0 0 20px;
  display: table-cell;
  vertical-align: middle; }

.e-key-results__percentage {
  font-size: 11px;
  width: 40px;
  display: table-cell;
  vertical-align: middle;
  padding: 5px 0 0 10px;
  text-align: center; }

.e-key-results__item--preview {
  border-bottom: none;
  padding-left: 0; }
  .e-key-results__item--preview .e-key-results__right {
    width: 100px; }

.e-key-results__right--with-long-text {
  width: 220px; }

.e-key-results__right--with-short-text {
  width: 90px; }

.e-key-results__right--tag {
  min-width: 80px;
  width: auto;
  padding: 0.05em;
  padding-left: 0.3em;
  padding-right: 0.3em;
  background: #fff;
  color: #506f89;
  border: 1px solid #c7d4de;
  font-size: 11px;
  text-align: center;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px; }

.e-key-results__right--tag--checked {
  background: #edf1f5; }
  .e-key-results__right--tag--checked .e-key-results__input {
    font-family: "robotobold", sans-serif; }

.e-key-results__input {
  width: 100px; }

.e-column-graph {
  float: left;
  width: 100%; }

.e-column-graph__column {
  float: left;
  display: table;
  width: 50px;
  height: 387px;
  background: #fafafa; }
  .e-column-graph__column:nth-of-type(2) .e-column-graph__bar, .e-column-graph__column:nth-of-type(2) .e-column-graph__over {
    border-left: 1px solid #ddd; }
  .e-column-graph__column:last-of-type .e-column-graph__bar, .e-column-graph__column:last-of-type .e-column-graph__over {
    border-right: 1px solid #ddd; }

.e-column-graph__column__inner {
  display: table-row;
  height: 301px; }

.e-column-graph__bar {
  display: table-cell;
  text-align: center;
  vertical-align: bottom;
  -webkit-transition: height 200ms ease-out;
  -moz-transition: height 200ms ease-out;
  -ms-transition: height 200ms ease-out;
  -o-transition: height 200ms ease-out;
  transition: height 200ms ease-out;
  border-left: solid 1px #ddd;
  border-bottom: solid 1px #ddd; }

.e-column-graph__bar__inner {
  display: inline-block;
  width: 100%;
  background: #5ebc5f;
  width: 30px;
  margin: 0 10px;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0; }

.e-column-graph__bar__inner--over {
  -webkit-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0; }

.e-column-graph__column-label {
  float: left;
  width: 100%;
  text-align: center;
  padding: 5px 0 5px 0;
  background: #fff; }

.e-column-graph__over {
  float: left;
  position: relative;
  width: 100%;
  height: 40px;
  border-left: solid 1px #ddd;
  border-top: 1px solid #ddd;
  border-bottom: dashed  1px #c1c1c1; }

.e-column-graph__over__inner {
  width: 30px;
  height: 39px;
  margin: 0 auto;
  background: #00a74c;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  border-bottom: solid 1px #5ebc5f;
  position: relative;
  bottom: 0px; }
  .e-column-graph__over__inner:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-bottom: 13px solid #5ebc5f;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent; }
  .e-column-graph__over__inner:before {
    content: "";
    position: absolute;
    left: -10px;
    bottom: 0;
    width: 0;
    height: 0;
    border-bottom: 20px solid #fafafa;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    width: 50px; }

.e-column-graph__column--scale {
  background: #fff;
  border-top: 0;
  border-left: 0; }
  .e-column-graph__column--scale .e-column-graph__column__inner {
    float: left;
    height: 400px;
    border-right: 0; }
  .e-column-graph__column--scale .e-column-graph__bar {
    border-right: 0;
    border-left: 0;
    display: block;
    height: 400px; }

.e-column-graph__column__scale-item {
  float: left;
  width: 100%;
  line-height: 75px; }

.e-column-graph__column:hover:not(.e-column-graph__column--scale) .e-column-graph__over {
  border-left: dashed 1px #bcd4e3;
  border-top: dashed 1px #bcd4e3;
  background: #f2f5f8; }

.e-column-graph__column:hover:not(.e-column-graph__column--scale) .e-column-graph__bar {
  border-left: dashed 1px #bcd4e3;
  border-bottom: dashed 1px #bcd4e3;
  background: #f2f5f8; }

.e-column-graph__column:hover:not(.e-column-graph__column--scale) + .e-column-graph__column .e-column-graph__over {
  border-left: dashed 1px #bcd4e3; }

.e-column-graph__column:hover:not(.e-column-graph__column--scale) + .e-column-graph__column .e-column-graph__bar {
  border-left: dashed 1px #bcd4e3; }

.e-column-graph__column:last-of-type:hover .e-column-graph__over {
  border-right: dashed 1px #bcd4e3; }

.e-column-graph__column:last-of-type:hover .e-column-graph__bar {
  border-right: dashed 1px #bcd4e3; }

.e-column-graph__column--next .e-column-graph__over, .e-column-graph__column--next:hover .e-column-graph__over {
  background: #f8dade !important; }

.e-column-graph__column--next .e-column-graph__bar, .e-column-graph__column--next:hover .e-column-graph__bar {
  background: #f8dade !important; }

.e-column-graph__nav {
  position: relative;
  width: 664px;
  height: 40px; }

.e-column-graph__next, .e-column-graph__back {
  position: absolute;
  width: 35px;
  height: 35px;
  background: #fafafa;
  border: 1px solid  #ddd; }

.e-column-graph__next {
  right: 0; }
  .e-column-graph__next:after {
    content: "";
    position: absolute;
    right: 8px;
    top: 5px;
    width: 0;
    height: 0;
    opacity: 100;
    border-bottom: 13px solid transparent;
    border-top: 13px solid transparent;
    border-left: 15px solid  #ddd; }

.e-column-graph__back {
  left: 50px; }
  .e-column-graph__back:after {
    content: "";
    position: absolute;
    left: 9px;
    top: 5px;
    width: 0;
    height: 0;
    opacity: 100;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    border-right: 15px solid  #ddd; }

/*-------------------------------------
zTree Style

version:	3.4
author:		Hunter.z
email:		hunter.z@263.net
website:	http://code.google.com/p/jquerytree/

-------------------------------------*/
.e-ztree-objectives-container {
  margin-top: -20px; }

.e-ztree-objectives-container--edit {
  margin-top: -5px; }

.e-ztree-objectives {
  padding: 0;
  margin: 0; }

.e-ztree-objectives {
  margin: 0;
  padding: 5px;
  color: #333; }

.e-ztree-objectives li[class^="level"] {
  padding: 0;
  margin: 0;
  list-style: none;
  line-height: 14px;
  text-align: left;
  white-space: nowrap;
  outline: 0; }

.e-ztree-objectives li.ui-sortable-helper,
.e-ztree-objectives li.ui-sortable-helper a {
  cursor: move; }

.e-ztree-objectives li[class^="level"] ul[class^=level] {
  margin: -13px 0 0 0;
  padding: 0 0 0 70px; }

.e-ztree-objectives li[class^="level"] ul.line {
  margin-top: -23px;
  padding-top: 10px;
  background: url(/Content/CDN/jquery.zTree-v3.5.15/css/zTreeStyle/img/line_conn.gif) -5px 0 repeat-y; }

.e-ztree-objectives li[class^="level"] a[class^="level"] {
  position: relative;
  padding: 0;
  margin: 0;
  cursor: pointer;
  height: auto;
  background-color: transparent;
  text-decoration: none;
  vertical-align: top;
  display: inline-block; }

.e-ztree-objectives li[class^="level"] a.e-link, .e-ztree-objectives li[class^="level"] a.e-personal-card__data__team-leader__link {
  padding: 1px 0.4em; }

.e-ztree-objectives-root-node {
  padding: 0;
  margin: 20px 0;
  cursor: auto;
  height: auto;
  background-color: transparent;
  text-decoration: none;
  vertical-align: top;
  display: inline-block; }

.e-ztree-objectives li[class^="level"] a[class^="level"]:hover {
  text-decoration: underline; }

.e-ztree-objectives li[class^="level"] a.curSelectedNode {
  background-color: transparent;
  border-right: none; }

.e-ztree-objectives li[class^="level"] a[class^="level"],
.e-ztree-objectives li[class^="level"] a[class*=" level"] {
  margin-top: 19px; }

/*.e-ztree-objectives li a.curSelectedNode_Edit {
	padding-top:0px;
	background-color:#FFE6B0;
	color:black;
	height:16px;
	border:1px #FFB951 solid;
	opacity:0.8;
		}*/
.e-ztree-objectives li a.tmpTargetNode_inner {
  padding-top: 0px;
  background-color: #316AC5;
  color: white;
  height: 16px;
  border: 1px #316AC5 solid;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.e-ztree-objectives li[class^="level"] a input.rename {
  height: 14px;
  width: 80px;
  padding: 0;
  margin: 0;
  font-size: 12px;
  border: 1px #7EC4CC solid;
  *border: 0px; }

.e-ztree-objectives li[class^="level"] span.button {
  line-height: 16px;
  margin-right: 2px; }

.e-ztree-objectives li[class^="level"] span.button {
  line-height: 0;
  margin: 0;
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  border: 0 none;
  cursor: pointer;
  utline: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-image: url("/Content/CDN/jquery.zTree-v3.5.15/css/zTreeStyle/img/zTreeCustom_flat.png"); }

.e-ztree-objectives li span.button.chk {
  width: 13px;
  height: 13px;
  margin: 0 3px 0 0;
  cursor: auto; }

.e-ztree-objectives li span.button.chk.checkbox_false_full {
  background-position: 0 0; }

.e-ztree-objectives li span.button.chk.checkbox_false_full_focus {
  background-position: 0 -14px; }

.e-ztree-objectives li span.button.chk.checkbox_false_part {
  background-position: 0 -28px; }

.e-ztree-objectives li span.button.chk.checkbox_false_part_focus {
  background-position: 0 -42px; }

.e-ztree-objectives li span.button.chk.checkbox_false_disable {
  background-position: 0 -56px; }

.e-ztree-objectives li span.button.chk.checkbox_true_full {
  background-position: -14px 0; }

.e-ztree-objectives li span.button.chk.checkbox_true_full_focus {
  background-position: -14px -14px; }

.e-ztree-objectives li span.button.chk.checkbox_true_part {
  background-position: -14px -28px; }

.e-ztree-objectives li span.button.chk.checkbox_true_part_focus {
  background-position: -14px -42px; }

.e-ztree-objectives li span.button.chk.checkbox_true_disable {
  background-position: -14px -56px; }

.e-ztree-objectives li span.button.chk.radio_false_full {
  background-position: -28px 0; }

.e-ztree-objectives li span.button.chk.radio_false_full_focus {
  background-position: -28px -14px; }

.e-ztree-objectives li span.button.chk.radio_false_part {
  background-position: -28px -28px; }

.e-ztree-objectives li span.button.chk.radio_false_part_focus {
  background-position: -28px -42px; }

.e-ztree-objectives li span.button.chk.radio_false_disable {
  background-position: -28px -56px; }

.e-ztree-objectives li span.button.chk.radio_true_full {
  background-position: -42px 0; }

.e-ztree-objectives li span.button.chk.radio_true_full_focus {
  background-position: -42px -14px; }

.e-ztree-objectives li span.button.chk.radio_true_part {
  background-position: -42px -28px; }

.e-ztree-objectives li span.button.chk.radio_true_part_focus {
  background-position: -42px -42px; }

.e-ztree-objectives li span.button.chk.radio_true_disable {
  background-position: -42px -56px; }

.e-ztree-objectives li span.button.switch {
  width: 45px;
  min-height: 125px; }

.e-ztree-objectives li span.button.root_open {
  margin-top: -16px;
  background-position: 0 -174px; }

.e-ztree-objectives li span.button.root_close {
  margin-top: -16px;
  background-position: 0 -24px; }

.e-ztree-objectives li span.button.roots_open {
  margin-top: -16px;
  background-position: -100px -174px; }

.e-ztree-objectives li span.button.roots_close {
  margin-top: -16px;
  background-position: -100px -24px; }

.e-ztree-objectives li span.button.center_open {
  margin-top: -12px;
  background-position: -200px -178px; }

.e-ztree-objectives li span.button.center_close {
  margin-top: -12px;
  background-position: -200px -28px; }

.e-ztree-objectives li span.button.bottom_open {
  margin-top: -13px;
  background-position: -300px -175px; }

.e-ztree-objectives li span.button.bottom_close {
  margin-top: -13px;
  background-position: -300px -25px; }

.e-ztree-objectives li span.button.noline_open {
  background-position: 0 -150px; }

.e-ztree-objectives li span.button.noline_close {
  background-position: 0 0; }

.e-ztree-objectives li span.button.root_docu {
  background-image: none; }

.e-ztree-objectives li span.button.roots_docu {
  background-position: -100px -337px; }

.e-ztree-objectives li span.button.center_docu {
  margin-top: -12px;
  background-position: -200px -329px; }

.e-ztree-objectives li span.button.bottom_docu {
  margin-top: -13px;
  background-position: -300px -328px; }

.e-ztree-objectives li span.button.noline_docu {
  background-position: 0 -340px; }

.e-ztree-objectives li span.button.ico_open {
  margin-right: 2px;
  background-position: -110px -16px;
  vertical-align: top;
  *vertical-align: middle; }

.e-ztree-objectives li span.button.ico_close {
  margin-right: 2px;
  background-position: -110px 0;
  vertical-align: top;
  *vertical-align: middle; }

.e-ztree-objectives li span.button.ico_docu {
  margin-right: 2px;
  background-position: -110px -32px;
  vertical-align: top;
  *vertical-align: middle; }

.e-ztree-objectives li span.button.edit {
  margin-right: 2px;
  background-position: -110px -48px;
  vertical-align: top;
  *vertical-align: middle; }

.e-ztree-objectives li span.button.remove {
  margin-right: 2px;
  background-position: -110px -64px;
  vertical-align: top;
  *vertical-align: middle; }

.e-ztree-objectives li span.button.ico_loading {
  margin-right: 2px;
  background: url(/Content/jquery.zTree-v3.5.15/css/zTreeStyle/img/loading.gif) no-repeat scroll 0 0 transparent;
  vertical-align: top;
  *vertical-align: middle; }

ul[class^="level"].tmpTargetzTree {
  background-color: #FFE6B0;
  opacity: 0.8;
  filter: alpha(opacity=80); }

span.tmpzTreeMove_arrow {
  width: 16px;
  height: 16px;
  display: inline-block;
  padding: 0;
  margin: 2px 0 0 1px;
  border: 0 none;
  position: absolute;
  background-color: transparent;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: -110px -80px;
  background-image: url("/Content/CDN/jquery.zTree-v3.5.15/css/zTreeStyle/img/zTreeStandard.png");
  *background-image: url("/Content/CDN/jquery.zTree-v3.5.15/css/zTreeStyle/img/zTreeStandard.gif"); }

ul.e-ztree-objectives.e-ztree-objectivesDragUL {
  margin: 0;
  padding: 0;
  position: absolute;
  width: auto;
  height: auto;
  verflow: hidden;
  background-color: #cfcfcf;
  border: 1px #00B83F dotted;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.ztree-Mask {
  z-index: 10000;
  background-color: #cfcfcf;
  opacity: 0.0;
  filter: alpha(opacity=0);
  position: absolute; }

/* level style*/
/*.e-ztree-objectives li span.button.level0 {

	display:none;
	
}
.e-ztree-objectives li ul.level0 {

	padding:0;
		background:none;
	
}*/
.tmsTreeNode .person-card {
  float: none;
  margin-left: -10px;
  white-space: normal; }

.tmsTreeNode .person-card > .inside {
  width: 288px;
  height: 85px;
  overflow: hidden; }

/*.e-ztree-objectives ul {
    overflow: visible !important;
}

.e-ztree-objectives ul li {
    margin-top: -20px;
    width: 465px;
}*/
.z-tree a[class^=level] {
  position: relative; }

.e-ztree-node {
  float: left;
  height: 66px;
  background: #fff;
  cursor: pointer;
  position: relative;
  width: 450px; }

.e-ztree-node__avatar {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  float: left;
  padding-right: 5px;
  padding-left: 5px;
  margin: 0px 0px 0px 0px;
  position: relative;
  width: 70px;
  padding-top: 10px;
  cursor: pointer; }

.e-ztree-node__avatar.e-ztree-node__avatar--unit {
  padding-top: 15px; }

.e-ztree-node__content {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  float: left;
  padding-right: 5px;
  padding-left: 5px;
  margin: 0px 0px 0px 0px;
  width: 380px;
  padding: 5px 20px 5px 3px;
  line-height: 1.6; }

.e-ztree-node-breaker {
  padding: 5px 0;
  width: 100%; }

.e-ztree-node:after {
  content: "";
  height: 0; }

#rootNode {
  display: inline-block;
  padding: 5px 20px 5px 10px;
  margin: 0;
  min-width: 150px;
  background: transparent url("/Content/tms/_img/bg-gray-hd-with-triangle.png") no-repeat 100% 0;
  color: #ffffff;
  font-size: 13px;
  cursor: auto; }

.e-ztree-objectives li[class^="level"] ul.level0 {
  padding-left: 30px; }

.e-ztree-objectives ul[class^="level"] li[class^="level"].ui-sortable-placeholder {
  background: #fffbf6;
  border: 1px dashed #ffc89b;
  display: block;
  width: 450px;
  height: 75px;
  margin-top: 10px;
  margin-bottom: 25px;
  padding-top: 27px;
  text-align: center;
  margin-left: 35px; }
  .e-ztree-objectives ul[class^="level"] li[class^="level"].ui-sortable-placeholder:after {
    content: '\e931';
    font-family: "fontello-entypo-full";
    font-style: normal;
    font-weight: normal;
    speak: none;
    font-size: 26px;
    color: #ffb955; }

.e-ztree-objectives ul[class^="level"] li[class^="level"].ui-sortable-helper {
  background: #fff;
  border: 1px dashed #ffc89b;
  display: block;
  height: 90px !important;
  -webkit-box-shadow: 0 0 5px 0 rgba(255, 200, 155, 0.5);
  -moz-box-shadow: 0 0 5px 0 rgba(255, 200, 155, 0.5);
  box-shadow: 0 0 5px 0 rgba(255, 200, 155, 0.5); }
  .e-ztree-objectives ul[class^="level"] li[class^="level"].ui-sortable-helper .switch {
    display: none; }
  .e-ztree-objectives ul[class^="level"] li[class^="level"].ui-sortable-helper a[class^="level"], .e-ztree-objectives ul[class^="level"] li[class^="level"].ui-sortable-helper a[class*=" level"] {
    margin: 10px 5px; }
  .e-ztree-objectives ul[class^="level"] li[class^="level"].ui-sortable-helper ul {
    display: none; }

.e-objective-ztree-node {
  width: calc(100% - 55px) !important;
  margin-top: 0 !important; }
  .e-objective-ztree-node ~ ul {
    padding-left: 50px !important; }

.e-ztree-objectives li[class^="level"]:first-child {
  margin-top: 10px; }

.e-ztree-objectives li.level0 {
  margin-top: 0 !important; }

span.e-objective-ztree-node {
  display: inline-block;
  position: relative;
  padding: 0;
  margin: 0;
  cursor: auto;
  height: auto;
  background-color: transparent;
  text-decoration: none;
  vertical-align: top;
  display: inline-block; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.scroll-pane {
  overflow: auto; }

.scroll-pane-popup {
  overflow: auto;
  height: 100%; }

.scroll-pane-popup-row {
  border-bottom: solid 1px #dcdcdc;
  padding: 10px 0; }
  .scroll-pane-popup-row:last-of-type {
    border: none; }
  .scroll-pane-popup-row img {
    width: 50px;
    margin-right: 10px; }

.scroll-pane-horizontal {
  overflow: auto;
  width: 100%;
  height: auto; }

.jspVerticalBar {
  width: 8px; }

.jspTrack {
  border: solid 1px #dfe3e9;
  background: #faf9f9; }

.jspDrag {
  background: #33a6dc;
  border: 1px solid #49afe0;
  margin: -1px;
  border-radius: 0.5em; }

/* STYLE EDYTUJEMY W SCSS!!! */
.mentions-input-box {
  position: relative;
  float: right;
  width: 100%; }
  .mentions-input-box .mentions {
    display: none; }
  .mentions-input-box .mentions-autocomplete-list {
    display: none;
    background: #fff;
    border: 1px solid #DCDCDC;
    width: 245px;
    position: absolute;
    left: 0;
    /*
      right: 0;*/
    z-index: 10000;
    margin-top: -9px; }
    .mentions-input-box .mentions-autocomplete-list ul {
      margin: 0;
      padding: 0; }
      .mentions-input-box .mentions-autocomplete-list ul li {
        background-color: #fff;
        padding: 0 5px;
        margin: 0;
        width: auto;
        border-bottom: 1px solid #eee;
        height: 30px;
        line-height: 30px;
        overflow: hidden;
        cursor: pointer;
        list-style: none;
        white-space: nowrap;
        font-size: 12px; }
        .mentions-input-box .mentions-autocomplete-list ul li:last-child {
          border-radius: 5px; }
        .mentions-input-box .mentions-autocomplete-list ul li:hover, .mentions-input-box .mentions-autocomplete-list ul li.active {
          background-color: #f2f2f2; }
        .mentions-input-box .mentions-autocomplete-list ul li > img,
        .mentions-input-box .mentions-autocomplete-list ul li > div.icon {
          width: 16px;
          height: 16px;
          float: left;
          margin-top: 5px;
          margin-right: 5px;
          -moz-background-origin: 3px;
          border-radius: 3px; }
        .mentions-input-box .mentions-autocomplete-list ul li em {
          font-weight: bold;
          font-style: none; }
        .mentions-input-box .mentions-autocomplete-list ul li b {
          background: #ffff99;
          font-weight: normal; }

.add-comment-expanded .mentions-input-box {
  width: 542px; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.e-button, .e-actions-buttons__main, .e-actions-buttons__more, .daterangepicker .range_inputs .btn-success, .e-period-select__nav-btn {
  display: inline-block;
  margin-bottom: 0;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  font-size: 12px;
  border-radius: 0;
  border: solid 1px #dcdcdc;
  outline-width: 0;
  box-shadow: #d5e1e2 0 0 1px;
  padding: 3px 10px;
  outline-offset: 0;
  outline-width: 0;
  font-family: 'robotomedium', sans-serif; }
  .e-button:hover, .e-actions-buttons__main:hover, .e-actions-buttons__more:hover, .daterangepicker .range_inputs .btn-success:hover, .e-period-select__nav-btn:hover {
    cursor: pointer;
    text-decoration: none; }
  .e-button:focus, .e-actions-buttons__main:focus, .e-actions-buttons__more:focus, .daterangepicker .range_inputs .btn-success:focus, .e-period-select__nav-btn:focus {
    outline: none;
    -webkit-box-shadow: 0px 0px 5px #2598da;
    box-shadow: 0px 0px 5px #2598da; }

.e-button--hint {
  padding: 0.2em 0.4em;
  border-radius: 4px;
  border-bottom-width: 2px;
  font-size: 12px;
  color: #a1a1a1; }
  .e-button--hint:hover, .e-button--hint:focus {
    background: #faf9f9;
    color: #a1a1a1; }
  .e-button--hint:active {
    margin-top: 1px;
    border-bottom-width: 1px; }

.e-button--jumbo {
  width: 100%;
  padding: 1em;
  font-size: 18px; }

.e-button--block {
  width: 100%;
  margin-bottom: 10px; }

.e-button--block--alone {
  margin-bottom: 0; }

.e-button--space {
  margin: 0 5px; }

.e-button--space-left {
  margin-left: 5px; }

.e-button--space-right {
  margin-right: 5px; }

.e-button--small, .daterangepicker .range_inputs .btn-sm {
  padding: 3px 9px 2px 9px;
  font-size: 11px; }

.e-button--big {
  width: 100%;
  padding: 6px 12px;
  font-size: 13px; }

.e-button--short {
  padding: 3px 3px 2px 3px; }

.e-button--100 {
  width: 100px; }

.e-button--medium {
  width: 200px;
  margin-top: 5px; }

.e-button--white, .e-period-select__nav-btn {
  background-color: #ffffff;
  color: #5f656d; }
  .e-button--white:hover, .e-period-select__nav-btn:hover, .e-button--white:focus, .e-period-select__nav-btn:focus {
    background-color: #faf9f9;
    color: #5f656d; }
  .e-button--white i, .e-period-select__nav-btn i {
    color: #a7a7a7; }

.e-button.e-button--blue-icon i, .e-button--blue-icon.e-actions-buttons__main i, .e-button--blue-icon.e-actions-buttons__more i, .daterangepicker .range_inputs .e-button--blue-icon.btn-success i, .e-button--blue-icon.e-period-select__nav-btn i {
  color: #7dbcdc; }

.e-button--blue, .e-actions-buttons__main, .e-actions-buttons__more {
  color: #ffffff;
  background-color: #2598da;
  border-color: #2598da;
  transition: background-color 0.05s ease;
  -webkit-transition: background-color 0.05s ease;
  -moz-transition: background-color 0.05s ease;
  -o-transition: background-color 0.05s ease; }
  .e-button--blue:hover, .e-actions-buttons__main:hover, .e-actions-buttons__more:hover, .e-button--blue:focus, .e-actions-buttons__main:focus, .e-actions-buttons__more:focus {
    transition: background-color 0.08s ease;
    -webkit-transition: background-color 0.08s ease;
    -moz-transition: background-color 0.08s ease;
    -o-transition: background-color 0.08s ease;
    color: #ffffff;
    background-color: #3276b1;
    border-color: #285e8e; }

.e-button--green {
  color: #ffffff;
  box-shadow: #a6c36d 0 1px 1px 0 inset;
  border-color: #98b75c;
  text-shadow: 1px 1px 1px #658732;
  background-color: #92af59;
  background: -webkit-gradient(linear, left top, left bottom, from(#9ab95d), to(#849f53));
  background: -webkit-linear-gradient(top, #9ab95d, #849f53);
  background: -moz-linear-gradient(top, #9ab95d, #849f53);
  background: -ms-linear-gradient(top, #9ab95d, #849f53);
  background: -o-linear-gradient(top, #9ab95d, #849f53); }
  .e-button--green:hover {
    color: #ffffff;
    background-color: #849f53;
    background: -webkit-gradient(linear, left top, left bottom, from(#849f53), to(#9ab95d));
    background: -webkit-linear-gradient(top, #849f53, #9ab95d);
    background: -moz-linear-gradient(top, #849f53, #9ab95d);
    background: -ms-linear-gradient(top, #849f53, #9ab95d);
    background: -o-linear-gradient(top, #849f53, #9ab95d); }
  .e-button--green:focus {
    color: #ffffff;
    background-color: #849f53;
    background: -webkit-gradient(linear, left top, left bottom, from(#849f53), to(#9ab95d));
    background: -webkit-linear-gradient(top, #849f53, #9ab95d);
    background: -moz-linear-gradient(top, #849f53, #9ab95d);
    background: -ms-linear-gradient(top, #849f53, #9ab95d);
    background: -o-linear-gradient(top, #849f53, #9ab95d); }

.e-button--cold-green {
  color: #ffffff;
  border-color: #31b571;
  text-shadow: none;
  background-color: #31b571; }
  .e-button--cold-green:hover {
    color: #ffffff;
    background-color: #268d58; }
  .e-button--cold-green:focus {
    color: #ffffff;
    background-color: darkent(#31b571, 10%); }

.e-button--gray, .daterangepicker .range_inputs .btn-success {
  color: #eef6f7;
  box-shadow: #aeb2ba 0 1px 1px 0 inset, #d5e1e2 0 0 5px;
  border-color: #7f848d;
  background-color: #6f747e;
  background: -webkit-gradient(linear, left top, left bottom, from(#8a919c), to(#52575f));
  background: -webkit-linear-gradient(top, #8a919c, #52575f);
  background: -moz-linear-gradient(top, #8a919c, #52575f);
  background: -ms-linear-gradient(top, #8a919c, #52575f);
  background: -o-linear-gradient(top, #8a919c, #52575f); }
  .e-button--gray:hover, .daterangepicker .range_inputs .btn-success:hover {
    color: #ffffff;
    background-color: #565b63;
    background: -webkit-gradient(linear, left top, left bottom, from(#52575f), to(#8a919c));
    background: -webkit-linear-gradient(top, #52575f, #8a919c);
    background: -moz-linear-gradient(top, #52575f, #8a919c);
    background: -ms-linear-gradient(top, #52575f, #8a919c);
    background: -o-linear-gradient(top, #52575f, #8a919c); }
  .e-button--gray:focus, .daterangepicker .range_inputs .btn-success:focus {
    color: #ffffff;
    background-color: #565b63;
    background: -webkit-gradient(linear, left top, left bottom, from(#52575f), to(#8a919c));
    background: -webkit-linear-gradient(top, #52575f, #8a919c);
    background: -moz-linear-gradient(top, #52575f, #8a919c);
    background: -ms-linear-gradient(top, #52575f, #8a919c);
    background: -o-linear-gradient(top, #52575f, #8a919c); }

.e-button--red {
  color: #c30000;
  background-color: #FEDFDF;
  border-color: #F6CFD0;
  transition: background-color 0.05s ease;
  -webkit-transition: background-color 0.05s ease;
  -moz-transition: background-color 0.05s ease;
  -o-transition: background-color 0.05s ease; }
  .e-button--red:hover, .e-button--red:focus {
    transition: background-color 0.08s ease;
    -webkit-transition: background-color 0.08s ease;
    -moz-transition: background-color 0.08s ease;
    -o-transition: background-color 0.08s ease;
    color: #c30000;
    background-color: #F6CFD0;
    border-color: #edc7c7; }

.e-button--dark-red {
  color: #fff;
  background: #fd5345;
  background: -moz-linear-gradient(top, #fd5345 0%, #d62504 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fd5345), color-stop(100%, #d62504));
  background: -webkit-linear-gradient(top, #fd5345 0%, #d62504 100%);
  background: -o-linear-gradient(top, #fd5345 0%, #d62504 100%);
  background: -ms-linear-gradient(top, #fd5345 0%, #d62504 100%);
  background: linear-gradient(to bottom, #fd5345 0%, #d62504 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd5345', endColorstr='#d62504',GradientType=0 );
  border-color: #fd5345;
  transition: background-color 0.05s ease;
  -webkit-transition: background-color 0.05s ease;
  -moz-transition: background-color 0.05s ease;
  -o-transition: background-color 0.05s ease; }
  .e-button--dark-red:hover, .e-button--dark-red:focus {
    transition: background-color 0.08s ease;
    -webkit-transition: background-color 0.08s ease;
    -moz-transition: background-color 0.08s ease;
    -o-transition: background-color 0.08s ease;
    color: #fff;
    background: #fd5345;
    background: -moz-linear-gradient(top, #d62504 0%, #fd5345 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d62504), color-stop(100%, #fd5345));
    background: -webkit-linear-gradient(top, #d62504 0%, #fd5345 100%);
    background: -o-linear-gradient(top, #d62504 0%, #fd5345 100%);
    background: -ms-linear-gradient(top, #d62504 0%, #fd5345 100%);
    background: linear-gradient(to bottom, #d62504 0%, #fd5345 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d62504', endColorstr='#fd5345',GradientType=0 ); }

.e-button--submit {
  min-width: 135px; }

.e-button--icon {
  padding-left: 0.1em; }
  .e-button--icon i {
    font-size: 14px;
    line-height: 12px; }

.e-button--icon-short {
  padding-left: 0.2em;
  padding-right: 0.6em; }

.e-button--icon--large {
  position: relative;
  padding-left: 30px; }
  .e-button--icon--large i {
    font-size: 18px;
    position: absolute;
    left: 3px;
    top: 3px; }

.e-button--big-icon {
  font-size: 16px;
  padding: 0 1px 1px 1px; }
  .e-button--big-icon > i {
    color: #3d5569; }

.e-button--big-icon--selected {
  background-color: #F0F0F0; }

.e-button--rotate-icon > i:before {
  -moz-transform: rotateZ(90deg);
  -ms-transform: rotateZ(90deg);
  -o-transform: rotateZ(90deg);
  -webkit-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
  background: transparent; }

.e-button--disabled.e-button, .e-button--disabled.e-actions-buttons__main, .e-button--disabled.e-actions-buttons__more, .daterangepicker .range_inputs .e-button--disabled.btn-success, .e-button--disabled.e-period-select__nav-btn, .e-button[disabled=disabled].e-button, [disabled=disabled].e-actions-buttons__main, [disabled=disabled].e-actions-buttons__more, .daterangepicker .range_inputs [disabled=disabled].btn-success, [disabled=disabled].e-period-select__nav-btn, .e-button:disabled.e-button, .e-actions-buttons__main:disabled, .e-actions-buttons__more:disabled, .daterangepicker .range_inputs .btn-success:disabled, .e-period-select__nav-btn:disabled {
  cursor: auto !important; }

.e-button--disabled.e-button--dark-red, .e-button[disabled=disabled].e-button--dark-red, [disabled=disabled].e-button--dark-red.e-actions-buttons__main, [disabled=disabled].e-button--dark-red.e-actions-buttons__more, .daterangepicker .range_inputs [disabled=disabled].e-button--dark-red.btn-success, [disabled=disabled].e-button--dark-red.e-period-select__nav-btn, .e-button:disabled.e-button--dark-red, .e-actions-buttons__main:disabled.e-button--dark-red, .e-actions-buttons__more:disabled.e-button--dark-red, .daterangepicker .range_inputs .btn-success:disabled.e-button--dark-red, .e-period-select__nav-btn:disabled.e-button--dark-red {
  color: #e6e6e6 !important;
  border-color: #feb0aa !important;
  background-color: #feb0aa !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#fe8277), to(#fe8277));
  background: -webkit-linear-gradient(top, #fe8277, #fe8277);
  background: -moz-linear-gradient(top, #fe8277, #fe8277);
  background: -ms-linear-gradient(top, #fe8277, #fe8277);
  background: -o-linear-gradient(top, #fe8277, #fe8277); }

.e-button--disabled.e-button--white, .e-button--disabled.e-period-select__nav-btn, .e-button[disabled=disabled].e-button--white, [disabled=disabled].e-button--white.e-actions-buttons__main, [disabled=disabled].e-button--white.e-actions-buttons__more, .daterangepicker .range_inputs [disabled=disabled].e-button--white.btn-success, .daterangepicker .range_inputs [disabled=disabled].btn-success.e-period-select__nav-btn, [disabled=disabled].e-period-select__nav-btn, .e-button:disabled.e-button--white, .e-actions-buttons__main:disabled.e-button--white, .e-actions-buttons__more:disabled.e-button--white, .daterangepicker .range_inputs .btn-success:disabled.e-button--white, .daterangepicker .range_inputs .btn-success.e-period-select__nav-btn:disabled, .e-period-select__nav-btn:disabled {
  background-color: #FCFCFC !important;
  color: #848b94 !important; }

.e-button--disabled.e-button--blue, .e-button--disabled.e-actions-buttons__main, .e-button--disabled.e-actions-buttons__more, .e-button[disabled=disabled].e-button--blue, [disabled=disabled].e-actions-buttons__main, [disabled=disabled].e-actions-buttons__more, .daterangepicker .range_inputs [disabled=disabled].e-button--blue.btn-success, .daterangepicker .range_inputs [disabled=disabled].btn-success.e-actions-buttons__main, .daterangepicker .range_inputs [disabled=disabled].btn-success.e-actions-buttons__more, [disabled=disabled].e-button--blue.e-period-select__nav-btn, .e-button:disabled.e-button--blue, .e-actions-buttons__main:disabled, .e-actions-buttons__more:disabled, .daterangepicker .range_inputs .btn-success:disabled.e-button--blue, .daterangepicker .range_inputs .btn-success.e-actions-buttons__main:disabled, .daterangepicker .range_inputs .btn-success.e-actions-buttons__more:disabled, .e-period-select__nav-btn:disabled.e-button--blue {
  color: #ffffff !important;
  background-color: #7eb0db !important;
  border-color: #69a3d5 !important; }

.e-button--disabled.e-button--gray, .daterangepicker .range_inputs .e-button--disabled.btn-success, .e-button[disabled=disabled].e-button--gray, [disabled=disabled].e-button--gray.e-actions-buttons__main, [disabled=disabled].e-button--gray.e-actions-buttons__more, .daterangepicker .range_inputs [disabled=disabled].btn-success, [disabled=disabled].e-button--gray.e-period-select__nav-btn, .e-button:disabled.e-button--gray, .e-actions-buttons__main:disabled.e-button--gray, .e-actions-buttons__more:disabled.e-button--gray, .daterangepicker .range_inputs .btn-success:disabled, .e-period-select__nav-btn:disabled.e-button--gray {
  color: #eef6f7 !important;
  box-shadow: ligten(#aeb2ba, 15%) 0 1px 1px 0 inset, white 0 0 5px !important;
  border-color: #a7abb1 !important;
  background-color: ligten(#6f747e, 15%) !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#b3b8bf), to(#757d88));
  background: -webkit-linear-gradient(top, #b3b8bf, #757d88);
  background: -moz-linear-gradient(top, #b3b8bf, #757d88);
  background: -ms-linear-gradient(top, #b3b8bf, #757d88);
  background: -o-linear-gradient(top, #b3b8bf, #757d88); }

.e-button--disabled.e-button--green, .e-button[disabled=disabled].e-button--green, [disabled=disabled].e-button--green.e-actions-buttons__main, [disabled=disabled].e-button--green.e-actions-buttons__more, .daterangepicker .range_inputs [disabled=disabled].e-button--green.btn-success, [disabled=disabled].e-button--green.e-period-select__nav-btn, .e-button:disabled.e-button--green, .e-actions-buttons__main:disabled.e-button--green, .e-actions-buttons__more:disabled.e-button--green, .daterangepicker .range_inputs .btn-success:disabled.e-button--green, .e-period-select__nav-btn:disabled.e-button--green {
  color: #ffffff !important;
  box-shadow: #c7d9a3 0 1px 1px 0 inset !important;
  border-color: #bace91 !important;
  text-shadow: 1px 1px 1px #658732 !important;
  background-color: #b4c88d !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#a8bd81), to(#bbd092));
  background: -webkit-linear-gradient(top, #a8bd81, #bbd092);
  background: -moz-linear-gradient(top, #a8bd81, #bbd092);
  background: -ms-linear-gradient(top, #a8bd81, #bbd092);
  background: -o-linear-gradient(top, #a8bd81, #bbd092); }

.e-button--disabled.e-button--cold-green, .e-button[disabled=disabled].e-button--cold-green, [disabled=disabled].e-button--cold-green.e-actions-buttons__main, [disabled=disabled].e-button--cold-green.e-actions-buttons__more, .daterangepicker .range_inputs [disabled=disabled].e-button--cold-green.btn-success, [disabled=disabled].e-button--cold-green.e-period-select__nav-btn, .e-button:disabled.e-button--cold-green, .e-actions-buttons__main:disabled.e-button--cold-green, .e-actions-buttons__more:disabled.e-button--cold-green, .daterangepicker .range_inputs .btn-success:disabled.e-button--cold-green, .e-period-select__nav-btn:disabled.e-button--cold-green {
  color: #ffffff;
  border-color: #5fd497;
  text-shadow: none;
  background-color: #5fd497; }

.e-button--disabled-link {
  pointer-events: none; }

.e-button--height-25 {
  height: 25px; }

.e-button--height-26 {
  height: 25.2px; }

.e-actions-buttons {
  display: inline-block;
  word-spacing: -3px; }

.e-actions-buttons__main {
  display: inline-block;
  height: 25px;
  word-spacing: normal; }

.e-actions-buttons__main--with-icon {
  padding-left: 0.5em; }

.e-actions-buttons__more {
  display: inline-block;
  height: 25px;
  font-size: 14px;
  padding: 2px;
  word-spacing: normal; }

.e-table-actions {
  text-align: center;
  position: relative;
  font-size: 20px;
  display: inline-block; }
  .e-table-actions.open .e-table-actions__button {
    color: #2598da; }
  .e-table-actions--small {
    font-size: 12px; }

.e-table-actions__button {
  color: #a1a1a1;
  border: none;
  -moz-transform: rotateZ(90deg);
  -ms-transform: rotateZ(90deg);
  -o-transform: rotateZ(90deg);
  -webkit-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
  background: transparent; }
  .e-table-actions__button--small {
    font-size: 12px; }

.e-table-actions__button--no-rotation {
  color: #a1a1a1;
  border: none;
  background: transparent; }
  .e-table-actions__button--no-rotation--small {
    font-size: 12px; }

.e-table-actions--hover .e-table-actions__button {
  color: #2598da; }

.e-table-actions__list {
  top: calc(100% + 10px);
  border: 1px #5f656d;
  font-size: 12px;
  box-shadow: 0 0 10px #aeaeae;
  border-radius: 3px; }
  .e-table-actions__list:before, .e-table-actions__list:after {
    content: '';
    position: absolute;
    top: -10px;
    left: 10px;
    display: block; }
  .e-table-actions__list:before {
    top: -11px;
    border-bottom: solid 11px #aeaeae;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent; }
  .e-table-actions__list:after {
    border-bottom: solid 10px #fff;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent; }
  .e-table-actions__list--right {
    left: auto;
    right: 0; }
    .e-table-actions__list--right:before, .e-table-actions__list--right:after {
      left: auto;
      right: 10px; }

.e-table-actions__list__item {
  text-align: left; }
  .e-table-actions__list__item .e-table-actions__list__item__link {
    color: #5f656d;
    font-family: "robotomedium", sans-serif;
    padding: 5px; }
    .e-table-actions__list__item .e-table-actions__list__item__link i {
      margin-right: 2px;
      margin-left: 5px;
      font-size: 14px;
      color: #bbbbbb;
      -moz-transition: color 0.5s ease-in-out;
      -o-transition: color 0.5s ease-in-out;
      -webkit-transition: color 0.5s ease-in-out;
      transition: color 0.5s ease-in-out; }
    .e-table-actions__list__item .e-table-actions__list__item__link:hover, .e-table-actions__list__item .e-table-actions__list__item__link:focus {
      background: #2598da; }
      .e-table-actions__list__item .e-table-actions__list__item__link:hover i, .e-table-actions__list__item .e-table-actions__list__item__link:focus i {
        color: #fff; }
  .e-table-actions__list__item:first-child .e-table-actions__list__item__link {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px; }
  .e-table-actions__list__item:last-child .e-table-actions__list__item__link {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px; }

.e-button--no-border {
  border: 0;
  box-shadow: none; }
  .e-button--no-border:focus {
    -webkit-box-shadow: none;
    box-shadow: none; }

.e-button--no-wrap {
  white-space: normal;
  display: table; }
  .e-button--no-wrap i {
    display: table-cell; }
  .e-button--no-wrap .e-button__inerwrap {
    display: table-cell; }

.e-pull-right--translate {
  position: relative;
  transform: translate(0%, 23%); }

.e-period-select {
  background: white;
  display: inline-block; }

.e-period-select__nav-btn {
  margin-right: 0 !important;
  padding-left: 2px;
  padding-right: 2px;
  height: 100%;
  float: left; }

.e-period-select--block .e-period-select__type {
  width: calc(50% - 3px); }

.e-period-select--block .e-period-select__nav-btn {
  width: 22px; }

.e-period-select--block .e-period-select__year {
  width: calc(30% - 3px); }

.e-period-select__type {
  float: left;
  border-right: none;
  border-left: none;
  width: 100px; }
  .e-period-select__type.select2-container {
    border-right: none;
    border-left: none; }
    .e-period-select__type.select2-container .select2-choice {
      height: 25px;
      border-right: none;
      border-left: none; }
    .e-period-select__type.select2-container .select2-chosen {
      margin-right: 20px; }
    .e-period-select__type.select2-container .select2-arrow b {
      position: relative;
      height: 20px;
      top: 2px; }
  .e-period-select__type.select2-container-disabled .select2-arrow {
    display: none; }
  .e-period-select__type.select2-container-disabled .select2-chosen {
    margin-right: 0; }
  .e-period-select__type.select2-container-disabled .select2-choice {
    background: #fff; }

input[type="text"].e-period-select__type {
  border-left: none;
  border-right: none; }
  input[type="text"].e-period-select__type:focus {
    position: relative;
    z-index: 1; }

input[type="text"].e-period-select__type[disabled] {
  border-left: none;
  border-right: none; }

.e-period-select__year {
  float: left;
  width: 50px;
  border-left: none;
  border-right: none; }
  .e-period-select__year:focus {
    position: relative;
    z-index: 1; }

input[type="text"].e-period-select__year {
  border-left: none;
  border-right: none; }

input[type="text"].e-period-select__date {
  float: left;
  width: 82px; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.e-table-filters {
  float: left;
  width: 100%;
  padding: 5px 10px;
  border-top: solid 1px #dfe3e9;
  border-bottom: solid 1px #dfe3e9;
  background: #faf9f9; }
  .e-table-filters--with-tabs {
    border-top: none; }

.e-save-button[disabled=disabled].e-button--blue, .e-save-button[disabled=disabled].e-actions-buttons__main, .e-save-button[disabled=disabled].e-actions-buttons__more {
  color: #7eb0db !important;
  background-color: #7eb0db !important;
  border-color: #69a3d5 !important; }

.e-save-button__rotator {
  animation: saveButtonFrames linear 2.4s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: saveButtonFrames linear 2.4s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: saveButtonFrames linear 2.4s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: saveButtonFrames linear 2.4s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: saveButtonFrames linear 2.4s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
  background: transparent;
  border-radius: 5px;
  width: 10px;
  height: 10px;
  position: absolute; }

.e-save-button__rotator__1 {
  position: absolute;
  transform-origin: 50% -100%;
  transform: translate(4px, 10px) rotate(-36deg);
  background: rgba(255, 255, 255, 0.9375);
  width: 2px;
  height: 5px; }

.e-save-button__rotator__2 {
  position: absolute;
  transform-origin: 50% -100%;
  transform: translate(4px, 10px) rotate(-72deg);
  background: rgba(255, 255, 255, 0.875);
  width: 2px;
  height: 5px; }

.e-save-button__rotator__3 {
  position: absolute;
  transform-origin: 50% -100%;
  transform: translate(4px, 10px) rotate(-108deg);
  background: rgba(255, 255, 255, 0.8125);
  width: 2px;
  height: 5px; }

.e-save-button__rotator__4 {
  position: absolute;
  transform-origin: 50% -100%;
  transform: translate(4px, 10px) rotate(-144deg);
  background: rgba(255, 255, 255, 0.75);
  width: 2px;
  height: 5px; }

.e-save-button__rotator__5 {
  position: absolute;
  transform-origin: 50% -100%;
  transform: translate(4px, 10px) rotate(-180deg);
  background: rgba(255, 255, 255, 0.6875);
  width: 2px;
  height: 5px; }

.e-save-button__rotator__6 {
  position: absolute;
  transform-origin: 50% -100%;
  transform: translate(4px, 10px) rotate(-216deg);
  background: rgba(255, 255, 255, 0.625);
  width: 2px;
  height: 5px; }

.e-save-button__rotator__7 {
  position: absolute;
  transform-origin: 50% -100%;
  transform: translate(4px, 10px) rotate(-252deg);
  background: rgba(255, 255, 255, 0.5625);
  width: 2px;
  height: 5px; }

.e-save-button__rotator__8 {
  position: absolute;
  transform-origin: 50% -100%;
  transform: translate(4px, 10px) rotate(-288deg);
  background: rgba(255, 255, 255, 0.5);
  width: 2px;
  height: 5px; }

.e-save-button__rotator__9 {
  position: absolute;
  transform-origin: 50% -100%;
  transform: translate(4px, 10px) rotate(-324deg);
  background: rgba(255, 255, 255, 0.4375);
  width: 2px;
  height: 5px; }

.e-save-button__rotator__10 {
  position: absolute;
  transform-origin: 50% -100%;
  transform: translate(4px, 10px) rotate(-360deg);
  background: rgba(255, 255, 255, 0.375);
  width: 2px;
  height: 5px; }

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

@-moz-keyframes saveButtonFrames {
  0% {
    -moz-transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(360deg); } }

@-webkit-keyframes saveButtonFrames {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }

@-o-keyframes saveButtonFrames {
  0% {
    -o-transform: rotate(0deg); }
  100% {
    -o-transform: rotate(360deg); } }

@-ms-keyframes saveButtonFrames {
  0% {
    -ms-transform: rotate(0deg); }
  100% {
    -ms-transform: rotate(360deg); } }

.link-with-icon .e-save-button__rotator {
  display: none; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.e-employee-basic-card {
  float: left;
  width: 100%; }

.e-employee-basic-card__avatar {
  float: left; }

.e-employee-basic-card__info {
  display: inline;
  padding: 0 0 5px 0;
  line-height: 1em; }

.e-employee-basic-card__info__name {
  font: 12px "robotomedium", sans-serif;
  color: #3d5569;
  display: inline-block;
  padding-left: 10px; }
  .e-employee-basic-card__info__name:hover, .e-employee-basic-card__info__name:focus {
    color: #2598da;
    text-decoration: underline; }

.e-employee-basic-card__info__position {
  display: inline-block;
  padding-left: 10px;
  width: calc(100% - 30px);
  font-size: 11px;
  color: #a1a1a1; }

.e-employee-basic-card--40 .e-employee-basic-card__avatar {
  width: 40px;
  height: 40px; }

.e-employee-basic-card--40 .e-employee-basic-card__info {
  width: calc(100% - 45px);
  line-height: 1.4em; }

.e-employee-basic-card--40 .e-employee-basic-card__info__name {
  font-size: 13px; }

.e-employee-basic-card--40 .e-employee-basic-card__info__position {
  font-size: 12px; }

.e-employee-basic-card--60 .e-employee-basic-card__avatar {
  width: 60px;
  height: 60px; }

.e-employee-basic-card--60 .e-employee-basic-card__info {
  width: calc(100% - 65px);
  line-height: 1.4em; }

.e-employee-basic-card--60 .e-employee-basic-card__info__name {
  font-size: 12px; }

.e-employee-basic-card--60 .e-employee-basic-card__info__position {
  font-size: 12px; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.e-customizable-header {
  position: relative;
  float: left;
  width: 100%;
  min-height: 125px;
  color: #fff;
  background: #a1a1a1;
  /* Old browsers */
  background: -moz-linear-gradient(30deg, #5f656d 0%, #a0a5ac 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(30deg, #5f656d 0%, #a0a5ac 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(30deg, #5f656d 0%, #a0a5ac 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#5f656d, endColorstr=#a0a5ac, GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */ }
  .e-customizable-header__author {
    padding-top: 1.75em;
    padding-bottom: 0.25em;
    margin-left: 30px; }
  .e-customizable-header__title {
    float: left;
    font: 36px "robotolight", sans-serif;
    line-height: 1.3;
    color: #fff;
    background-color: rgba(48, 51, 55, 0.75);
    padding: 5px 30px 10px 30px;
    margin: 0 0 15px;
    width: 75%;
    word-break: break-all;
    word-break: break-word; }
  .e-customizable-header.e-customizable-header--knowledge-test .e-customizable-header__title {
    background-color: rgba(139, 170, 80, 0.75); }
  .e-customizable-header__quick-actions {
    position: absolute;
    right: 10px;
    top: 10px; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.e-bg-dark-grey {
  background-color: #5f656d; }

.e-bg-lighter-grey {
  background-color: #f1f3f5; }

.e-bg-light-grey {
  background-color: #dfe3e9; }

.e-bg-lightest-grey {
  background-color: #faf9f9; }

.e-bg-navy-grey {
  background-color: #5f656d; }

.e-bg-aqua {
  background-color: #dcf3ff; }

.e-bg-white {
  background-color: #fff; }

.e-bg-purple {
  background-color: #a63a64; }

.e-bg-lighten-red {
  background-color: #ff8080; }

.e-bg-concrete-blue {
  background-color: #2598da; }

.e-bg-list-hover-grey {
  background-color: #f4f6f9; }

.e-bg-light-mid-grey {
  background-color: #bbbbbb; }

.bg-dark-grey {
  background-color: #5f656d; }

.bg-lighter-grey {
  background-color: #f1f3f5; }

.bg-light-grey {
  background-color: #dfe3e9; }

.bg-lightest-grey {
  background-color: #faf9f9; }

.bg-navy-grey {
  background-color: #5f656d; }

.bg-aqua {
  background-color: #dcf3ff; }

.bg-white {
  background-color: #fff; }

.e-icon-light-blue-box {
  background-color: white;
  color: #BAD8E9; }
  .e-icon-light-blue-box:before {
    color: #BAD8E9 !important; }

.e-icon-light-green-box {
  background-color: white;
  color: #d8e9ba; }
  .e-icon-light-green-box:before {
    color: #d8e9ba !important; }

.e-icon-light-purple-box {
  background-color: white;
  color: #e9bad8; }
  .e-icon-light-purple-box:before {
    color: #e9bad8 !important; }

.bg-stripped {
  background: transparent url("/Content/tms/_img/bg-strips.png") repeat 0 0; }

/*
    Koniec teł
*/
/*
    Tekstowe
*/
.e-smaller {
  font-size: 10px; }

.e-small {
  font-size: 11px; }

.e-small-date {
  font-size: 10px;
  font-family: "robotoregular", sans-serif;
  line-height: 1em;
  color: #a1a1a1; }

.e-medium {
  font-size: 12px; }

.e-big {
  font-size: 13px; }

.e-bigger {
  font-size: 14px; }

.e-biggest {
  font-size: 16px; }

.e-huge {
  font-size: 18px; }

.e-font-size-10 {
  font-size: 10px; }

.e-font-size-11 {
  font-size: 11px; }

.e-font-size-12 {
  font-size: 12px; }

.e-font-size-13 {
  font-size: 13px; }

.e-font-size-14 {
  font-size: 14px; }

.e-font-size-16 {
  font-size: 16px; }

.e-font-size-18 {
  font-size: 18px; }

.e-font-size-20 {
  font-size: 20px; }

.e-font-size-22 {
  font-size: 22px; }

.e-font-size-24 {
  font-size: 24px; }

.e-font-size-28 {
  font-size: 28px; }

.e-font-size-32 {
  font-size: 32px; }

.e-font-size-36 {
  font-size: 36px; }

.e-font-size-48 {
  font-size: 48px; }

.e-heading-smallest {
  font-size: 20px; }

.e-heading-smaller {
  font-size: 22px; }

.e-heading-medium {
  font-size: 24px; }

.e-heading-big {
  font-size: 28px; }

.e-heading-bigger {
  font-size: 32px; }

.e-heading-biggest {
  font-size: 36px; }

.e-heading--underline {
  padding-bottom: 5px;
  margin: 0 0 10px 0;
  border-bottom: solid 2px #f3f3f3; }

.e-breath-both {
  padding-left: 1em;
  padding-right: 1em; }

.e-breath-left {
  padding-left: 1em; }

.e-breath-right {
  padding-right: 1em; }

.e-underline {
  text-decoration: underline; }

.font-light, .e-form-label, .e-form-label--full, .e-form-label--title, .e-form-label--icon, .e-form-label--empty, .e-form-label--empty--height-15, .page-heading--vacancies, .e-people-picker__filters__list__item label, .e-people-picker__filters__submenu__list__item__span label, .e-people-picker__filters__submenu__list__item__span label a, .e-people-picker__groups-menu__item a, .e-tag--skills, .e-tag--gray, .e-tag--suppliers, .e-list--condensed .e-list__item__type, .e-people-list__item__date, .e-chat__time, .e-people-list__item__description, .e-people-list-sidebar__list__item--active .e-people-list-sidebar__list__item__name, .e-people-list-sidebar__list__item--active .e-people-list-sidebar__list__item__position, .e-people-list-sidebar__list__item__name, .e-people-list-sidebar__list__item__position, .e-chat__message-content, .e-selected-tag__tag {
  font-family: 'robotolight', sans-serif; }

.font-light-italic {
  font-family: 'robotolight_italic', sans-serif; }

.font-bold, .e-people-picker__filters__header-1, .e-people-picker__header__workers, .e-list-table .e-list-table__td__heading, .e-tag .e-tag__number, .e-list .e-list__item__heading, .e-simple-table__item__heading, .e-people-list__item__name, .e-key-results__percentage {
  font-family: 'robotobold', sans-serif;
  font-weight: normal; }

.font-regular, .e-box-title, .e-simple-table--instant-feeback .e-simple-table__item__heading a {
  font-family: 'roboto', sans-serif;
  font-weight: normal; }

.font-medium {
  font-family: 'robotomedium', sans-serif; }

.font-medium-italic {
  font-family: "robotomedium_italic", sans-serif; }

.e-pull-left {
  float: left !important; }

.e-pull-right {
  float: right !important; }

.e-pull-center {
  margin: 0 auto; }

.e-hidden {
  display: none !important; }

.e-visible {
  display: block !important; }

.e-display-table {
  display: table; }

.e-display-table-cell {
  display: table-cell; }

.e-color-black {
  color: #000; }

.e-color-white {
  color: #fff; }

.e-color-grey {
  color: #a1a1a1; }

.e-color-dark-navy {
  color: #3d5569; }

.e-color-dark-grey {
  color: #5f656d; }

.e-color-metalic-grey {
  color: #61666c; }

.e-color-medium-grey {
  color: #797979; }

.e-color-event {
  color: #ffa053; }

.e-color-dark-blue {
  color: #33a6dc; }

.e-color-red {
  color: red; }

.e-color-dark-red {
  color: #b11515; }

.e-color-semi-dark-red {
  color: #c30000; }

.e-color-green {
  color: green; }

.e-color-lighter-green {
  color: #b2dcb2; }

.e-color-light-green {
  color: #5ebd5e; }

.e-color-light-blue {
  color: #7dbcdc; }

.e-color-light-orange {
  color: #fac767; }

.e-color-transparent {
  color: transparent; }

.e-color-concrete-blue {
  color: #2598da; }

.e-color-light-grey {
  color: #dfe3e9; }

.e-color-pink {
  color: #f4989d; }

.e-color-dark-full-grey {
  color: darkFullGrey; }

.e-color-light-mid-grey {
  color: #bbbbbb; }

.e-color-medium-dark-grey {
  color: #666a74; }

.e-color-knowledge-test {
  color: #8baa50; }

.e-color-lightOrage {
  color: #fac767; }

.e-color-dark-orange {
  color: #fe9037; }

.e-pseudo-color-black:before {
  color: #000 !important; }

.e-pseudo-color-black:after {
  color: #000 !important; }

.e-pseudo-color-white:before {
  color: #fff !important; }

.e-pseudo-color-white:after {
  color: #fff !important; }

.e-pseudo-color-grey:before {
  color: #a1a1a1 !important; }

.e-pseudo-color-grey:after {
  color: #a1a1a1 !important; }

.e-pseudo-color-dark-navy:before {
  color: #3d5569 !important; }

.e-pseudo-color-dark-navy:after {
  color: #3d5569 !important; }

.e-pseudo-color-dark-grey:before {
  color: #5f656d !important; }

.e-pseudo-color-dark-grey:after {
  color: #5f656d !important; }

.e-pseudo-color-metalic-grey:before {
  color: #61666c !important; }

.e-pseudo-color-metalic-grey:after {
  color: #61666c !important; }

.e-pseudo-color-medium-grey:before {
  color: #797979 !important; }

.e-pseudo-color-medium-grey:after {
  color: #797979 !important; }

.e-pseudo-color-event:before {
  color: #ffa053 !important; }

.e-pseudo-color-event:after {
  color: #ffa053 !important; }

.e-pseudo-color-dark-blue:before {
  color: #33a6dc !important; }

.e-pseudo-color-dark-blue:after {
  color: #33a6dc !important; }

.e-pseudo-color-red:before {
  color: red !important; }

.e-pseudo-color-red:after {
  color: red !important; }

.e-pseudo-color-dark-red:before {
  color: #b11515 !important; }

.e-pseudo-color-dark-red:after {
  color: #b11515 !important; }

.e-pseudo-color-semi-dark-red:before {
  color: #c30000 !important; }

.e-pseudo-color-semi-dark-red:after {
  color: #c30000 !important; }

.e-pseudo-color-green:before {
  color: green !important; }

.e-pseudo-color-green:after {
  color: green !important; }

.e-pseudo-color-lighter-green:before {
  color: #b2dcb2 !important; }

.e-pseudo-color-lighter-green:after {
  color: #b2dcb2 !important; }

.e-pseudo-color-light-green:before {
  color: #5ebd5e !important; }

.e-pseudo-color-light-green:after {
  color: #5ebd5e !important; }

.e-pseudo-color-light-blue:before {
  color: #7dbcdc !important; }

.e-pseudo-color-light-blue:after {
  color: #7dbcdc !important; }

.e-pseudo-color-light-orange:before {
  color: #fac767 !important; }

.e-pseudo-color-light-orange:after {
  color: #fac767 !important; }

.e-pseudo-color-transparent:before {
  color: transparent !important; }

.e-pseudo-color-transparent:after {
  color: transparent !important; }

.e-pseudo-color-concrete-blue:before {
  color: #2598da !important; }

.e-pseudo-color-concrete-blue:after {
  color: #2598da !important; }

.e-pseudo-color-light-grey:before {
  color: #dfe3e9 !important; }

.e-pseudo-color-light-grey:after {
  color: #dfe3e9 !important; }

.e-pseudo-color-pink:before {
  color: #f4989d !important; }

.e-pseudo-color-pink:after {
  color: #f4989d !important; }

.e-pseudo-color-dark-full-grey:before {
  color: darkFullGrey !important; }

.e-pseudo-color-dark-full-grey:after {
  color: darkFullGrey !important; }

.e-pseudo-color-light-mid-grey:before {
  color: #bbbbbb !important; }

.e-pseudo-color-light-mid-grey:after {
  color: #bbbbbb !important; }

.e-pseudo-color-medium-dark-grey:before {
  color: #666a74 !important; }

.e-pseudo-color-medium-dark-grey:after {
  color: #666a74 !important; }

.e-pseudo-color-knowledge-test:before {
  color: #8baa50 !important; }

.e-pseudo-color-knowledge-test:after {
  color: #8baa50 !important; }

.e-pseudo-color-lightOrage:before {
  color: #fac767 !important; }

.e-pseudo-color-lightOrage:after {
  color: #fac767 !important; }

.e-pseudo-color-dark-orange:before {
  color: #fe9037 !important; }

.e-pseudo-color-dark-orange:after {
  color: #fe9037 !important; }

.e-color-transition {
  -moz-transition: color 0.25s ease-in-out;
  -o-transition: color 0.25s ease-in-out;
  -webkit-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out; }

.e-pseudo-color-black:before {
  color: #000 !important; }

.e-pseudo-color-black:after {
  color: #000 !important; }

.e-pseudo-color-grey:before {
  color: #a1a1a1 !important; }

.e-pseudo-color-grey:after {
  color: #a1a1a1 !important; }

.e-pseudo-color-dark-navy:before {
  color: #3d5569 !important; }

.e-pseudo-color-dark-navy:after {
  color: #3d5569 !important; }

.e-pseudo-color-dark-grey:before {
  color: #5f656d !important; }

.e-pseudo-color-dark-grey:after {
  color: #5f656d !important; }

.e-pseudo-color-metalic-grey:before {
  color: #61666c !important; }

.e-pseudo-color-metalic-grey:after {
  color: #61666c !important; }

.e-pseudo-color-medium-grey:before {
  color: #797979 !important; }

.e-pseudo-color-medium-grey:after {
  color: #797979 !important; }

.e-align-left {
  text-align: left; }

.e-align-center {
  text-align: center; }

.e-align-right {
  text-align: right; }

.e-align-justify {
  text-align: justify; }

.e-page-heading1 {
  font-size: 24px;
  margin: 0;
  padding: 0; }

.e-article-heading {
  font-size: 36px;
  line-height: 1.18;
  margin: 0 0 20px 0;
  color: #3d5569; }
  .e-article-heading--report {
    font-size: 80px; }

.e-report-logo-bottom-space {
  padding-bottom: 200px; }

.e-underscored-heading {
  border-bottom: 1px solid #f1f3f5; }

.e-underscored {
  border-bottom: solid 1px #dcdcdc; }

.e-text-row {
  padding-bottom: 15px; }

/**
    Koniec tekstowych
*/
/**
    Blokowe
*/
.e-inline-block {
  display: inline-block; }

.e-block {
  display: block; }

.e-inline {
  display: inline; }

/** Koniec blokowych 

*/
/*
    Imitacja zachowań innych elementów
*/
.e-link-tag-hover:hover {
  color: #2598da;
  text-decoration: underline;
  cursor: pointer; }

/**
    Komponent ikonki "przyetykietowej"
    Ikonki takie w systemie występują z reguły przy etykietach, nagłowkach, etc.
    np. w SkillsList
*/
.e-label-icon {
  position: relative;
  width: 24px;
  height: 24px;
  padding: 2px;
  margin-right: 5px;
  background-color: #f8f9fa;
  font-size: 14px;
  color: #bcbebf; }

.e-label-icon--breath {
  margin-right: 0.5em; }

.e-label-icon--small {
  font-size: 13px;
  padding: 1px;
  top: 1px;
  width: 16px;
  height: 16px; }

.e-label-icon--medium {
  font-size: 18px;
  padding: 0.15em;
  top: 2px;
  width: 30px;
  height: 30px; }

.e-label-icon--big {
  display: inline-block;
  font-size: 22px;
  padding: 0.2em;
  padding-top: 6px;
  width: 40px;
  height: 40px;
  text-align: center; }

.e-label-icon--big.e-label-icon--enormous {
  font-size: 34px;
  width: 60px;
  height: 60px; }

.e-label-icon--img-size {
  display: inline-block;
  font-size: 32px;
  padding: 0.2em;
  padding-top: 6px;
  width: 44px;
  height: 45px;
  text-align: center; }

.e-label-icon--large {
  font-size: 25px;
  top: 2px; }

.e-label-icon--x-large {
  font-size: 90px;
  top: 0; }

.e-label-icon--box {
  font-size: 20px; }

.e-label-icon--fill {
  display: block;
  width: 100%;
  height: 100%; }

.e-label-icon--dark {
  background-color: #f1f1f4;
  color: #fff; }

.e-label-icon--light {
  background-color: #fff;
  color: #bcbebf; }

.e-label-icon--formultiline {
  float: left; }

.e-label-icon--hoverable:hover, .e-label-icon--hoverable:hover i {
  color: #319ED5; }

.e-phantom-label-icon-margin {
  margin-left: 28px; }

.e-label-icon__foot {
  padding: 0.1em 0.5em;
  position: absolute;
  font-size: 12px;
  right: 0;
  bottom: 0;
  background: blue;
  color: white;
  font-family: "robotolight", sans-serif;
  font-style: normal;
  background: #3e5568; }
  .e-label-icon__foot:hover {
    background: #2598da;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -webkit-transition: 0.2s;
    transition: 0.2s; }

.e-label-icon--rose-bud {
  color: #fff;
  background: #F8AD88; }

.e-label-icon--green {
  color: #5ab55a; }

.e-label-icon--light-blue:before {
  color: #7dbcdc; }

.e-label-icon--blue:before {
  color: #2598da; }

.e-label-icon--disabled {
  color: #a1a1a1; }

.e-label-icon--no-margin::before {
  margin: 0; }

i.e-label-icon--rose-bud:before {
  color: #fff !important; }

.e-label-icon-valign-top:before {
  vertical-align: top; }

.e-label-icon--block {
  display: block;
  top: 0;
  margin: 0; }

.e-label-icon--rotaion-z-90 {
  transform: rotateZ(90deg); }

.e-label-icon--rotate-90:before {
  transform: rotate(90deg); }

/**
    Komponent kółeczka pokazującego status
    Z reguły na prostych listach tabelarycznych
    np. _NotesPartial
    Podpięte też przez extend pod vacancies__status w _vacancies.scss
*/
.e-status-circle {
  display: inline-block;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 16px;
  height: 16px; }

.e-status-circle--em {
  width: 1.6em;
  height: 1.6em;
  line-height: 1.4; }

.e-status-circle--big {
  width: 32px;
  height: 32px; }

.e-status-circle--number {
  border: 1px solid #a1a1a1;
  background: #fff;
  color: #a1a1a1; }

.e-wrapfix, .e-form-content__preview, .e-message__title, .e-comment__content__text {
  -ms-word-break: normal;
  word-break: normal;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  white-space: normal; }

.e-wrapfix--break-all {
  word-break: break-all; }

.e-no-wrap {
  white-space: nowrap; }

.e-circle {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%; }

.e-break-word {
  word-break: break-all;
  word-break: break-word; }

.e-img-repsonsive {
  max-width: 100%;
  height: auto; }

.e-vertical-aligner {
  display: table;
  width: 100%;
  table-layout: fixed; }

.e-vertical-aligner__item {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%; }

.e-relative {
  position: relative; }

.e-absolute {
  position: absolute; }

.e-fixed {
  position: fixed; }

.e-pinned-right {
  right: 0; }

.e-pinned-left {
  left: 0; }

.e-pinned-bottom {
  bottom: 0; }

.e-pinned-top {
  top: 0; }

.e-top-20 {
  top: 20px; }

.e-cutted-text, .e-dropdown-button--searcher .e-dropdown-button__rewrite > a, .e-bookmarked-message__header__title, .e-smart-tooltip {
  /* essential */
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap !important;
  overflow: hidden; }

.e-cut-text-wrapped {
  /* essential */
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden; }

.e-well {
  font-family: "robotoregular", sans-serif;
  font-size: 12px;
  display: block;
  padding: 10px 15px;
  border: 1px solid #a1a1a1;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #faf9f9; }

.e-well--error {
  border-color: #f6afb3;
  background-color: #fbdddf;
  color: #aa0808; }

.e-well--yellow {
  border-color: #f2ecda;
  background-color: #fcf8e2;
  color: #c09853; }

.e-ul--no-marker {
  padding: 0;
  list-style-type: none;
  list-style-position: inside; }

.e-ul--tight {
  padding: 0; }

.e-ul--loose {
  padding-left: 2em; }

.e-ul--disc {
  list-style-type: disc; }

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

.e-ul--inside {
  list-style-position: inside; }

.e-ul__item--with-icon {
  padding-bottom: 10px; }

.e-ul--separate li {
  margin-bottom: 5px; }

.e-ul--separate-large li {
  margin-bottom: 10px; }

.e-ul--floatleft {
  float: left;
  width: 100%; }

.e-cursor-pointer {
  cursor: pointer; }

.e-cursor-auto {
  cursor: auto; }

.e-cursor-move {
  cursor: move; }

.e-remove-button {
  font-size: 16px;
  margin: 0;
  color: #f4989d;
  cursor: pointer; }
  .e-remove-button:hover {
    text-decoration: none;
    color: #f4989d; }

.e-remove-button--tag {
  font-size: 13px; }

.e-remove-button--hoverable:hover {
  color: #db0a0a; }

.e-auto-frame {
  overflow: auto;
  border: 1px solid #dfe3e9; }

.e-overflow-auto {
  overflow: auto; }

.e-overflow-hidden {
  overflow: hidden; }

.e-overflow-x-auto {
  overflow-x: auto; }

.icon--bigger {
  font-size: 1.25em;
  line-height: 0.75em; }

.e-help-icon {
  cursor: pointer;
  color: #5f646a; }
  .e-help-icon:hover {
    text-decoration: none; }

.e-form-content .e-help-icon {
  margin-top: 3px; }

.e-help-icon--light {
  color: #9f9f9f; }

.e-help-icon--active {
  color: #3d5569; }

.e-popover-inner {
  font-size: 12px; }

.e-rank-indicator {
  float: left;
  min-width: 25px;
  margin-right: 5px;
  background: #68b66a;
  color: white;
  font-size: 14px;
  font-family: "robotomedium", sans-serif;
  text-align: center; }

.pull-center, .e-pull-center {
  margin: 0 auto; }

.icon--rounded-none {
  border: solid 1px transparent;
  padding: 2px 2px 4px 2px;
  width: 30px;
  text-align: center;
  display: block !important;
  left: -4px;
  position: relative; }
  .icon--rounded-none:before {
    margin: 3px 0 0 0;
    padding: 0; }
  .icon--rounded-none--paddings {
    padding-left: 15px;
    padding-top: 0; }

.icon--rounded {
  border: solid 1px #ececec;
  background: #fff;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 2px 2px 4px 2px;
  width: 30px;
  text-align: center;
  display: block !important; }
  .icon--rounded:before {
    margin: 3px 0 0 0;
    padding: 0; }

.icon--blue:before {
  color: #7dbcdc; }

.icon--qustion-type:before {
  font-size: 16px;
  margin-right: 8px; }

.e-word-highlight {
  background: #ffff00; }

.reset-weight {
  font-weight: normal; }

.e-uppercase {
  text-transform: uppercase; }

.e-hover-highlight {
  transition: color 0.5s ease-in-out; }
  .e-hover-highlight:hover {
    color: #7dbcdc; }

.e-small-header {
  font-size: 12px;
  font-family: "robotobold", sans-serif;
  text-transform: uppercase; }

.e-light-header {
  display: inline-block;
  font-size: 16px;
  font-family: "robotolight", sans-serif;
  color: #3d5569;
  padding-bottom: 20px; }

.e-fade {
  opacity: 1;
  transition: opacity 0.5s ease-out; }

.e-fade.e-fade--out {
  opacity: 0;
  transition: opacity 0.5s ease-out; }

.e-fade.e-fade--semi-out {
  opacity: 0.5;
  transition: opacity 0.5s ease-out; }

.e-visibility-zero-opacity {
  opacity: 0; }

.e-visibility-hidden {
  visibility: hidden; }

.e-visibility-visible {
  visibility: visible; }

.hd-light-20.hd-light-20--no-underline {
  border-bottom: none; }

.e-hide-bottom-border-last:last-child {
  border-bottom: none; }

.e-come-down {
  transition: top 1s ease-in-out;
  top: -20px; }

.e-come-down--down {
  top: 45px; }

.e-inherit-height {
  height: inherit; }

.e-sticky-card--shadow {
  -moz-box-shadow: 2px 10px 10px -10px #ddd;
  -webkit-box-shadow: 0 2px 10px #ddd;
  box-shadow: 2px 10px 10px -10px #ddd;
  z-index: 2; }

.e-sticky-card {
  z-index: 60;
  padding: 15px 15px 10px;
  background: #fff;
  -moz-transition: top 0.5s ease-in-out;
  -o-transition: top 0.5s ease-in-out;
  -webkit-transition: top 0.5s ease-in-out;
  transition: top 0.5s ease-in-out;
  -moz-box-shadow: 2px 10px 10px -10px #ddd;
  -webkit-box-shadow: 0 2px 10px #ddd;
  box-shadow: 2px 10px 10px -10px #ddd;
  z-index: 2;
  border-bottom: 1px solid #ddd; }
  @media screen and (min-height: 500px) and (min-width: 1266px) {
    .e-sticky-card {
      position: fixed;
      top: -100px; } }
  @media (max-height: 499px), (max-width: 1265px) {
    .e-sticky-card {
      position: static;
      margin-bottom: -100px; } }
  @media (max-height: 499px), (max-width: 1265px) {
    .e-sticky-card.e-sticky-card--summary {
      display: none; } }

.e-light-blue {
  color: #7dbcdc; }

.e-valign-middle {
  vertical-align: middle; }

.e-valign-top {
  vertical-align: top; }

.e-valign-sub {
  vertical-align: sub; }

.e-valign-super {
  vertical-align: super; }

.e-valign-text-top {
  vertical-align: text-top; }

.e-valign-text-bottom {
  vertical-align: text-bottom; }

.e-valign-inherit {
  vertical-align: inherit; }

.e-line-inherit {
  line-height: inherit; }

.e-line-height-150p {
  line-height: 150%; }

.e-clickable-height {
  height: 50px; }

.e-border-separator {
  border-bottom: 1px solid #dfe3e9; }

.e-border-separator--thick {
  border-bottom: 2px solid #dfe3e9; }

.e-border-top-separator {
  border-top: 1px solid #dfe3e9; }

.e-border-top-separator--thick {
  border-top: 2px solid #dfe3e9; }

.e-clearfix:before {
  display: table;
  content: ' '; }

.e-clearfix:after {
  display: table;
  content: ' ';
  clear: both; }

.e-cancel-pulling {
  float: none; }

/* Absence Request cshtml */
.popover.popover-hack {
  left: 0 !important; }

.popover--objective-card {
  width: 550px;
  max-width: 550px;
  padding-top: 0; }
  .popover--objective-card .popover-content {
    padding: 0; }

.popover--auto {
  max-width: 800px;
  width: auto; }

.e-calendar-popover {
  width: 300px; }

.e-layer-1 {
  z-index: 1; }

.e-spinner-for-tr {
  padding: 0 !important;
  text-align: center;
  width: 100%; }
  .e-spinner-for-tr img {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    max-height: 100%; }

.e-popover-table {
  table-layout: fixed;
  color: #535353;
  margin-top: -5px; }
  .e-popover-table td {
    vertical-align: top;
    padding: 5px;
    width: 50%;
    font-family: "robotolight", sans-serif; }
    .e-popover-table td:first-child {
      text-align: right;
      font-family: "robotomedium", sans-serif; }

.e-review-result-icon {
  position: absolute;
  top: -4px;
  right: 0; }

.e-tooltip-trigger {
  color: inherit; }
  .e-tooltip-trigger:hover, .e-tooltip-trigger:focus {
    text-decoration: inherit; }
  .e-tooltip-trigger:focus {
    color: inherit; }

/* Dropdown */
.e-tight-dropdown.dropdown-menu {
  min-width: 90px;
  border-radius: 5px; }

/* Because of too specific selector on e-list-template */
a.e-tooltip-trigger {
  color: inherit; }
  a.e-tooltip-trigger:hover, a.e-tooltip-trigger:focus {
    text-decoration: inherit; }
  a.e-tooltip-trigger:focus {
    color: inherit; }

.e-absence-public-info:before {
  content: '\e833';
  float: left;
  color: #3d5569;
  font: 16px "fontello-entypo-full";
  line-height: 1; }

.e-absence-public-info__quote {
  padding: 2px 10px;
  margin: 0 0 0 20px;
  font-size: 11px;
  color: #a1a1a1;
  border-left-width: 3px; }

@keyframes red-blink {
  0% {
    color: #db0a0a; }
  100% {
    color: #000; } }

.e-countdown-blink {
  display: block;
  animation: red-blink 1s 0s infinite;
  transition: animation; }

@keyframes countdown-icon-blink {
  0% {
    color: #fff;
    background: #db0a0a; }
  100% {
    background: #faf9f9;
    color: #a1a1a1; } }

.e-countdown-icon-blink {
  display: block;
  animation: countdown-icon-blink 1s 0s infinite;
  transition: animation; }

.e-move-to-left {
  transform: translateX(-100%);
  transition: animation 1s ease-in-out; }

.e-img-responsive {
  display: block;
  height: auto;
  max-width: 100%; }

.e-smart-tooltip {
  display: inline-block; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
input[type=text]:focus, input[type=number]:focus, select:focus, textarea:focus, div.e-formula-input[contenteditable="true"]:focus {
  outline: none;
  -webkit-box-shadow: 0px 0px 5px #2598da;
  box-shadow: 0px 0px 5px #2598da; }

input[type=radio], input[type=checkbox] {
  outline: none; }

input[type="text"], input[type="password"], input[type="tel"], input[type="date"], input[type="number"] {
  border: solid 1px #dcdcdc;
  color: #525252;
  line-height: 18px;
  padding: 3px 9px;
  height: 25px;
  font-size: 12px; }

textarea, select, div.e-formula-input[contenteditable="true"] {
  border: solid 1px #dcdcdc;
  color: #525252;
  line-height: 18px;
  padding: 2px 9px;
  height: 25px;
  font-size: 12px; }

textarea.e-soft-disabled[disabled] {
  border: solid 1px #dcdcdc;
  background: #fff;
  color: #525252;
  line-height: 18px;
  padding: 2px 9px;
  font-size: 12px; }

textarea, div.e-formula-input[contenteditable="true"] {
  resize: none;
  height: 100px; }
  textarea.single-line, div.e-formula-input[contenteditable="true"].single-line {
    height: 25px; }

/* SELECT2 SPECIFIC STYLES */
.select2-container.select2-container-active:not(.select2-dropdown-open) .select2-choice {
  outline: none;
  -webkit-box-shadow: 0px 0px 5px #2598da;
  box-shadow: 0px 0px 5px #2598da; }

@media screen and (max-width: 682px) {
  input[type=text].e-login__form__input, input[type=password].e-login__form__input {
    font-size: 16px;
    line-height: 1.5;
    padding-top: 3px !important;
    padding-bottom: 3px !important; } }

input[readonly] {
  background: #f1f3f5; }

input.e-hidden-with-validation, textarea.e-hidden-with-validation {
  position: absolute;
  left: 10px;
  top: -5px;
  width: 0;
  height: 0;
  padding: 0;
  border: transparent 1px solid;
  overflow: visible;
  display: block;
  outline: 0; }
  input.e-hidden-with-validation:focus, textarea.e-hidden-with-validation:focus {
    -webkit-box-shadow: none;
    box-shadow: none; }

/* Hack for Vacation/AddCustomFreeDayPolicy */
.contact-line input[type=text].e-hidden-with-validation {
  position: absolute;
  left: 10px;
  top: -5px;
  width: 0;
  height: 0;
  padding: 0;
  border: transparent 1px solid;
  overflow: visible;
  display: block;
  outline: 0; }

.e-scale-picker {
  float: left;
  width: 100%; }

.e-scale-picker__placeholder {
  float: left;
  position: relative;
  width: 100%;
  padding: 10px;
  border: 1px solid #dfe3e9; }

.e-scale-picker__preview {
  width: 100%;
  float: left;
  position: relative;
  padding: 10px;
  border: 1px solid #dfe3e9; }

.e-scale-picker__preview__change {
  position: absolute;
  right: 0;
  top: 0; }

.e-scale-picker__preview__name {
  float: left;
  font-size: 14px;
  line-height: 1em;
  color: #3d5569;
  word-wrap: break-word;
  font-family: "robotomedium", sans-serif;
  margin-right: 5px;
  margin-bottom: 3px; }

.e-scale-picker__preview__description {
  float: left;
  width: 100%;
  font-size: 11px;
  font-family: "robotolight", sans-serif;
  color: #a1a1a1; }

.e-scale-picker__preview__scale {
  float: left;
  width: 100%;
  margin-top: 5px;
  font-size: 12px;
  font-family: "robotolight", sans-serif;
  color: #5f656d; }

.e-horizontal-scroll {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%; }

.e-horizontal-scroll__shadow-left {
  display: block;
  height: 100%;
  width: 34px;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: -42px;
  /*-webkit-box-shadow: 0px 0px 32px 3px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 0px 32px 3px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 32px 3px rgba(0, 0, 0, 0.08);*/
  -webkit-box-shadow: 24px 0px 10px -15px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 24px 0px 10px -15px rgba(0, 0, 0, 0.14);
  box-shadow: 24px 0px 10px -15px rgba(0, 0, 0, 0.14);
  z-index: 2; }

.e-horizontal-scroll__shadow-right {
  display: block;
  height: 100%;
  width: 34px;
  position: absolute;
  top: 0px;
  right: -42px;
  /*box-shadow: rgba(0, 0, 0, 0.0784314) 0px 0px 32px 3px;*/
  -webkit-box-shadow: -24px 0px 10px -15px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: -24px 0px 10px -15px rgba(0, 0, 0, 0.14);
  box-shadow: -24px 0px 10px -15px rgba(0, 0, 0, 0.14);
  z-index: 2; }

.e-horizontal-scroll__sticky {
  position: absolute;
  background: #fff;
  display: none;
  box-shadow: 10px -1px 5px 3px rgba(0, 0, 0, 0.1); }

/*.e-horizontal-scroll__sticky td {
    box-shadow: 10px -1px 5px 3px #ddd;
    background: #fff;
}*/
.e-horizontal-scroll .jspHorizontalBar {
  height: 10px;
  border-radius: 10px;
  margin-left: 8px;
  width: calc(100% - 26px);
  position: absolute; }

.e-horizontal-scroll .jspHorizontalBar .jspArrow {
  display: none; }

.e-horizontal-scroll .jspHorizontalBar .jspTrack {
  padding: 2px 2px;
  border-radius: 10px;
  max-width: 100%; }

.e-horizontal-scroll .jspHorizontalBar .jspDrag {
  height: 6px; }

.e-confirm-box {
  padding: 12px 3px 12px 10px;
  float: left;
  width: 100%;
  background: #f1f3f5;
  margin-bottom: 20px; }

.e-confirm-box__content {
  display: table;
  width: 100%;
  vertical-align: middle; }

.e-confirm-box__fluid {
  display: table-cell; }

.e-confirm-box__right {
  display: table-cell;
  width: 25px;
  vertical-align: middle; }

.e-confirm-box__right__inherit {
  padding-right: inherit; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.e-date-range-picker {
  position: relative;
  display: inline-block;
  width: 100%; }

.e-date-range-picker-template {
  cursor: pointer;
  position: relative;
  min-height: 25px;
  border: solid 1px #dcdcdc;
  color: #525252;
  line-height: 18px;
  padding: 3px 9px;
  font-size: 12px; }

.e-date-range-picker-template--focus {
  outline: none;
  -webkit-box-shadow: 0px 0px 5px #2598da;
  box-shadow: 0px 0px 5px #2598da; }

.e-date-range-picker-template__select {
  position: absolute;
  right: 0;
  top: 30px;
  width: 700px;
  background: #fff;
  border: 1px solid #dfe3e9;
  box-shadow: 0 4px 10px #a1a1a1;
  display: none; }

.e-date-range-picker-template__select--left {
  right: auto;
  left: 0; }

.e-date-range-picker-template__select--open {
  display: block; }

.e-date-range-picker-template__select__calendars {
  float: left;
  width: 33.33333%;
  background: #fff; }
  .e-date-range-picker-template__select__calendars + .e-date-range-picker-template__select__calendars {
    border-left: 1px solid #dfe3e9; }

.e-date-range-picker-template__select__list {
  float: left;
  width: 33.33333%;
  list-style: none inside;
  padding-left: 0;
  margin-bottom: 0;
  background: #fff;
  z-index: 10;
  border-left: 1px solid #dfe3e9; }

.e-date-range-picker-template__select__list__item {
  float: left;
  width: 100%; }
  .e-date-range-picker-template__select__list__item:last-child .e-date-range-picker-template__select__list__item__link {
    border-bottom: none; }

.e-date-range-picker-template__select__list__item__link {
  float: left;
  width: 100%;
  padding: 8px 15px;
  background: #fff;
  color: #5f656d;
  transition: none;
  font-family: "robotomedium", sans-serif;
  border-bottom: 1px solid #dfe3e9; }
  .e-date-range-picker-template__select__list__item__link:hover {
    background: #2598da;
    color: #fff;
    text-decoration: none; }

.e-datetime-picker {
  float: left;
  width: 100%;
  padding-bottom: 20px; }

.e-datetime-picker__date {
  float: left;
  width: 50%; }

.e-datetime-picker__time {
  float: left;
  width: 50%; }

.e-datetime-picker__date__input {
  float: left;
  width: calc(100% - 45px); }

.e-datetime-picker__date__icon {
  float: right;
  width: 45px;
  padding-left: 5px;
  font-size: 20px;
  cursor: pointer; }
  .e-datetime-picker__date__icon:before {
    color: #7dbcdc;
    border: none; }

.e-datetime-picker__time__input {
  float: left;
  width: calc(100% - 45px); }

.e-datetime-picker__time__icon {
  float: left;
  width: 45px;
  padding-right: 5px;
  font-size: 20px;
  text-align: right;
  cursor: pointer; }
  .e-datetime-picker__time__icon:before {
    color: #bcbebf;
    border: none; }

.e-daterange {
  float: left;
  width: 100%; }

.e-daterange__since-label {
  float: left;
  width: 35px;
  padding: 5px 5px 5px 0; }

.e-daterange__since-input {
  float: left;
  width: calc(50% - 70px); }

.e-daterange__since-icon {
  float: left;
  width: 35px;
  font-size: 20px;
  color: #7dbcdc; }

.e-daterange__until-label {
  float: left;
  width: 35px;
  padding: 5px 5px 5px 0;
  text-align: right; }

.e-daterange__until-input {
  float: left;
  width: calc(50% - 70px); }

.e-daterange__until-icon {
  float: left;
  width: 35px;
  font-size: 20px;
  color: #7dbcdc; }

.e-daterange-now {
  float: left;
  width: 100%; }

.e-daterange-now__label {
  float: right;
  width: calc(50% - 55px);
  margin-top: 5px;
  font-size: 12px; }

input[type=checkbox].e-daterange-now__label__checkbox {
  margin-right: 0.5em; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
/* główny layout */
#page-container {
  width: 1265px;
  float: left; }

#main-nav {
  width: 300px;
  padding-top: 0;
  float: left; }

#page-body {
  padding: 44px 0 60px 0;
  float: left;
  width: 965px; }
  @media only screen and (max-width: 1265px), only screen and (max-height: 767px) {
    #page-body {
      padding-top: 0; } }

.layout-left-column {
  width: 700px;
  margin: 0 0 0 12px; }

h1 {
  margin: 0 0 30px 30px;
  padding: 0;
  color: #27272a;
  font-size: 20px; }
  h1 .gray {
    color: #6e6e6e; }

#main-nav ul, #main-nav li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  width: 100%;
  float: left;
  clear: both; }

/* Tymczasowo dla ikony ustawień/ */
/* /Tymczasowo dla ikony ustawień*/
nav .secondary .badge {
  padding: 5px 7px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 11px;
  background: #dcdcdc;
  color: #61666f;
  font-weight: normal;
  float: right;
  margin-top: -1px; }

header .user {
  line-height: 43px;
  padding-left: 7px;
  border-left: solid 1px #797e87;
  margin-left: 8px;
  -webkit-box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.2); }
  header .user .img {
    width: 30px;
    height: 30px;
    margin-right: 8px; }

.currentUser .user .img {
  width: 30px;
  height: 30px;
  margin-right: 8px; }

header .user .name {
  white-space: nowrap;
  display: inline-block;
  color: #ecf1f4; }
  header .user .name:hover {
    color: #2598DA; }

header .settings {
  padding: 6px 5px;
  border-left: solid 1px #797e87;
  margin-left: 15px;
  -webkit-box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.2); }
  header .settings .dropdown-toggle {
    cursor: pointer;
    padding: 6px; }
  header .settings.open .dropdown-toggle {
    background-color: #ffffff; }
  header .settings .dropdown-menu {
    width: 240px;
    margin-top: -7px;
    left: auto;
    right: 4px; }
    header .settings .dropdown-menu ul {
      margin: 0 15px 15px 15px;
      width: 210px; }
    header .settings .dropdown-menu li > a {
      padding: 10px 0;
      color: #27272a; }
      header .settings .dropdown-menu li > a:hover {
        color: #487FD1;
        background-color: transparent; }
  header .settings .logout {
    padding: 13px 15px 11px;
    color: #27272a; }
  header .settings a.logout:hover {
    color: #487FD1; }

.settings #LanguageId {
  width: 160px; }

#main-nav .view-mode {
  width: 100%;
  background-color: #ffffff;
  padding-top: 9px;
  padding-bottom: 5px;
  -webkit-box-shadow: inset -1px 1px 3px 0 rgba(0, 0, 0, 0.2), -3px 3px 3px -2px rgba(0, 0, 0, 0.2);
  box-shadow: inset -1px 1px 3px 0 rgba(0, 0, 0, 0.2), -3px 3px 3px -2px rgba(0, 0, 0, 0.2); }
  #main-nav .view-mode .main-icon:before {
    margin-left: 10px;
    font-size: 18px;
    color: #666a74; }
  #main-nav .view-mode .lbl {
    font-size: 10px;
    text-transform: uppercase;
    color: #80848c;
    vertical-align: middle; }
  #main-nav .view-mode .name {
    font-size: 12px;
    vertical-align: middle;
    margin-left: 15px; }
  #main-nav .view-mode .dropdown-toggle {
    border: solid 1px transparent;
    border-bottom-width: 0;
    float: right;
    padding: 9px 7px 5px 7px;
    margin: -8px 1px 0 0;
    cursor: pointer; }
  #main-nav .view-mode.open .dropdown-toggle {
    border-color: #9399a2;
    position: relative;
    z-index: 1005;
    background-color: #ffffff;
    -webkit-box-shadow: 0 -5px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 -5px 5px rgba(0, 0, 0, 0.3); }
  #main-nav .view-mode .dropdown-menu {
    left: auto;
    right: 1px;
    margin-top: -6px;
    width: 205px; }
    #main-nav .view-mode .dropdown-menu .hd {
      padding-top: 10px; }

#main-nav .main {
  width: 103px;
  float: left;
  margin-bottom: 70px; }
  #main-nav .main li {
    width: 100%;
    clear: both;
    text-align: center;
    border-top: solid 1px #d5d5d5; }
    #main-nav .main li.first {
      border-top-width: 0; }
    #main-nav .main li a {
      display: block;
      border-left: solid 3px transparent;
      padding: 18px 5px 5px 5px;
      height: 95px;
      font-size: 12px;
      color: #a5a7ac; }
      #main-nav .main li a:hover {
        color: #61666f; }
  #main-nav .main [class^="icon-"]:before, #main-nav .main [class*=" icon-"]:before {
    font-size: 38px;
    text-shadow: 1px 1px 0 #ffffff; }
  #main-nav .main li.active a {
    color: #61666f;
    border-left-color: #2598da;
    background-color: #f6f6f6;
    -webkit-box-shadow: -6px 0 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: -6px 0 5px 0 rgba(0, 0, 0, 0.2); }

#main-nav .secondary {
  width: 197px;
  float: left;
  padding: 13px 10px 0 10px; }
  #main-nav .secondary li {
    width: 100%;
    clear: both;
    float: left;
    margin-bottom: 0; }
    #main-nav .secondary li.see-all {
      margin-top: 5px; }
    #main-nav .secondary li > a {
      padding: 6px 10px;
      width: 177px;
      float: left;
      color: #3d5569; }
      #main-nav .secondary li > a:hover {
        color: #487FD1; }
      #main-nav .secondary li > a .popover {
        color: #61666f;
        font-family: 'robotolight', sans-serif; }
        #main-nav .secondary li > a .popover h3 {
          font-size: 12px;
          margin: 5px 0 10px 0; }
  #main-nav .secondary .lbl {
    width: 129px;
    float: right;
    margin: 2px 0 0 0;
    line-height: 1.3; }
    #main-nav .secondary .lbl .icon-info-circled:before {
      font-size: 14px; }
  #main-nav .secondary [class^="icon-"]:before, #main-nav .secondary [class*=" icon-"]:before {
    font-size: 18px;
    margin-left: 0;
    margin-right: 0; }
  #main-nav .secondary .basic .hd {
    font-size: 20px;
    color: #61666f;
    margin: 0 0 15px 10px;
    clear: both; }
  #main-nav .secondary .basic .subheader:not(:first-child) {
    margin-top: 20px; }
  #main-nav .secondary .basic .sub-hd {
    font-size: 16px;
    color: #61666f;
    margin: 0 0 5px 10px;
    clear: both; }
  #main-nav .secondary .basic .lbl {
    font-size: 13px; }
  #main-nav .secondary .additional .hd {
    font-size: 20px;
    color: #61666F;
    margin: 0 0 10px 10px;
    /* text-transform: uppercase;*/
    clear: both; }
  #main-nav .secondary .additional .lbl {
    font-size: 12px; }
  #main-nav .secondary .additional li {
    margin-bottom: 0; }
    #main-nav .secondary .additional li > a {
      padding-top: 3px;
      padding-bottom: 2px; }
  #main-nav .secondary li.active {
    background-color: #2598da; }
    #main-nav .secondary li.active a {
      color: #ffffff; }
  #main-nav .secondary .without-icons .lbl {
    width: 100%;
    margin-top: 0; }
  #main-nav .secondary .additional .without-icons li > a {
    padding-top: 6px;
    padding-bottom: 6px; }
  #main-nav .secondary hr {
    width: 155px;
    margin: 20px 0 15px 10px;
    float: left; }

.e-internal-menu {
  background: #f4f6f8;
  float: left;
  width: 100%; }

.e-internal-menu__item--active {
  background-color: #2598da; }
  .e-internal-menu__item--active span {
    color: #fff; }
  .e-internal-menu__item--active i {
    color: #fff; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.e-select2-item__icon {
  float: left;
  padding-right: 5px;
  font-size: 14px;
  color: #66b7e5; }

.e-select2-item__text {
  line-height: 1.5em; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.e-knowledge-test-card {
  float: left;
  width: 100%;
  border: 1px solid #e1e1e1;
  box-shadow: 0 2px 5px 2px #eeeeee;
  height: 310px;
  position: relative; }
  .e-knowledge-test-card--auto-height {
    height: auto;
    cursor: auto; }
  .e-knowledge-test-card--preview {
    border: none; }
  .e-knowledge-test-card__thumbnail {
    float: left;
    position: relative;
    width: 100%;
    height: 150px;
    background: #f1f3f5;
    border-bottom: #c1c9d4;
    cursor: pointer;
    overflow: hidden;
    text-align: center;
    padding-top: 40px; }
    .e-knowledge-test-card__thumbnail--auto-height {
      height: auto;
      padding-top: 0; }
    .e-knowledge-test-card__thumbnail__img {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 150px;
      transition: ease-in-out 0.25s; }
    .e-knowledge-test-card__thumbnail__placeholder-icon {
      position: relative;
      display: block;
      top: 0;
      font-size: 50px;
      color: #a1a1a1;
      transition: ease-in-out 0.1s; }
      .e-knowledge-test-card__thumbnail__placeholder-icon:hover {
        color: #a1a1a1; }
    .e-knowledge-test-card__thumbnail:hover .e-knowledge-test-card__thumbnail__img {
      transform: scale(1.1); }
    .e-knowledge-test-card__thumbnail:hover .e-knowledge-test-card__thumbnail__placeholder-icon {
      transform: scale(1.1); }
    .e-knowledge-test-card__thumbnail--unactive:hover .e-knowledge-test-card__thumbnail__img {
      left: 0;
      top: 0;
      width: 100%;
      height: auto; }
    .e-knowledge-test-card__thumbnail--unactive:hover .e-knowledge-test-card__thumbnail__placeholder-icon {
      top: 0;
      font-size: 50px; }
  .e-knowledge-test-card__content {
    float: left;
    width: 100%;
    padding: 10px;
    background: #fff; }
    .e-knowledge-test-card__content__title {
      word-break: break-all;
      word-break: break-word;
      display: inline-block;
      font-size: 14px;
      color: #5f656d;
      font-family: "robotomedium", sans-serif;
      padding-bottom: 10px; }
      .e-knowledge-test-card__content__title:hover {
        text-decoration: none; }
    .e-knowledge-test-card__content__description {
      word-wrap: break-word;
      float: left;
      width: 100%;
      color: #a1a1a1;
      font-size: 11px;
      padding-bottom: 10px;
      height: 5em; }
    .e-knowledge-test-card__content__category {
      float: left;
      width: 100%;
      padding-bottom: 10px; }
    .e-knowledge-test-card__content__actions {
      position: absolute;
      left: 0;
      bottom: 0;
      float: left;
      width: 100%;
      text-align: right;
      padding: 10px; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.e-knowledge-test-infobox {
  float: left;
  width: 100%;
  padding: 0; }
  .e-knowledge-test-infobox__header {
    float: left;
    width: 100%;
    height: 40px; }
    .e-knowledge-test-infobox__header__icon {
      float: left;
      width: 40px;
      height: 40px;
      margin-right: 10px;
      color: #b6c0cb;
      background: #f1f3f5;
      text-align: center;
      font-size: 20px;
      line-height: 40px; }
    .e-knowledge-test-infobox__header__title {
      float: right;
      position: relative;
      width: calc(100% - 50px);
      height: 40px;
      padding: 0 10px 0 30px;
      margin: 0;
      background: #f1f3f5;
      font: 18px "robotomedium", sans-serif;
      color: #3d5569;
      line-height: 40px; }
      .e-knowledge-test-infobox__header__title:before {
        content: ' ';
        position: absolute;
        left: 0;
        top: 10px;
        border-top: 6px solid #fff;
        border-right: 9px solid transparent;
        border-bottom: 6px solid transparent;
        border-left: 9px solid #fff; }
  .e-knowledge-test-infobox__content {
    float: left;
    width: 100%;
    padding: 10px 10px 0 50px;
    font: 12px "robotolight", sans-serif;
    color: #a1a1a1; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.e-knowledge-test-categories-picker {
  float: left;
  list-style: none inside;
  padding-left: 0;
  width: 100%; }
  .e-knowledge-test-categories-picker__item {
    float: left;
    padding-top: 5px;
    width: 100%;
    border: solid 1px transparent;
    border-bottom: solid 1px #f1f3f5; }
    .e-knowledge-test-categories-picker__item--no-toggle {
      padding-bottom: 6px; }
    .e-knowledge-test-categories-picker__item__row {
      display: table;
      width: 100%;
      table-layout: fixed; }
      .e-knowledge-test-categories-picker__item__row__cell {
        padding: 3px 10px;
        display: table-cell;
        vertical-align: middle;
        position: relative; }
        .e-knowledge-test-categories-picker__item__row__cell--checkbox {
          width: 40px; }
        .e-knowledge-test-categories-picker__item__row__cell--expander {
          width: 40px;
          font-size: 16px;
          color: #a1a1a1; }
      .e-knowledge-test-categories-picker__item__row__image-cell {
        display: table-cell;
        width: 52px;
        padding: 3px 0 4px 10px; }
        .e-knowledge-test-categories-picker__item__row__image-cell__icon {
          float: left;
          background-color: #f1f1f1;
          width: 40px;
          text-align: center;
          margin-right: 10px; }
          .e-knowledge-test-categories-picker__item__row__image-cell__icon:before {
            color: #bcbdbf;
            font-size: 20px;
            margin: 10px 0; }
    .e-knowledge-test-categories-picker__item:hover {
      background: #f4f6f9;
      border: dashed 1px #66b7e5; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.e-time-progress-bar {
  position: relative;
  float: left;
  width: 100%;
  height: 2em;
  border: solid 1px #dfe3e9; }
  .e-time-progress-bar__progress {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    background-color: rgba(104, 182, 106, 0.5); }
    .e-time-progress-bar__progress--animate {
      transition: 0.55s width linear, 0.55s background-color linear; }
    .e-time-progress-bar__progress--green {
      background-color: rgba(104, 182, 106, 0.5); }
    .e-time-progress-bar__progress--red {
      background-color: rgba(219, 10, 10, 0.5); }
  .e-time-progress-bar__time {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    padding: 0;
    background: transparent;
    text-align: center;
    color: #5f656d;
    font: 18px "robotomedium", sans-serif; }
  .e-time-progress-bar__label {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    padding: 5px;
    font: 13px "robotobold", sans-serif; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.e-knowledge-test-group-differencial {
  float: left;
  width: 100%;
  padding: 10px 0 15px;
  text-align: left; }
  .e-knowledge-test-group-differencial__you {
    padding: 0 4.5%;
    text-align: center;
    font: 12px "robotobold", sans-serif; }
    .e-knowledge-test-group-differencial__you--worst {
      text-align: left; }
    .e-knowledge-test-group-differencial__you--best {
      text-align: right; }
  .e-knowledge-test-group-differencial__icon {
    font-size: 27px;
    width: 0.9em;
    display: inline-block;
    color: #c7c7c7; }
    .e-knowledge-test-group-differencial__icon--best {
      color: #5ebd5e; }
    .e-knowledge-test-group-differencial__icon--worst {
      color: #db0a0a; }
  .e-knowledge-test-group-differencial__sections {
    font-size: 10px;
    padding: 5px; }
    .e-knowledge-test-group-differencial__sections__avarage {
      position: relative;
      float: left;
      width: 70%;
      border-top: solid 1px #a1a1a1;
      padding-top: 20px;
      text-align: center; }
      .e-knowledge-test-group-differencial__sections__avarage:before {
        position: absolute;
        left: 50%;
        right: 50%;
        top: 0;
        bottom: 0;
        content: ' ';
        display: block;
        background: #a1a1a1;
        width: 1px;
        height: 20px;
        margin: 0 auto; }
    .e-knowledge-test-group-differencial__sections__worst {
      position: relative;
      float: left;
      width: 15%;
      padding-top: 20px;
      padding-right: 5px;
      border-top: solid 1px #a1a1a1;
      text-align: right; }
      .e-knowledge-test-group-differencial__sections__worst:after {
        content: '';
        position: absolute;
        top: -1px;
        left: 13px;
        display: block;
        border-top: solid 20px #fff;
        border-left: solid 10px #a1a1a1;
        width: 20px;
        height: 20px;
        background: transparent; }
      .e-knowledge-test-group-differencial__sections__worst:before {
        content: '';
        position: absolute;
        padding-top: 2px;
        top: 0;
        left: 12px;
        margin-left: 0.5px;
        display: block;
        border-top: solid 20px transparent;
        border-left: solid 10px #fff;
        width: 21px;
        height: 21px;
        z-index: 5;
        background: transparent; }
    .e-knowledge-test-group-differencial__sections__best {
      position: relative;
      float: right;
      width: 15%;
      padding-top: 20px;
      padding-right: 5px;
      border-top: solid 1px #a1a1a1;
      text-align: right; }
      .e-knowledge-test-group-differencial__sections__best:after {
        content: '';
        position: absolute;
        top: -1px;
        left: 8px;
        display: block;
        border-top: solid 20px #fff;
        border-right: solid 10px #a1a1a1;
        width: 20px;
        height: 20px;
        background: transparent; }
      .e-knowledge-test-group-differencial__sections__best:before {
        content: '';
        position: absolute;
        padding-top: 2px;
        top: 0;
        left: 7px;
        margin-left: 0;
        display: block;
        border-top: solid 20px transparent;
        border-right: solid 10px #fff;
        width: 21px;
        height: 21px;
        z-index: 5;
        background: transparent; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.e-duration-picker {
  border: solid 1px #dcdcdc;
  color: #525252;
  line-height: 18px;
  padding: 0;
  font-size: 12px; }
  .e-duration-picker .durationpicker-innercontainer:last-child {
    padding-right: 0; }
  .e-duration-picker .durationpicker-duration {
    width: 45px;
    border: none; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.e-radio-tabs {
  float: left;
  width: 100%;
  display: block;
  list-style: none inside;
  padding: 0 10px;
  margin-top: 10px;
  font-family: "robotomedium", sans-serif;
  margin-bottom: 0;
  border-bottom: 1px solid #dddddd; }
  .e-radio-tabs__tab {
    position: relative;
    float: left;
    margin: 0 5px 0 0;
    height: auto;
    font-size: 13px; }
    .e-radio-tabs__tab__input {
      display: none; }
      .e-radio-tabs__tab__input:checked + .e-radio-tabs__tab__label {
        float: left;
        top: 1px;
        padding: 6px 15px 5px;
        border-bottom: none;
        background-color: #faf9f9;
        font-size: 13px;
        color: #5f656d;
        -webkit-box-shadow: 6px 3px 0 -4px #ddddde, -6px 3px 0 -4px #ddddde;
        -moz-box-shadow: 6px 3px 0 -4px #ddddde, -6px 3px 0 -4px #ddddde;
        box-shadow: 6px 3px 0 -4px #ddddde, -6px 3px 0 -4px #ddddde;
        height: 30px; }
        .e-radio-tabs__tab__input:checked + .e-radio-tabs__tab__label .e-radio-tabs__tab__label__badge {
          background-color: #ff5a11;
          color: #fff; }
    .e-radio-tabs__tab__label {
      position: relative;
      top: 4px;
      float: left;
      width: 100%;
      height: 26px;
      padding: 5px 10px;
      border: 1px solid #dddddd;
      border-bottom: none;
      border-radius: 4px 4px 0 0;
      background-color: #f1f1f1;
      font-size: 13px;
      color: #8D8D8F;
      cursor: pointer; }
      .e-radio-tabs__tab__label__badge {
        padding: 2px 5px;
        margin: 0 0 0 5px;
        background-color: #dcdcdc;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        font-size: 11px;
        font-family: "robotomedium", sans-serif;
        display: inline-block; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.e-questionnaire-result-box {
  display: inline-block;
  width: 200px;
  padding: 20px;
  box-shadow: 0 2px 5px 2px #eeeeee;
  border: 1px solid #e1e1e1; }
  .e-questionnaire-result-box__icon {
    font-size: 20px;
    color: #a1a1a1; }
  .e-questionnaire-result-box__header {
    color: #888888;
    font-size: 16px; }
  .e-questionnaire-result-box__content {
    display: block;
    font-size: 36px;
    padding-top: 10px;
    color: #535353;
    font-family: "robotoregular", sans-serif; }
    .e-questionnaire-result-box__content--no-score {
      padding-bottom: 5px;
      font-size: 16px;
      font-family: "robotoregular", sans-serif; }
  .e-questionnaire-result-box--pages {
    padding: 15px;
    background: #fff;
    text-align: center;
    width: 120px;
    height: 95px; }
    .e-questionnaire-result-box--pages .e-questionnaire-result-box__content {
      font-size: 28px; }
      .e-questionnaire-result-box--pages .e-questionnaire-result-box__content--two-digit {
        font-size: 24px; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.e-solid-heading {
  background-color: #f6f6f6;
  font-size: 12px;
  font-weight: normal;
  text-transform: uppercase;
  color: #7b7b7b;
  clear: both;
  padding: 9px 10px;
  margin: 0 0 20px 0; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.e-bg-dark-grey {
  background-color: #5f656d; }

.e-bg-lighter-grey {
  background-color: #f1f3f5; }

.e-bg-light-grey {
  background-color: #dfe3e9; }

.e-bg-lightest-grey {
  background-color: #faf9f9; }

.e-bg-navy-grey {
  background-color: #5f656d; }

.e-bg-aqua {
  background-color: #dcf3ff; }

.e-bg-white {
  background-color: #fff; }

.e-bg-purple {
  background-color: #a63a64; }

.e-bg-lighten-red {
  background-color: #ff8080; }

.e-bg-concrete-blue {
  background-color: #2598da; }

.e-bg-list-hover-grey {
  background-color: #f4f6f9; }

.e-bg-light-mid-grey {
  background-color: #bbbbbb; }

.bg-dark-grey {
  background-color: #5f656d; }

.bg-lighter-grey {
  background-color: #f1f3f5; }

.bg-light-grey {
  background-color: #dfe3e9; }

.bg-lightest-grey {
  background-color: #faf9f9; }

.bg-navy-grey {
  background-color: #5f656d; }

.bg-aqua {
  background-color: #dcf3ff; }

.bg-white {
  background-color: #fff; }

.e-icon-light-blue-box {
  background-color: white;
  color: #BAD8E9; }
  .e-icon-light-blue-box:before {
    color: #BAD8E9 !important; }

.e-icon-light-green-box {
  background-color: white;
  color: #d8e9ba; }
  .e-icon-light-green-box:before {
    color: #d8e9ba !important; }

.e-icon-light-purple-box {
  background-color: white;
  color: #e9bad8; }
  .e-icon-light-purple-box:before {
    color: #e9bad8 !important; }

.bg-stripped {
  background: transparent url("/Content/tms/_img/bg-strips.png") repeat 0 0; }

/*
    Koniec teł
*/
/*
    Tekstowe
*/
.e-smaller {
  font-size: 10px; }

.e-small {
  font-size: 11px; }

.e-small-date {
  font-size: 10px;
  font-family: "robotoregular", sans-serif;
  line-height: 1em;
  color: #a1a1a1; }

.e-medium {
  font-size: 12px; }

.e-big {
  font-size: 13px; }

.e-bigger {
  font-size: 14px; }

.e-biggest {
  font-size: 16px; }

.e-huge {
  font-size: 18px; }

.e-font-size-10 {
  font-size: 10px; }

.e-font-size-11 {
  font-size: 11px; }

.e-font-size-12 {
  font-size: 12px; }

.e-font-size-13 {
  font-size: 13px; }

.e-font-size-14 {
  font-size: 14px; }

.e-font-size-16 {
  font-size: 16px; }

.e-font-size-18 {
  font-size: 18px; }

.e-font-size-20 {
  font-size: 20px; }

.e-font-size-22 {
  font-size: 22px; }

.e-font-size-24 {
  font-size: 24px; }

.e-font-size-28 {
  font-size: 28px; }

.e-font-size-32 {
  font-size: 32px; }

.e-font-size-36 {
  font-size: 36px; }

.e-font-size-48 {
  font-size: 48px; }

.e-heading-smallest {
  font-size: 20px; }

.e-heading-smaller {
  font-size: 22px; }

.e-heading-medium {
  font-size: 24px; }

.e-heading-big {
  font-size: 28px; }

.e-heading-bigger {
  font-size: 32px; }

.e-heading-biggest {
  font-size: 36px; }

.e-heading--underline {
  padding-bottom: 5px;
  margin: 0 0 10px 0;
  border-bottom: solid 2px #f3f3f3; }

.e-breath-both {
  padding-left: 1em;
  padding-right: 1em; }

.e-breath-left {
  padding-left: 1em; }

.e-breath-right {
  padding-right: 1em; }

.e-underline {
  text-decoration: underline; }

.font-light, .e-form-label, .e-form-label--full, .e-form-label--title, .e-form-label--icon, .e-form-label--empty, .e-form-label--empty--height-15, .page-heading--vacancies, .e-people-picker__filters__list__item label, .e-people-picker__filters__submenu__list__item__span label, .e-people-picker__filters__submenu__list__item__span label a, .e-people-picker__groups-menu__item a, .e-tag--skills, .e-tag--gray, .e-tag--suppliers, .e-list--condensed .e-list__item__type, .e-people-list__item__date, .e-chat__time, .e-people-list__item__description, .e-people-list-sidebar__list__item--active .e-people-list-sidebar__list__item__name, .e-people-list-sidebar__list__item--active .e-people-list-sidebar__list__item__position, .e-people-list-sidebar__list__item__name, .e-people-list-sidebar__list__item__position, .e-chat__message-content, .e-selected-tag__tag {
  font-family: 'robotolight', sans-serif; }

.font-light-italic {
  font-family: 'robotolight_italic', sans-serif; }

.font-bold, .e-people-picker__filters__header-1, .e-people-picker__header__workers, .e-list-table .e-list-table__td__heading, .e-tag .e-tag__number, .e-list .e-list__item__heading, .e-simple-table__item__heading, .e-people-list__item__name, .e-key-results__percentage {
  font-family: 'robotobold', sans-serif;
  font-weight: normal; }

.font-regular, .e-box-title, .e-simple-table--instant-feeback .e-simple-table__item__heading a {
  font-family: 'roboto', sans-serif;
  font-weight: normal; }

.font-medium {
  font-family: 'robotomedium', sans-serif; }

.font-medium-italic {
  font-family: "robotomedium_italic", sans-serif; }

.e-pull-left {
  float: left !important; }

.e-pull-right {
  float: right !important; }

.e-pull-center {
  margin: 0 auto; }

.e-hidden {
  display: none !important; }

.e-visible {
  display: block !important; }

.e-display-table {
  display: table; }

.e-display-table-cell {
  display: table-cell; }

.e-color-black {
  color: #000; }

.e-color-white {
  color: #fff; }

.e-color-grey {
  color: #a1a1a1; }

.e-color-dark-navy {
  color: #3d5569; }

.e-color-dark-grey {
  color: #5f656d; }

.e-color-metalic-grey {
  color: #61666c; }

.e-color-medium-grey {
  color: #797979; }

.e-color-event {
  color: #ffa053; }

.e-color-dark-blue {
  color: #33a6dc; }

.e-color-red {
  color: red; }

.e-color-dark-red {
  color: #b11515; }

.e-color-semi-dark-red {
  color: #c30000; }

.e-color-green {
  color: green; }

.e-color-lighter-green {
  color: #b2dcb2; }

.e-color-light-green {
  color: #5ebd5e; }

.e-color-light-blue {
  color: #7dbcdc; }

.e-color-light-orange {
  color: #fac767; }

.e-color-transparent {
  color: transparent; }

.e-color-concrete-blue {
  color: #2598da; }

.e-color-light-grey {
  color: #dfe3e9; }

.e-color-pink {
  color: #f4989d; }

.e-color-dark-full-grey {
  color: darkFullGrey; }

.e-color-light-mid-grey {
  color: #bbbbbb; }

.e-color-medium-dark-grey {
  color: #666a74; }

.e-color-knowledge-test {
  color: #8baa50; }

.e-color-lightOrage {
  color: #fac767; }

.e-color-dark-orange {
  color: #fe9037; }

.e-pseudo-color-black:before {
  color: #000 !important; }

.e-pseudo-color-black:after {
  color: #000 !important; }

.e-pseudo-color-white:before {
  color: #fff !important; }

.e-pseudo-color-white:after {
  color: #fff !important; }

.e-pseudo-color-grey:before {
  color: #a1a1a1 !important; }

.e-pseudo-color-grey:after {
  color: #a1a1a1 !important; }

.e-pseudo-color-dark-navy:before {
  color: #3d5569 !important; }

.e-pseudo-color-dark-navy:after {
  color: #3d5569 !important; }

.e-pseudo-color-dark-grey:before {
  color: #5f656d !important; }

.e-pseudo-color-dark-grey:after {
  color: #5f656d !important; }

.e-pseudo-color-metalic-grey:before {
  color: #61666c !important; }

.e-pseudo-color-metalic-grey:after {
  color: #61666c !important; }

.e-pseudo-color-medium-grey:before {
  color: #797979 !important; }

.e-pseudo-color-medium-grey:after {
  color: #797979 !important; }

.e-pseudo-color-event:before {
  color: #ffa053 !important; }

.e-pseudo-color-event:after {
  color: #ffa053 !important; }

.e-pseudo-color-dark-blue:before {
  color: #33a6dc !important; }

.e-pseudo-color-dark-blue:after {
  color: #33a6dc !important; }

.e-pseudo-color-red:before {
  color: red !important; }

.e-pseudo-color-red:after {
  color: red !important; }

.e-pseudo-color-dark-red:before {
  color: #b11515 !important; }

.e-pseudo-color-dark-red:after {
  color: #b11515 !important; }

.e-pseudo-color-semi-dark-red:before {
  color: #c30000 !important; }

.e-pseudo-color-semi-dark-red:after {
  color: #c30000 !important; }

.e-pseudo-color-green:before {
  color: green !important; }

.e-pseudo-color-green:after {
  color: green !important; }

.e-pseudo-color-lighter-green:before {
  color: #b2dcb2 !important; }

.e-pseudo-color-lighter-green:after {
  color: #b2dcb2 !important; }

.e-pseudo-color-light-green:before {
  color: #5ebd5e !important; }

.e-pseudo-color-light-green:after {
  color: #5ebd5e !important; }

.e-pseudo-color-light-blue:before {
  color: #7dbcdc !important; }

.e-pseudo-color-light-blue:after {
  color: #7dbcdc !important; }

.e-pseudo-color-light-orange:before {
  color: #fac767 !important; }

.e-pseudo-color-light-orange:after {
  color: #fac767 !important; }

.e-pseudo-color-transparent:before {
  color: transparent !important; }

.e-pseudo-color-transparent:after {
  color: transparent !important; }

.e-pseudo-color-concrete-blue:before {
  color: #2598da !important; }

.e-pseudo-color-concrete-blue:after {
  color: #2598da !important; }

.e-pseudo-color-light-grey:before {
  color: #dfe3e9 !important; }

.e-pseudo-color-light-grey:after {
  color: #dfe3e9 !important; }

.e-pseudo-color-pink:before {
  color: #f4989d !important; }

.e-pseudo-color-pink:after {
  color: #f4989d !important; }

.e-pseudo-color-dark-full-grey:before {
  color: darkFullGrey !important; }

.e-pseudo-color-dark-full-grey:after {
  color: darkFullGrey !important; }

.e-pseudo-color-light-mid-grey:before {
  color: #bbbbbb !important; }

.e-pseudo-color-light-mid-grey:after {
  color: #bbbbbb !important; }

.e-pseudo-color-medium-dark-grey:before {
  color: #666a74 !important; }

.e-pseudo-color-medium-dark-grey:after {
  color: #666a74 !important; }

.e-pseudo-color-knowledge-test:before {
  color: #8baa50 !important; }

.e-pseudo-color-knowledge-test:after {
  color: #8baa50 !important; }

.e-pseudo-color-lightOrage:before {
  color: #fac767 !important; }

.e-pseudo-color-lightOrage:after {
  color: #fac767 !important; }

.e-pseudo-color-dark-orange:before {
  color: #fe9037 !important; }

.e-pseudo-color-dark-orange:after {
  color: #fe9037 !important; }

.e-color-transition {
  -moz-transition: color 0.25s ease-in-out;
  -o-transition: color 0.25s ease-in-out;
  -webkit-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out; }

.e-pseudo-color-black:before {
  color: #000 !important; }

.e-pseudo-color-black:after {
  color: #000 !important; }

.e-pseudo-color-grey:before {
  color: #a1a1a1 !important; }

.e-pseudo-color-grey:after {
  color: #a1a1a1 !important; }

.e-pseudo-color-dark-navy:before {
  color: #3d5569 !important; }

.e-pseudo-color-dark-navy:after {
  color: #3d5569 !important; }

.e-pseudo-color-dark-grey:before {
  color: #5f656d !important; }

.e-pseudo-color-dark-grey:after {
  color: #5f656d !important; }

.e-pseudo-color-metalic-grey:before {
  color: #61666c !important; }

.e-pseudo-color-metalic-grey:after {
  color: #61666c !important; }

.e-pseudo-color-medium-grey:before {
  color: #797979 !important; }

.e-pseudo-color-medium-grey:after {
  color: #797979 !important; }

.e-align-left {
  text-align: left; }

.e-align-center {
  text-align: center; }

.e-align-right {
  text-align: right; }

.e-align-justify {
  text-align: justify; }

.e-page-heading1 {
  font-size: 24px;
  margin: 0;
  padding: 0; }

.e-article-heading {
  font-size: 36px;
  line-height: 1.18;
  margin: 0 0 20px 0;
  color: #3d5569; }
  .e-article-heading--report {
    font-size: 80px; }

.e-report-logo-bottom-space {
  padding-bottom: 200px; }

.e-underscored-heading {
  border-bottom: 1px solid #f1f3f5; }

.e-underscored {
  border-bottom: solid 1px #dcdcdc; }

.e-text-row {
  padding-bottom: 15px; }

/**
    Koniec tekstowych
*/
/**
    Blokowe
*/
.e-inline-block {
  display: inline-block; }

.e-block {
  display: block; }

.e-inline {
  display: inline; }

/** Koniec blokowych 

*/
/*
    Imitacja zachowań innych elementów
*/
.e-link-tag-hover:hover {
  color: #2598da;
  text-decoration: underline;
  cursor: pointer; }

/**
    Komponent ikonki "przyetykietowej"
    Ikonki takie w systemie występują z reguły przy etykietach, nagłowkach, etc.
    np. w SkillsList
*/
.e-label-icon {
  position: relative;
  width: 24px;
  height: 24px;
  padding: 2px;
  margin-right: 5px;
  background-color: #f8f9fa;
  font-size: 14px;
  color: #bcbebf; }

.e-label-icon--breath {
  margin-right: 0.5em; }

.e-label-icon--small {
  font-size: 13px;
  padding: 1px;
  top: 1px;
  width: 16px;
  height: 16px; }

.e-label-icon--medium {
  font-size: 18px;
  padding: 0.15em;
  top: 2px;
  width: 30px;
  height: 30px; }

.e-label-icon--big {
  display: inline-block;
  font-size: 22px;
  padding: 0.2em;
  padding-top: 6px;
  width: 40px;
  height: 40px;
  text-align: center; }

.e-label-icon--big.e-label-icon--enormous {
  font-size: 34px;
  width: 60px;
  height: 60px; }

.e-label-icon--img-size {
  display: inline-block;
  font-size: 32px;
  padding: 0.2em;
  padding-top: 6px;
  width: 44px;
  height: 45px;
  text-align: center; }

.e-label-icon--large {
  font-size: 25px;
  top: 2px; }

.e-label-icon--x-large {
  font-size: 90px;
  top: 0; }

.e-label-icon--box {
  font-size: 20px; }

.e-label-icon--fill {
  display: block;
  width: 100%;
  height: 100%; }

.e-label-icon--dark {
  background-color: #f1f1f4;
  color: #fff; }

.e-label-icon--light {
  background-color: #fff;
  color: #bcbebf; }

.e-label-icon--formultiline {
  float: left; }

.e-label-icon--hoverable:hover, .e-label-icon--hoverable:hover i {
  color: #319ED5; }

.e-phantom-label-icon-margin {
  margin-left: 28px; }

.e-label-icon__foot {
  padding: 0.1em 0.5em;
  position: absolute;
  font-size: 12px;
  right: 0;
  bottom: 0;
  background: blue;
  color: white;
  font-family: "robotolight", sans-serif;
  font-style: normal;
  background: #3e5568; }
  .e-label-icon__foot:hover {
    background: #2598da;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -webkit-transition: 0.2s;
    transition: 0.2s; }

.e-label-icon--rose-bud {
  color: #fff;
  background: #F8AD88; }

.e-label-icon--green {
  color: #5ab55a; }

.e-label-icon--light-blue:before {
  color: #7dbcdc; }

.e-label-icon--blue:before {
  color: #2598da; }

.e-label-icon--disabled {
  color: #a1a1a1; }

.e-label-icon--no-margin::before {
  margin: 0; }

i.e-label-icon--rose-bud:before {
  color: #fff !important; }

.e-label-icon-valign-top:before {
  vertical-align: top; }

.e-label-icon--block {
  display: block;
  top: 0;
  margin: 0; }

.e-label-icon--rotaion-z-90 {
  transform: rotateZ(90deg); }

.e-label-icon--rotate-90:before {
  transform: rotate(90deg); }

/**
    Komponent kółeczka pokazującego status
    Z reguły na prostych listach tabelarycznych
    np. _NotesPartial
    Podpięte też przez extend pod vacancies__status w _vacancies.scss
*/
.e-status-circle {
  display: inline-block;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 16px;
  height: 16px; }

.e-status-circle--em {
  width: 1.6em;
  height: 1.6em;
  line-height: 1.4; }

.e-status-circle--big {
  width: 32px;
  height: 32px; }

.e-status-circle--number {
  border: 1px solid #a1a1a1;
  background: #fff;
  color: #a1a1a1; }

.e-wrapfix, .e-form-content__preview, .e-message__title, .e-comment__content__text {
  -ms-word-break: normal;
  word-break: normal;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  white-space: normal; }

.e-wrapfix--break-all {
  word-break: break-all; }

.e-no-wrap {
  white-space: nowrap; }

.e-circle {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%; }

.e-break-word {
  word-break: break-all;
  word-break: break-word; }

.e-img-repsonsive {
  max-width: 100%;
  height: auto; }

.e-vertical-aligner {
  display: table;
  width: 100%;
  table-layout: fixed; }

.e-vertical-aligner__item {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%; }

.e-relative {
  position: relative; }

.e-absolute {
  position: absolute; }

.e-fixed {
  position: fixed; }

.e-pinned-right {
  right: 0; }

.e-pinned-left {
  left: 0; }

.e-pinned-bottom {
  bottom: 0; }

.e-pinned-top {
  top: 0; }

.e-top-20 {
  top: 20px; }

.e-cutted-text, .e-dropdown-button--searcher .e-dropdown-button__rewrite > a, .e-bookmarked-message__header__title, .e-smart-tooltip {
  /* essential */
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap !important;
  overflow: hidden; }

.e-cut-text-wrapped {
  /* essential */
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden; }

.e-well {
  font-family: "robotoregular", sans-serif;
  font-size: 12px;
  display: block;
  padding: 10px 15px;
  border: 1px solid #a1a1a1;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #faf9f9; }

.e-well--error {
  border-color: #f6afb3;
  background-color: #fbdddf;
  color: #aa0808; }

.e-well--yellow {
  border-color: #f2ecda;
  background-color: #fcf8e2;
  color: #c09853; }

.e-ul--no-marker {
  padding: 0;
  list-style-type: none;
  list-style-position: inside; }

.e-ul--tight {
  padding: 0; }

.e-ul--loose {
  padding-left: 2em; }

.e-ul--disc {
  list-style-type: disc; }

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

.e-ul--inside {
  list-style-position: inside; }

.e-ul__item--with-icon {
  padding-bottom: 10px; }

.e-ul--separate li {
  margin-bottom: 5px; }

.e-ul--separate-large li {
  margin-bottom: 10px; }

.e-ul--floatleft {
  float: left;
  width: 100%; }

.e-cursor-pointer {
  cursor: pointer; }

.e-cursor-auto {
  cursor: auto; }

.e-cursor-move {
  cursor: move; }

.e-remove-button {
  font-size: 16px;
  margin: 0;
  color: #f4989d;
  cursor: pointer; }
  .e-remove-button:hover {
    text-decoration: none;
    color: #f4989d; }

.e-remove-button--tag {
  font-size: 13px; }

.e-remove-button--hoverable:hover {
  color: #db0a0a; }

.e-auto-frame {
  overflow: auto;
  border: 1px solid #dfe3e9; }

.e-overflow-auto {
  overflow: auto; }

.e-overflow-hidden {
  overflow: hidden; }

.e-overflow-x-auto {
  overflow-x: auto; }

.icon--bigger {
  font-size: 1.25em;
  line-height: 0.75em; }

.e-help-icon {
  cursor: pointer;
  color: #5f646a; }
  .e-help-icon:hover {
    text-decoration: none; }

.e-form-content .e-help-icon {
  margin-top: 3px; }

.e-help-icon--light {
  color: #9f9f9f; }

.e-help-icon--active {
  color: #3d5569; }

.e-popover-inner {
  font-size: 12px; }

.e-rank-indicator {
  float: left;
  min-width: 25px;
  margin-right: 5px;
  background: #68b66a;
  color: white;
  font-size: 14px;
  font-family: "robotomedium", sans-serif;
  text-align: center; }

.pull-center, .e-pull-center {
  margin: 0 auto; }

.icon--rounded-none {
  border: solid 1px transparent;
  padding: 2px 2px 4px 2px;
  width: 30px;
  text-align: center;
  display: block !important;
  left: -4px;
  position: relative; }
  .icon--rounded-none:before {
    margin: 3px 0 0 0;
    padding: 0; }
  .icon--rounded-none--paddings {
    padding-left: 15px;
    padding-top: 0; }

.icon--rounded {
  border: solid 1px #ececec;
  background: #fff;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 2px 2px 4px 2px;
  width: 30px;
  text-align: center;
  display: block !important; }
  .icon--rounded:before {
    margin: 3px 0 0 0;
    padding: 0; }

.icon--blue:before {
  color: #7dbcdc; }

.icon--qustion-type:before {
  font-size: 16px;
  margin-right: 8px; }

.e-word-highlight {
  background: #ffff00; }

.reset-weight {
  font-weight: normal; }

.e-uppercase {
  text-transform: uppercase; }

.e-hover-highlight {
  transition: color 0.5s ease-in-out; }
  .e-hover-highlight:hover {
    color: #7dbcdc; }

.e-small-header {
  font-size: 12px;
  font-family: "robotobold", sans-serif;
  text-transform: uppercase; }

.e-light-header {
  display: inline-block;
  font-size: 16px;
  font-family: "robotolight", sans-serif;
  color: #3d5569;
  padding-bottom: 20px; }

.e-fade {
  opacity: 1;
  transition: opacity 0.5s ease-out; }

.e-fade.e-fade--out {
  opacity: 0;
  transition: opacity 0.5s ease-out; }

.e-fade.e-fade--semi-out {
  opacity: 0.5;
  transition: opacity 0.5s ease-out; }

.e-visibility-zero-opacity {
  opacity: 0; }

.e-visibility-hidden {
  visibility: hidden; }

.e-visibility-visible {
  visibility: visible; }

.hd-light-20.hd-light-20--no-underline {
  border-bottom: none; }

.e-hide-bottom-border-last:last-child {
  border-bottom: none; }

.e-come-down {
  transition: top 1s ease-in-out;
  top: -20px; }

.e-come-down--down {
  top: 45px; }

.e-inherit-height {
  height: inherit; }

.e-sticky-card--shadow {
  -moz-box-shadow: 2px 10px 10px -10px #ddd;
  -webkit-box-shadow: 0 2px 10px #ddd;
  box-shadow: 2px 10px 10px -10px #ddd;
  z-index: 2; }

.e-sticky-card {
  z-index: 60;
  padding: 15px 15px 10px;
  background: #fff;
  -moz-transition: top 0.5s ease-in-out;
  -o-transition: top 0.5s ease-in-out;
  -webkit-transition: top 0.5s ease-in-out;
  transition: top 0.5s ease-in-out;
  -moz-box-shadow: 2px 10px 10px -10px #ddd;
  -webkit-box-shadow: 0 2px 10px #ddd;
  box-shadow: 2px 10px 10px -10px #ddd;
  z-index: 2;
  border-bottom: 1px solid #ddd; }
  @media screen and (min-height: 500px) and (min-width: 1266px) {
    .e-sticky-card {
      position: fixed;
      top: -100px; } }
  @media (max-height: 499px), (max-width: 1265px) {
    .e-sticky-card {
      position: static;
      margin-bottom: -100px; } }
  @media (max-height: 499px), (max-width: 1265px) {
    .e-sticky-card.e-sticky-card--summary {
      display: none; } }

.e-light-blue {
  color: #7dbcdc; }

.e-valign-middle {
  vertical-align: middle; }

.e-valign-top {
  vertical-align: top; }

.e-valign-sub {
  vertical-align: sub; }

.e-valign-super {
  vertical-align: super; }

.e-valign-text-top {
  vertical-align: text-top; }

.e-valign-text-bottom {
  vertical-align: text-bottom; }

.e-valign-inherit {
  vertical-align: inherit; }

.e-line-inherit {
  line-height: inherit; }

.e-line-height-150p {
  line-height: 150%; }

.e-clickable-height {
  height: 50px; }

.e-border-separator {
  border-bottom: 1px solid #dfe3e9; }

.e-border-separator--thick {
  border-bottom: 2px solid #dfe3e9; }

.e-border-top-separator {
  border-top: 1px solid #dfe3e9; }

.e-border-top-separator--thick {
  border-top: 2px solid #dfe3e9; }

.e-clearfix:before {
  display: table;
  content: ' '; }

.e-clearfix:after {
  display: table;
  content: ' ';
  clear: both; }

.e-cancel-pulling {
  float: none; }

/* Absence Request cshtml */
.popover.popover-hack {
  left: 0 !important; }

.popover--objective-card {
  width: 550px;
  max-width: 550px;
  padding-top: 0; }
  .popover--objective-card .popover-content {
    padding: 0; }

.popover--auto {
  max-width: 800px;
  width: auto; }

.e-calendar-popover {
  width: 300px; }

.e-layer-1 {
  z-index: 1; }

.e-spinner-for-tr {
  padding: 0 !important;
  text-align: center;
  width: 100%; }
  .e-spinner-for-tr img {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    max-height: 100%; }

.e-popover-table {
  table-layout: fixed;
  color: #535353;
  margin-top: -5px; }
  .e-popover-table td {
    vertical-align: top;
    padding: 5px;
    width: 50%;
    font-family: "robotolight", sans-serif; }
    .e-popover-table td:first-child {
      text-align: right;
      font-family: "robotomedium", sans-serif; }

.e-review-result-icon {
  position: absolute;
  top: -4px;
  right: 0; }

.e-tooltip-trigger {
  color: inherit; }
  .e-tooltip-trigger:hover, .e-tooltip-trigger:focus {
    text-decoration: inherit; }
  .e-tooltip-trigger:focus {
    color: inherit; }

/* Dropdown */
.e-tight-dropdown.dropdown-menu {
  min-width: 90px;
  border-radius: 5px; }

/* Because of too specific selector on e-list-template */
a.e-tooltip-trigger {
  color: inherit; }
  a.e-tooltip-trigger:hover, a.e-tooltip-trigger:focus {
    text-decoration: inherit; }
  a.e-tooltip-trigger:focus {
    color: inherit; }

.e-absence-public-info:before {
  content: '\e833';
  float: left;
  color: #3d5569;
  font: 16px "fontello-entypo-full";
  line-height: 1; }

.e-absence-public-info__quote {
  padding: 2px 10px;
  margin: 0 0 0 20px;
  font-size: 11px;
  color: #a1a1a1;
  border-left-width: 3px; }

@keyframes red-blink {
  0% {
    color: #db0a0a; }
  100% {
    color: #000; } }

.e-countdown-blink {
  display: block;
  animation: red-blink 1s 0s infinite;
  transition: animation; }

@keyframes countdown-icon-blink {
  0% {
    color: #fff;
    background: #db0a0a; }
  100% {
    background: #faf9f9;
    color: #a1a1a1; } }

.e-countdown-icon-blink {
  display: block;
  animation: countdown-icon-blink 1s 0s infinite;
  transition: animation; }

.e-move-to-left {
  transform: translateX(-100%);
  transition: animation 1s ease-in-out; }

.e-img-responsive {
  display: block;
  height: auto;
  max-width: 100%; }

.e-box {
  padding: 10px;
  text-align: center; }
  .e-box--block {
    float: left;
    width: 100%;
    text-align: left; }
  .e-box--stripped {
    background: transparent url("/Content/tms/_img/bg-strips.png") repeat 0 0; }
  .e-box--dashed {
    border: dashed 1px #637388; }
  .e-box--bordered {
    border: 1px solid #dfe3e9;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px; }
  .e-box--right-300 {
    float: right;
    width: 200px; }
  .e-box--padded-for-blue-button {
    padding: 14px 24px; }
  .e-box--220 {
    width: 220px; }
  .e-box--scollable {
    overflow-y: auto; }
  .e-box--fill-knowledge-height {
    height: 58px;
    padding-top: 15px; }
  .e-box--h-40 {
    height: 40px; }
  .e-box--no-padding {
    padding: 0; }

.e-box-stat {
  float: left;
  width: 100%;
  border-bottom: solid 1px #ededed; }
  .e-box-stat--group {
    width: 100%;
    display: table;
    border: solid 1px #ededed;
    border-bottom: none; }
  .e-box-stat--row {
    display: table-row; }
  .e-box-stat--icon {
    display: table-cell;
    height: 55px;
    width: 50px;
    background-color: #f8f9fa;
    font-size: 20px;
    text-align: center;
    vertical-align: middle;
    color: #c4c9cf; }
  .e-box-stat--title {
    display: table-cell;
    vertical-align: middle;
    height: 55px;
    padding-left: 10px;
    font: 12px "robotomedium", sans-serif; }
    .e-box-stat--title--medium-font {
      font-size: 13px; }
    .e-box-stat--title--narrow {
      width: 50%;
      font: 11px "robotolight", sans-serif;
      color: #3d5569;
      text-align: right; }
  .e-box-stat--title-number {
    font: 18px "robotomedium", sans-serif;
    display: table-cell;
    vertical-align: middle;
    height: 55px;
    text-align: center;
    color: #3d5569; }
  .e-box-stat--title-counter {
    font: 14px "robotolight", sans-serif;
    display: table-cell;
    vertical-align: middle;
    height: 55px;
    text-align: center;
    color: #3d5569; }
  .e-box-stat--title-number--os {
    font: 14px "robotolight", sans-serif; }
  .e-box-stat--content {
    padding: 0 5px;
    font-size: 11px; }
    .e-box-stat--content p {
      margin: 10px 0;
      line-height: 16px; }
      .e-box-stat--content p i {
        color: #c4c9cf; }
    .e-box-stat--content__date {
      font-family: "robotomedium", sans-serif;
      text-align: center; }
    .e-box-stat--content--statistic {
      font-family: "robotomedium", sans-serif; }
    .e-box-stat--content .e-button--blue i, .e-box-stat--content .e-actions-buttons__main i, .e-box-stat--content .e-actions-buttons__more i {
      color: white; }
  .e-box-stat--short .box-stat--icon, .e-box-stat--short .box-stat--title {
    height: 45px; }

/* Boksy używane do statystyk w prawej kolumnie */
.box-stat {
  float: left;
  width: 100%;
  border-bottom: solid 1px #ededed; }
  .box-stat--group {
    width: 100%;
    display: table;
    border: solid 1px #ededed;
    border-bottom: none; }
  .box-stat--row {
    display: table-row; }
  .box-stat--icon {
    display: table-cell;
    height: 55px;
    width: 50px;
    background-color: #f8f9fa;
    font-size: 20px;
    text-align: center;
    vertical-align: middle;
    color: #c4c9cf; }
  .box-stat--title {
    display: table-cell;
    vertical-align: middle;
    height: 55px;
    padding-left: 10px;
    font: 12px "robotomedium", sans-serif; }
    .box-stat--title--medium-font {
      font-size: 13px; }
    .box-stat--title--narrow {
      width: 50%;
      font: 11px "robotolight", sans-serif;
      color: #3d5569;
      text-align: right; }
  .box-stat--title-number {
    font: 18px "robotomedium", sans-serif;
    display: table-cell;
    vertical-align: middle;
    height: 55px;
    text-align: center;
    color: #3d5569; }
  .box-stat--title-counter {
    font: 14px "robotolight", sans-serif;
    display: table-cell;
    vertical-align: middle;
    height: 55px;
    text-align: center;
    color: #3d5569; }
  .box-stat--title-number--os {
    font: 14px "robotolight", sans-serif; }
  .box-stat--content {
    padding: 0 5px;
    font-size: 11px; }
    .box-stat--content p {
      margin: 10px 0;
      line-height: 16px; }
      .box-stat--content p i {
        color: #c4c9cf; }
    .box-stat--content__date {
      font-family: "robotomedium", sans-serif;
      text-align: center; }
    .box-stat--content .statistic {
      font-family: "robotomedium", sans-serif; }
    .box-stat--content .e-button--blue i, .box-stat--content .e-actions-buttons__main i, .box-stat--content .e-actions-buttons__more i {
      color: white; }
  .box-stat--short .box-stat--icon, .box-stat--short .box-stat--title {
    height: 45px; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.e-icon-checkbox__input {
  display: none; }
  .e-icon-checkbox__input:checked + .e-icon-checkbox__label:before {
    content: '\e949';
    border: none;
    color: #68b66a; }

.e-icon-checkbox__label {
  cursor: pointer; }
  .e-icon-checkbox__label:before {
    display: inline-block;
    content: '';
    width: 11px;
    height: 10px;
    margin-right: 0.2em;
    border: solid 1px #dfe3e9;
    background: #fff;
    font: 13px "fontello-entypo-full";
    line-height: 1.2em; }
  .e-icon-checkbox__label--medium:before {
    width: 16px;
    height: 15px;
    vertical-align: sub;
    font: 18px "fontello-entypo-full"; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.e-statistics-box {
  float: left;
  width: 100%; }
  .e-statistics-box__header {
    width: 100%;
    display: table;
    border: solid 1px #dfe3e9; }
    .e-statistics-box__header__icon-box {
      display: table-cell;
      width: 1%;
      background: #faf9f9;
      padding: 10px; }
      .e-statistics-box__header__icon-box__icon {
        font-size: 22px;
        color: #5f656d; }
    .e-statistics-box__header__title {
      display: table-cell;
      padding: 10px;
      vertical-align: middle;
      text-align: left;
      font: 16px "robotobold", sans-serif;
      color: #5f656d; }
  .e-statistics-box__content {
    float: left;
    display: block;
    min-height: 100px;
    padding-top: 10px;
    width: 100%;
    background: transparent;
    border: solid 1px #dfe3e9; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
body.CompetencyAssessmentReport.framed .e-report-template-editor-wrapper,
body.CompetencyAssessmentReport.framed .e-report-template-preview-wrapper,
body.CompetencyAssessmentReport.framed .e-report-wrapper,
body:not(.CompetencyAssessmentReport) .e-report-template-editor-wrapper,
body:not(.CompetencyAssessmentReport) .e-report-template-preview-wrapper,
body:not(.CompetencyAssessmentReport) .e-report-wrapper {
  font: 12px "robotolight", sans-serif;
  color: #1c3c7a; }

body.CompetencyAssessmentReport.framed .e-report-element-header,
body:not(.CompetencyAssessmentReport) .e-report-element-header {
  font: 22px "robotobold", sans-serif;
  text-align: left;
  padding-bottom: 10px; }

body.CompetencyAssessmentReport.framed .e-report-element-description,
body:not(.CompetencyAssessmentReport) .e-report-element-description {
  font-size: 13px;
  text-align: left;
  margin-bottom: 20px; }

body.CompetencyAssessmentReport.framed .e-report-chart-header,
body:not(.CompetencyAssessmentReport) .e-report-chart-header {
  font: 14px "robotomedium", sans-serif;
  color: #293043;
  text-decoration: underline;
  text-align: center; }

body.CompetencyAssessmentReport.framed .e-report-chart-decription,
body:not(.CompetencyAssessmentReport) .e-report-chart-decription {
  font-size: 13px;
  text-align: left;
  color: #293043; }

body.CompetencyAssessmentReport.framed .e-report-raters-count,
body:not(.CompetencyAssessmentReport) .e-report-raters-count {
  font: 10px "robotobold", sans-serif;
  color: #293043; }

body.CompetencyAssessmentReport.framed .e-report-raters-description,
body:not(.CompetencyAssessmentReport) .e-report-raters-description {
  font: 11px "robotomedium", sans-serif; }

body.CompetencyAssessmentReport.framed .e-report-section-header,
body:not(.CompetencyAssessmentReport) .e-report-section-header {
  color: #293043;
  font: 14px "robotobold", sans-serif;
  margin-top: 0; }
  body.CompetencyAssessmentReport.framed .e-report-section-header--bigger,
  body:not(.CompetencyAssessmentReport) .e-report-section-header--bigger {
    font-size: 14px; }

body.CompetencyAssessmentReport.framed .e-light-header--report,
body:not(.CompetencyAssessmentReport) .e-light-header--report {
  text-align: left;
  float: left !important;
  width: 100%;
  font: normal 14px "robotobold", sans-serif !important; }

body.CompetencyAssessmentReport.framed .e-report-questions-list,
body:not(.CompetencyAssessmentReport) .e-report-questions-list {
  padding-left: 1.5em;
  display: block;
  list-style-type: disc;
  list-style-position: outside;
  text-align: left;
  margin-bottom: 0; }

body.CompetencyAssessmentReport.framed .e-report-table,
body:not(.CompetencyAssessmentReport) .e-report-table {
  width: 100%;
  margin-bottom: 20px;
  color: #1c3c7a; }
  body.CompetencyAssessmentReport.framed .e-report-table--space-below,
  body:not(.CompetencyAssessmentReport) .e-report-table--space-below {
    margin-bottom: 40px; }
  body.CompetencyAssessmentReport.framed .e-report-table__head__tr__th,
  body:not(.CompetencyAssessmentReport) .e-report-table__head__tr__th {
    padding: 5px 10px;
    background: #293043;
    color: #fff;
    text-align: center;
    font: 14px "robotomedium", sans-serif; }
    body.CompetencyAssessmentReport.framed .e-report-table__head__tr__th--size-10,
    body:not(.CompetencyAssessmentReport) .e-report-table__head__tr__th--size-10 {
      width: 10%; }
    body.CompetencyAssessmentReport.framed .e-report-table__head__tr__th--size-20,
    body:not(.CompetencyAssessmentReport) .e-report-table__head__tr__th--size-20 {
      width: 20%; }
    body.CompetencyAssessmentReport.framed .e-report-table__head__tr__th--size-30,
    body:not(.CompetencyAssessmentReport) .e-report-table__head__tr__th--size-30 {
      width: 30%; }
    body.CompetencyAssessmentReport.framed .e-report-table__head__tr__th--size-40,
    body:not(.CompetencyAssessmentReport) .e-report-table__head__tr__th--size-40 {
      width: 40%; }
    body.CompetencyAssessmentReport.framed .e-report-table__head__tr__th--size-50,
    body:not(.CompetencyAssessmentReport) .e-report-table__head__tr__th--size-50 {
      width: 50%; }
    body.CompetencyAssessmentReport.framed .e-report-table__head__tr__th--size-60,
    body:not(.CompetencyAssessmentReport) .e-report-table__head__tr__th--size-60 {
      width: 60%; }
    body.CompetencyAssessmentReport.framed .e-report-table__head__tr__th--size-70,
    body:not(.CompetencyAssessmentReport) .e-report-table__head__tr__th--size-70 {
      width: 70%; }
    body.CompetencyAssessmentReport.framed .e-report-table__head__tr__th--size-80,
    body:not(.CompetencyAssessmentReport) .e-report-table__head__tr__th--size-80 {
      width: 80%; }
    body.CompetencyAssessmentReport.framed .e-report-table__head__tr__th--size-90,
    body:not(.CompetencyAssessmentReport) .e-report-table__head__tr__th--size-90 {
      width: 90%; }
    body.CompetencyAssessmentReport.framed .e-report-table__head__tr__th--rowspan-fix,
    body:not(.CompetencyAssessmentReport) .e-report-table__head__tr__th--rowspan-fix {
      border-bottom: 2px solid #293043;
      border-right: 2px solid #293043; }
    body.CompetencyAssessmentReport.framed .e-report-table__head__tr__th--subheader,
    body:not(.CompetencyAssessmentReport) .e-report-table__head__tr__th--subheader {
      background: #fff;
      color: #1c3c7a;
      border-bottom: 2px solid #293043; }
      body.CompetencyAssessmentReport.framed .e-report-table__head__tr__th--subheader--dark,
      body:not(.CompetencyAssessmentReport) .e-report-table__head__tr__th--subheader--dark {
        color: #293043; }
      body.CompetencyAssessmentReport.framed .e-report-table__head__tr__th--subheader--bold,
      body:not(.CompetencyAssessmentReport) .e-report-table__head__tr__th--subheader--bold {
        font-family: "robotobold", sans-serif; }
    body.CompetencyAssessmentReport.framed .e-report-table__head__tr__th--capitalize,
    body:not(.CompetencyAssessmentReport) .e-report-table__head__tr__th--capitalize {
      text-transform: uppercase; }
    body.CompetencyAssessmentReport.framed .e-report-table__head__tr__th--section-header,
    body:not(.CompetencyAssessmentReport) .e-report-table__head__tr__th--section-header {
      text-align: left; }
    body.CompetencyAssessmentReport.framed .e-report-table__head__tr__th--right-border:not(:last-child):not(.e-no-border),
    body:not(.CompetencyAssessmentReport) .e-report-table__head__tr__th--right-border:not(:last-child):not(.e-no-border) {
      position: relative; }
      body.CompetencyAssessmentReport.framed .e-report-table__head__tr__th--right-border:not(:last-child):not(.e-no-border):after,
      body:not(.CompetencyAssessmentReport) .e-report-table__head__tr__th--right-border:not(:last-child):not(.e-no-border):after {
        content: '\00a0';
        background: #dfe3e9;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: 2px;
        display: inline-block; }
    body.CompetencyAssessmentReport.framed .e-report-table__head__tr__th--right-border--dark:not(:last-child):not(.e-no-border),
    body:not(.CompetencyAssessmentReport) .e-report-table__head__tr__th--right-border--dark:not(:last-child):not(.e-no-border) {
      border-right: 2px solid #293043; }
  body.CompetencyAssessmentReport.framed .e-report-table__head__tr--capitalize,
  body:not(.CompetencyAssessmentReport) .e-report-table__head__tr--capitalize {
    text-transform: uppercase;
    font-family: "robotobold", sans-serif; }
  body.CompetencyAssessmentReport.framed .e-report-table__body__tr__th,
  body:not(.CompetencyAssessmentReport) .e-report-table__body__tr__th {
    padding: 10px;
    background: #fff;
    color: #1c3c7a;
    text-align: center;
    font: 14px "robotomedium", sans-serif; }
    body.CompetencyAssessmentReport.framed .e-report-table__body__tr__th--subsection-header,
    body:not(.CompetencyAssessmentReport) .e-report-table__body__tr__th--subsection-header {
      text-align: left; }
    body.CompetencyAssessmentReport.framed .e-report-table__body__tr__th .e-report-table__subdata,
    body:not(.CompetencyAssessmentReport) .e-report-table__body__tr__th .e-report-table__subdata {
      font-weight: normal;
      font-family: "robotoregular", sans-serif;
      color: #293043; }
    body.CompetencyAssessmentReport.framed .e-report-table__body__tr__th--right-border:not(:last-child):not(.e-no-border),
    body:not(.CompetencyAssessmentReport) .e-report-table__body__tr__th--right-border:not(:last-child):not(.e-no-border) {
      position: relative; }
      body.CompetencyAssessmentReport.framed .e-report-table__body__tr__th--right-border:not(:last-child):not(.e-no-border):after,
      body:not(.CompetencyAssessmentReport) .e-report-table__body__tr__th--right-border:not(:last-child):not(.e-no-border):after {
        content: '\00a0';
        background: #dfe3e9;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: 2px;
        display: inline-block; }
    body.CompetencyAssessmentReport.framed .e-report-table__body__tr__th--right-border--dark:not(:last-child):not(.e-no-border),
    body:not(.CompetencyAssessmentReport) .e-report-table__body__tr__th--right-border--dark:not(:last-child):not(.e-no-border) {
      border-right: 2px solid #293043; }
  body.CompetencyAssessmentReport.framed .e-report-table__body__tr__td,
  body:not(.CompetencyAssessmentReport) .e-report-table__body__tr__td {
    padding: 10px;
    background: #fff;
    color: #293043;
    text-align: center;
    font: 14px "robotomedium", sans-serif; }
    body.CompetencyAssessmentReport.framed .e-report-table__body__tr__td--raters-count,
    body:not(.CompetencyAssessmentReport) .e-report-table__body__tr__td--raters-count {
      width: 10%;
      font: 12px "robotobold", sans-serif; }
    body.CompetencyAssessmentReport.framed .e-report-table__body__tr__td--sum-row,
    body:not(.CompetencyAssessmentReport) .e-report-table__body__tr__td--sum-row {
      color: #293043;
      text-transform: uppercase;
      font-family: "robotobold", sans-serif; }
    body.CompetencyAssessmentReport.framed .e-report-table__body__tr__td--numeric,
    body:not(.CompetencyAssessmentReport) .e-report-table__body__tr__td--numeric {
      font-family: "robotobold", sans-serif; }
    body.CompetencyAssessmentReport.framed .e-report-table__body__tr__td--subsection-label,
    body:not(.CompetencyAssessmentReport) .e-report-table__body__tr__td--subsection-label {
      text-align: left; }
    body.CompetencyAssessmentReport.framed .e-report-table__body__tr__td--highlight,
    body:not(.CompetencyAssessmentReport) .e-report-table__body__tr__td--highlight {
      background: #faf9f9; }
    body.CompetencyAssessmentReport.framed .e-report-table__body__tr__td--minus,
    body:not(.CompetencyAssessmentReport) .e-report-table__body__tr__td--minus {
      background: #F68F00; }
    body.CompetencyAssessmentReport.framed .e-report-table__body__tr__td--plus,
    body:not(.CompetencyAssessmentReport) .e-report-table__body__tr__td--plus {
      background: #5EBD5E; }
    body.CompetencyAssessmentReport.framed .e-report-table__body__tr__td--right-border:not(:last-child):not(.e-no-border),
    body:not(.CompetencyAssessmentReport) .e-report-table__body__tr__td--right-border:not(:last-child):not(.e-no-border) {
      position: relative; }
      body.CompetencyAssessmentReport.framed .e-report-table__body__tr__td--right-border:not(:last-child):not(.e-no-border):after,
      body:not(.CompetencyAssessmentReport) .e-report-table__body__tr__td--right-border:not(:last-child):not(.e-no-border):after {
        content: '\00a0';
        background: #dfe3e9;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: 2px;
        display: inline-block; }
    body.CompetencyAssessmentReport.framed .e-report-table__body__tr__td--right-border--dark:not(:last-child):not(.e-no-border),
    body:not(.CompetencyAssessmentReport) .e-report-table__body__tr__td--right-border--dark:not(:last-child):not(.e-no-border) {
      border-right: 2px solid #293043; }
  body.CompetencyAssessmentReport.framed .e-report-table__body__tr:not(.e-no-border),
  body:not(.CompetencyAssessmentReport) .e-report-table__body__tr:not(.e-no-border) {
    border-bottom: 2px solid #dfe3e9; }

body.CompetencyAssessmentReport:not(.framed) .e-report-template-editor-wrapper,
body.CompetencyAssessmentReport:not(.framed) .e-report-template-preview-wrapper,
body.CompetencyAssessmentReport:not(.framed) .e-report-wrapper {
  font: 12px "robotolight", sans-serif;
  color: #1c3c7a; }

body.CompetencyAssessmentReport:not(.framed) .e-report-element-header {
  font: 33px "robotobold", sans-serif;
  text-align: left;
  padding-bottom: 10px; }

body.CompetencyAssessmentReport:not(.framed) .e-report-element-description {
  font-size: 18px;
  text-align: left;
  margin-bottom: 20px; }

body.CompetencyAssessmentReport:not(.framed) .e-report-chart-header {
  font: 21px "robotomedium", sans-serif;
  color: #293043;
  text-decoration: underline;
  text-align: center; }

body.CompetencyAssessmentReport:not(.framed) .e-report-chart-decription {
  font-size: 18px;
  text-align: left;
  color: #293043; }

body.CompetencyAssessmentReport:not(.framed) .e-report-raters-count {
  font: 10px "robotobold", sans-serif;
  color: #293043; }

body.CompetencyAssessmentReport:not(.framed) .e-report-raters-description {
  font: 11px "robotomedium", sans-serif; }

body.CompetencyAssessmentReport:not(.framed) .e-report-section-header {
  color: #293043;
  font: 14px "robotobold", sans-serif;
  margin-top: 0; }
  body.CompetencyAssessmentReport:not(.framed) .e-report-section-header--bigger {
    font-size: 21px; }

body.CompetencyAssessmentReport:not(.framed) .e-light-header--report {
  text-align: left;
  float: left !important;
  width: 100%;
  font: normal 14px "robotobold", sans-serif !important; }

body.CompetencyAssessmentReport:not(.framed) .e-report-questions-list {
  padding-left: 1.5em;
  display: block;
  list-style-type: disc;
  list-style-position: outside;
  text-align: left;
  margin-bottom: 0; }

body.CompetencyAssessmentReport:not(.framed) .e-report-table {
  width: 100%;
  margin-bottom: 20px;
  color: #1c3c7a; }
  body.CompetencyAssessmentReport:not(.framed) .e-report-table--space-below {
    margin-bottom: 40px; }
  body.CompetencyAssessmentReport:not(.framed) .e-report-table__head__tr__th {
    padding: 5px 10px;
    background: #293043;
    color: #fff;
    text-align: center;
    font: 14px "robotomedium", sans-serif; }
    body.CompetencyAssessmentReport:not(.framed) .e-report-table__head__tr__th--size-10 {
      width: 10%; }
    body.CompetencyAssessmentReport:not(.framed) .e-report-table__head__tr__th--size-20 {
      width: 20%; }
    body.CompetencyAssessmentReport:not(.framed) .e-report-table__head__tr__th--size-30 {
      width: 30%; }
    body.CompetencyAssessmentReport:not(.framed) .e-report-table__head__tr__th--size-40 {
      width: 40%; }
    body.CompetencyAssessmentReport:not(.framed) .e-report-table__head__tr__th--size-50 {
      width: 50%; }
    body.CompetencyAssessmentReport:not(.framed) .e-report-table__head__tr__th--size-60 {
      width: 60%; }
    body.CompetencyAssessmentReport:not(.framed) .e-report-table__head__tr__th--size-70 {
      width: 70%; }
    body.CompetencyAssessmentReport:not(.framed) .e-report-table__head__tr__th--size-80 {
      width: 80%; }
    body.CompetencyAssessmentReport:not(.framed) .e-report-table__head__tr__th--size-90 {
      width: 90%; }
    body.CompetencyAssessmentReport:not(.framed) .e-report-table__head__tr__th--rowspan-fix {
      border-bottom: 2px solid #293043;
      border-right: 2px solid #293043; }
    body.CompetencyAssessmentReport:not(.framed) .e-report-table__head__tr__th--subheader {
      background: #fff;
      color: #1c3c7a;
      border-bottom: 2px solid #293043; }
      body.CompetencyAssessmentReport:not(.framed) .e-report-table__head__tr__th--subheader--dark {
        color: #293043; }
      body.CompetencyAssessmentReport:not(.framed) .e-report-table__head__tr__th--subheader--bold {
        font-family: "robotobold", sans-serif; }
    body.CompetencyAssessmentReport:not(.framed) .e-report-table__head__tr__th--capitalize {
      text-transform: uppercase; }
    body.CompetencyAssessmentReport:not(.framed) .e-report-table__head__tr__th--section-header {
      text-align: left; }
    body.CompetencyAssessmentReport:not(.framed) .e-report-table__head__tr__th--right-border:not(:last-child):not(.e-no-border) {
      position: relative; }
      body.CompetencyAssessmentReport:not(.framed) .e-report-table__head__tr__th--right-border:not(:last-child):not(.e-no-border):after {
        content: '\00a0';
        background: #dfe3e9;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: 2px;
        display: inline-block; }
    body.CompetencyAssessmentReport:not(.framed) .e-report-table__head__tr__th--right-border--dark:not(:last-child):not(.e-no-border) {
      border-right: 2px solid #293043; }
  body.CompetencyAssessmentReport:not(.framed) .e-report-table__head__tr--capitalize {
    text-transform: uppercase;
    font-family: "robotobold", sans-serif; }
  body.CompetencyAssessmentReport:not(.framed) .e-report-table__body__tr__th {
    padding: 10px;
    background: #fff;
    color: #1c3c7a;
    text-align: center;
    font: 14px "robotomedium", sans-serif; }
    body.CompetencyAssessmentReport:not(.framed) .e-report-table__body__tr__th--subsection-header {
      text-align: left; }
    body.CompetencyAssessmentReport:not(.framed) .e-report-table__body__tr__th .e-report-table__subdata {
      font-weight: normal;
      font-family: "robotoregular", sans-serif;
      color: #293043; }
    body.CompetencyAssessmentReport:not(.framed) .e-report-table__body__tr__th--right-border:not(:last-child):not(.e-no-border) {
      position: relative; }
      body.CompetencyAssessmentReport:not(.framed) .e-report-table__body__tr__th--right-border:not(:last-child):not(.e-no-border):after {
        content: '\00a0';
        background: #dfe3e9;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: 2px;
        display: inline-block; }
    body.CompetencyAssessmentReport:not(.framed) .e-report-table__body__tr__th--right-border--dark:not(:last-child):not(.e-no-border) {
      border-right: 2px solid #293043; }
  body.CompetencyAssessmentReport:not(.framed) .e-report-table__body__tr__td {
    padding: 10px;
    background: #fff;
    color: #293043;
    text-align: center;
    font: 14px "robotomedium", sans-serif; }
    body.CompetencyAssessmentReport:not(.framed) .e-report-table__body__tr__td--raters-count {
      width: 10%;
      font: 12px "robotobold", sans-serif; }
    body.CompetencyAssessmentReport:not(.framed) .e-report-table__body__tr__td--sum-row {
      color: #293043;
      text-transform: uppercase;
      font-family: "robotobold", sans-serif; }
    body.CompetencyAssessmentReport:not(.framed) .e-report-table__body__tr__td--numeric {
      font-family: "robotobold", sans-serif; }
    body.CompetencyAssessmentReport:not(.framed) .e-report-table__body__tr__td--subsection-label {
      text-align: left; }
    body.CompetencyAssessmentReport:not(.framed) .e-report-table__body__tr__td--highlight {
      background: #faf9f9; }
    body.CompetencyAssessmentReport:not(.framed) .e-report-table__body__tr__td--minus {
      background: #F68F00; }
    body.CompetencyAssessmentReport:not(.framed) .e-report-table__body__tr__td--plus {
      background: #5EBD5E; }
    body.CompetencyAssessmentReport:not(.framed) .e-report-table__body__tr__td--right-border:not(:last-child):not(.e-no-border) {
      position: relative; }
      body.CompetencyAssessmentReport:not(.framed) .e-report-table__body__tr__td--right-border:not(:last-child):not(.e-no-border):after {
        content: '\00a0';
        background: #dfe3e9;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: 2px;
        display: inline-block; }
    body.CompetencyAssessmentReport:not(.framed) .e-report-table__body__tr__td--right-border--dark:not(:last-child):not(.e-no-border) {
      border-right: 2px solid #293043; }
  body.CompetencyAssessmentReport:not(.framed) .e-report-table__body__tr:not(.e-no-border) {
    border-bottom: 2px solid #dfe3e9; }

/* belka powrotu */
.e-back-bar {
  background: #fff url("/Content/tms/_img/bg-strips-back-bar.png") repeat 0 0;
  font-size: 0; }
  .e-back-bar__link {
    background: transparent url("/Content/tms/_img/bg-back-bar.png") no-repeat 100% 50%;
    padding: 0 20px 0 9px;
    display: inline-block;
    white-space: nowrap;
    font-size: 11px;
    line-height: 23px;
    color: #61666f; }
    .e-back-bar__link i:before {
      margin: 0 -3px 0 0;
      color: #bababa; }
  .e-back-bar--light {
    background: #fff; }

.back-bar {
  background: #fff url("/Content/tms/_img/bg-strips-back-bar.png") repeat 0 0;
  font-size: 0; }
  .back-bar a {
    background: transparent url("/Content/tms/_img/bg-back-bar.png") no-repeat 100% 50%;
    padding: 0 20px 0 9px;
    display: inline-block;
    white-space: nowrap;
    font-size: 11px;
    line-height: 23px;
    color: #61666f; }
    .back-bar a i:before {
      margin: 0 -3px 0 0;
      color: #bababa; }
  .back-bar--ligh-bg {
    background: #fff; }

.link-box__hd_title {
  background-color: #3c94d7;
  padding: 15px 11px;
  position: relative;
  overflow: hidden; }
  .link-box__hd_title h3 {
    border-bottom: 0;
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 16px;
    font-family: 'robotobold'; }

.link-box__hd_title_icon {
  float: right;
  color: #fff;
  border: none;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.3);
  width: 33px;
  height: 33px;
  line-height: 32px;
  position: absolute;
  right: 18px;
  top: 7px;
  text-align: center; }
  .link-box__hd_title_icon .icon {
    font-size: 20px; }

.link-box__list {
  list-style: none;
  padding: 0;
  margin: 0; }
  .link-box__list li {
    padding: 10px 8px;
    border-bottom: 1px solid #efeff0;
    line-height: 120%;
    color: #3d5569; }
    .link-box__list li a:hover {
      color: #3d5569;
      text-decoration: none; }

.link-box__extend_link {
  padding-top: 10px;
  padding-left: 10px; }
  .link-box__extend_link a {
    color: #49addf;
    font-size: 12px; }
    .link-box__extend_link a:hover {
      text-decoration: none; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.e-bg-dark-grey {
  background-color: #5f656d; }

.e-bg-lighter-grey {
  background-color: #f1f3f5; }

.e-bg-light-grey {
  background-color: #dfe3e9; }

.e-bg-lightest-grey {
  background-color: #faf9f9; }

.e-bg-navy-grey {
  background-color: #5f656d; }

.e-bg-aqua {
  background-color: #dcf3ff; }

.e-bg-white {
  background-color: #fff; }

.e-bg-purple {
  background-color: #a63a64; }

.e-bg-lighten-red {
  background-color: #ff8080; }

.e-bg-concrete-blue {
  background-color: #2598da; }

.e-bg-list-hover-grey {
  background-color: #f4f6f9; }

.e-bg-light-mid-grey {
  background-color: #bbbbbb; }

.bg-dark-grey {
  background-color: #5f656d; }

.bg-lighter-grey {
  background-color: #f1f3f5; }

.bg-light-grey {
  background-color: #dfe3e9; }

.bg-lightest-grey {
  background-color: #faf9f9; }

.bg-navy-grey {
  background-color: #5f656d; }

.bg-aqua {
  background-color: #dcf3ff; }

.bg-white {
  background-color: #fff; }

.e-icon-light-blue-box {
  background-color: white;
  color: #BAD8E9; }
  .e-icon-light-blue-box:before {
    color: #BAD8E9 !important; }

.e-icon-light-green-box {
  background-color: white;
  color: #d8e9ba; }
  .e-icon-light-green-box:before {
    color: #d8e9ba !important; }

.e-icon-light-purple-box {
  background-color: white;
  color: #e9bad8; }
  .e-icon-light-purple-box:before {
    color: #e9bad8 !important; }

.bg-stripped {
  background: transparent url("/Content/tms/_img/bg-strips.png") repeat 0 0; }

/*
    Koniec teł
*/
/*
    Tekstowe
*/
.e-smaller {
  font-size: 10px; }

.e-small {
  font-size: 11px; }

.e-small-date {
  font-size: 10px;
  font-family: "robotoregular", sans-serif;
  line-height: 1em;
  color: #a1a1a1; }

.e-medium {
  font-size: 12px; }

.e-big {
  font-size: 13px; }

.e-bigger {
  font-size: 14px; }

.e-biggest {
  font-size: 16px; }

.e-huge {
  font-size: 18px; }

.e-font-size-10 {
  font-size: 10px; }

.e-font-size-11 {
  font-size: 11px; }

.e-font-size-12 {
  font-size: 12px; }

.e-font-size-13 {
  font-size: 13px; }

.e-font-size-14 {
  font-size: 14px; }

.e-font-size-16 {
  font-size: 16px; }

.e-font-size-18 {
  font-size: 18px; }

.e-font-size-20 {
  font-size: 20px; }

.e-font-size-22 {
  font-size: 22px; }

.e-font-size-24 {
  font-size: 24px; }

.e-font-size-28 {
  font-size: 28px; }

.e-font-size-32 {
  font-size: 32px; }

.e-font-size-36 {
  font-size: 36px; }

.e-font-size-48 {
  font-size: 48px; }

.e-heading-smallest {
  font-size: 20px; }

.e-heading-smaller {
  font-size: 22px; }

.e-heading-medium {
  font-size: 24px; }

.e-heading-big {
  font-size: 28px; }

.e-heading-bigger {
  font-size: 32px; }

.e-heading-biggest {
  font-size: 36px; }

.e-heading--underline {
  padding-bottom: 5px;
  margin: 0 0 10px 0;
  border-bottom: solid 2px #f3f3f3; }

.e-breath-both {
  padding-left: 1em;
  padding-right: 1em; }

.e-breath-left {
  padding-left: 1em; }

.e-breath-right {
  padding-right: 1em; }

.e-underline {
  text-decoration: underline; }

.font-light, .e-form-label, .e-form-label--full, .e-form-label--title, .e-form-label--icon, .e-form-label--empty, .e-form-label--empty--height-15, .page-heading--vacancies, .e-people-picker__filters__list__item label, .e-people-picker__filters__submenu__list__item__span label, .e-people-picker__filters__submenu__list__item__span label a, .e-people-picker__groups-menu__item a, .e-tag--skills, .e-tag--gray, .e-tag--suppliers, .e-list--condensed .e-list__item__type, .e-people-list__item__date, .e-chat__time, .e-people-list__item__description, .e-people-list-sidebar__list__item--active .e-people-list-sidebar__list__item__name, .e-people-list-sidebar__list__item--active .e-people-list-sidebar__list__item__position, .e-people-list-sidebar__list__item__name, .e-people-list-sidebar__list__item__position, .e-chat__message-content, .e-selected-tag__tag {
  font-family: 'robotolight', sans-serif; }

.font-light-italic {
  font-family: 'robotolight_italic', sans-serif; }

.font-bold, .e-people-picker__filters__header-1, .e-people-picker__header__workers, .e-list-table .e-list-table__td__heading, .e-tag .e-tag__number, .e-list .e-list__item__heading, .e-simple-table__item__heading, .e-people-list__item__name, .e-key-results__percentage {
  font-family: 'robotobold', sans-serif;
  font-weight: normal; }

.font-regular, .e-box-title, .e-simple-table--instant-feeback .e-simple-table__item__heading a {
  font-family: 'roboto', sans-serif;
  font-weight: normal; }

.font-medium {
  font-family: 'robotomedium', sans-serif; }

.font-medium-italic {
  font-family: "robotomedium_italic", sans-serif; }

.e-pull-left {
  float: left !important; }

.e-pull-right {
  float: right !important; }

.e-pull-center {
  margin: 0 auto; }

.e-hidden {
  display: none !important; }

.e-visible {
  display: block !important; }

.e-display-table {
  display: table; }

.e-display-table-cell {
  display: table-cell; }

.e-color-black {
  color: #000; }

.e-color-white {
  color: #fff; }

.e-color-grey {
  color: #a1a1a1; }

.e-color-dark-navy {
  color: #3d5569; }

.e-color-dark-grey {
  color: #5f656d; }

.e-color-metalic-grey {
  color: #61666c; }

.e-color-medium-grey {
  color: #797979; }

.e-color-event {
  color: #ffa053; }

.e-color-dark-blue {
  color: #33a6dc; }

.e-color-red {
  color: red; }

.e-color-dark-red {
  color: #b11515; }

.e-color-semi-dark-red {
  color: #c30000; }

.e-color-green {
  color: green; }

.e-color-lighter-green {
  color: #b2dcb2; }

.e-color-light-green {
  color: #5ebd5e; }

.e-color-light-blue {
  color: #7dbcdc; }

.e-color-light-orange {
  color: #fac767; }

.e-color-transparent {
  color: transparent; }

.e-color-concrete-blue {
  color: #2598da; }

.e-color-light-grey {
  color: #dfe3e9; }

.e-color-pink {
  color: #f4989d; }

.e-color-dark-full-grey {
  color: darkFullGrey; }

.e-color-light-mid-grey {
  color: #bbbbbb; }

.e-color-medium-dark-grey {
  color: #666a74; }

.e-color-knowledge-test {
  color: #8baa50; }

.e-color-lightOrage {
  color: #fac767; }

.e-color-dark-orange {
  color: #fe9037; }

.e-pseudo-color-black:before {
  color: #000 !important; }

.e-pseudo-color-black:after {
  color: #000 !important; }

.e-pseudo-color-white:before {
  color: #fff !important; }

.e-pseudo-color-white:after {
  color: #fff !important; }

.e-pseudo-color-grey:before {
  color: #a1a1a1 !important; }

.e-pseudo-color-grey:after {
  color: #a1a1a1 !important; }

.e-pseudo-color-dark-navy:before {
  color: #3d5569 !important; }

.e-pseudo-color-dark-navy:after {
  color: #3d5569 !important; }

.e-pseudo-color-dark-grey:before {
  color: #5f656d !important; }

.e-pseudo-color-dark-grey:after {
  color: #5f656d !important; }

.e-pseudo-color-metalic-grey:before {
  color: #61666c !important; }

.e-pseudo-color-metalic-grey:after {
  color: #61666c !important; }

.e-pseudo-color-medium-grey:before {
  color: #797979 !important; }

.e-pseudo-color-medium-grey:after {
  color: #797979 !important; }

.e-pseudo-color-event:before {
  color: #ffa053 !important; }

.e-pseudo-color-event:after {
  color: #ffa053 !important; }

.e-pseudo-color-dark-blue:before {
  color: #33a6dc !important; }

.e-pseudo-color-dark-blue:after {
  color: #33a6dc !important; }

.e-pseudo-color-red:before {
  color: red !important; }

.e-pseudo-color-red:after {
  color: red !important; }

.e-pseudo-color-dark-red:before {
  color: #b11515 !important; }

.e-pseudo-color-dark-red:after {
  color: #b11515 !important; }

.e-pseudo-color-semi-dark-red:before {
  color: #c30000 !important; }

.e-pseudo-color-semi-dark-red:after {
  color: #c30000 !important; }

.e-pseudo-color-green:before {
  color: green !important; }

.e-pseudo-color-green:after {
  color: green !important; }

.e-pseudo-color-lighter-green:before {
  color: #b2dcb2 !important; }

.e-pseudo-color-lighter-green:after {
  color: #b2dcb2 !important; }

.e-pseudo-color-light-green:before {
  color: #5ebd5e !important; }

.e-pseudo-color-light-green:after {
  color: #5ebd5e !important; }

.e-pseudo-color-light-blue:before {
  color: #7dbcdc !important; }

.e-pseudo-color-light-blue:after {
  color: #7dbcdc !important; }

.e-pseudo-color-light-orange:before {
  color: #fac767 !important; }

.e-pseudo-color-light-orange:after {
  color: #fac767 !important; }

.e-pseudo-color-transparent:before {
  color: transparent !important; }

.e-pseudo-color-transparent:after {
  color: transparent !important; }

.e-pseudo-color-concrete-blue:before {
  color: #2598da !important; }

.e-pseudo-color-concrete-blue:after {
  color: #2598da !important; }

.e-pseudo-color-light-grey:before {
  color: #dfe3e9 !important; }

.e-pseudo-color-light-grey:after {
  color: #dfe3e9 !important; }

.e-pseudo-color-pink:before {
  color: #f4989d !important; }

.e-pseudo-color-pink:after {
  color: #f4989d !important; }

.e-pseudo-color-dark-full-grey:before {
  color: darkFullGrey !important; }

.e-pseudo-color-dark-full-grey:after {
  color: darkFullGrey !important; }

.e-pseudo-color-light-mid-grey:before {
  color: #bbbbbb !important; }

.e-pseudo-color-light-mid-grey:after {
  color: #bbbbbb !important; }

.e-pseudo-color-medium-dark-grey:before {
  color: #666a74 !important; }

.e-pseudo-color-medium-dark-grey:after {
  color: #666a74 !important; }

.e-pseudo-color-knowledge-test:before {
  color: #8baa50 !important; }

.e-pseudo-color-knowledge-test:after {
  color: #8baa50 !important; }

.e-pseudo-color-lightOrage:before {
  color: #fac767 !important; }

.e-pseudo-color-lightOrage:after {
  color: #fac767 !important; }

.e-pseudo-color-dark-orange:before {
  color: #fe9037 !important; }

.e-pseudo-color-dark-orange:after {
  color: #fe9037 !important; }

.e-color-transition {
  -moz-transition: color 0.25s ease-in-out;
  -o-transition: color 0.25s ease-in-out;
  -webkit-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out; }

.e-pseudo-color-black:before {
  color: #000 !important; }

.e-pseudo-color-black:after {
  color: #000 !important; }

.e-pseudo-color-grey:before {
  color: #a1a1a1 !important; }

.e-pseudo-color-grey:after {
  color: #a1a1a1 !important; }

.e-pseudo-color-dark-navy:before {
  color: #3d5569 !important; }

.e-pseudo-color-dark-navy:after {
  color: #3d5569 !important; }

.e-pseudo-color-dark-grey:before {
  color: #5f656d !important; }

.e-pseudo-color-dark-grey:after {
  color: #5f656d !important; }

.e-pseudo-color-metalic-grey:before {
  color: #61666c !important; }

.e-pseudo-color-metalic-grey:after {
  color: #61666c !important; }

.e-pseudo-color-medium-grey:before {
  color: #797979 !important; }

.e-pseudo-color-medium-grey:after {
  color: #797979 !important; }

.e-align-left {
  text-align: left; }

.e-align-center {
  text-align: center; }

.e-align-right {
  text-align: right; }

.e-align-justify {
  text-align: justify; }

.e-page-heading1 {
  font-size: 24px;
  margin: 0;
  padding: 0; }

.e-article-heading {
  font-size: 36px;
  line-height: 1.18;
  margin: 0 0 20px 0;
  color: #3d5569; }
  .e-article-heading--report {
    font-size: 80px; }

.e-report-logo-bottom-space {
  padding-bottom: 200px; }

.e-underscored-heading {
  border-bottom: 1px solid #f1f3f5; }

.e-underscored {
  border-bottom: solid 1px #dcdcdc; }

.e-text-row {
  padding-bottom: 15px; }

/**
    Koniec tekstowych
*/
/**
    Blokowe
*/
.e-inline-block {
  display: inline-block; }

.e-block {
  display: block; }

.e-inline {
  display: inline; }

/** Koniec blokowych 

*/
/*
    Imitacja zachowań innych elementów
*/
.e-link-tag-hover:hover {
  color: #2598da;
  text-decoration: underline;
  cursor: pointer; }

/**
    Komponent ikonki "przyetykietowej"
    Ikonki takie w systemie występują z reguły przy etykietach, nagłowkach, etc.
    np. w SkillsList
*/
.e-label-icon {
  position: relative;
  width: 24px;
  height: 24px;
  padding: 2px;
  margin-right: 5px;
  background-color: #f8f9fa;
  font-size: 14px;
  color: #bcbebf; }

.e-label-icon--breath {
  margin-right: 0.5em; }

.e-label-icon--small {
  font-size: 13px;
  padding: 1px;
  top: 1px;
  width: 16px;
  height: 16px; }

.e-label-icon--medium {
  font-size: 18px;
  padding: 0.15em;
  top: 2px;
  width: 30px;
  height: 30px; }

.e-label-icon--big {
  display: inline-block;
  font-size: 22px;
  padding: 0.2em;
  padding-top: 6px;
  width: 40px;
  height: 40px;
  text-align: center; }

.e-label-icon--big.e-label-icon--enormous {
  font-size: 34px;
  width: 60px;
  height: 60px; }

.e-label-icon--img-size {
  display: inline-block;
  font-size: 32px;
  padding: 0.2em;
  padding-top: 6px;
  width: 44px;
  height: 45px;
  text-align: center; }

.e-label-icon--large {
  font-size: 25px;
  top: 2px; }

.e-label-icon--x-large {
  font-size: 90px;
  top: 0; }

.e-label-icon--box {
  font-size: 20px; }

.e-label-icon--fill {
  display: block;
  width: 100%;
  height: 100%; }

.e-label-icon--dark {
  background-color: #f1f1f4;
  color: #fff; }

.e-label-icon--light {
  background-color: #fff;
  color: #bcbebf; }

.e-label-icon--formultiline {
  float: left; }

.e-label-icon--hoverable:hover, .e-label-icon--hoverable:hover i {
  color: #319ED5; }

.e-phantom-label-icon-margin {
  margin-left: 28px; }

.e-label-icon__foot {
  padding: 0.1em 0.5em;
  position: absolute;
  font-size: 12px;
  right: 0;
  bottom: 0;
  background: blue;
  color: white;
  font-family: "robotolight", sans-serif;
  font-style: normal;
  background: #3e5568; }
  .e-label-icon__foot:hover {
    background: #2598da;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -webkit-transition: 0.2s;
    transition: 0.2s; }

.e-label-icon--rose-bud {
  color: #fff;
  background: #F8AD88; }

.e-label-icon--green {
  color: #5ab55a; }

.e-label-icon--light-blue:before {
  color: #7dbcdc; }

.e-label-icon--blue:before {
  color: #2598da; }

.e-label-icon--disabled {
  color: #a1a1a1; }

.e-label-icon--no-margin::before {
  margin: 0; }

i.e-label-icon--rose-bud:before {
  color: #fff !important; }

.e-label-icon-valign-top:before {
  vertical-align: top; }

.e-label-icon--block {
  display: block;
  top: 0;
  margin: 0; }

.e-label-icon--rotaion-z-90 {
  transform: rotateZ(90deg); }

.e-label-icon--rotate-90:before {
  transform: rotate(90deg); }

/**
    Komponent kółeczka pokazującego status
    Z reguły na prostych listach tabelarycznych
    np. _NotesPartial
    Podpięte też przez extend pod vacancies__status w _vacancies.scss
*/
.e-status-circle {
  display: inline-block;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 16px;
  height: 16px; }

.e-status-circle--em {
  width: 1.6em;
  height: 1.6em;
  line-height: 1.4; }

.e-status-circle--big {
  width: 32px;
  height: 32px; }

.e-status-circle--number {
  border: 1px solid #a1a1a1;
  background: #fff;
  color: #a1a1a1; }

.e-wrapfix, .e-form-content__preview, .e-message__title, .e-comment__content__text {
  -ms-word-break: normal;
  word-break: normal;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  white-space: normal; }

.e-wrapfix--break-all {
  word-break: break-all; }

.e-no-wrap {
  white-space: nowrap; }

.e-circle {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%; }

.e-break-word {
  word-break: break-all;
  word-break: break-word; }

.e-img-repsonsive {
  max-width: 100%;
  height: auto; }

.e-vertical-aligner {
  display: table;
  width: 100%;
  table-layout: fixed; }

.e-vertical-aligner__item {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%; }

.e-relative {
  position: relative; }

.e-absolute {
  position: absolute; }

.e-fixed {
  position: fixed; }

.e-pinned-right {
  right: 0; }

.e-pinned-left {
  left: 0; }

.e-pinned-bottom {
  bottom: 0; }

.e-pinned-top {
  top: 0; }

.e-top-20 {
  top: 20px; }

.e-cutted-text, .e-dropdown-button--searcher .e-dropdown-button__rewrite > a, .e-bookmarked-message__header__title, .e-smart-tooltip {
  /* essential */
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap !important;
  overflow: hidden; }

.e-cut-text-wrapped {
  /* essential */
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden; }

.e-well {
  font-family: "robotoregular", sans-serif;
  font-size: 12px;
  display: block;
  padding: 10px 15px;
  border: 1px solid #a1a1a1;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #faf9f9; }

.e-well--error {
  border-color: #f6afb3;
  background-color: #fbdddf;
  color: #aa0808; }

.e-well--yellow {
  border-color: #f2ecda;
  background-color: #fcf8e2;
  color: #c09853; }

.e-ul--no-marker {
  padding: 0;
  list-style-type: none;
  list-style-position: inside; }

.e-ul--tight {
  padding: 0; }

.e-ul--loose {
  padding-left: 2em; }

.e-ul--disc {
  list-style-type: disc; }

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

.e-ul--inside {
  list-style-position: inside; }

.e-ul__item--with-icon {
  padding-bottom: 10px; }

.e-ul--separate li {
  margin-bottom: 5px; }

.e-ul--separate-large li {
  margin-bottom: 10px; }

.e-ul--floatleft {
  float: left;
  width: 100%; }

.e-cursor-pointer {
  cursor: pointer; }

.e-cursor-auto {
  cursor: auto; }

.e-cursor-move {
  cursor: move; }

.e-remove-button {
  font-size: 16px;
  margin: 0;
  color: #f4989d;
  cursor: pointer; }
  .e-remove-button:hover {
    text-decoration: none;
    color: #f4989d; }

.e-remove-button--tag {
  font-size: 13px; }

.e-remove-button--hoverable:hover {
  color: #db0a0a; }

.e-auto-frame {
  overflow: auto;
  border: 1px solid #dfe3e9; }

.e-overflow-auto {
  overflow: auto; }

.e-overflow-hidden {
  overflow: hidden; }

.e-overflow-x-auto {
  overflow-x: auto; }

.icon--bigger {
  font-size: 1.25em;
  line-height: 0.75em; }

.e-help-icon {
  cursor: pointer;
  color: #5f646a; }
  .e-help-icon:hover {
    text-decoration: none; }

.e-form-content .e-help-icon {
  margin-top: 3px; }

.e-help-icon--light {
  color: #9f9f9f; }

.e-help-icon--active {
  color: #3d5569; }

.e-popover-inner {
  font-size: 12px; }

.e-rank-indicator {
  float: left;
  min-width: 25px;
  margin-right: 5px;
  background: #68b66a;
  color: white;
  font-size: 14px;
  font-family: "robotomedium", sans-serif;
  text-align: center; }

.pull-center, .e-pull-center {
  margin: 0 auto; }

.icon--rounded-none {
  border: solid 1px transparent;
  padding: 2px 2px 4px 2px;
  width: 30px;
  text-align: center;
  display: block !important;
  left: -4px;
  position: relative; }
  .icon--rounded-none:before {
    margin: 3px 0 0 0;
    padding: 0; }
  .icon--rounded-none--paddings {
    padding-left: 15px;
    padding-top: 0; }

.icon--rounded {
  border: solid 1px #ececec;
  background: #fff;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 2px 2px 4px 2px;
  width: 30px;
  text-align: center;
  display: block !important; }
  .icon--rounded:before {
    margin: 3px 0 0 0;
    padding: 0; }

.icon--blue:before {
  color: #7dbcdc; }

.icon--qustion-type:before {
  font-size: 16px;
  margin-right: 8px; }

.e-word-highlight {
  background: #ffff00; }

.reset-weight {
  font-weight: normal; }

.e-uppercase {
  text-transform: uppercase; }

.e-hover-highlight {
  transition: color 0.5s ease-in-out; }
  .e-hover-highlight:hover {
    color: #7dbcdc; }

.e-small-header {
  font-size: 12px;
  font-family: "robotobold", sans-serif;
  text-transform: uppercase; }

.e-light-header {
  display: inline-block;
  font-size: 16px;
  font-family: "robotolight", sans-serif;
  color: #3d5569;
  padding-bottom: 20px; }

.e-fade {
  opacity: 1;
  transition: opacity 0.5s ease-out; }

.e-fade.e-fade--out {
  opacity: 0;
  transition: opacity 0.5s ease-out; }

.e-fade.e-fade--semi-out {
  opacity: 0.5;
  transition: opacity 0.5s ease-out; }

.e-visibility-zero-opacity {
  opacity: 0; }

.e-visibility-hidden {
  visibility: hidden; }

.e-visibility-visible {
  visibility: visible; }

.hd-light-20.hd-light-20--no-underline {
  border-bottom: none; }

.e-hide-bottom-border-last:last-child {
  border-bottom: none; }

.e-come-down {
  transition: top 1s ease-in-out;
  top: -20px; }

.e-come-down--down {
  top: 45px; }

.e-inherit-height {
  height: inherit; }

.e-sticky-card--shadow {
  -moz-box-shadow: 2px 10px 10px -10px #ddd;
  -webkit-box-shadow: 0 2px 10px #ddd;
  box-shadow: 2px 10px 10px -10px #ddd;
  z-index: 2; }

.e-sticky-card {
  z-index: 60;
  padding: 15px 15px 10px;
  background: #fff;
  -moz-transition: top 0.5s ease-in-out;
  -o-transition: top 0.5s ease-in-out;
  -webkit-transition: top 0.5s ease-in-out;
  transition: top 0.5s ease-in-out;
  -moz-box-shadow: 2px 10px 10px -10px #ddd;
  -webkit-box-shadow: 0 2px 10px #ddd;
  box-shadow: 2px 10px 10px -10px #ddd;
  z-index: 2;
  border-bottom: 1px solid #ddd; }
  @media screen and (min-height: 500px) and (min-width: 1266px) {
    .e-sticky-card {
      position: fixed;
      top: -100px; } }
  @media (max-height: 499px), (max-width: 1265px) {
    .e-sticky-card {
      position: static;
      margin-bottom: -100px; } }
  @media (max-height: 499px), (max-width: 1265px) {
    .e-sticky-card.e-sticky-card--summary {
      display: none; } }

.e-light-blue {
  color: #7dbcdc; }

.e-valign-middle {
  vertical-align: middle; }

.e-valign-top {
  vertical-align: top; }

.e-valign-sub {
  vertical-align: sub; }

.e-valign-super {
  vertical-align: super; }

.e-valign-text-top {
  vertical-align: text-top; }

.e-valign-text-bottom {
  vertical-align: text-bottom; }

.e-valign-inherit {
  vertical-align: inherit; }

.e-line-inherit {
  line-height: inherit; }

.e-line-height-150p {
  line-height: 150%; }

.e-clickable-height {
  height: 50px; }

.e-border-separator {
  border-bottom: 1px solid #dfe3e9; }

.e-border-separator--thick {
  border-bottom: 2px solid #dfe3e9; }

.e-border-top-separator {
  border-top: 1px solid #dfe3e9; }

.e-border-top-separator--thick {
  border-top: 2px solid #dfe3e9; }

.e-clearfix:before {
  display: table;
  content: ' '; }

.e-clearfix:after {
  display: table;
  content: ' ';
  clear: both; }

.e-cancel-pulling {
  float: none; }

/* Absence Request cshtml */
.popover.popover-hack {
  left: 0 !important; }

.popover--objective-card {
  width: 550px;
  max-width: 550px;
  padding-top: 0; }
  .popover--objective-card .popover-content {
    padding: 0; }

.popover--auto {
  max-width: 800px;
  width: auto; }

.e-calendar-popover {
  width: 300px; }

.e-layer-1 {
  z-index: 1; }

.e-spinner-for-tr {
  padding: 0 !important;
  text-align: center;
  width: 100%; }
  .e-spinner-for-tr img {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    max-height: 100%; }

.e-popover-table {
  table-layout: fixed;
  color: #535353;
  margin-top: -5px; }
  .e-popover-table td {
    vertical-align: top;
    padding: 5px;
    width: 50%;
    font-family: "robotolight", sans-serif; }
    .e-popover-table td:first-child {
      text-align: right;
      font-family: "robotomedium", sans-serif; }

.e-review-result-icon {
  position: absolute;
  top: -4px;
  right: 0; }

.e-tooltip-trigger {
  color: inherit; }
  .e-tooltip-trigger:hover, .e-tooltip-trigger:focus {
    text-decoration: inherit; }
  .e-tooltip-trigger:focus {
    color: inherit; }

/* Dropdown */
.e-tight-dropdown.dropdown-menu {
  min-width: 90px;
  border-radius: 5px; }

/* Because of too specific selector on e-list-template */
a.e-tooltip-trigger {
  color: inherit; }
  a.e-tooltip-trigger:hover, a.e-tooltip-trigger:focus {
    text-decoration: inherit; }
  a.e-tooltip-trigger:focus {
    color: inherit; }

.e-absence-public-info:before {
  content: '\e833';
  float: left;
  color: #3d5569;
  font: 16px "fontello-entypo-full";
  line-height: 1; }

.e-absence-public-info__quote {
  padding: 2px 10px;
  margin: 0 0 0 20px;
  font-size: 11px;
  color: #a1a1a1;
  border-left-width: 3px; }

@keyframes red-blink {
  0% {
    color: #db0a0a; }
  100% {
    color: #000; } }

.e-countdown-blink {
  display: block;
  animation: red-blink 1s 0s infinite;
  transition: animation; }

@keyframes countdown-icon-blink {
  0% {
    color: #fff;
    background: #db0a0a; }
  100% {
    background: #faf9f9;
    color: #a1a1a1; } }

.e-countdown-icon-blink {
  display: block;
  animation: countdown-icon-blink 1s 0s infinite;
  transition: animation; }

.e-move-to-left {
  transform: translateX(-100%);
  transition: animation 1s ease-in-out; }

.e-img-responsive {
  display: block;
  height: auto;
  max-width: 100%; }

/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
.e-selected-tag__container {
  float: left;
  width: 100%;
  position: relative;
  border: solid 1px #dcdcdc;
  padding: 5px; }
  .e-selected-tag__container:after {
    content: ' ';
    background: url("/Content/select2/css/select2.png") no-repeat 0 0px;
    width: 20px;
    height: 25px;
    display: block;
    position: absolute;
    right: 5px;
    top: 0;
    cursor: pointer; }

.e-selected-tag__container--top-tags {
  margin-top: 5px; }

.e-selected-tag__placeholder {
  position: relative;
  cursor: pointer;
  padding: 0px;
  font-size: 12px;
  color: #aaa; }

.e-selected-tag__container input {
  width: 100%;
  display: block;
  margin-top: 5px;
  padding-right: 30px; }

.e-selected-tag__container input:focus {
  font-family: 'robotobold', sans-serif !important; }

.e-selected-tag__container input::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  font-family: 'robotolight', sans-serif !important; }

.e-selected-tag__container input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  font-family: 'robotolight', sans-serif !important; }

.e-selected-tag__container input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  font-family: 'robotolight', sans-serif !important; }

.e-selected-tag__container input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  font-family: 'robotolight', sans-serif !important; }

.e-selected-tag__search-icon {
  position: absolute;
  right: 10px;
  top: 28px;
  color: #7b7b7b; }

.e-selected-tag__dropdown {
  display: none;
  position: absolute;
  box-sizing: content-box;
  max-height: 220px;
  overflow: auto;
  float: left;
  top: 55px;
  left: -1px;
  width: 100%;
  list-style: none;
  background: #fff;
  border: solid 1px #dcdcdc;
  border-top: none;
  padding: 0;
  z-index: 1000; }

.e-selected-tag__dropdown--up {
  top: auto;
  bottom: 45px;
  border-top: solid 1px #dcdcdc; }

.e-selected-tag__dropdown__item {
  position: relative;
  float: left;
  width: 100%; }
  .e-selected-tag__dropdown__item--selected {
    background: #f8f9fa; }
    .e-selected-tag__dropdown__item--selected .e-selected-tag__dropdown__text {
      text-decoration: none;
      color: #5f656d; }

.e-selected-tag__dropdown__text {
  float: left;
  width: 100%;
  padding: 3px 10px;
  font-family: "robotolight", sans-serif;
  font-size: 12px; }
  .e-selected-tag__dropdown__text strong {
    font-family: "robotomedium", sans-serif; }
  .e-selected-tag__dropdown__text:hover {
    text-decoration: none;
    color: #5f656d; }

.e-selected-tag__dropdown__add {
  position: absolute;
  right: 10px;
  top: 3px;
  font-size: 12px;
  display: none; }

.e-selected-tag__dropdown__item--selected .e-selected-tag__dropdown__add {
  display: inline; }

.e-selected-tag__tag {
  float: left;
  width: 100%;
  margin: 3px 0; }

.e-selected-tag__tag--margin-0 {
  margin: 0; }

.e-selected-tag__list__item {
  position: relative; }
  .e-selected-tag__list__item a {
    position: absolute;
    right: 0;
    top: 1px; }
  .e-selected-tag__list__item i {
    position: relative;
    top: -1px;
    font-size: 8px; }

.e-selected-tag {
  position: relative; }
  .e-selected-tag .select2-highlighted .e-selected-tag__list__item a {
    display: block !important; }
  .e-selected-tag .select2-search-field {
    border: solid 1px #dcdcdc; }
  .e-selected-tag .select2-input {
    border: solid 1px #dcdcdc !important; }
  .e-selected-tag .select2-choices li:last-of-type {
    margin-top: 5px !important; }
  .e-selected-tag .select2-choices li:first-of-type {
    margin-top: 0 !important; }

.e-selected-list__item {
  list-style: none;
  font-size: 12px;
  font-family: "robotomedium", sans-serif;
  padding: 1px 0;
  float: left;
  width: 100%; }
  .e-selected-list__item:last-of-type {
    margin-bottom: 5px; }

.e-selected-list__item--large {
  float: left;
  height: 30px;
  padding: 0 10px 0 0;
  margin-bottom: 7px;
  position: relative; }
  .e-selected-list__item--large i.e-label-icon {
    float: left;
    top: 0; }
  .e-selected-list__item--large i.icon-cancel {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -6px; }

.article-box__hd_title {
  background-image: linear-gradient(-131deg, #FC9A39 0%, #F7AE70 100%);
  padding: 15px 11px;
  position: relative;
  overflow: hidden; }
  .article-box__hd_title h3 {
    border-bottom: 0;
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 16px;
    font-family: 'robotobold'; }

.article-box__hd_title_icon {
  float: right;
  color: #fff; }
  .article-box__hd_title_icon .icon {
    font-size: 18px; }

.pulse-button {
  color: white;
  border: none;
  border-radius: 50%;
  background: #ea8c5f;
  cursor: pointer;
  width: 33px;
  height: 33px;
  line-height: 32px;
  position: absolute;
  right: 18px;
  top: 7px;
  text-align: center;
  box-shadow: 0px 0px 0px 0px rgba(239, 151, 95, 0.5), 0px 0px 0px 0px rgba(253, 128, 48, 0.5), 0px 0px 60px 20px rgba(250, 250, 250, 0.4);
  -webkit-animation: article-box__pulse-icon 2s infinite;
  animation: article-box__pulse-icon 2s infinite; }
  .pulse-button:hover {
    animation: none;
    -webkit-animation: none; }

@keyframes article-box__pulse-icon {
  70% {
    box-shadow: 0 0 0 20px rgba(239, 151, 95, 0), 0 0 3px 40px rgba(253, 128, 48, 0), 0px 0px 60px 20px rgba(250, 250, 250, 0.4); }
  100% {
    box-shadow: 0 0 0 0px rgba(239, 151, 95, 0), 0 0 0 0px rgba(253, 128, 48, 0), 0px 0px 60px 20px rgba(250, 250, 250, 0.4); } }

.article-box__list_holder {
  width: 100%;
  clear: both;
  list-style-type: none;
  margin: 0;
  padding: 0; }

.article-box__list_holder_thumbnail {
  width: 100%;
  height: 105px;
  overflow: hidden;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 10px; }

.article-box__list_holder_thumbnail_empty {
  position: relative;
  background-color: #f1f1f4; }

.article-box__list_holder_thumbnail img {
  width: 100%; }

.article-box__list_autor_box_avatar_img {
  display: inline-block;
  float: left; }
  .article-box__list_autor_box_avatar_img img {
    width: 24px;
    height: 24px;
    overflow: hidden;
    border-radius: 50%; }

.article-box__list_autor_box_title {
  font-size: 12px;
  font-family: 'robotoregular';
  line-height: 14px; }

.article-box__list_autor_box_container {
  float: left;
  margin-left: 8px; }

.article-box__list_autor_box_publishtime {
  font-size: 9px;
  font-family: 'robotoregular';
  line-height: 10px; }

.article-box__list_holder_hdtitle {
  font-size: 16px;
  font-family: 'robotobold';
  line-height: 120%;
  margin-bottom: 7px; }

.article-box__list_holder_link_box {
  display: block;
  width: 100%;
  padding: 14px 10px;
  margin: 0 auto;
  transition: 0.3s;
  border-bottom: solid 1px #efeff0; }
  .article-box__list_holder_link_box:hover {
    background-color: #f4f6f9;
    color: #3d5569;
    text-decoration: inherit; }

.article-box__list_item_icon_empty {
  right: 0;
  left: 0;
  margin: auto !important;
  position: absolute;
  top: 0;
  bottom: 0; }

.react-datepicker {
  font-size: 1em !important; }

.react-datepicker__header {
  padding-top: 0.8em !important; }

.react-datepicker__month {
  margin: 0.4em 1em !important; }

.react-datepicker__day-name, .react-datepicker__day {
  width: 1.9em !important;
  line-height: 1.9em !important;
  margin: 0.166em !important; }

.react-datepicker__current-month {
  font-size: 1em !important; }

.react-datepicker__navigation--previous {
  border-right-color: #ccc !important;
  left: 1em !important; }

.react-datepicker__navigation--next {
  border-left-color: #ccc !important;
  right: 1em !important; }

.col-7comma8 {
  flex: 0 0 61.5%;
  max-width: 61.5%;
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px; }

/* Ckeditor*/
.e-article__content__text > figure.image-style-side {
  float: right; }

.jsDescriptionParagraph > figure.image-style-side {
  float: right; }

.jsDescriptionParagraph > figure.image {
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center; }

.e-article__content__text > figure.image {
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center; }

.e-article__content__text > figure.image.image_resized img {
  width: 100% !important; }

.jsDescriptionParagraph > figure.image.image_resized img {
  width: 100% !important; }

.e-article__content__text > .table {
  width: unset; }
  .e-article__content__text > .table th {
    min-width: 2em; }
  .e-article__content__text > .table td {
    padding: .4em;
    color: black;
    border: 1px solid #bfbfbf; }

.e-article__content__text mark, request-field-saved mark {
  background-color: unset; }

.e-article__content__text mark.marker-blue, request-field-saved mark.marker-blue {
  background-color: #72ccfd; }

.e-article__content__text mark.marker-green, request-field-saved mark.marker-green {
  background-color: #62f962; }

.e-article__content__text mark.pen-green, request-field-saved mark.pen-green {
  color: #128a00; }

.e-article__content__text mark.pen-red, request-field-saved mark.pen-red {
  color: #e71313; }

/* Hack na template for IE */
template {
  display: none; }

/* To dodamy do oddzielnego partiala /Task/CreateTask // */
.create-task .form-label.with-icon {
  background: none; }

/* //To dodamy do oddzielnego partiala /Task/CreateTask */
.editable-image-box .btn-delete {
  cursor: pointer;
  background-color: #f4f4f4;
  border: solid 1px #d0d0d0;
  border-radius: 2px;
  color: #61666f; }
  .editable-image-box .btn-delete:hover {
    text-decoration: none; }

/* wyszukiwarka (np. grup) */
/* wyszukiwarka (np. grup) */
.search-bar {
  margin: 0;
  padding: 20px 0 20px 12px;
  background-color: #faf9f9;
  border-bottom: solid 2px #e8e8e8; }
  .search-bar .search-lbl {
    float: left;
    margin: 6px 10px 0 0;
    width: 120px;
    color: #3d5569;
    font-size: 13px; }
  .search-bar .search-query {
    width: 570px;
    float: left;
    padding: 5px 9px;
    margin-right: 9px;
    height: 30px; }
  .search-bar .search-scope {
    float: left;
    border: solid 1px #dcdcdc;
    background-color: #ffffff;
    width: 141px;
    height: 30px;
    margin-right: 10px;
    font-size: 12px; }
    .search-bar .search-scope .dropdown-toggle {
      float: left;
      width: 100%;
      height: 100%;
      padding: 2px 0 0 9px; }
    .search-bar .search-scope .toggle-lbl {
      float: left;
      color: #737272;
      height: 22px;
      width: 102px;
      white-space: nowrap;
      overflow: hidden; }
    .search-bar .search-scope .toggle-icon {
      float: right;
      margin: -4px 4px 0 0;
      padding-top: 8px;
      color: #dcdcdc; }
    .search-bar .search-scope > .dropdown-menu {
      margin-top: -2px;
      min-width: 160px;
      font-size: 12px; }
  .search-bar .btn-search {
    float: left;
    width: 80px;
    font-size: 14px;
    padding: 4px 0; }
  .search-bar .btn.small, .search-bar .btn-file-upload .select-file-box a.small, .btn-file-upload .select-file-box .search-bar a.small {
    font-size: 13px;
    padding: 4px 12px 5px; }
  .search-bar .btn-search i:before {
    margin: 0 5px 0 0;
    font-size: 15px;
    vertical-align: baseline; }
  .search-bar .filters-trigger {
    float: left;
    margin: 0 10px;
    border: 1px solid #DCDCDC;
    background-color: #ffffff;
    font-size: 23px; }
    .search-bar .filters-trigger.opened {
      background-color: #EEF6F7;
      border-color: #717171; }
    .search-bar .filters-trigger.selected {
      background-color: #d7d7d7;
      border-color: #717171; }
  .search-bar.search-employee .search-query {
    width: 620px; }
  .search-bar.search-employee.with-filters .search-query {
    width: 520px; }
  .search-bar.search-employee.with-filters .search-scope {
    margin-right: 0; }

.search-bar-line {
  float: left;
  width: 100%;
  box-sizing: border-box;
  padding: 10px 0 10px 130px; }

/* font dla svg */
svg {
  font-family: "robotolight", sans-serif !important; }

.edit-employees-assessment .search-bar {
  padding: 20px 0 20px 15px; }
  .edit-employees-assessment .search-bar .chzn-container-multi {
    width: 70% !important;
    float: left; }

.edit-employees-assessment .chzn-container-multi .chzn-choices {
  width: 100%; }

.ui-menu.custom-ddmenu.instant-search-results {
  width: 310px !important;
  z-index: 100;
  max-height: 208px; }

.search-bar.small .btn.small, .search-bar.small .btn-file-upload .select-file-box a.small, .btn-file-upload .select-file-box .search-bar.small a.small {
  font-size: 11px;
  padding: 4px 9px; }

.search-bar.small .chzn-container-multi .chzn-choices .search-field input, .search-bar.small .select2-container-multi .select2-choices .select2-search-field input {
  font-size: 11px;
  height: 22px; }

.search-bar.small .filters-trigger {
  font-size: 18px; }

/* wyniki wyszukiwania */
.search-results {
  margin: 0;
  width: 100%;
  color: #3d5569;
  font-size: 12px;
  background-color: #f1f3f5; }
  .search-results .results-title {
    padding: 10px 12px; }
  .search-results .count {
    color: #2598da; }
  .search-results h1 {
    padding-top: 30px; }

/* wyniki wyszukiwania grup */
.fanpage-search-results a:hover {
  text-decoration: underline; }

.fanpage-search-results .group-photo {
  padding-right: 0;
  width: 60px;
  text-align: center; }
  .fanpage-search-results .group-photo img {
    max-width: 60px;
    max-height: 60px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 4px 0 #dedede;
    box-shadow: 0 0 4px 0 #dedede; }

.fanpage-search-results .group-name {
  font-size: 16px; }

.fanpage-search-results .group-desc {
  font-size: 11px;
  color: #6d6d6d; }

.fanpage-search-results .group-creator-cell {
  font-size: 12px; }
  .fanpage-search-results .group-creator-cell a {
    font-size: 12px; }

/* pojedynczy fanpage */
/* pojedynczy fanpage */
.fanpage-top {
  margin: 0 0 0 16px;
  padding: 30px 20px 0 30px;
  background-color: #ffffff;
  border: solid 1px #dcdcdc;
  border-right-width: 0;
  box-shadow: #d9d9d9 0 0 5px;
  background: transparent url("/Content/tms/_img/bg-fanpage-top.png") repeat-x 0 100%; }
  .fanpage-top .fanpage-photo {
    width: 150px;
    height: 150px;
    margin: 0 30px 0 0;
    float: left;
    background-color: #ffffff;
    vertical-align: middle;
    text-align: center;
    position: relative;
    -webkit-box-shadow: 0 0 8px 0 #d9d9d9;
    box-shadow: 0 0 8px 0 #d9d9d9; }
    .fanpage-top .fanpage-photo img {
      max-width: 150px;
      max-height: 150px; }
  .fanpage-top .fanpage-info {
    float: left;
    width: 690px; }
  .fanpage-top.no-photo .fanpage-info {
    width: 100%; }
  .fanpage-top h1 {
    margin: 0 0 15px 0;
    font-size: 30px;
    color: #27272a; }
  .fanpage-top .main-info {
    float: left;
    width: 490px; }
  .fanpage-top.no-photo .main-info {
    width: 700px; }
  .fanpage-top .without-users {
    min-height: 125px; }
    .fanpage-top .without-users.private {
      min-height: 85px; }
  .fanpage-top .actions {
    float: right; }
    .fanpage-top .actions .btn, .fanpage-top .actions .btn-file-upload .select-file-box a, .btn-file-upload .select-file-box .fanpage-top .actions a {
      float: right;
      clear: both;
      margin-bottom: 15px;
      padding-left: 0;
      padding-right: 0;
      width: 175px; }
  .fanpage-top .desc {
    font-size: 15px;
    line-height: 1.4;
    color: #525252;
    margin-bottom: 15px; }
  .fanpage-top .private-info {
    background-color: #faffc6;
    border-top: solid 1px #dcdcdc;
    padding: 10px 0 10px 210px;
    margin: 0 0 1px -210px;
    width: 933px;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); }
  .fanpage-top .users {
    width: 100%;
    clear: both; }
    .fanpage-top .users a, .fanpage-top .users .info-item {
      font-size: 12px;
      line-height: 50px;
      float: left;
      white-space: nowrap; }
    .fanpage-top .users a .icon:before, .fanpage-top .users .info-item .icon:before {
      font-size: 18px;
      vertical-align: text-bottom;
      margin: 0 7px 0 0; }
    .fanpage-top .users a:hover .lbl {
      text-decoration: underline; }
    .fanpage-top .users .left-border {
      margin-left: 10px;
      padding-left: 15px;
      border-left: solid 1px #e8e8e8; }
    .fanpage-top .users .right-border {
      margin-right: 10px;
      padding-right: 15px;
      border-right: solid 1px #e8e8e8; }
    .fanpage-top .users .admin-photos img {
      float: left;
      width: 30px;
      height: 30px;
      margin: 10px 5px 0 5px; }

/* szukajka w popupie subskrybent�w */
.subscribers-search-bar {
  margin-left: 0;
  border-right-width: 1px; }
  .subscribers-search-bar .search-query {
    width: 340px; }
  .subscribers-search-bar .search-scope {
    margin-right: 0; }
    .subscribers-search-bar .search-scope > .dropdown-menu {
      margin-top: -3px; }
    .subscribers-search-bar .search-scope > .dropdown-toggle {
      margin-top: -8px; }

.popup-subscribers-list .subscribers-search-bar {
  margin-bottom: 20px; }

.popup-subscribers-list h1 {
  margin-left: 0;
  width: 75%;
  float: left; }

.popup-subscribers-list .btn-mass-action {
  width: 25%;
  float: right;
  text-align: right; }

.popup-subscribers-list .search-filters {
  margin: -20px 0 20px 0; }

/* tableka u�ytkownicy + akcje na popupach */
.user-with-actions-in-popup {
  border: solid 1px #DCDCDC; }

/* trigger do wybieranie/zmiany zdj�cia */
.select-file-box {
  float: left; }
  .select-file-box div.fileinputs {
    position: relative; }
  .select-file-box div.fakefile {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1; }
    .select-file-box div.fakefile .btn-icon:hover i:before {
      color: #61666f; }
  .select-file-box .fakefile .btn, .btn-file-upload .select-file-box .fakefile a {
    padding-left: 15px;
    padding-right: 15px; }
    .select-file-box .fakefile .btn [class^="icon-"]:before, .btn-file-upload .select-file-box .fakefile a [class^="icon-"]:before, .select-file-box .fakefile .btn [class*=" icon-"]:before, .btn-file-upload .select-file-box .fakefile a [class*=" icon-"]:before {
      margin: 0 10px 0 0; }
  .select-file-box input#fileInput, .select-file-box input#fileInput-internal {
    position: relative;
    text-align: right;
    -moz-opacity: 0;
    opacity: 0;
    z-index: 2;
    cursor: pointer;
    -ms-filter: "alpha(opacity:0)"; }

.Popup [class^="icon-"], .Popup [class*=" icon-"] {
  background-image: none;
  display: inline; }

/* niebieski pasek */
.blue-bg {
  background-color: #f0faff;
  border-bottom: solid 1px #dcdcdc;
  height: 405px;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); }

.below-blue-bg {
  margin-top: -406px; }

.hint-box {
  border: solid 1px #e7e7e7;
  background-color: #f8f8f8;
  margin-bottom: 20px; }
  .hint-box .icon {
    font-size: 25px;
    vertical-align: top;
    color: #cfcfcf; }
    .hint-box .icon:before {
      margin: 10px 0 0 0;
      vertical-align: top;
      width: 10%;
      float: left; }
  .hint-box .hint-text {
    border-left: solid 1px #e7e7e7;
    padding: 10px;
    float: right;
    width: 90%;
    min-height: 45px; }

.one-column-layout {
  margin: 0 13px 0 12px;
  width: 940px;
  clear: both; }

.two-columns-layout {
  width: 100%;
  clear: both; }
  .two-columns-layout.in-edit-form {
    width: 965px;
    margin-left: -12px; }
  .two-columns-layout > .left-col {
    width: 700px;
    float: left;
    margin: 0 0 0 12px; }
    .two-columns-layout > .left-col.no-left-margin {
      margin-left: 0;
      width: 712px; }
  .two-columns-layout > .right-col {
    width: 220px;
    float: right;
    margin-right: 13px; }
    .two-columns-layout > .right-col.no-right-margin {
      margin-right: 0; }

.blue-box-with-image {
  background-color: #dcf3ff;
  border-bottom: solid 1px #cde5f1;
  padding: 10px 12px;
  display: table;
  width: 100%;
  clear: both; }
  .blue-box-with-image.with-bottom-margin {
    margin-bottom: 10px; }
  .blue-box-with-image .cell-left {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    width: 100px; }
  .blue-box-with-image .cell-right {
    display: table-cell;
    vertical-align: middle;
    text-align: left; }
  .blue-box-with-image .cell-left .photo-container {
    background-color: #FFFFFF;
    box-shadow: 0 0 8px #D9D9D9;
    margin: 0 auto;
    padding: 5px;
    width: 70px;
    height: 70px;
    text-align: center;
    vertical-align: middle; }
    .blue-box-with-image .cell-left .photo-container img {
      max-width: 60px;
      max-height: 60px; }
  .blue-box-with-image h1, .blue-box-with-image h2 {
    font-size: 30px;
    margin: 0; }

/* Layout formularzy */
/* formularz edycji / widok - elementy wspólne dla jednokolumnowego i dwukolumnowego */
.edit-form .wide-box.blue-with-shadow {
  background-color: #dcf3ff;
  border-bottom: solid 1px #cde5f1;
  padding: 20px 15px; }

.edit-form .wide-box.yellow-with-shadow {
  background-color: #faffc6;
  border-bottom: solid 1px #dcdcdc;
  padding-top: 10px;
  padding-bottom: 10px;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); }

.edit-form .wide-box.gray-with-shadow {
  background-color: #f6f6f6;
  border-bottom: solid 1px #dcdcdc;
  padding-top: 10px;
  padding-bottom: 10px;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); }

.edit-form .wide-box.with-bottom-margin {
  margin-bottom: 20px; }

.edit-form .wide-box.with-bottom-margin-30 {
  margin-bottom: 30px; }

.edit-form .wide-box.negative-margin-top {
  margin-top: -30px; }

.edit-form .wide-box.negative-margin-top-20 {
  margin-top: -20px; }

.edit-form .wide-box.without-bottom-border {
  border-bottom-width: 0; }

.edit-form .wide-box.tabs-container {
  padding-bottom: 0;
  padding-top: 20px; }

.edit-form .form-line.buttons {
  padding-top: 30px;
  padding-right: 28px; }

.edit-form .main-info h1 {
  font-size: 24px;
  color: #3d5569;
  margin: 0 0 10px 0; }
  .edit-form .main-info h1.no-bottom-margin {
    margin-bottom: 0; }

.edit-form .main-info h2 {
  font-size: 16px;
  color: #566069;
  font-weight: normal;
  margin: 0;
  padding: 0; }

.edit-form .main-info h3 {
  font-size: 12px;
  color: #757575;
  font-weight: normal;
  margin: 0;
  padding: 0; }

.form-line input::-webkit-input-placeholder, .form-line textarea::-webkit-input-placeholder, .form-line input:-ms-input-placeholder, .form-line textarea:-ms-input-placeholder {
  color: #a9a9bb; }

.form-line input::-moz-placeholder, .form-line textarea::-moz-placeholder {
  color: #666666; }

input.placeholder, textarea.placeholder {
  color: #909090; }

/* formularz jednokolumnowy */
.edit-form-one-column {
  margin: 0 13px 0 12px; }
  .edit-form-one-column.no-margins {
    margin: 0; }
  .edit-form-one-column.mar-bottom-20 {
    margin-bottom: 20px; }
  .edit-form-one-column .column-content {
    width: 940px; }
  .edit-form-one-column .wide-box {
    padding-left: 12px;
    margin-left: -12px;
    margin-right: -13px; }
  .edit-form-one-column .form-label {
    padding-left: 10px; }

/* formularz dwukolumnowy (np. karta pracownika, edycja grupy itp) */
.edit-form-two-columns {
  width: 965px;
  clear: both; }
  .edit-form-two-columns > .left-column {
    width: 285px;
    float: left;
    position: relative; }
    .edit-form-two-columns > .left-column .left-column-content {
      width: 225px;
      margin: 0 auto; }
  .edit-form-two-columns > .right-column {
    width: 680px;
    float: right; }
    .edit-form-two-columns > .right-column .right-column-content {
      width: 650px; }
  .edit-form-two-columns .wide-box {
    padding-left: 285px !important;
    margin-left: -285px; }
  .edit-form-two-columns > .left-column.short {
    width: 170px; }
    .edit-form-two-columns > .left-column.short .left-column-content {
      width: 142px;
      margin: 0; }
  .edit-form-two-columns > .right-column.long {
    width: 795px; }
    .edit-form-two-columns > .right-column.long .right-column-content {
      width: 765px; }
    .edit-form-two-columns > .right-column.long .wide-box {
      padding-left: 170px !important;
      margin-left: -170px; }
  .edit-form-two-columns .main-photo-box {
    padding: 20px 0; }
    .edit-form-two-columns .main-photo-box .photo-container {
      padding: 5px;
      background-color: #ffffff;
      text-align: center;
      vertical-align: middle;
      margin: 0 auto 18px auto;
      -webkit-box-shadow: 0 0 8px #d9d9d9;
      box-shadow: 0 0 8px #d9d9d9; }

.header-two-columns .employee-photo {
  padding: 5px;
  background-color: #ffffff;
  text-align: center;
  vertical-align: middle;
  margin: 0 auto 18px auto;
  -webkit-box-shadow: 0 0 8px #d9d9d9;
  box-shadow: 0 0 8px #d9d9d9; }

.edit-form-two-columns .main-photo-box .photo-container {
  width: 225px;
  height: 225px; }

.header-two-columns .employee-photo {
  width: 170px;
  height: 170px; }

.edit-form-two-columns .main-photo-box .photo-container img, .header-two-columns .employee-photo img {
  max-width: 100%;
  max-height: 100%; }

.edit-form-two-columns .main-photo-box .select-file-box {
  float: none;
  display: inline-block; }

/* dwukolumnowy podział wewnątrz prawej kolumny (np. na karcie pracownika) */
.two-columns-small-form > .left-col {
  width: 300px;
  margin-right: 50px;
  float: left; }

.two-columns-small-form > .right-col {
  width: 300px;
  float: right; }

.two-columns-small-form hr.sep {
  background: transparent url("/Content/tms/_img/bg-hr-two-columns-form.png") no-repeat 0 0;
  border-width: 0;
  height: 1px;
  float: left;
  width: 100%;
  margin: 15px 0; }

/** Style dla UploadAndCrop4TinyMCE **/
.crop-img-pupup-buttons-bar {
  position: absolute !important;
  bottom: 0;
  left: 0;
  height: 50px;
  box-sizing: border-box;
  padding: 10px 10px 20px !important; }

.crop-img-selected-image {
  margin: 0 auto; }

.crop-img-window, .mce-window {
  -moz-border-radius: 5px !important;
  -o-border-radius: 5px !important;
  -webkit-border-radius: 5px !important;
  border-radius: 5px !important; }

.crop-img-window-head, .mce-window-head {
  color: #4f4e4e !important;
  background-color: #fbfbfb !important;
  background: -webkit-gradient(linear, left top, left bottom, from(white), to(#f2f2f2)) !important;
  background: -webkit-linear-gradient(top, white, #f2f2f2) !important;
  background: -moz-linear-gradient(top, white, #f2f2f2) !important;
  background: -ms-linear-gradient(top, white, #f2f2f2) !important;
  background: -o-linear-gradient(top, white, #f2f2f2) !important; }

.crop-img-title, .mce-title {
  font-size: 14px !important;
  font-weight: normal !important;
  font-family: robotoregular, sans-serif !important;
  line-height: 1.3 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #4f4e4e !important; }

.crop-img-container {
  text-align: center; }

.files-input--crop {
  margin: 0 auto;
  width: 220px;
  position: relative;
  top: 205px; }

.file-input--crop {
  width: 1px;
  height: 1px;
  position: absolute; }

.crop-img-waiter > img {
  margin: 0 auto !important;
  display: block;
  position: relative;
  top: 120px; }

.crow-img-preview {
  margin: 0 auto; }

.crop-img-selected-image {
  width: 450px;
  margin: 0 auto;
  display: block; }

.crop-img-cbox-close, .mce-close {
  background: url(/Content/tms/_img/sprite.png) no-repeat -60px -27px !important;
  width: 13px !important;
  height: 13px !important;
  top: 12px !important;
  text-indent: -9999px !important;
  display: block !important; }

.crop-image-popup {
  margin: 0 auto; }

.crop-img-selected-image .jcrop-holder {
  margin: 0 auto; }

.crop-upload-clickable-area {
  left: 0;
  top: 0;
  right: 0;
  bottom: 20px;
  z-index: 9999;
  background: rgba(255, 255, 255, 0);
  position: absolute; }

#uploadContainer {
  position: relative; }

.select-file-box--crop {
  padding-top: 150px; }

/** Koniec Style dla UploadAndCrop4TinyMCE **/
/* pena karta pracownika - edycja */
.edit-employee-partial .matrix-superior-line input[type="text"] {
  float: left;
  width: 94%;
  margin-right: 2px; }

/* edycja grupy */
.edit-fanpage .main-photo-box .photo-container {
  width: 160px;
  height: 160px; }

/* prosta edycja */
.simple-edit .preview .buttons {
  float: right;
  width: 71px;
  padding: 10px 10px 0 0;
  text-align: right;
  font-size: 11px; }

.simple-edit .preview .value {
  float: left;
  width: 390px;
  padding-left: 0; }

.simple-edit .always-visible .value {
  float: left;
  width: 390px;
  padding-left: 0; }

.simple-edit .preview .value .list-item, .simple-edit .always-visible .list-item {
  clear: both;
  font-size: 12px;
  color: #5f656d;
  margin-top: 5px;
  -ms-word-break: normal;
  word-break: normal;
  -ms-word-wrap: break-word;
  word-wrap: break-word; }

.simple-edit .preview .value .list-item:empty {
  margin: 0; }

.simple-edit .editable {
  display: none; }
  .simple-edit .editable .buttons {
    margin-top: 20px;
    clear: both;
    float: right; }

/*.section-two-columns .simple-edit .form-controls {position: relative;}*/
.section-two-columns .simple-edit .form-line {
  position: relative; }
  .section-two-columns .simple-edit .form-line .editSwitcher {
    display: none; }
  .section-two-columns .simple-edit .form-line:hover .editSwitcher {
    display: inline-block; }

.section-two-columns .simple-edit .editSwitcher {
  position: absolute;
  right: 0;
  top: 3px;
  margin-top: 0;
  z-index: 222; }

/*.section-two-columns .simple-edit .customSave .buttons,
.section-two-columns .simple-edit .emp-field .buttons { position: absolute; right: 0; top: 3px; margin-top: 0; z-index: 222; }
.section-two-columns .simple-edit .customSave .buttons.editable, 
.section-two-columns .simple-edit .emp-field .buttons.editable  {position: static;}*/
.simple-edit .preview .value i {
  font-size: 13px;
  color: #7b7b7b; }

/*.simple-edit .editable .buttons a {margin-right: 15px;}*/
/* prosta edycja pracownika */
.simple-employee-edit .form-label {
  padding-left: 10px; }

.simple-employee-edit .section {
  border-bottom: solid 1px #efefef;
  padding-bottom: 17px;
  margin-bottom: 10px; }

.customSave .contact-line {
  margin-bottom: 5px; }

.customSave .form-label {
  margin-top: 0; }

.customSave .actions .removeRow, .customSave .actions .removeRowConfirm {
  margin-right: 5px;
  padding-right: 5px;
  border-right: 1px solid #E7E7E7; }

/* popup cropowania obrazka */
.crop-image-popup .info {
  font-size: 12px;
  color: #6e6e6e;
  margin-bottom: 20px; }

/* popup przyznawania odznak */
.badge-request-person-card {
  clear: both;
  background-color: #ffffff;
  margin: 20px -20px -20px -20px;
  border-top: 1px solid #DCDCDC; }

.badge-request-list .badge-box {
  border: solid 1px #dcdcdc;
  border-width: 0 1px 1px 0;
  width: 160px;
  height: 160px;
  float: left;
  cursor: pointer; }

.badge-request-list .badge-main-info {
  height: 100%;
  width: 100%;
  border: solid 1px transparent;
  padding: 15px;
  position: relative; }

.badge-request-list .badge-photo {
  width: 60px;
  height: 60px;
  overflow: hidden;
  margin: 15px auto 10px auto;
  vertical-align: middle; }
  .badge-request-list .badge-photo img {
    max-width: 100%;
    max-height: 100%;
    text-align: center;
    vertical-align: middle; }

.badge-request-list .selected-icon {
  display: none;
  background-color: #ffffff;
  border-radius: 15px;
  border: solid 1px #eaeaea;
  position: absolute;
  top: 20px;
  left: 95px;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); }
  .badge-request-list .selected-icon i:before {
    font-size: 18px;
    color: #1e812c;
    margin: 4px 4px 5px 5px; }

.badge-request-list .badge-name {
  font-size: 12px;
  text-align: center; }

.badge-request-list .badge-more-info {
  display: none;
  position: absolute;
  top: 0;
  left: 158px;
  z-index: 20;
  width: 161px;
  height: 159px;
  padding: 15px 0;
  background-color: #ffffff;
  border: solid 1px #797e87;
  border-width: 1px 1px 1px 0; }
  .badge-request-list .badge-more-info .inside {
    border: solid 1px #bbbbbb;
    border-width: 0 0 0 1px;
    padding: 5px 15px;
    height: 100%; }

.badge-request-list .badge-description {
  font-size: 12px;
  margin-bottom: 10px;
  max-height: 72px;
  overflow: hidden; }

.badge-request-list .fold-right .badge-more-info {
  left: auto;
  right: 158px;
  border-width: 1px 0 1px 1px; }
  .badge-request-list .fold-right .badge-more-info .inside {
    border-width: 0 1px 0 0; }

.badge-request-list .badge-box.unfold {
  position: relative;
  z-index: 10; }
  .badge-request-list .badge-box.unfold .badge-main-info {
    background-color: #ffffff;
    border-color: #797e87; }
  .badge-request-list .badge-box.unfold .badge-more-info {
    display: block; }

.badge-request-list .badge-box.selected .badge-main-info {
  background-color: #f6f6f6;
  border-color: #e6eaea;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1) inset; }

.badge-request-list .badge-box.selected .selected-icon {
  display: inline-block; }

/* karta pracownika - widok */
#employeeHeaderBox .edit-form .wide-box.blue-with-shadow {
  padding-left: 0;
  padding-right: 0; }

.full-person-card.view-mode .main-photo-box {
  padding-bottom: 0; }

.full-person-card.view-mode .negative-margin-top {
  margin-top: -30px;
  padding-top: 0; }

.full-person-card.view-mode .loader-margin-top {
  margin-top: 30px; }

.full-person-card .company-experience {
  font-size: 11px;
  color: #7b7b7b;
  text-align: center;
  margin-bottom: 25px; }

.full-person-card .current-vacation {
  font-size: 12px;
  color: #6e6e6e; }
  .full-person-card .current-vacation .vacation-info {
    color: #000000; }

.full-person-card .yellow-with-shadow .current-vacation {
  margin-bottom: -0.25em;
  padding-top: 0.5em; }

.full-person-card .superiors-list .person-card {
  margin: -15px 30px 20px 0; }

.full-person-card .superiors-list .empty-list {
  margin-bottom: 30px;
  padding-left: 10px; }

.full-person-card .contact-info {
  margin-bottom: 30px; }
  .full-person-card .contact-info .icon {
    width: 40px;
    float: left;
    text-align: center;
    margin-top: -2px; }
    .full-person-card .contact-info .icon:before {
      color: #61666f;
      font-size: 20px; }
  .full-person-card .contact-info .lbl {
    width: 250px;
    margin-right: 10px;
    float: right;
    color: #000000; }
    .full-person-card .contact-info .lbl a {
      color: #000000; }

.full-person-card .other-info .form-label {
  padding-left: 10px; }

.tabs-menu {
  height: 35px; }
  .tabs-menu a {
    margin: 0 5px 0 0;
    float: left;
    border: solid 1px #dcdcdc;
    border-bottom-width: 0;
    border-radius: 4px 4px 0 0;
    font-size: 12px;
    color: #3d5569;
    height: 35px; }
    .tabs-menu a > .inside {
      display: block;
      height: 34px;
      padding: 9px 20px;
      border-radius: 4px 4px 0 0;
      background-color: #f6f6f6; }
    .tabs-menu a.active {
      color: #757575; }
      .tabs-menu a.active > .inside {
        background-color: #ffffff;
        height: 40px; }
  .tabs-menu .tabs-lbl {
    float: left;
    margin: 8px 10px 0 0;
    color: #424244; }

.tabs-content {
  padding: 10px; }

.tab-content--education {
  padding: 10px;
  float: left;
  background-color: #fff; }

.tabs-menu .tabs-only-container .link-with-icon {
  border: none;
  height: auto;
  border-radius: 0;
  color: #1c9cd8;
  display: inline-block;
  font-size: 11px;
  padding: 1px 5px;
  white-space: nowrap; }
  .tabs-menu .tabs-only-container .link-with-icon:hover {
    background-color: #1c9cd8;
    color: #ffffff;
    text-decoration: none; }

/*
body.admin-view .tabs-menu a > .inside {background-color: #eeeeee;}
body.admin-view .tabs-menu a.active > .inside {background-color: #f8f8f8;}
*/
.full-person-card .employee-tabs-content {
  padding: 20px 0;
  width: 680px; }
  .full-person-card .employee-tabs-content.without-top-padding {
    padding-top: 0; }
  .full-person-card .employee-tabs-content.with-border {
    border: 1px solid #DCDCDC;
    border-width: 0 0 1px 1px; }
  .full-person-card .employee-tabs-content .search-bar {
    background-color: transparent;
    border-bottom-width: 0;
    border-top-width: 0;
    box-shadow: none;
    margin-left: 0; }
  .full-person-card .employee-tabs-content .tl-item {
    margin-left: 0;
    width: 680px; }
    .full-person-card .employee-tabs-content .tl-item .message.wide {
      width: 630px; }
    .full-person-card .employee-tabs-content .tl-item.end {
      width: 680px; }
  .full-person-card .employee-tabs-content .hide-in-tabs {
    display: none; }

/* lista odznak (na karcie pracownika) */
.badge-list-holder {
  margin-bottom: 20px; }
  .badge-list-holder .badges-list {
    width: 240px;
    margin-left: -15px; }
  .badge-list-holder .badge-box {
    width: 60px;
    height: 60px;
    margin: 0 2px 20px 18px;
    float: left;
    position: relative;
    text-align: center; }
    .badge-list-holder .badge-box img {
      max-width: 100%;
      max-height: 100%;
      margin: 0 auto; }
    .badge-list-holder .badge-box .count {
      display: block;
      background-color: #f8f8f8;
      border: solid 1px #d5d5d5;
      border-radius: 3px;
      position: absolute;
      top: -6px;
      right: -13px;
      padding: 3px 8px;
      color: #61666f;
      font-size: 11px; }
  .badge-list-holder .all-received-badges {
    font-size: 12px;
    text-align: center;
    margin-bottom: 20px; }
  .badge-list-holder #badgeListHolder {
    margin-bottom: 20px;
    border-bottom: solid 1px #efefef; }
    .badge-list-holder #badgeListHolder .empty-list {
      margin-bottom: 20px; }
  .badge-list-holder .add-badge {
    text-align: center; }
    .badge-list-holder .add-badge .icon:before {
      font-size: 30px;
      vertical-align: middle; }

/* moje urlopy */
.available-vacations-info {
  margin: 15px 0 0 0;
  padding: 10px 20px;
  background-color: #ffffff;
  border: solid 1px #dcdcdc;
  float: left;
  width: 100%; }
  .available-vacations-info .main-icon {
    float: left;
    border: solid 1px #dcdcdc;
    margin: 8px 10px 8px 0; }
    .available-vacations-info .main-icon i {
      font-size: 35px;
      margin: 0; }
  .available-vacations-info .kind-and-type {
    float: left;
    border-right: solid 1px #dcdcdc;
    padding: 12px 20px 12px 0;
    margin: 0 20px 0 0;
    min-height: 45px;
    max-width: 200px; }
  .available-vacations-info .absence-kind {
    font-size: 16px;
    margin: 0 0 3px 0; }
  .available-vacations-info .vacation-type {
    font-size: 12px; }
  .available-vacations-info #chartPieContainer {
    width: 81px;
    height: 81px;
    margin: -8px 27px; }
  .available-vacations-info .legend-line {
    clear: both;
    padding: 5px 0; }
    .available-vacations-info .legend-line .lbl, .available-vacations-info .legend-line .days-count {
      float: left;
      font-size: 12px; }
    .available-vacations-info .legend-line .colorMarker {
      float: left;
      margin: 0 10px;
      border: solid 1px #758390;
      font-size: 0;
      line-height: 0;
      width: 15px;
      height: 15px;
      border-radius: 10px; }
    .available-vacations-info .legend-line.available {
      margin-top: 4px; }
      .available-vacations-info .legend-line.available .lbl {
        font-size: 14px;
        line-height: 20px; }
      .available-vacations-info .legend-line.available .days-count {
        font-size: 15px;
        line-height: 20px; }
      .available-vacations-info .legend-line.available .colorMarker {
        margin-top: 3px; }
    .available-vacations-info .legend-line.used .lbl, .available-vacations-info .legend-line.used .days-count {
      font-size: 14px; }
    .available-vacations-info .legend-line.used .colorMarker {
      margin-top: 1px; }
    .available-vacations-info .legend-line.available .lbl, .available-vacations-info .legend-line.used .lbl {
      width: 125px; }
    .available-vacations-info .legend-line.available .days-count, .available-vacations-info .legend-line.used .days-count {
      width: 65px; }
    .available-vacations-info .legend-line.entitled {
      margin-top: 7px; }
      .available-vacations-info .legend-line.entitled .lbl {
        width: 150px; }
    .available-vacations-info .legend-line.outstanding .lbl {
      width: 150px; }
  .available-vacations-info .vacation-desc {
    height: 55px;
    overflow: hidden;
    margin-top: 7px; }

.vacations-list__chosen-vacation-box {
  text-align: left;
  margin: 0 0px;
  clear: both; }
  .vacations-list__chosen-vacation-box > div {
    padding: 15px 20px;
    line-height: 35px;
    height: 65px;
    overflow: hidden; }
  .vacations-list__chosen-vacation-box .empty .hd {
    color: #27272a;
    font-size: 20px; }
  .vacations-list__chosen-vacation-box .empty .sub {
    color: #6e6e6e;
    font-size: 14px; }
  .vacations-list__chosen-vacation-box .selected {
    background-color: #16427a;
    font-size: 18px; }
    .vacations-list__chosen-vacation-box .selected .btn, .vacations-list__chosen-vacation-box .selected .btn-file-upload .select-file-box a, .btn-file-upload .select-file-box .vacations-list__chosen-vacation-box .selected a {
      float: right; }
    .vacations-list__chosen-vacation-box .selected .lbl {
      color: #ffffff;
      margin-right: 10px; }
    .vacations-list__chosen-vacation-box .selected .value {
      color: #ffffff; }
  .vacations-list__chosen-vacation-box .chosen-days {
    float: left;
    margin-right: 60px; }
  .vacations-list__chosen-vacation-box .total-days {
    float: left; }
  .vacations-list__chosen-vacation-box .selected.over-limit {
    background-color: #ff0000;
    line-height: 24px;
    font-size: 12px; }
  .vacations-list__chosen-vacation-box .selected .over-limit-info {
    display: none;
    color: #ffffff;
    font-size: 20px;
    width: 60%;
    margin-top: -5px; }
  .vacations-list__chosen-vacation-box .selected.over-limit .over-limit-info {
    display: block; }
  .vacations-list__chosen-vacation-box .selected .btn[disabled], .vacations-list__chosen-vacation-box .selected .btn-file-upload .select-file-box a[disabled], .btn-file-upload .select-file-box .vacations-list__chosen-vacation-box .selected a[disabled] {
    background-color: #d7d7d7;
    opacity: 1;
    filter: alpha(opacity=100);
    color: #929292;
    border-color: #9f6c6c;
    margin-top: -19px; }

.calendars {
  margin: 0 0 0 0;
  width: 100%;
  border: solid 1px #dcdcdc;
  background: white url("/Content/tms/_img/bg-vacations-calendar.png") repeat-x 0 0;
  position: relative; }
  .calendars .nav-icon {
    position: absolute;
    top: 19px;
    left: 16px;
    color: #5c616a;
    padding: 1px; }
    .calendars .nav-icon#next {
      left: auto;
      right: 16px; }
    .calendars .nav-icon:hover {
      background-color: #2598da;
      color: #ffffff; }
    .calendars .nav-icon .icon:before {
      margin: 0;
      font-size: 20px; }
  .calendars .one-calendar {
    float: left;
    width: 431px; }
  .calendars #calendar {
    margin-left: 5px; }
  .calendars #calendar2 {
    margin-left: 30px; }

.one-calendar .fc-border-separate {
  border-collapse: collapse; }
  .one-calendar .fc-border-separate .fc-day-header {
    height: 46px;
    font-size: 14px;
    color: #909090; }

.aone-calendar .fc-day-content {
  display: none; }

.one-calendar .fc-header .fc-header-title h2 {
  font-weight: normal;
  font-size: 18px;
  color: #525252;
  padding: 18px 0 0 0;
  height: 42px;
  margin: 0; }

.one-calendar .fc-grid .fc-other-month .fc-day-number {
  opacity: 0; }

.one-calendar .fc-event {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  cursor: pointer;
  margin-top: -63px;
  height: 63px; }

.one-calendar .fc-border-separate tr td, .one-calendar .fc-border-separate tr th {
  border-width: 0;
  margin-bottom: 10px;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  font-size: 16px;
  color: #525252;
  height: 63px; }

.one-calendar .fc-grid .fc-day-number {
  padding: 18px 0 0 0;
  float: none;
  height: 53px; }

.one-calendar .fc-border-separate .freeDay {
  background-color: transparent;
  color: #d6d6d6; }
  .one-calendar .fc-border-separate .freeDay.absence-day {
    color: #ffffff; }

.one-calendar .fc-border-separate tr td > div, .one-calendar .fc-border-separate tr th > div {
  height: 53px;
  margin: 5px 0; }

.one-calendar .fc-border-separate .selectedDay > div {
  background-color: #a6dfff;
  color: #1d6e9c; }

.one-calendar .fc-border-separate .selectedDay.overLimit > div {
  background-color: #ff9999; }

.one-calendar .fc-border-separate .selectedDay.freeDay > div {
  color: #6b9fbd; }

.one-calendar .fc-border-separate .selectedDay.fc-other-month > div {
  background-color: #ffffff; }

.one-calendar .fc-border-separate .fc-state-highlight {
  background-color: transparent; }

.one-calendar .fc-border-separate .edgeDay .fc-day-number {
  background-color: #2598da;
  color: #ffffff;
  margin: 5px;
  height: 43px;
  width: 83%;
  padding-top: 13px;
  float: left; }

.one-calendar .fc-border-separate .edgeDay.overLimit .fc-day-number {
  background-color: #ff0000; }

.one-calendar .fc-border-separate .fc-state-highlight > div {
  border: 1px solid #FF7800; }

.vacations-list__calendar-legend {
  width: 100%;
  border: 1px solid #DCDCDC;
  border-top-width: 0;
  background-color: #f9f9f9;
  padding: 20px 0; }
  .vacations-list__calendar-legend .one-item {
    width: 50%;
    float: left;
    padding: 0 0 0 30px; }
  .vacations-list__calendar-legend .mark {
    float: left;
    width: 25px;
    height: 25px;
    margin: -2px 20px 0 0;
    font-size: 0;
    line-height: 0;
    border: solid 1px #dcdcdc; }
  .vacations-list__calendar-legend .one-item.pending .mark {
    background-color: #FFFF77; }
  .vacations-list__calendar-legend .one-item.accepted .mark {
    background-color: #bfffa6; }
  .vacations-list__calendar-legend .lbl {
    float: left;
    white-space: nowrap; }

.vacations-list-page__vacation-requests-list {
  float: left;
  width: 100%;
  padding: 30px 0 20px 0;
  border: solid 1px #dcdcdc;
  border-width: 0 1px 1px 1px; }

#vacation-requests-management-search .search-query {
  width: 550px; }

/* sliderki */
.slider-container .slider-labels {
  position: relative; }
  .slider-container .slider-labels .label-simple {
    position: absolute;
    vertical-align: top;
    font-size: 12px; }

.slider-container.slider-vertical .slider {
  float: left;
  height: 100%; }

.slider-container.slider-vertical .slider-labels {
  float: left;
  width: 90%;
  height: 100%;
  margin-top: -5px; }

.slider-container.slider-vertical .slider-full-answer {
  display: none; }

.slider-answer-vertical {
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  left: 0;
  max-width: 500px; }

.slider-answer-inner {
  text-align: left;
  display: inline-block;
  position: relative; }

.slider-horizontal .slider, .slider-horizontal .slider-labels {
  width: 80%;
  margin: 0 auto;
  clear: both; }

.edit-position-attribution .slider-horizontal {
  margin-top: 30px; }

.popover-answer {
  min-width: 100px;
  max-width: 500px;
  -ms-word-break: break-all;
  word-break: break-all; }

/* podgl�d wniosku urlopowego */
.missing-days-info {
  color: red;
  margin-left: 10px; }

.vacation-preview .person-card {
  margin: 0 0 -7px 0; }

.vacation-preview .form-controls .person-card {
  margin: -14px 0 -10px -10px; }

.vacation-preview .ui-datepicker {
  width: 188px !important;
  box-shadow: none;
  padding: 0;
  border-width: 0;
  margin-bottom: 20px; }
  .vacation-preview .ui-datepicker.ui-datepicker-multi {
    width: 600px !important;
    margin-bottom: 0; }

.vacation-preview .ui-datepicker-group {
  margin: 0 30px 20px 0; }

body.Popup .vacation-preview .person-card {
  margin-left: 10px; }

body.Popup .vacation-preview .form-controls .person-card {
  margin-left: -10px; }

body.Popup .vacation-preview .form-label {
  padding-left: 20px; }

body.Popup .vacation-comment-line .form-label {
  padding-left: 20px; }

body.Popup .vacation-preview .form-controls {
  padding-right: 20px; }

body.Popup .vacation-preview .vacation-employee-info {
  margin-top: 10px; }

body.Popup .vacation-preview .ui-datepicker.ui-datepicker-multi {
  width: 520px !important; }

.available-vacations-info-details {
  float: right;
  color: #6e6e6e;
  font-size: 12px;
  text-align: right;
  margin: 29px 20px 0 0;
  padding: 0; }
  .available-vacations-info-details li {
    list-style-type: none;
    margin: 0;
    padding: 0; }

.popover--final-rate {
  max-width: 350px; }
  .popover--final-rate .popover-title {
    font: 12px "robotomedium", sans-serif; }

/* sk�adanie wniosku urlopowego */
.vacation-request .input-with-icon {
  width: 94%; }

.vacation-request .popover {
  max-width: 900px; }
  .vacation-request .popover .popover-content {
    font-size: 12px;
    line-height: 1.5; }

.vacation-request .attachements-list ul {
  margin: 5px 0 0 0;
  padding: 0; }

.vacation-request .attachements-list li {
  position: relative;
  list-style-type: none;
  margin: 0 0 10px 0;
  padding: 0 100px 10px 20px;
  border-bottom: solid 1px #EFEFEF; }
  .vacation-request .attachements-list li .removeAttachment {
    position: absolute;
    font-size: 12px;
    right: 40px;
    top: 3px; }

/* wydruk wniosku urlopowego */
.vacation-request-print {
  color: #000000;
  border: solid 1px #000000;
  padding-bottom: 20px; }
  .vacation-request-print h1 {
    margin: 40px 10px 0 10px; }
  .vacation-request-print hr {
    border-color: #000000;
    margin: 40px 0; }

/* wnioski nieobecno�ci */
#vacationRequestsList .download-report-link {
  font-size: 24px;
  margin: 0 0 0 0;
  border: solid 1px #dcdcdc;
  margin-top: 0; }

/* podgl�d kompetencji */
.attribute-info > .left-column {
  width: 120px; }

.attribute-info > .right-column {
  width: 845px; }
  .attribute-info > .right-column .right-column-content {
    width: 805px; }
    .attribute-info > .right-column .right-column-content.attribute-info-content {
      margin-left: -100px; }

.attribute-info .wide-box {
  margin-left: -120px;
  padding-left: 120px !important;
  min-height: 90px; }

.attribute-info .main-photo-box {
  padding: 24px 0; }
  .attribute-info .main-photo-box .photo-container {
    width: 70px;
    height: 70px; }

.attribute-info h1.attribute-name {
  margin-top: 28px;
  float: left; }

.attribute-info .attribute-name:first-letter {
  text-transform: capitalize; }

.attribute-info .tools {
  float: left;
  margin-left: 20px;
  margin-top: 33px; }

.attribute-info .attribute-desc {
  padding-top: 10px;
  clear: both; }

.attribute-info .edit-main-mode input[name=Name] {
  margin-top: 10px;
  font-size: 14px;
  height: 30px; }

.attribute-info .edit-main-mode textarea[name=Description] {
  height: 70px;
  width: 640px; }

.attribute-info .edit-main-mode .attribute-edit-controls {
  float: right;
  margin-top: -25px; }

.attribute-info .indicators .simple-list li {
  margin-bottom: 0;
  min-height: 24px; }
  .attribute-info .indicators .simple-list li div {
    line-height: 22px; }

.attribute-info .indicators .simple-list .edit-single-indicator input {
  min-width: 600px;
  font-size: 14px;
  height: 22px;
  color: #a1a1a1;
  padding: 1px 10px;
  top: -1px;
  position: relative; }

.attribute-info .simple-list li {
  position: relative; }
  .attribute-info .simple-list li > div {
    width: 620px; }
  .attribute-info .simple-list li .question-actions {
    position: absolute;
    right: 0;
    top: 1px;
    line-height: 14px; }

/* model kompetencji */
.attribution-structure .tl-item .tl-mark {
  top: 25px; }

.attribution-structure .tl-item .attribution-structure-item .tick {
  top: 13px; }

.attribution-structure-item .attribution-ct, .attribution-structure-item .see-more.link-hide {
  display: none; }

.attribution-structure-item .attribution-hd {
  padding: 15px 20px;
  font-size: 16px;
  color: #6e6e6e; }
  .attribution-structure-item .attribution-hd .name-only {
    color: #424244; }

.attribution-structure-item .see-more {
  float: right;
  margin: 3px 0 0 30px;
  white-space: nowrap;
  font-size: 12px;
  color: #3D5569; }

.attribution-structure-item .attribution-desc {
  padding: 0 20px 15px 20px;
  color: #6e6e6e; }

.attribution-structure-item .attribution-list {
  margin: 0 20px;
  border-top: solid 1px #dcdcdc;
  padding: 20px 0 0 0; }
  .attribution-structure-item .attribution-list .attribution-item {
    float: left;
    width: 277px;
    height: 60px;
    margin: 0 0 20px 0; }

.attribution-structure-item .attribution-item .attribution-photo {
  width: 60px;
  height: 60px;
  overflow: hidden;
  text-align: center;
  float: left;
  margin: 0 15px 0 0; }
  .attribution-structure-item .attribution-item .attribution-photo img {
    max-width: 100%;
    max-height: 100%; }

.attribution-structure-item .attribution-item .attribution-name {
  float: left;
  width: 180px;
  height: 60px;
  overflow: hidden;
  display: table;
  color: #424244;
  line-height: 15px; }
  .attribution-structure-item .attribution-item .attribution-name > .inside {
    vertical-align: middle;
    display: table-cell; }

.attribution-structure-item.opened .attribution-ct {
  display: block; }

.attribution-structure-item.opened .see-more.link-hide {
  display: block; }

.attribution-structure-item.opened .see-more.link-show {
  display: none; }

/* historia zatrudnienia */
.employee-history-item > .inside {
  padding: 0 20px; }

.employee-history-item .history-type {
  float: left;
  width: 40%;
  min-height: 48px;
  margin: 17px 0;
  font-size: 12px;
  color: #6e6e6e; }

.employee-history-item .history-type-name {
  padding: 12px 0 0 0;
  font-size: 16px;
  color: #424244; }

.employee-history-item .history-by {
  float: left;
  width: 7%;
  margin: 33px 0;
  text-align: right;
  font-size: 12px;
  color: #424244; }

.employee-history-item .history-author {
  float: left;
  width: 42%; }

.employee-history-item .author-only-name {
  color: #27272A;
  font-size: 16px;
  line-height: 18px;
  height: 54px;
  overflow: hidden;
  display: table;
  margin: 14px 0;
  padding-left: 20px; }
  .employee-history-item .author-only-name > a {
    display: block;
    height: 54px;
    vertical-align: middle;
    display: table-cell; }

.employee-history-item .history-date-time {
  float: left;
  width: 11%;
  margin: 27px 0;
  text-align: right;
  font-size: 11px;
  color: #6e6e6e; }

/* oceny - tabka na karcie pracownika */
.employee-assessment-item > .inside {
  padding: 15px 20px; }

.employee-assessment-item .main-info {
  float: left;
  width: 445px; }
  .employee-assessment-item .main-info .assessment-name {
    margin-bottom: 10px;
    color: #424244; }
    .employee-assessment-item .main-info .assessment-name a {
      color: #424244; }
  .employee-assessment-item .main-info .assessment-period {
    color: #525252;
    font-size: 12px; }

.employee-assessment-item .assessment-actions, .employee-assessment-item .assessment-percentage {
  float: right;
  text-align: right; }

.employee-assessment-item .assessment-actions {
  margin-top: 7px;
  font-size: 12px; }

.employee-assessment-item .assessment-percentage {
  width: 140px;
  font-size: 50px;
  line-height: 50px;
  color: #424244; }

.employee-assessment-item .assessment-employee-details > * {
  padding-top: 7px; }

.employee-assessment-item .assessment-employee-details .position-name {
  display: block;
  white-space: nowrap;
  padding-right: 110px; }
  .employee-assessment-item .assessment-employee-details .position-name__text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block; }

/* urlopy - kalendarz - tabka na karcie pracownika */
.vacation-full-calendar-for-employee .years-menu {
  margin: 20px 0 30px 30px;
  float: left;
  width: 250px; }
  .vacation-full-calendar-for-employee .years-menu > * {
    float: left;
    margin: 0 15px 0 0;
    color: #27272a;
    font-size: 20px; }
  .vacation-full-calendar-for-employee .years-menu .current {
    font-size: 25px; }
  .vacation-full-calendar-for-employee .years-menu .inactive {
    margin-top: 4px; }

/* lista przyznanych odznak (popup) */
.granted-badges-list .badge-name {
  margin-bottom: 5px; }

.granted-badges-list .badge-desc {
  color: #666666;
  font-size: 12px; }

.granted-badges-list .badge-date {
  color: #666666;
  font-size: 11px; }

/* zesp�� - lista properties�w */
.team-item {
  margin-left: 30px;
  border: solid 1px #dcdcdc;
  border-width: 0 0 1px 1px;
  width: 934px; }
  .team-item .person-card {
    margin: 10px 20px 15px 10px; }
  .team-item .team-item-details {
    float: left;
    width: 585px;
    padding: 20px 0; }

/* zesp�� - aktywno�ci */
.team-item-details.activity .lbl {
  margin-bottom: 10px; }

.team-item-details.activity .badge-list-holder {
  margin-bottom: 20px; }
  .team-item-details.activity .badge-list-holder .badges-list {
    width: 100%;
    margin: 0; }

.team-item-details.activity .badge-box {
  margin: 0 20px 0 0; }

.team-item-details.activity .all-received-badges {
  margin: 10px 0 0 0;
  text-align: left; }

.team-item-details.stats .form-label {
  width: 38%; }

.team-item-details.stats .form-controls {
  width: 61%; }

.team-item-details.stats .plot-lbl {
  color: #7b7b7b;
  font-size: 11px;
  margin: 20px 0 0 0; }

.team-item-details.stats .plotable {
  height: 190px;
  margin: -5px 0 15px 0; }

.team-item-details.stats .jqplot-xaxis-tick {
  font-size: 11px;
  color: #6e6e6e;
  margin-top: 3px; }

.team-item-details.stats .jqplot-point-label {
  font-size: 11px;
  color: #000000; }

.team-item-details.stats .details-link {
  color: #3d5569;
  font-size: 11px;
  float: right;
  white-space: nowrap; }

/* zesp�� - wyniki */
/* zesp�� - sta� pracy */
.team-seniority .person-card {
  margin-top: 25px;
  margin-bottom: 30px; }

.team-item-details.seniority .history-line {
  width: 445px;
  margin: 23px 25px 0 0;
  float: left;
  position: relative; }
  .team-item-details.seniority .history-line .bg-line {
    font-size: 0;
    line-height: 0;
    height: 5px;
    width: 100%;
    border: solid 1px #ededed;
    border-radius: 2px;
    background-color: #f6f6f6;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10; }
  .team-item-details.seniority .history-line .point {
    font-size: 0;
    line-height: 0;
    background-color: #ffffff;
    border: solid 1px #d0d0d0;
    padding: 5px;
    border-radius: 12px;
    float: left;
    position: absolute;
    top: -9px;
    z-index: 20;
    margin-left: -11px; }
    .team-item-details.seniority .history-line .point > .inside {
      background-color: #2598da;
      height: 11px;
      width: 11px;
      border-radius: 7px;
      float: left; }

.team-item-details.seniority .lbl {
  font-size: 11px;
  color: #6e6e6e;
  display: block;
  position: absolute;
  top: 40px;
  width: 70px;
  text-align: center;
  margin-left: -17px;
  -webkit-transform: rotate(45deg);
  /* Chrome, Safari 3.1+ */
  -moz-transform: rotate(45deg);
  /* Firefox 3.5-15 */
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -o-transform: rotate(45deg);
  /* Opera 10.50-12.00 */
  transform: rotate(45deg);
  /* Firefox 16+, IE 10+, Opera 12.10+ */ }

.team-item-details.seniority .history-line.no-transform .lbl {
  top: 20px;
  margin-left: -35px; }

.team-item-details.seniority .since-info {
  float: left;
  width: 100px;
  font-size: 12px;
  color: #6e6e6e;
  margin-top: 7px; }

.team-seniority-popup {
  width: 225px; }
  .team-seniority-popup .hd {
    border-bottom: solid 1px #dcdcdc;
    padding: 5px 5px 10px 5px;
    margin-bottom: 15px;
    width: 225px; }
    .team-seniority-popup .hd .change-type {
      font-size: 13px;
      color: #27272a;
      float: left;
      width: 140px; }
    .team-seniority-popup .hd .date {
      font-size: 11px;
      color: #6e6e6e;
      float: right;
      width: 70px; }
  .team-seniority-popup .ct {
    padding: 0 5px; }
  .team-seniority-popup .one-line {
    padding-bottom: 15px; }
  .team-seniority-popup .ct .lbl {
    float: left;
    width: 35px; }
  .team-seniority-popup .ct .val {
    float: left;
    width: 180px; }
  .team-seniority-popup .ct .position {
    color: #27272a; }
  .team-seniority-popup .ct .position-level {
    color: #666a73; }

/* urlopy w zespole */
.team-on-vacation {
  width: 965px; }
  .team-on-vacation .year-navigation {
    background-color: #f0faff;
    padding-left: 277px; }
    .team-on-vacation .year-navigation > .inside {
      border: solid 1px #e5eef3;
      border-width: 0 1px 1px 1px;
      width: 641px;
      padding: 10px 0;
      text-align: center; }
    .team-on-vacation .year-navigation .year {
      display: inline-block;
      font-size: 16px;
      width: 165px;
      text-align: center; }
    .team-on-vacation .year-navigation .nav-link {
      display: inline-block; }
      .team-on-vacation .year-navigation .nav-link:hover {
        background-color: #2598da;
        color: #ffffff; }
      .team-on-vacation .year-navigation .nav-link .icon:before {
        font-size: 20px;
        margin: 0;
        cursor: pointer; }
  .team-on-vacation .timeline-container {
    margin-bottom: 30px; }

/* filtry wyszukiwania pracownik�w */
.search-filters {
  padding: 5px 20px 20px 20px;
  background-color: #eef6f7;
  border: solid 1px #dcdcdc;
  border-width: 0 0 1px 1px;
  box-shadow: #d9d9d9 0 0 5px;
  /*margin-right: 15px;
    margin-top: 10px;*/ }
  .search-filters .filter-contents {
    background-color: #ffffff;
    padding: 20px;
    border: 1px solid #DCDCDC;
    border-top: transparent;
    max-height: 355px;
    overflow: auto;
    clear: both; }
  .search-filters .checkbox.cl {
    margin-bottom: 20px; }
  .search-filters .section-hd {
    margin-bottom: 10px;
    color: #333333; }
    .search-filters .section-hd.with-top-padding {
      padding-top: 10px; }
  .search-filters .buttons-bar {
    padding: 20px 0 0 0;
    text-align: right; }
    .search-filters .buttons-bar .btn, .search-filters .buttons-bar .btn-file-upload .select-file-box a, .btn-file-upload .select-file-box .search-filters .buttons-bar a {
      margin-left: 15px; }

.search-bar.filters-on-layer {
  position: relative; }
  .search-bar.filters-on-layer .filters-trigger.opened {
    border-color: #ececec;
    border-bottom-color: transparent;
    background-color: #faf9f9;
    position: relative;
    z-index: 50; }
  .search-bar.filters-on-layer .search-filters {
    position: absolute;
    top: 24px;
    left: 0;
    z-index: 1;
    padding: 0 !important;
    background-color: #ffffff;
    border: solid 1px #ececec;
    box-shadow: none; }
    .search-bar.filters-on-layer .search-filters .filter-headers {
      margin: 0;
      background-color: #faf9f9;
      padding: 5px 10px 0 10px;
      height: auto;
      width: 100%;
      float: left; }
    .search-bar.filters-on-layer .search-filters .tabs-menu .tabs-lbl {
      display: none; }
    .search-bar.filters-on-layer .search-filters .tabs-only-container {
      margin: 0;
      float: left; }
    .search-bar.filters-on-layer .search-filters .tabs-menu a {
      height: 20px;
      line-height: 20px;
      white-space: nowrap;
      padding: 0 5px;
      margin: 0 5px 5px 0;
      font-size: 11px;
      color: #1c9cd8;
      border-width: 0;
      border-radius: 3px; }
      .search-bar.filters-on-layer .search-filters .tabs-menu a > .inside {
        padding: 0;
        height: auto;
        background-color: transparent; }
      .search-bar.filters-on-layer .search-filters .tabs-menu a.active {
        background-color: #ffffff;
        -webkit-box-shadow: 0 2px 2px #dcdfe2;
        box-shadow: 0 2px 2px #dcdfe2; }
    .search-bar.filters-on-layer .search-filters .filter-contents {
      padding: 10px;
      border-width: 0; }
    .search-bar.filters-on-layer .search-filters .checkbox {
      margin-bottom: 5px;
      font-size: 11px;
      color: #5f656d; }
      .search-bar.filters-on-layer .search-filters .checkbox.cl {
        margin-bottom: 15px; }
    .search-bar.filters-on-layer .search-filters input[type="checkbox"] {
      margin-top: 1px; }
    .search-bar.filters-on-layer .search-filters .section-hd {
      font-size: 12px; }
    .search-bar.filters-on-layer .search-filters .buttons-bar {
      padding: 10px;
      background-color: #FAF9F9; }

#menuActions {
  display: none; }

.assessment-container table.table {
  border-left: 1px solid #DCDCDC; }

.assessment-container .btn-gray i {
  display: inline-block;
  margin-left: 10px;
  width: 15px; }

.assessment-container .assessment-additional {
  padding: 8px 0;
  font-size: 12px;
  color: #6e6e6e;
  margin: 0; }

.assessment-container .assessment-name {
  border-bottom: 1px solid #efefef;
  padding: 8px 0;
  margin: 0; }

.assessment-container .photo {
  margin-right: 20px;
  background: #fff; }
  .assessment-container .photo i {
    width: 50px;
    height: 50px;
    background: #e1e1e6;
    margin: 5px;
    display: block;
    color: #fff;
    font-size: 32px;
    text-align: center;
    line-height: 50px;
    vertical-align: middle; }

.assessment-container .user-info {
  width: 400px; }

.assessment-container .personcard-td {
  padding: 4px 0 0;
  width: 460px;
  overflow: hidden; }

.assessment-container .button-td .btn, .assessment-container .button-td .btn-file-upload .select-file-box a, .btn-file-upload .select-file-box .assessment-container .button-td a {
  text-align: center; }

.assessment-container .person-card {
  padding: 16px 20px 10px 30px;
  border: 0;
  border-left: 3px solid transparent;
  margin-left: 0; }

.assessment-container .assesment-state-red .person-card {
  border-color: #e20308; }

.assessment-container .assesment-state-yellow .person-card {
  border-color: #ff8726; }

#list-assesment .person-card {
  width: 550px; }

#list-degree .person-card {
  width: 350px; }

#list-ankiety .search-scope {
  border-width: 1px; }

#list-ankiety .dropdown-toggle .caret {
  float: right;
  margin: 7px 5px 0 0; }

.assessment-container .days-td .btn-icon {
  color: #535353; }
  .assessment-container .days-td .btn-icon:before {
    font-size: 20px; }

.assessment-container .days-td .unread {
  font-weight: bold;
  color: #3D5569; }

.remaining-block {
  color: #6e6e6e;
  width: 130px; }
  .remaining-block strong {
    display: block;
    font-size: 14px;
    line-height: 1;
    font-weight: normal; }
  .remaining-block.after-time {
    color: #e20308;
    height: 100%; }
  .remaining-block.last-day, .remaining-block.near-term {
    color: #ff8726; }
  .remaining-block strong i {
    font-size: 18px;
    vertical-align: middle;
    line-height: 1;
    font-weight: bold;
    position: relative;
    top: -2px; }
  .remaining-block small {
    display: block;
    margin-top: 0;
    margin-left: 28px;
    font-size: 10px; }
  .remaining-block br {
    display: none; }

/* karta oceny */
.degree-feedback-details .main-photo-box {
  padding-bottom: 22px; }
  .degree-feedback-details .main-photo-box .photo-container.fake-photo {
    padding: 0;
    height: 238px;
    margin-bottom: 0; }

.degree-feedback-details .remaining-block {
  width: 100%;
  height: 100%;
  clear: both;
  text-align: center;
  padding: 8px 0 0 0; }
  .degree-feedback-details .remaining-block strong i {
    display: none; }
  .degree-feedback-details .remaining-block small {
    margin: 10px 20px 0 20px;
    width: 185px;
    padding: 25px 0 0 0;
    border-top: solid 1px #dcdcdc;
    font-size: 14px;
    color: #7b7b7b; }
  .degree-feedback-details .remaining-block br {
    display: block; }
  .degree-feedback-details .remaining-block .days-left {
    font-weight: normal;
    color: #27272a;
    font-size: 35px;
    line-height: 70px; }
    .degree-feedback-details .remaining-block .days-left .count {
      font-size: 60px; }
  .degree-feedback-details .remaining-block.near-term .days-left .count {
    color: #c40000; }
  .degree-feedback-details .remaining-block.after-time, .degree-feedback-details .remaining-block.last-day {
    padding-top: 20px; }
  .degree-feedback-details .remaining-block.after-time strong, .degree-feedback-details .remaining-block.last-day strong {
    font-size: 50px;
    line-height: 60px; }
  .degree-feedback-details .remaining-block.after-time small, .degree-feedback-details .remaining-block.last-day small {
    margin-top: 25px; }
  .degree-feedback-details .remaining-block.after-time {
    background-color: #efefef; }
    .degree-feedback-details .remaining-block.after-time strong {
      color: #7b7b7b; }
  .degree-feedback-details .remaining-block.last-day strong {
    color: #c40000; }
  .degree-feedback-details .remaining-block.closed .big-icon {
    color: #7b7b7b;
    font-size: 90px; }

.degree-feedback-details .main-info {
  position: relative; }

.degree-feedback-details .tutorial-link {
  color: #3d5569;
  white-space: nowrap;
  position: absolute;
  right: 0;
  bottom: 0; }

.degree-feedback-details .yellow-box {
  text-align: center;
  padding: 30px 0;
  margin-bottom: 40px;
  border: solid 1px #dcdcdc;
  background-color: #f8ffc5;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); }
  .degree-feedback-details .yellow-box .box-hd {
    color: #27272a;
    font-size: 30px; }
  .degree-feedback-details .yellow-box .add-info {
    color: #6e6e6e;
    font-size: 12px;
    margin-bottom: 45px; }
  .degree-feedback-details .yellow-box .btn-container {
    margin: 10px 0 -45px 0; }

.degree-feedback-details .employee-for-degree-feedback .person-card-small {
  padding: 0;
  width: 350px; }
  .degree-feedback-details .employee-for-degree-feedback .person-card-small .photo {
    height: 45px;
    width: 40px; }
    .degree-feedback-details .employee-for-degree-feedback .person-card-small .photo img {
      max-height: 40px;
      max-width: 40px; }
  .degree-feedback-details .employee-for-degree-feedback .person-card-small .user-info {
    width: 298px; }

.degree-feedback-details .employee-for-degree-feedback td {
  border-top-width: 0;
  border-bottom: solid 1px #efefef;
  font-size: 12px; }

.degree-feedback-details .raters-box .raters-hd {
  color: #5f656d;
  font-size: 12px;
  margin-bottom: 7px; }

.degree-feedback-details .raters-box hr {
  margin-top: 15px;
  margin-bottom: 15px;
  border-color: #efefef; }

.degree-feedback-details .raters-list {
  width: 100%; }
  .degree-feedback-details .raters-list .single-rater {
    width: 30px;
    height: 30px;
    overflow: hidden;
    margin: 0 0 1px 1px;
    float: left;
    text-align: center; }
    .degree-feedback-details .raters-list .single-rater img {
      max-width: 30px;
      max-height: 30px; }

.search-results .feedback-row .small {
  font-size: 11px;
  padding-top: 6px;
  display: block; }

.search-results .feedback-row .percent .bigger {
  display: block;
  font-size: 20px;
  font-weight: bold;
  color: #27272A;
  line-height: 1; }

.search-results .feedback-row .percent small {
  line-height: 1; }

.search-results .feedback-row .popup-deleteAssessmentForbidden {
  margin-left: 8px;
  font-size: 16px; }

/* wype�nianie/dodawanie ankiet - elementy wsp�lne */
.questionnairy-page {
  max-width: 965px; }
  .questionnairy-page .questionnairy-title {
    margin: 5px 0;
    width: 770px; }
  .questionnairy-page .questionnairy-period, .questionnairy-page .questionnairy-desc {
    margin: 15px 0 0 0;
    width: 770px; }
  .questionnairy-page .questionnairy-steps-nav {
    position: absolute;
    top: -21px;
    right: 0;
    background-color: #ffffff;
    width: 120px;
    text-align: center;
    border: solid 1px #e1e1e1; }
    .questionnairy-page .questionnairy-steps-nav .main-info {
      padding: 12px 0 7px 0; }
    .questionnairy-page .questionnairy-steps-nav.without-toggle .main-info {
      padding-bottom: 20px; }
    .questionnairy-page .questionnairy-steps-nav .main-info .step-lbl {
      color: #525252;
      font-size: 16px;
      line-height: 18px; }
    .questionnairy-page .questionnairy-steps-nav .main-info .step-count {
      color: #27272a;
      font-size: 35px;
      line-height: 40px; }
    .questionnairy-page .questionnairy-steps-nav .dropdown-toggle {
      background-color: #f6f6f6;
      padding: 0;
      height: 20px; }
    .questionnairy-page .questionnairy-steps-nav.open {
      position: absolute; }
      .questionnairy-page .questionnairy-steps-nav.open .dropdown-toggle {
        border-color: transparent; }
    .questionnairy-page .questionnairy-steps-nav .dropdown-menu {
      border-color: #dcdcdc;
      border-top-width: 0;
      background-color: #f1f1f4;
      width: 120px;
      min-width: 120px;
      right: -1px;
      margin-top: -20px;
      z-index: 1015; }
    .questionnairy-page .questionnairy-steps-nav li {
      border-top-color: #dcdcdc;
      border-width: 1px 0 0 0;
      width: 100%; }
      .questionnairy-page .questionnairy-steps-nav li > * {
        padding: 6px 0 5px 0;
        display: block;
        font-size: 12px; }
      .questionnairy-page .questionnairy-steps-nav li i:before {
        margin: 0 8px 0 0; }
    .questionnairy-page .questionnairy-steps-nav .past {
      color: #09ae05; }
    .questionnairy-page .questionnairy-steps-nav .current {
      color: #27272a; }
    .questionnairy-page .questionnairy-steps-nav .future {
      color: #c9c9c9; }
  .questionnairy-page .questionnairy-additional-info-box .first-col-lbl {
    float: left;
    font-size: 12px;
    color: #6e6e6e;
    margin: 33px 0 0 0; }
  .questionnairy-page .questionnairy-additional-info-box .person-card {
    margin-right: 30px; }
  .questionnairy-page .questionnairy-additional-info-box .second-col {
    float: left;
    padding: 10px 0 10px 30px;
    margin: 16px 0 0 0;
    border-left: solid 1px #e3eced;
    font-size: 12px;
    color: #6e6e6e; }
  .questionnairy-page .questionnairy-additional-info-box .second-col-text {
    color: #000000; }
  .questionnairy-page .wide-box.questionnairy-buttons {
    padding: 0;
    margin-top: -35px;
    box-shadow: none;
    border-width: 0;
    background-color: #ffffff;
    z-index: 25; }
    .questionnairy-page .wide-box.questionnairy-buttons.without-top-margin {
      margin-top: 0; }
  .questionnairy-page .questionnairy-buttons .btn-container {
    width: 33.3333333333%;
    float: left; }
    .questionnairy-page .questionnairy-buttons .btn-container.left {
      text-align: left;
      border-right: solid 2px #ffffff; }
    .questionnairy-page .questionnairy-buttons .btn-container.middle {
      text-align: center; }
    .questionnairy-page .questionnairy-buttons .btn-container.empty {
      background-color: #f6f6f6;
      border-width: 0;
      border-top: solid 5px #e5e6e7;
      background-image: none;
      padding: 15px;
      height: 65px;
      line-height: 30px;
      display: inline-block; }
    .questionnairy-page .questionnairy-buttons .btn-container.right {
      text-align: right;
      float: right;
      border-left: solid 2px #ffffff; }
    .questionnairy-page .questionnairy-buttons .btn-container .btn-xxl {
      width: 100%; }
  .questionnairy-page .questionnairy-buttons .btn-caption {
    margin: 8px 13px 0 0;
    float: right;
    width: 33.3333333333%;
    text-align: right; }
    .questionnairy-page .questionnairy-buttons .btn-caption em {
      font-size: 12px; }
  .questionnairy-page .questionnairy-buttons--fixed {
    position: fixed;
    bottom: 0;
    width: 965px; }
  .questionnairy-page .questions-list {
    padding-top: 15px;
    margin-left: -12px; }
  .questionnairy-page .question-nr-main {
    float: left;
    width: 90px;
    padding: 8px 10px;
    margin: 0 30px 0 0;
    background-color: #5c616a;
    text-align: right;
    color: #ffffff;
    font-size: 11px; }
  .questionnairy-page .question-content {
    float: right;
    width: 832px;
    padding-right: 10px; }
  .questionnairy-page .question-nr-simple {
    display: none; }
  .questionnairy-page .question-title {
    font-size: 14px;
    color: #525252;
    margin-bottom: 15px;
    margin-top: 5px; }
  .questionnairy-page .question-read-only-info {
    padding-top: 20px;
    margin-left: 105px;
    margin-right: 10px; }
    .questionnairy-page .question-read-only-info .group {
      float: left; }
    .questionnairy-page .question-read-only-info .obligatory {
      float: right;
      font-size: 12px; }
  .questionnairy-page.template-preview-popup .question-read-only-info {
    margin-left: 110px; }
  .questionnairy-page .slider-container.slider-horizontal {
    min-height: 35px; }
    .questionnairy-page .slider-container.slider-horizontal .slider, .questionnairy-page .slider-container.slider-horizontal .slider-labels {
      width: 100%;
      margin-left: 0;
      margin-right: 0;
      margin-top: 10px; }
  .questionnairy-page .questionnairy-details-info {
    padding-top: 10px; }
    .questionnairy-page .questionnairy-details-info .form-label {
      width: 15%; }
    .questionnairy-page .questionnairy-details-info .form-controls {
      width: 84%; }
  .questionnairy-page .questions-list.scrolled-box, .questionnairy-page .questioned-persons.scrolled-box {
    margin-bottom: 20px; }
  .questionnairy-page .question.open textarea, .questionnairy-page .question.open input[type="text"] {
    width: 100%; }
  .questionnairy-page .question.description .question-content {
    width: 100%;
    padding-left: 12px;
    padding-right: 0; }
  .questionnairy-page #qcontainer {
    margin-left: 0;
    margin-bottom: 40px;
    border-width: 0; }
  .questionnairy-page #questionSelector {
    padding-bottom: 20px; }
    .questionnairy-page #questionSelector .btn, .questionnairy-page #questionSelector .btn-file-upload .select-file-box a, .btn-file-upload .select-file-box .questionnairy-page #questionSelector a {
      margin: 0 50px 0 0; }
  .questionnairy-page #newQuestion .form-line.buttons, .questionnairy-page #setOfLibraryQuestions .form-line.buttons {
    padding-right: 0;
    padding-top: 0; }
  .questionnairy-page .create-slider-question .slider-container {
    margin-top: 13px; }
  .questionnairy-page .create-description-question .add-line {
    margin-bottom: 10px; }
    .questionnairy-page .create-description-question .add-line input[type="text"] {
      width: 90%;
      margin-right: 5px; }
    .questionnairy-page .create-description-question .add-line .btn, .questionnairy-page .create-description-question .add-line .btn-file-upload .select-file-box a, .btn-file-upload .select-file-box .questionnairy-page .create-description-question .add-line a {
      margin-top: -3px; }

.questionnairy-page__table {
  margin-bottom: 100px;
  min-width: 100%; }
  .questionnairy-page__table td {
    padding: 10px !important;
    text-align: center;
    width: 180px; }
  .questionnairy-page__table td:first-of-type {
    text-align: left; }
  .questionnairy-page__table .questionnairy-page__section__description {
    margin: 0 !important; }

.questionnairy-page__section__row {
  background: #f8f7f7; }
  .questionnairy-page__section__row--group {
    background: #e0dcdc; }

.e-table-performance-review tr:not(.jsStickyColumn):not(.jsStickyColumnHidden) td:not(:first-of-type) {
  text-align: center; }

.questionnairy-page__section__row__first {
  background: #f0efef; }
  .questionnairy-page__section__row__first--group {
    background: #d7d5d5; }

.questionnairy-page__section__header {
  margin: 0 0 5px 0;
  font: 16px "robotomedium", sans-serif;
  color: #3d5569; }
  .questionnairy-page__section__header--table {
    margin-bottom: 0; }
  .questionnairy-page__section__header--empty-questionnaire {
    margin: 0 0 5px 0;
    font: 13px "robotomedium", sans-serif;
    color: #293043; }
  .questionnairy-page__section__header__icon {
    font-size: 12px;
    margin-top: -2px;
    color: #a1a1a1; }

.questionnairy-page__section__description {
  font: 14px "robotolight", sans-serif;
  color: #3d5569; }
  .questionnairy-page__section__description--empty-questionnaire {
    font: 11px "robotolight", sans-serif;
    color: #293043; }

.questionnairy-page__section__description--line {
  padding-bottom: 10px;
  border-bottom: solid 1px #dfe3e9; }

.questionnairy-page__section__description--line2 {
  padding-bottom: 5px;
  margin-bottom: 15px;
  border-bottom: solid 1.5px #dfe3e9; }

.questionnairy-page__section__value {
  font: 20px "robotomedium", sans-serif;
  color: #3d5569; }

.questionnairy-questions-list.scrolled-box .question-container:not(.simple-nav), .questionnairy-questions-list.scrolled-box .template-question-container {
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 5px; }

.questionnairy-questions-list.scrolled-box .question-container h4 {
  font: 20px "robotolight", sans-serif;
  padding-bottom: 5px;
  margin: 0 0 10px 0;
  color: #3d5569; }

.questionnairy-questions-list.scrolled-box .question-container h5 {
  font: 16px "robotolight", sans-serif;
  padding-bottom: 5px;
  margin: 0 0 10px 0;
  color: #3d5569; }

.questionnairy-questions-list.scrolled-box .question-container p {
  margin: 0 0 15px 0; }

/*.questionnairy-page .question-container,
.questionnairy-page .template-question-container {margin-bottom: 25px; padding-bottom: 25px; border-bottom: solid 1px #dcdcdc;}*/
.questions-in-question-library .back-to-list {
  margin-bottom: 20px; }

.questions-in-question-library .scrollable-panel {
  max-height: 350px;
  overflow: auto;
  margin-bottom: 20px; }

.questionnairy-page .horizontal-radio-buttons {
  width: 100%;
  table-layout: fixed; }
  .questionnairy-page .horizontal-radio-buttons td {
    text-align: center;
    vertical-align: top;
    border-collapse: collapse;
    border: 1px solid #dcdcdc;
    padding: 0;
    color: #797a7c; }
    .questionnairy-page .horizontal-radio-buttons td label:hover, .questionnairy-page .horizontal-radio-buttons td .checked, .questionnairy-page .horizontal-radio-buttons td.input-checked {
      background: #5ebd5e;
      color: #fff; }
    .questionnairy-page .horizontal-radio-buttons td label {
      padding: 10px 5px;
      display: inline-block;
      width: 100%;
      cursor: pointer; }
      .questionnairy-page .horizontal-radio-buttons td label input[type="radio"] {
        display: none; }
      .questionnairy-page .horizontal-radio-buttons td label span {
        display: block;
        font-size: 12px;
        padding: 5px 0 0 0; }

.template-section-container {
  width: 700px;
  padding-bottom: 1px; }

/* pytanie w ankiecie - podgl�d */
.template-question-container {
  width: 700px;
  padding: 0;
  margin-bottom: 18px;
  border-bottom: solid 1px #e3e4e6;
  background: white url("/Content/tms/_img/bg-question-middle.png") repeat-y 0 0; }
  .template-question-container--no-border {
    background: white;
    border-bottom: 0;
    margin-bottom: 10px; }
  .template-question-container .template-question-inside {
    background: transparent url("/Content/tms/_img/bg-question-top.png") no-repeat 0 0; }
    .template-question-container .template-question-inside--no-border {
      background: transparent; }
  .template-question-container .template-question-left {
    width: 60px;
    float: left; }
  .template-question-container .template-question-right {
    width: 640px;
    float: right;
    padding: 10px 60px 10px 0; }
    .template-question-container .template-question-right.new-grid {
      padding: 10px 10px 10px 0; }
  .template-question-container .question-container {
    padding: 0;
    margin: 0;
    border-width: 0;
    margin-top: 5px; }
    .template-question-container .question-container--no-margin-top {
      margin-top: -2px; }
  .template-question-container .question-type-icon {
    width: 42px;
    height: 42px;
    text-align: center; }
    .template-question-container .question-type-icon--with-bg {
      width: 38px;
      height: 38px;
      background-color: #F1F1F1; }
      .template-question-container .question-type-icon--with-bg i:before {
        font-size: 16px !important;
        margin-top: 11px !important; }
    .template-question-container .question-type-icon i:before {
      color: #bbbbbb;
      font-size: 20px;
      margin: 10px 0 0 0; }
  .template-question-container .action-buttons {
    float: right; }
  .template-question-container .showAnswers {
    float: left;
    font-size: 12px;
    color: #3d5569; }
    .template-question-container .showAnswers:hover {
      text-decoration: none; }
    .template-question-container .showAnswers .less-icon {
      display: none; }
    .template-question-container .showAnswers.opened .less-icon {
      display: inline; }
    .template-question-container .showAnswers.opened .more-icon {
      display: none; }
  .template-question-container .question-text {
    font-size: 18px;
    line-height: 1em;
    color: #3d5569;
    margin-bottom: 15px; }
    .template-question-container .question-text--empty-questionnaire {
      font: 15px "robotomedium", sans-serif;
      color: #293043;
      margin-bottom: 5px; }
    .template-question-container .question-text .req {
      font-size: 12px;
      line-height: 12px; }
  .template-question-container .question-type-description {
    font: 11px "robotomedium", sans-serif;
    color: #535353;
    margin-bottom: 10px; }
  .template-question-container .question-description {
    font: 11px "robotolight", sans-serif;
    color: #293043;
    margin-bottom: 10px; }
  .template-question-container .answers textarea {
    width: 580px;
    max-width: 580px; }
  .template-question-container .answers select {
    width: 240px; }
  .template-question-container .answers .questionWithAnswers--blue {
    color: #293043; }
  .template-question-container .answers .radio, .template-question-container .answers .checkbox {
    color: #717273;
    font-size: 12px; }
  .template-question-container .answers .radio input[type="radio"], .template-question-container .answers .checkbox input[type="checkbox"] {
    margin-top: 0; }
  .template-question-container .answers .answer-employee-field:not(:last-of-type) input {
    margin-bottom: 5px; }
  .template-question-container .answers .matrixQuestion {
    width: 100%;
    margin-left: -30px; }
    .template-question-container .answers .matrixQuestion .jspVerticalBar {
      display: none !important; }
    .template-question-container .answers .matrixQuestion .table {
      min-width: 100%;
      border-collapse: collapse;
      empty-cells: show;
      margin-top: 20px; }
      .template-question-container .answers .matrixQuestion .table td {
        background-color: #ffffff;
        text-align: center;
        vertical-align: middle;
        cursor: pointer; }
      .template-question-container .answers .matrixQuestion .table th {
        background-color: #ffffff;
        text-align: center;
        vertical-align: middle;
        color: #5f656d;
        width: 150px; }
        .template-question-container .answers .matrixQuestion .table th .add-popover {
          display: block;
          text-align: left;
          cursor: default; }
        .template-question-container .answers .matrixQuestion .table th.thRotate {
          /* Something you can count on */
          max-width: 60px;
          padding: 0;
          vertical-align: bottom; }
        .template-question-container .answers .matrixQuestion .table th.thRotate > a:hover {
          color: #3D5569;
          text-decoration: none; }
        .template-question-container .answers .matrixQuestion .table th.thRotate > a > div {
          /*-ms-transform: translate(-20px, -5px)rotate(280deg);
                        -webkit-transform: translate(-20px, -5px)rotate(280deg);
                        transform: translate(-20px, -5px)rotate(280deg);*/
          -ms-transform-origin: 0 50%;
          -webkit-transform-origin: 0 50%;
          transform-origin: 0 50%;
          margin-left: 0;
          margin-right: 0;
          text-align: left;
          vertical-align: middle;
          display: inline-block; }
        .template-question-container .answers .matrixQuestion .table th.thRotate > div > span {
          border-bottom: 1px solid #ccc;
          padding: 5px 10px; }
      .template-question-container .answers .matrixQuestion .table td {
        border: solid 1px #dcdcdc;
        min-width: 60px;
        min-height: 42px;
        width: 60px;
        color: #797A7C;
        font-size: 14px; }
        .template-question-container .answers .matrixQuestion .table td.input-checked {
          color: #fff; }
        .template-question-container .answers .matrixQuestion .table td input[type="checkbox"], .template-question-container .answers .matrixQuestion .table td input[type="radio"] {
          width: 0px;
          height: 1px;
          border: solid 1px transparent;
          color: transparent;
          position: absolute;
          overflow: visible;
          outline: 0;
          opacity: 0; }
  .template-question-container .editQuestionHolder {
    padding: 15px 0 0 0; }
    .template-question-container .editQuestionHolder .form-line.with-indent {
      width: 590px; }
    .template-question-container .editQuestionHolder .form-line .form-controls {
      width: 400px; }

.question-container.simple-nav {
  padding: 10px 0 20px 0; }

.e-questionnaire__objective-question-header {
  padding: 0;
  border: 1px solid #dfe3e9;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  text-align: left;
  min-height: 45px; }
  .e-questionnaire__objective-question-header--small {
    min-height: 35px;
    border-top: none; }
    .e-questionnaire__objective-question-header--small .e-questionnaire__objective-question-header__icon {
      background-color: #f1f3f5;
      color: #a1a1a1;
      height: 35px;
      line-height: 35px;
      position: inherit;
      margin-right: 10px; }

.e-questionnaire__objective-question-header__icon {
  background-color: #3d5569;
  width: 45px;
  font-size: 16px;
  color: #faf9f9;
  text-align: center;
  float: left;
  vertical-align: middle;
  line-height: 45px;
  position: absolute; }

/* wst�p / podzi�kowanie na ankietach */
#questionnaire-introduction, #questionnaire-thankyou {
  width: 100%;
  min-height: 200px;
  padding: 40px 0 20px 0;
  text-align: center;
  font-size: 20px;
  color: #3d5569; }

/* tworzenie ankiety - box dodawania pytania */
.questionnaires-add-new-question {
  border: dashed 1px #ffc89b;
  margin-bottom: 10px; }
  .questionnaires-add-new-question .tabs-menu {
    background-color: #fffbf6; }
  .questionnaires-add-new-question .box-title {
    background-color: #fffbf6;
    padding: 15px 10px;
    color: #4f4e4e; }
  .questionnaires-add-new-question #initMsg {
    text-align: center;
    padding: 20px 0; }
  .questionnaires-add-new-question .questionTypes .dropdown-toggle {
    box-shadow: none;
    border-color: #dcdcdc; }
    .questionnaires-add-new-question .questionTypes .dropdown-toggle .text {
      color: #5f656d;
      white-space: nowrap;
      width: 210px;
      overflow: hidden;
      display: inline-block;
      vertical-align: top;
      text-align: left; }
    .questionnaires-add-new-question .questionTypes .dropdown-toggle .caret {
      border-top-color: #dcdcdc; }
  .questionnaires-add-new-question .questionTypes .dropdown-menu {
    border-color: #dcdcdc; }
    .questionnaires-add-new-question .questionTypes .dropdown-menu > li > a {
      padding: 5px 10px;
      font-size: 12px;
      color: #5f656d; }
      .questionnaires-add-new-question .questionTypes .dropdown-menu > li > a:hover, .questionnaires-add-new-question .questionTypes .dropdown-menu > li > a:focus {
        color: #ffffff; }
  .questionnaires-add-new-question .questionTypes .dropdown-toggle .text i:before, .questionnaires-add-new-question .questionTypes .dropdown-menu > li > a i:before {
    color: #7dbcdc;
    margin: 0 7px 0 0;
    font-size: 16px;
    vertical-align: middle; }
  .questionnaires-add-new-question .form-line.with-indent {
    width: 648px; }
  .questionnaires-add-new-question .form-line .form-controls {
    width: 458px; }

/* tworzenie ankiety - dodawanie pyta� */
.questionnairy-page.create-template .questionnairy-questions-list {
  margin: 0;
  padding: 0; }

.questionnairy-page.create-template .question-content {
  float: right;
  width: 600px;
  padding-right: 10px; }

.dd-list {
  display: block;
  list-style: none outside none;
  margin: 0;
  padding: 0;
  position: relative; }

.dd-collapsed .dd-list {
  display: none; }

.dd-empty, .dd-item, .dd-placeholder {
  display: block;
  font-size: 13px;
  margin-bottom: -1px;
  padding: 0px 0;
  position: relative; }

.dd-empty, .dd-placeholder {
  background: none repeat scroll 0 0 #fffbf6;
  border: 1px dashed #ffc89b;
  box-sizing: border-box;
  margin: 0 0 18px 0;
  min-height: 30px;
  padding: 0; }

.dd-empty {
  background-color: #eee;
  background-image: linear-gradient(45deg, white 25%, transparent 25%, transparent 75%, white 75%, white), linear-gradient(45deg, white 25%, transparent 25%, transparent 75%, white 75%, white);
  background-position: 0 0, 30px 30px;
  background-size: 60px 60px;
  border: 1px dashed #bbb;
  min-height: 100px; }

.dd-dragel {
  pointer-events: none;
  position: absolute;
  z-index: 9999; }
  .dd-dragel > .dd-item .dd-handle {
    margin-top: 0; }
  .dd-dragel .dd-handle {
    box-shadow: none; }
  .dd-dragel .template-question-container {
    border-bottom: dashed 1px #ff9137;
    background-image: url("/Content/tms/_img/bg-question-middle-drag.png");
    cursor: move; }

.dd-item.hover .template-question-container {
  border-bottom: dashed 1px #ff9137;
  background-image: url("/Content/tms/_img/bg-question-middle-drag.png");
  cursor: move; }

.dd-dragel .template-question-container .template-question-inside, .dd-item.hover .template-question-container .template-question-inside {
  background-image: url("/Content/tms/_img/bg-question-top-drag.png"); }

.dd-dragel .template-question-container .question-type-icon i:before, .dd-item.hover .template-question-container .question-type-icon i:before {
  color: #ffffff; }

.dd-list.question-list li.dd-item {
  margin-bottom: 18px; }
  .dd-list.question-list li.dd-item .template-question-container {
    margin-bottom: 0; }

.nestable-lists {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #bfbfbf -moz-use-text-color;
  border-image: none;
  border-left: 0 none;
  border-right: 0 none;
  border-style: solid none;
  border-width: 2px 0;
  clear: both;
  display: block;
  padding: 30px 0;
  width: 100%; }

.questionnairy-page.create-template #nestable-menu {
  margin: 10px 0 20px;
  padding: 0; }

.questionnairy-page.create-template #nestable-output, .questionnairy-page.create-template #nestable2-output {
  padding: 5px;
  width: 100%; }

.questionnairy-page.create-template #pages .page-number-ct {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: solid 1px #f3f3f3; }

.questionnairy-page.create-template #pages .page-number {
  font-size: 20px;
  color: #3d5569;
  float: left;
  width: 70%; }

.questionnairy-page.create-template #pages .page {
  clear: both; }

.questionnairy-page #no-data {
  font-size: 30px;
  color: #3d5569;
  text-align: center;
  padding-bottom: 10px; }

.questionnairy-page.create-template #no-data .stripped-bg {
  font-size: 13px;
  text-align: left;
  margin-bottom: 20px; }

.questionnairy-page.create-template #questionnaire-actions {
  background-color: #f0f3f5;
  padding: 10px 0;
  margin-bottom: 30px;
  text-align: center; }

.questionnairy-page .questionnaire-actions {
  background-color: #f0f3f5;
  padding: 10px 0;
  margin-bottom: 30px;
  text-align: center; }

.questionnairy-page.create-template #questionnaire-actions .dropdown-menu {
  text-align: left;
  font-size: 13px; }

.questionnairy-page.create-template .btn-add-container {
  margin-bottom: 30px;
  text-align: right; }

.questionnairy-page.summary .questions-list {
  padding-top: 0; }

.questionnairy-page.summary #tabmenu {
  display: none; }

.questionnairy-page.summary .gray-hd {
  width: 905px; }

.questionnairy-page.summary .send-mail-notification {
  margin: 0 0 40px 10px; }

.questionnairy-page.summary .scrolled-box {
  max-height: 250px;
  overflow: auto; }

/* tworzenie ankiety - podsumowanie */
.questionnairy-page-summary .form-section .main-icon:before {
  font-size: 22px;
  color: #7dbcdc; }

.questionnairy-page-summary .form-section .anonymous-description {
  font-size: 12px;
  color: #bac7cf;
  margin-top: 5px; }

.questionnairy-page-summary .form-section i:before {
  font-size: 18px;
  color: #bcbebf;
  margin: 0 10px 0 0;
  width: 20px; }

.questionnairy-page-summary-date {
  display: inline-block;
  width: 180px; }

.questionnairy-page-summary-time {
  display: inline-block;
  width: 120px; }

/* tworzenie ankiety - szczeg��y - popup */
.questionnairy-page.details-popup .question-content {
  width: 666px; }

.questionnairy-page.details-popup .slider-container.slider-horizontal .slider, .questionnairy-page.details-popup .slider-container.slider-horizontal .slider-labels {
  width: 90%; }

.questionnairy-page.details-popup .questioned-persons {
  margin: 10px 0 0 -20px; }

.questionnairy-page.template-preview-popup .question-content {
  width: 666px; }

.questionnairy-page.template-preview-popup .slider-container.slider-horizontal .slider, .questionnairy-page.template-preview-popup .slider-container.slider-horizontal .slider-labels {
  width: 90%; }

.questionnairy-page.edit-question-popup .question-content {
  width: 490px;
  padding-right: 0;
  float: none;
  margin: 0 auto; }

.questionnairy-page.create-questionnairy .no-deadline-date-box p {
  margin-bottom: 0; }

.questionnairy-page.create-questionnairy .create-questionnairy-content {
  margin-bottom: 60px; }

.questionnairy-page.create-questionnairy .form-controls .date-questionnairy-description {
  margin-top: 10px;
  color: #bac7cf;
  font-size: 11px;
  line-height: 12px; }

.questionnairy-page.create-questionnairy .form-controls .link-with-icon {
  padding: 1px 1px; }

.questionnairy-page.create-questionnairy .form-controls .deadline-date-box {
  float: left;
  width: 100%;
  margin-bottom: 10px; }

.questionnairy-page.create-questionnairy .static-text {
  font-size: 20px;
  text-align: center;
  color: #3d5569;
  padding: 20px 0; }

/* ocena 360 - podgl�d formularza - popup */
/* pytanie zamkni�te do kompetencji */
/* tworzenie ankiety - krok 1 (nazwa, opis, data) */
/* tworzenie ankiety - wyb�r os�b */
#questionnairy-employees-search .search-query {
  width: 550px; }

.questionnairy-page.employees .search-employee-list {
  overflow: auto; }

.questionnairy-page.employees .questionnairy-buttons {
  margin-top: 40px; }

.questionnairy-page.employees .search-bar, .questionnairy-page.employees .search-filters, .questionnairy-page.employees .search-results {
  margin-left: 0; }

.questionnairy-page.employees .mass-actions {
  padding: 30px 30px 0 0; }
  .questionnairy-page.employees .mass-actions .btn, .questionnairy-page.employees .mass-actions .btn-file-upload .select-file-box a, .btn-file-upload .select-file-box .questionnairy-page.employees .mass-actions a {
    margin-left: 15px; }

.instant-search-results {
  border-color: #DCDCDC;
  margin-top: 1px;
  margin-left: -2px; }
  .instant-search-results .dropdownOptionClick {
    padding: 8px 0 8px 18px;
    margin: 1px 0 -1px 0;
    border-bottom: 1px solid #DCDCDC;
    font-size: 14px;
    cursor: pointer; }
    .instant-search-results .dropdownOptionClick .add-info {
      font-size: 12px; }
  .instant-search-results .unitLabel {
    background-color: #76C6F0;
    padding: 5px 10px;
    font-size: 12px;
    border: 1px solid #68aed3;
    border-width: 1px 0; }
  .instant-search-results .list-item-unit:hover {
    background-color: #e4f4fc;
    /*padding-left:30px; padding-right:40px; margin-left:-10px; */ }
  .instant-search-results .employeeLabel {
    background-color: #CBEEA8;
    padding: 5px 10px;
    font-size: 12px;
    border: 1px solid #b3e585;
    border-width: 1px 0; }
  .instant-search-results .list-item-empl:hover {
    background-color: #eaf8dc; }
  .instant-search-results .positionLabel {
    background-color: #fbeea9;
    padding: 5px 10px;
    font-size: 12px;
    border: 1px solid #efdf88;
    border-width: 1px 0; }
  .instant-search-results .list-item-pos:hover {
    background-color: #fdf8dd; }
  .instant-search-results .positionLevelLabel {
    background-color: #FFD7C5;
    padding: 5px 10px;
    font-size: 12px;
    border-bottom: 1px solid #ffc6ae; }
  .instant-search-results .list-item-level:hover {
    background-color: #ffefe8; }

/* statystyki ankiety - wykres s�upkowy */
.question-result-column-chart {
  width: 670px;
  height: 250px;
  margin: 0 0 20px -50px;
  float: left; }

.questionnaires-summary-partial .popover-content {
  font-size: 12px; }

/* statystyki ankiety - tabela odpowiedzi */
.question-result-table-simple-container {
  width: 698px;
  margin: 0 0 0 -59px; }
  .question-result-table-simple-container .table td {
    color: #717273; }
  .question-result-table-simple-container .table th {
    color: #3d5569;
    background-color: #fdfdfe; }
  .question-result-table-simple-container .table td, .question-result-table-simple-container .table th {
    font-size: 12px;
    padding: 5px 10px;
    border: solid 1px #f3f3f3; }
  .question-result-table-simple-container .vertical-bar-legend {
    width: 160px;
    display: block; }

/* statystyki ankiety - pytania macierzowe */
.matrixQuestion-shadow {
  display: block;
  height: 100%;
  width: 34px;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: -42px;
  -webkit-box-shadow: 0px 0px 32px 3px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0px 0px 32px 3px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 32px 3px rgba(0, 0, 0, 0.08); }

.matrixQuestion-shadow-left {
  display: block;
  height: 100%;
  width: 34px;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: -42px;
  -webkit-box-shadow: 0px 0px 32px 3px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0px 0px 32px 3px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 32px 3px rgba(0, 0, 0, 0.08); }

.matrixQuestion-scroll-pane {
  position: relative;
  display: none;
  height: auto;
  padding-bottom: 50px; }
  .matrixQuestion-scroll-pane .table {
    margin-bottom: 0; }
  .matrixQuestion-scroll-pane .jspHorizontalBar {
    height: 10px;
    border-radius: 10px;
    width: 554px;
    margin-left: 8px; }
    .matrixQuestion-scroll-pane .jspHorizontalBar .jspTrack {
      padding: 2px 2px;
      border-radius: 10px;
      max-width: 100%; }
    .matrixQuestion-scroll-pane .jspHorizontalBar .jspDrag {
      height: 6px; }
    .matrixQuestion-scroll-pane .jspHorizontalBar .jspArrow {
      display: none; }

.matrixQuestion-scroll-pane--result .table {
  margin-bottom: 20px !important; }

.matrixQuestion-scroll-pane--result .jspHorizontalBar {
  width: 672px;
  margin-left: 12px; }

.question-result-matrix {
  display: none;
  width: 698px;
  margin: 0 0 0 -59px; }
  .question-result-matrix .table {
    min-width: 100%;
    border-collapse: collapse;
    empty-cells: show; }
    .question-result-matrix .table td {
      color: #717273; }
    .question-result-matrix .table th {
      color: #3d5569;
      background-color: #fdfdfe; }
    .question-result-matrix .table td, .question-result-matrix .table th {
      font-size: 12px;
      padding: 5px 10px;
      border: solid 1px #f3f3f3;
      min-width: 100px;
      min-height: 42px; }
    .question-result-matrix .table td.td-result {
      font-size: 11px; }
      .question-result-matrix .table td.td-result .votes-count {
        font-size: 14px; }
    .question-result-matrix .table th.th-total-lbl .participants {
      text-transform: lowercase; }

/* wype�nianie ankiety */
.questionnairy-page.fill-questionnairy .questionnairy-steps-nav {
  top: 5px;
  right: 13px; }

.questionnairy-page h1 {
  margin: 0 13px 10px 12px; }

.questionnairy-page p.intro {
  margin: 0 13px 30px 12px; }

.questionnairy-page .table-list {
  padding: 0 13px 20px 12px; }
  .questionnairy-page .table-list .table {
    margin-bottom: 15px; }
    .questionnairy-page .table-list .table td {
      background: #fff;
      vertical-align: top; }
      .questionnairy-page .table-list .table td.steps {
        font-size: 58px;
        line-height: 0.8em;
        color: #D9D9D9;
        padding-right: 15px;
        border-right: 1px solid #DCDCDC;
        width: 35px; }
    .questionnairy-page .table-list .table p {
      font-size: 13px; }
  .questionnairy-page .table-list .questionnairy-details-td {
    width: 180px; }
  .questionnairy-page .table-list .font-medium {
    font-size: 16px;
    line-height: 20px; }

.questionnairy-page.add-degree-feedback .form-content {
  margin-top: 30px; }

.questionnairy-page.add-degree-feedback .options-table td {
  border: 1px solid #EFEFEF;
  border-width: 0 0 1px 0; }

.questionnairy-page.add-degree-feedback .form-line .form-controls {
  width: 330px; }

/* Podgl�da ankiety */
.questionnary-details {
  width: 698px;
  margin: 0 0 0 0;
  padding: 14px 9px;
  border: solid 1px #dcdcdc;
  font-size: 12px;
  color: #5f656d;
  float: left; }
  .questionnary-details .icon-with-bg {
    background-color: #f7f9fa;
    color: #bcbebf;
    float: left;
    margin-right: 10px;
    padding: 5px 0; }
    .questionnary-details .icon-with-bg i:before {
      margin: 0 5px;
      font-size: 20px; }
    .questionnary-details .icon-with-bg .lbl {
      font-size: 10px;
      text-transform: capitalize;
      text-align: center;
      padding-top: 5px;
      color: #abadb2; }
  .questionnary-details .date-since, .questionnary-details .date-until {
    width: 180px;
    float: left; }
  .questionnary-details .questionnary-status {
    float: left;
    margin-left: 50px;
    width: 200px; }
  .questionnary-details .toggle-bar {
    width: calc(100% - 40px) !important; }
  .questionnary-details .date-swith-icon {
    float: left;
    width: 50px;
    margin-top: 10px; }
    .questionnary-details .date-swith-icon i {
      color: #bcbebf;
      font-size: 20px; }
  .questionnary-details .dashboard-content {
    float: left;
    border: none;
    width: 680px;
    padding: 10px 20px !important; }
  .questionnary-details .info-boxes {
    float: left;
    width: 50%;
    border-bottom: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important; }
    .questionnary-details .info-boxes .pull-left {
      margin: 5px 0;
      width: 160px; }
    .questionnary-details .info-boxes .info-boxes__link {
      float: left;
      width: 160px; }
    .questionnary-details .info-boxes .info-boxes__link--first {
      width: 150px; }
  .questionnary-details .charts {
    float: left;
    width: 50%;
    border: none;
    margin-top: 40px; }
  .questionnary-details .chart {
    width: 80px !important;
    height: 80px !important; }

/* tworzenie oceny 360 - krok 0 */
/* tworzenie oceny 360 - krok 1 */
.form-section-columns {
  position: relative; }
  .form-section-columns .form-line {
    width: 550px; }
    .form-section-columns .form-line.with-indent {
      width: 520px; }
  .form-section-columns .comment {
    width: 350px;
    padding: 10px;
    border: 1px solid #DCDCDC;
    background: #efefef;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 13px; }

input:-moz-placeholder {
  color: #9EA8B5; }

.feedback-step-3 #PeriodId {
  width: 150px;
  margin-right: 25px;
  float: left; }

.feedback-step-3 #Year {
  width: 65px;
  margin-left: 15px;
  margin-top: 0;
  height: 25px; }

.indent-form-line {
  padding: 5px 0 5px 20px;
  clear: both; }

.feedback-step-3 .indent-form-line label {
  display: inline-block;
  width: 245px;
  margin-right: 10px; }

/* krok 2 - kalendarz */
.feedback-harmonogram {
  margin-top: 30px; }

.harmo-calendar .ui-widget-content {
  border: none;
  background-color: #fff;
  width: 100%; }
  .harmo-calendar .ui-widget-content .ui-datepicker-current-day .ui-state-default {
    font-weight: normal; }

.harmo-calendar .ui-datepicker-condensed .ui-state-disabled span {
  background-color: transparent;
  color: #777; }

.ui-datepicker-condensed .ui-state-disabled a {
  background-color: transparent;
  color: #777; }

.harmo-calendar .ui-datepicker-condensed .ui-widget-content td.ui-state-disabled span, .harmo-calendar .ui-datepicker-condensed .ui-widget-content td.ui-state-disabled a {
  background-color: transparent;
  color: #777; }

.harmo-calendar .ui-datepicker-condensed .ui-widget-header td.ui-state-disabled span, .harmo-calendar .ui-datepicker-condensed .ui-widget-header td.ui-state-disabled a {
  background-color: transparent;
  color: #777; }

.harmo-calendar .ui-datepicker-condensed .ui-widget-content td.ui-state-disabled.ui-datepicker-current-day .ui-state-default {
  background-color: transparent;
  color: #777; }

/*body.admin-view .harmo-calendar .ui-datepicker-condensed .ui-widget-content .ui-datepicker-today span { border-color:#EFDF88;}
body.admin-view .harmo-calendar .ui-datepicker-condensed .ui-widget-content .ui-datepicker-today a { border-color:#EFDF88 !important;}*/
/* tworzenie oceny 360 - krok 3 */
.questionnairy-page .attribution-model-info .group-name {
  padding: 15px 10px;
  margin: 0;
  border-bottom: solid 1px #ecedee;
  font-size: 13px;
  color: #3d5569;
  text-transform: uppercase; }

.questionnairy-page .attribution-model-info .form-section {
  padding-left: 30px; }

.questionnairy-page .attribution-model-info table .btn-link {
  padding-top: 0;
  padding-bottom: 0; }

.questionnairy-page .attribution-model-info table td {
  padding: 13px 10px;
  font-size: 12px;
  color: #717273; }

.questionnairy-page .attribution-model-info table tr.questionsRow td {
  padding-top: 5px; }

.questionnairy-page .attribution-model-info table tr.groupQuestionsRow td {
  padding-top: 13px; }

.questionnairy-page .attribution-model-info input[type="checkbox"] {
  margin-top: 2px; }

.questionnairy-page .attribution-model-info .td-select-all {
  font-size: 11px;
  padding: 10px; }

.questionnairy-page .attribution-model-info .questionsList {
  padding-left: 30px; }
  .questionnairy-page .attribution-model-info .questionsList label.checkbox {
    padding: 5px 0 5px 30px; }

.questionnairy-page .attribution-model-info .add-open-question {
  padding: 5px 0 5px 30px; }

.questionnairy-page .attribution-model-info .noQuestions {
  padding: 5px 0 5px 30px;
  color: #999999; }

.questionnairy-page .attribution-model-info .questionsList label.checkbox {
  padding-left: 0; }
  .questionnairy-page .attribution-model-info .questionsList label.checkbox .question {
    float: left;
    margin: 2px 5px 0 0; }
  .questionnairy-page .attribution-model-info .questionsList label.checkbox .question-label {
    float: left;
    max-width: 530px; }
    .questionnairy-page .attribution-model-info .questionsList label.checkbox .question-label.without-cb {
      max-width: 490px; }
  .questionnairy-page .attribution-model-info .questionsList label.checkbox .link-with-icon {
    float: right; }

.questionnairy-page .attribution-model-info .no-competence {
  padding: 13px 10px; }

.header-counter {
  margin: 0;
  color: #535353;
  font: 14px "robotomedium", sans-serif;
  line-height: 1; }
  .header-counter .counter {
    font-size: 28px;
    vertical-align: -4px;
    padding-left: 2px;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; }

/*tworzenie oceny 180 - krok 3*/
.questionnairy-choise-competence .two-columns-layout > .left-col {
  width: 740px; }

.questionnairy-choise-competence .competence-type-hd > .col-md-3, .questionnairy-choise-competence .edit-section > .col-md-4 {
  padding: 0; }

.questionnairy-choise-competence .competence-type-hd .col-md-3 .gray-hd, .questionnairy-choise-competence .edit-section .gray-hd {
  text-transform: none;
  text-align: left;
  font-size: 13px; }

.questionnairy-choise-competence .competence-desc {
  color: #999999; }
  .questionnairy-choise-competence .competence-desc .static-desc {
    width: 465px; }

.questionnairy-choise-competence .competence-preview-link {
  float: right;
  margin-top: -3px; }

.questionnairy-choise-competence .competence-type {
  height: 46px;
  padding-top: 7px; }
  .questionnairy-choise-competence .competence-type label {
    position: relative;
    top: -2px;
    left: 6px; }

.questionnairy-choise-competence #info-section h3 {
  font-size: 14px;
  color: #7B7B7B; }

.questionnairy-choise-competence #info-section .link-with-icon {
  margin-left: -5px;
  margin-top: 10px; }

.questionnairy-choise-competence .noOpenQuestions {
  text-align: center;
  font-size: 20px; }

.questionnairy-choise-competence #openQuestionSection .table {
  margin-left: 0; }

.questionnairy-choise-competence #openQuestionSection .form-section {
  padding-left: 0; }

.questionnairy-choise-competence #openQuestionSection .questionsList {
  padding-bottom: 10px;
  padding-left: 0; }
  .questionnairy-choise-competence #openQuestionSection .questionsList label.checkbox {
    padding: 10px 0 10px 0; }

/* tworzenie oceny 360 - krok 4 (Wyb�r i weryfikacja uczestnik�w) */
.employee-searcher {
  background-color: #f0f3f5;
  padding: 7px 10px;
  margin: 0 0 20px 0; }
  .employee-searcher > span {
    font-size: 12px;
    margin-right: 20px; }
  .employee-searcher .questionnaires-list__filter {
    margin: -7px 0 0 0; }

.questionnairy-page.assessment-employees .search-employee-list-container .competences.red {
  color: #b11500;
  font-size: 12px; }

.questionnairy-page.assessment-employees .search-employee-list-container .icon-check {
  color: #feb797; }

.questionnairy-page.assessment-summary ul.simple-list {
  padding-bottom: 20px; }

.questionnairy-page.assessment-summary .raters-info {
  width: 100%; }
  .questionnairy-page.assessment-summary .raters-info > .left-col {
    width: 30%;
    float: left;
    border-right: solid 1px #dcdcdc;
    padding: 10px 0; }
  .questionnairy-page.assessment-summary .raters-info > .right-col {
    width: 63%;
    float: right;
    padding: 10px 0; }
  .questionnairy-page.assessment-summary .raters-info .raters-lbl {
    padding-bottom: 15px; }
  .questionnairy-page.assessment-summary .raters-info .assessment-employees {
    text-align: center; }
    .questionnairy-page.assessment-summary .raters-info .assessment-employees .count {
      font: 55px "robotoregular", sans-serif;
      margin-bottom: 10px;
      line-height: 1; }

.questionnairy-page.assessment-summary .table-with-no-timeline {
  margin-bottom: 20px; }
  .questionnairy-page.assessment-summary .table-with-no-timeline td {
    padding: 12px 10px;
    border-bottom: 1px solid #EFEFEF;
    font-size: 12px; }

.questionnairy-page.assessment-summary .table-condensed {
  margin-bottom: 30px; }
  .questionnairy-page.assessment-summary .table-condensed td {
    font-size: 12px; }
  .questionnairy-page.assessment-summary .table-condensed .cboxElement {
    float: right; }
  .questionnairy-page.assessment-summary .table-condensed .lbl {
    margin-bottom: 10px; }
  .questionnairy-page.assessment-summary .table-condensed .bigger {
    font-size: 22px;
    line-height: 28px;
    display: inline-block;
    width: 180px;
    text-transform: lowercase; }

.questionnairy-page.assessment-summary .column-margin-right {
  width: 70%; }

.questionnairy-page.assessment-summary .td-ico.mail .popover {
  max-width: 600px;
  font-size: 11px; }

.questionnairy-page .popup-headliner {
  padding: 30px 20px 20px 0; }
  .questionnairy-page .popup-headliner img {
    float: left;
    width: 60px;
    height: 60px;
    margin-right: 30px;
    border: 5px solid #fff;
    box-shadow: 0 0 2px 1px #CCCCCC; }

.questionnairy-page .popup-headliner-content {
  float: left;
  /*width:820px;*/ }
  .questionnairy-page .popup-headliner-content h4 {
    font: 24px "robotoregular", sans-serif;
    margin: 0 0 12px; }
  .questionnairy-page .popup-headliner-content p {
    text-align: justify; }

/* tworzenie oceny 360 - krok 5 (podsumowanie) */
/* harmonogram - timeline */
table.table-with-timeline {
  margin-left: 50px;
  margin-bottom: 20px; }
  table.table-with-timeline tr.clock {
    height: 0em;
    line-height: 0em; }
  table.table-with-timeline tr.tr-content {
    height: 3em;
    line-height: 3em;
    font-size: 14px; }
    table.table-with-timeline tr.tr-content td {
      color: #535353; }
      table.table-with-timeline tr.tr-content td.secondCol {
        border-left: 2px solid #535353; }
  table.table-with-timeline tr.clock td.secondCol .icon {
    color: #2598DA;
    background: inherit;
    float: left; }
  table.table-with-timeline tr.empty {
    height: 10px; }
  table.table-with-timeline td.secondCol {
    padding-left: 20px; }
  table.table-with-timeline td.firstCol {
    padding-right: 20px; }
  table.table-with-timeline tr.past td {
    color: #777E89; }
    table.table-with-timeline tr.past td.secondCol {
      border-color: #aaa; }
  table.table-with-timeline tr td {
    font-size: 12px; }
    table.table-with-timeline tr td.td-name {
      padding-right: 10px; }

table.table-with-no-timeline {
  margin-bottom: 20px; }
  table.table-with-no-timeline td.firstCol, table.table-with-no-timeline i.icon-clock {
    display: none; }

.table-with-timeline .popover {
  max-width: 760px; }
  .table-with-timeline .popover .popover-content {
    font-size: 12px;
    line-height: 1.5; }

table.table-with-timeline td.secondCol .icon-clock:before {
  font-size: 20px;
  line-height: 0.8em;
  margin-right: 7px;
  padding: 0.3em 0;
  margin-left: -30px;
  background: #F8F8F8; }

#scheduleContainer .dates, #prgressContainer .degree-feedback-progress-partial, #ratersContainer .assessed-employees {
  padding: 20px 0 20px 0; }

.degree-feedback-summary-partial {
  padding: 20px 13px 20px 12px; }
  .degree-feedback-summary-partial .one-question {
    padding-bottom: 20px; }
    .degree-feedback-summary-partial .one-question .question-name {
      padding-bottom: 10px; }
  .degree-feedback-summary-partial .progress-container {
    width: 90%;
    padding-left: 10px; }
  .degree-feedback-summary-partial .progress {
    margin-bottom: 3px; }
  .degree-feedback-summary-partial .progress-labels {
    position: relative;
    height: 20px; }
    .degree-feedback-summary-partial .progress-labels .lbl {
      width: 30px;
      text-align: center;
      position: absolute;
      top: 0; }
    .degree-feedback-summary-partial .progress-labels .min {
      left: -14px; }
    .degree-feedback-summary-partial .progress-labels .max {
      right: -14px; }
    .degree-feedback-summary-partial .progress-labels .actual {
      margin-left: -14px; }
  .degree-feedback-summary-partial .answers-list-with-hd {
    width: 100%;
    padding-left: 15px; }
  .degree-feedback-summary-partial .answers-list {
    width: 100%;
    clear: both;
    margin: 0 0 30px 0;
    padding: 0 10px; }
    .degree-feedback-summary-partial .answers-list li {
      list-style-type: none;
      margin: 0;
      padding: 10px 5px;
      border-bottom: 1px solid #f3f3f3;
      width: 100%;
      clear: both; }

/* popup - Bior�cy udzia� w ocenie  */
/* popup wyboru pracownik�w do oceny 360 */
.choose-coworkers-popup .wide-box {
  padding-left: 20px;
  padding-right: 20px; }
  .choose-coworkers-popup .wide-box.blue-with-shadow {
    padding-top: 20px;
    padding-bottom: 20px; }
  .choose-coworkers-popup .wide-box .column-content {
    width: 715px; }

.choose-coworkers-popup .feedback-name {
  color: #27272a;
  font-size: 20px;
  margin: 0 0 15px 0;
  padding: 0;
  float: left;
  width: 68%; }

.choose-coworkers-popup .feedback-period {
  color: #6e6e6e;
  font-size: 12px;
  margin: 5px 0 15px 0;
  float: right;
  width: 30%;
  text-align: right; }

.choose-coworkers-popup .counters {
  margin-bottom: 15px;
  font-size: 14px; }
  .choose-coworkers-popup .counters .counter-item {
    float: left;
    padding-right: 15px;
    margin-right: 15px;
    border-right: solid 1px #d8e3e5;
    color: #000000; }
  .choose-coworkers-popup .counters .max-chosen-info {
    color: #6e6e6e;
    float: left; }

.chosen-coworkers-div {
  height: 34px; }
  .chosen-coworkers-div .chosenEmployeeBox {
    border: 2px solid #ffffff;
    width: 34px;
    height: 34px;
    margin: 0 7px 0 7px;
    float: left; }
  .chosen-coworkers-div .emptyRaterSlot {
    background-color: #e1e1e6;
    text-align: center;
    color: #ffffff;
    width: 30px;
    height: 30px;
    font-size: 20px; }
    .chosen-coworkers-div .emptyRaterSlot .icon:before {
      margin: 0; }
  .chosen-coworkers-div .bx-wrapper {
    margin: 0 !important; }
    .chosen-coworkers-div .bx-wrapper .bx-viewport {
      border: none;
      background: inherit;
      left: 0;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none; }
    .chosen-coworkers-div .bx-wrapper .bx-controls-direction a {
      text-indent: 0;
      background-image: none;
      font-size: 20px;
      width: 20px;
      height: 28px;
      margin-top: -14px; }
      .chosen-coworkers-div .bx-wrapper .bx-controls-direction a:hover {
        background-color: #2598da;
        color: #ffffff; }
      .chosen-coworkers-div .bx-wrapper .bx-controls-direction a i:before {
        margin: 0; }
      .chosen-coworkers-div .bx-wrapper .bx-controls-direction a.bx-prev {
        left: -17px; }
      .chosen-coworkers-div .bx-wrapper .bx-controls-direction a.bx-next {
        right: -17px; }

/* model kompetencji (+ popupy) */
.attribution-model-info .model-top-bar .model-name {
  font-size: 30px;
  color: #27272A;
  margin: 0 0 15px 0;
  width: 700px; }

.attribution-model-info .model-top-bar .model-type {
  font-size: 15px;
  line-height: 1.4;
  color: #525252;
  width: 700px; }

.attribution-model-info .group-name {
  padding: 0 10px 10px 10px;
  font-size: 15px;
  color: #000000; }

.attribution-model-info .no-competence {
  color: #999999;
  font-size: 12px;
  padding: 0 10px 10px 10px; }

.attribution-model-info .attribution-group-table td {
  border: 1px solid #EFEFEF;
  border-width: 0 0 1px 0; }

.attribution-model-info .attribution-group-table .attribution-actions {
  text-align: right;
  width: 30%; }

.competence-info-popup .competence-main-info {
  margin: -20px -20px 0 -20px;
  width: 800px; }

.competence-main-info > .left-column {
  width: 120px; }

.competence-main-info > .right-column {
  width: 680px; }
  .competence-main-info > .right-column .right-column-content {
    width: 665px; }

.competence-info-popup .wide-box {
  margin-left: -120px;
  padding-left: 120px; }

.competence-info-popup .main-photo-box {
  padding: 15px 0; }
  .competence-info-popup .main-photo-box .photo-container {
    padding: 0;
    width: 60px;
    height: 60px; }

#user-permissions h3 {
  color: #7B7B7B;
  font-size: 11px;
  font-weight: normal;
  text-transform: uppercase; }

#user-permissions .permission-item {
  padding: 20px 0 10px;
  margin: 0; }
  #user-permissions .permission-item .permission-label {
    float: left;
    width: 40%;
    padding-right: 7%;
    text-align: left; }
    #user-permissions .permission-item .permission-label strong {
      font-weight: normal; }
    #user-permissions .permission-item .permission-label p.description {
      font-style: italic;
      font-size: 12px; }
  #user-permissions .permission-item .permission-slider {
    float: left;
    width: 3%; }
    #user-permissions .permission-item .permission-slider .slider {
      margin: 0;
      position: relative;
      top: 24px; }
  #user-permissions .permission-item .permission-levels {
    float: left;
    width: 57%; }
    #user-permissions .permission-item .permission-levels ul {
      width: 100%;
      list-style-type: none;
      padding: 0;
      margin: 0; }
      #user-permissions .permission-item .permission-levels ul li {
        margin: 0 0;
        height: auto;
        line-height: 32px;
        padding-left: 10px;
        border-bottom: 2px solid transparent;
        vertical-align: middle;
        border-top: 2px solid transparent;
        border-left: 3px solid transparent; }
        #user-permissions .permission-item .permission-levels ul li.active {
          border-bottom: 2px solid #fbe89e;
          border-left: 3px solid #ff9800; }
        #user-permissions .permission-item .permission-levels ul li.selected {
          border-left: 3px solid #2FABE9;
          background: #eee;
          border-bottom: 2px solid transparent; }

.pagination-centered {
  text-align: center; }

/* tabka urlop�w na karcie pracownika w trybie hr */
.vacation-history-personal-details .top-box {
  padding: 20px 0 40px 0; }
  .vacation-history-personal-details .top-box ul {
    list-style-type: none;
    margin: 0;
    padding: 0; }
  .vacation-history-personal-details .top-box li {
    height: 48px;
    border-bottom: solid 1px #dcdcdc;
    font-size: 14px;
    line-height: 18px;
    list-style-type: none;
    margin: 0;
    padding: 15px 10px; }

.vacation-history-personal-details .available-vacations-info-details {
  width: 60%;
  float: left;
  text-align: left;
  color: #000000; }
  .vacation-history-personal-details .available-vacations-info-details .lbl {
    width: 40%;
    float: left; }
  .vacation-history-personal-details .available-vacations-info-details .val {
    width: 59%;
    float: right; }

.vacation-history-personal-details .action-links {
  width: 40%;
  float: right;
  text-align: right; }
  .vacation-history-personal-details .action-links a {
    color: #428BCA;
    margin-left: 10px; }

/* lista bada� */
.feedback-manage-all .table {
  margin-bottom: 0; }

.feedback-manage-all .model-name {
  color: #000000;
  font-size: 18px; }

.feedback-manage-all .model-details > div {
  margin: 5px 0; }

.feedback-manage-all .assessments-in-progress {
  color: #ff8726; }

/* szczeg��y oceny */
.degree-feedback-details-for-admin .right-column-content .spinner {
  margin: 10px 0 0 12px; }

.degree-feedback-details-for-admin .top-bar .main-info {
  width: 70%;
  float: left; }

.degree-feedback-details-for-admin .top-bar .status-info {
  width: 29%;
  float: right;
  text-align: right; }

.degree-feedback-details-for-admin .top-bar .employees-count {
  padding-top: 15px;
  font-size: 12px; }

.degree-feedback-details-for-admin .schedule-box {
  padding-top: 20px; }
  .degree-feedback-details-for-admin .schedule-box .photo-container {
    padding: 0;
    height: auto;
    text-align: left; }
  .degree-feedback-details-for-admin .schedule-box .tl-item {
    width: 190px; }

.degree-feedback-details-for-admin .inside-tab-hd {
  padding: 0 0 20px 0; }

.degree-feedback-details-for-admin .degree-feedback-progress-partial {
  padding: 20px 0; }
  .degree-feedback-details-for-admin .degree-feedback-progress-partial td {
    font-size: 12px; }
  .degree-feedback-details-for-admin .degree-feedback-progress-partial .list-item {
    margin-bottom: 5px; }
  .degree-feedback-details-for-admin .degree-feedback-progress-partial .main-progress {
    margin-bottom: 15px;
    font-size: 18px;
    color: #000000; }
  .degree-feedback-details-for-admin .degree-feedback-progress-partial .td-unit {
    width: 60%; }
  .degree-feedback-details-for-admin .degree-feedback-progress-partial .td-pie-chart {
    width: 10%;
    text-align: center; }
  .degree-feedback-details-for-admin .degree-feedback-progress-partial .td-percentage {
    width: 15%;
    text-align: center; }
  .degree-feedback-details-for-admin .degree-feedback-progress-partial td.td-percentage {
    font-size: 16px; }
  .degree-feedback-details-for-admin .degree-feedback-progress-partial .td-counters {
    width: 15%;
    text-align: center; }
  .degree-feedback-details-for-admin .degree-feedback-progress-partial .td-role {
    width: 20%; }
  .degree-feedback-details-for-admin .degree-feedback-progress-partial .td-bar-chart {
    width: 50%; }
  .degree-feedback-details-for-admin .degree-feedback-progress-partial .pie-chart {
    width: 30px;
    height: 30px; }
  .degree-feedback-details-for-admin .degree-feedback-progress-partial .bar-chart {
    width: 100%;
    height: 23px;
    font-size: 0;
    line-height: 0;
    background-color: #F5F5F5;
    border-radius: 4px;
    border: solid 1px #C9C9C9; }
    .degree-feedback-details-for-admin .degree-feedback-progress-partial .bar-chart > .inside {
      height: 100%;
      background-color: #2FABE9;
      border-radius: 3px; }

.degree-feedback-details-for-admin .assessed-employees {
  padding: 20px 0; }
  .degree-feedback-details-for-admin .assessed-employees .search-bar {
    background-color: transparent;
    border-width: 0;
    box-shadow: none;
    margin: 0 0 20px 0;
    padding: 0; }
    .degree-feedback-details-for-admin .assessed-employees .search-bar .search-query {
      width: 350px; }
  .degree-feedback-details-for-admin .assessed-employees .table .choosen-status {
    text-align: center; }
  .degree-feedback-details-for-admin .assessed-employees .table .pie-chart {
    width: 30px;
    height: 30px; }
  .degree-feedback-details-for-admin .assessed-employees .table .user-position, .degree-feedback-details-for-admin .assessed-employees .table .company-name {
    font-size: 12px; }

.degree-feedback-details-for-admin .competence-questions-partial {
  padding: 20px 0; }

.degree-feedback-details-for-admin .full-person-card .tabs-menu {
  margin-left: 12px; }

.degree-feedback-details-for-admin .person-card .photo {
  width: 32px;
  height: 32px; }
  .degree-feedback-details-for-admin .person-card .photo img {
    width: 30px;
    height: 30px; }

.competence-questions-partial .competence-ct, .competence-questions-partial .hide-list-bar {
  display: none; }

.competence-questions-partial .competence-hd {
  padding: 15px 20px;
  font-size: 16px;
  color: #6e6e6e; }
  .competence-questions-partial .competence-hd .name-only {
    color: #424244; }

.competence-questions-partial .questions-list {
  margin: 0 20px;
  border-top: solid 1px #dcdcdc;
  padding: 20px 0 0 0; }

.competence-questions-partial .opened .competence-ct, .competence-questions-partial .opened .hide-list-bar {
  display: block; }

.competence-questions-partial .opened .show-list-bar {
  display: none; }

/* lista modeli */
.choose-competence-model .current-model-competence-count .chosen {
  width: 50%;
  font-size: 16px;
  color: #000000; }

.choose-competence-model .current-model-competence-count .available {
  width: 50%;
  text-align: right; }

.choose-competence-model .available-models {
  margin-left: -30px;
  width: 930px; }
  .choose-competence-model .available-models .one-model {
    width: 280px;
    float: left;
    margin: 0 0 30px 30px; }
    .choose-competence-model .available-models .one-model > .inside {
      padding: 20px; }
    .choose-competence-model .available-models .one-model .model-name {
      margin: 0 0 20px 0;
      line-height: 28px;
      height: 56px;
      overflow: hidden; }
    .choose-competence-model .available-models .one-model .model-type {
      width: 278px;
      margin: 0 0 20px -20px;
      padding: 10px 20px;
      border: solid 1px #dcdcdc;
      border-width: 1px 0; }
      .choose-competence-model .available-models .one-model .model-type.open {
        background-color: #F0FAFF; }
      .choose-competence-model .available-models .one-model .model-type.additive {
        background-color: #FAFFC6; }
    .choose-competence-model .available-models .one-model .comptetence-count {
      color: #000000;
      line-height: 35px; }
      .choose-competence-model .available-models .one-model .comptetence-count .lbl {
        float: left;
        width: 60%; }
      .choose-competence-model .available-models .one-model .comptetence-count .count {
        font-size: 26px;
        float: right;
        width: 40%;
        text-align: right; }

/* samouczek */
#feedback-tutorial {
  line-height: 1.4; }
  #feedback-tutorial .tutorial-section .tl-mark {
    top: 20px; }
  #feedback-tutorial .tutorial-section .section-ct, #feedback-tutorial .tutorial-section .hide-list-bar {
    display: none; }
  #feedback-tutorial .tutorial-section .section-hd {
    padding: 15px 20px;
    font-size: 16px;
    color: #6e6e6e; }
    #feedback-tutorial .tutorial-section .section-hd .name-only {
      color: #424244; }
  #feedback-tutorial .tutorial-section .section-ct > .inside {
    margin: 0 20px;
    border-top: solid 1px #dcdcdc;
    padding: 20px 0 0 0; }
  #feedback-tutorial .tutorial-section.opened .section-ct, #feedback-tutorial .tutorial-section.opened .hide-list-bar {
    display: block; }
  #feedback-tutorial .tutorial-section.opened .show-list-bar {
    display: none; }

/* strona logowania, strony b��du */
body.Error {
  background: #f3f3f3; }
  body.Error .page-container {
    max-width: 400px;
    margin: 10% auto 0 auto;
    text-align: center; }
  body.Error .white-box-with-border {
    width: 400px;
    padding: 40px;
    background-color: #ffffff;
    border: solid 1px #d5d5d5;
    border-radius: 10px;
    margin-bottom: 30px; }
    body.Error .white-box-with-border.with-bottom-bar {
      padding-bottom: 0; }
    body.Error .white-box-with-border .bottom-bar {
      padding: 15px 0;
      width: 398px;
      margin: 30px -40px 0 -40px;
      background-color: #f6f6f6;
      border-top: solid 1px #d5d5d5;
      border-radius: 0 0 10px 10px; }
  body.Error .logo {
    display: block;
    padding: 0 0 30px 0;
    border-bottom: solid 1px #dcdcdc;
    margin-bottom: 30px; }
    body.Error .logo.only-logo {
      margin-bottom: 0;
      padding-bottom: 0;
      border-width: 0; }
  body.Error .page-title {
    margin: 0 0 30px 0;
    padding: 0;
    font-size: 18px;
    color: #27272a; }

#login-page .remind-pass-link a {
  color: #3d5569; }

#login-page .new-user-alert {
  color: #8a91a1;
  margin-bottom: 30px; }
  #login-page .new-user-alert a {
    text-decoration: underline;
    color: #8a91a1; }

#login-page .form-label, #login-page .form-controls {
  width: 100%;
  float: none;
  display: block;
  clear: both;
  text-align: center;
  margin: 0;
  padding: 0; }

#login-page .form-label {
  margin-bottom: 10px;
  color: #525252; }

#login-page .form-controls {
  margin-bottom: 15px; }

#login-page .btn-line {
  padding-top: 15px; }

#login-page input[type="text"], #login-page input[type="password"] {
  width: 100%; }

body.Error .error-box .error-icon {
  color: #27272a;
  font-size: 40px;
  margin-bottom: 30px; }

body.Error .error-box .page-title {
  margin-bottom: 50px; }

/* zarz�dzanie urlopami - tryb HR */
.vacations-management table .green {
  color: #78CD51; }

.vacations-management table .red {
  color: #E20308; }

.vacations-management table .person-card {
  margin-left: 0; }

/* edycja dni wolnych */
.edition-vacation-days .simple-edit .preview .buttons {
  float: left; }

.edition-vacation-days .single-days {
  margin-bottom: 15px;
  clear: both; }
  .edition-vacation-days .single-days .btn-remove {
    margin-left: 10px; }

#singleDaysView {
  margin-top: 20px; }

#cyclicDaysView .list .preview, #singleDaysView .list .preview {
  border-bottom: 1px solid #EFEFEF;
  width: 100%;
  margin-bottom: 10px;
  padding-left: 0;
  font-size: 12px; }

#cyclicDaysView .list .preview:nth-last-of-type(2), #singleDaysView .list .preview:nth-last-of-type(2) {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0; }

#cyclicDaysView .buttons.preview, #singleDaysView .buttons.preview {
  position: absolute;
  top: 3px;
  right: 0; }

#cyclicDaysView .day-and-month-line i, #singleDaysView .date-line i {
  color: #1c9cd8;
  font-size: 20px; }

#cyclicDaysView .editable-list .list .day-and-month-line .day, #cyclicDaysView .editable-list .list .day-and-month-line .month {
  width: 110px;
  margin-right: 2px; }

#cyclicDaysView .editable-list .list .day-and-month-line input {
  width: 400px; }

#cyclicDaysView .contact-line .btn-remove {
  margin-top: 0; }

#cyclicDaysView .day-and-month-line, #cyclicDaysView .actions-line {
  padding-left: 0;
  padding-right: 10px; }

#singleDaysView .date-line, #singleDaysView .actions-line {
  padding-left: 0;
  padding-right: 10px; }

#singleDaysView .editable-list .list .date-line .date {
  width: 130px; }

/* edycja typ�w kontakt�w */
.contact-dictionary .simple-edit .preview .buttons {
  float: left; }

.contact-dictionary .contact-line input[type="text"] {
  float: left;
  margin-right: 10px; }

.contact-dictionary .contact-line .used-lbl {
  float: left;
  width: 120px;
  margin-top: 5px; }

/* link 'podziel si� opini�', link do urlop�w */
.e-sidebar a.yourOpinion, .e-sidebar .vacations-main-link {
  display: block;
  text-align: center; }
  @media screen and (min-height: 500px) and (min-width: 1266px) {
    .e-sidebar a.yourOpinion, .e-sidebar .vacations-main-link {
      margin-left: 0;
      position: fixed; } }

.e-sidebar a.yourOpinion {
  width: 95px;
  left: 4px; }

.e-sidebar .vacations-main-link {
  width: 100%;
  margin-top: 30px;
  display: flex;
  position: relative;
  align-items: center;
  flex-direction: row;
  justify-content: center; }

.e-sidebar a.yourOpinion i {
  margin: 0 0 0 6px;
  vertical-align: middle; }

.e-sidebar .vacations-main-link i {
  vertical-align: middle;
  float: left; }

.e-sidebar .vacations-main-link .lbl {
  font-size: 13px;
  float: left;
  width: 170px; }

body.admin-view #main-nav a.yourOpinion, body.admin-view #main-nav .vacations-main-link {
  color: #ffffff; }

body.admin-view #main-nav a.yourOpinion:hover, body.admin-view #main-nav .vacations-main-link:hover {
  color: #ced4dc; }

/* infinite scroll */
#infscr-loading {
  clear: both;
  padding: 15px 10px;
  background-color: #fdfdfe;
  border: solid 1px #dcdcdc;
  border-width: 1px 0;
  font-size: 12px; }

.inf-scroll-loading-container.with-borders #infscr-loading {
  border-width: 1px; }

#infscr-loading img {
  width: 300px;
  height: 10px;
  margin-bottom: 5px; }

.inf-scroll-loading-container-choosen-employee #infscr-loading img {
  width: 200px; }

.hiddenInfinite {
  display: none; }

/* notyfkacja na wallu o przyznaniu odznak */
.badge-create-notification .badge-icon {
  float: left;
  width: 60px;
  height: 60px; }

.badge-create-notification.single .badge-icon {
  margin: 0 13px 0 0; }

.badge-create-notification.multiple .badge-icon {
  margin: 13px 13px 0 0; }

.badge-create-notification.single .badge-info {
  float: left;
  width: 365px; }

.badge-create-notification.single .badge-name {
  margin: 1px 0 5px 0; }

/* notyfikacja na wallu o nowej osobie */
.notificationNewEmplo .lbl, .notificationChangeUserPhoto .lbl {
  margin-bottom: 5px; }

.notificationNewEmplo .person-card, .notificationChangeUserPhoto .person-card {
  margin: 0 0 0 0;
  width: 100%; }
  .notificationNewEmplo .person-card > .inside, .notificationChangeUserPhoto .person-card > .inside {
    padding: 0; }
  .notificationNewEmplo .person-card .user-info, .notificationChangeUserPhoto .person-card .user-info {
    width: 370px; }
  .notificationNewEmplo .person-card .user-company, .notificationChangeUserPhoto .person-card .user-company {
    margin-bottom: 2px; }
  .notificationNewEmplo .person-card .user-name, .notificationChangeUserPhoto .person-card .user-name {
    font-size: 14px;
    color: #3d5569; }
  .notificationNewEmplo .person-card .user-position, .notificationChangeUserPhoto .person-card .user-position {
    color: #5f656d; }

/* dodawanie formatki */
.new-performance-review .person-card {
  margin-left: -10px; }

.performance-review .person-card {
  margin-left: -10px;
  margin-top: -15px; }

/* podsumowanie - za�lepka */
.summary-partial {
  position: relative; }
  .summary-partial .summary-pic {
    width: 963px; }
  .summary-partial .info {
    position: absolute;
    top: 0;
    left: 233px;
    padding: 0;
    margin: 80px 0;
    width: 400px;
    text-align: center;
    color: #3983a8;
    font-size: 34px;
    line-height: 1.2;
    text-transform: uppercase; }
    .summary-partial .info .inside {
      background-color: transparent;
      padding: 30px 0; }
    .summary-partial .info i:before {
      margin-top: 30px;
      font-size: 50px; }

/* harmonogram oceny 360 */
.feedback-top-info .icon {
  float: left;
  text-align: right;
  width: 40px;
  padding: 5px 10px 5px 0; }

.feedback-top-info .icon-help-circled:before {
  font-size: 25px;
  color: #CFCFCF; }

.feedback-top-info .icon.negative-margin-top {
  margin-top: -3px; }

.feedback-top-info .help-text {
  float: left;
  width: 500px;
  padding: 5px 0 5px 10px;
  border-left: solid 1px #DCDCDC; }

.harmonogram .harmo-dates {
  width: 70%;
  float: left;
  padding-right: 30px; }

.harmonogram .harmo-calendar {
  width: 30%;
  float: right;
  /*display:none;*/ }
  .harmonogram .harmo-calendar .ui-datepicker-inline {
    width: 100% !important; }
  .harmonogram .harmo-calendar .ui-datepicker-condensed .ui-datepicker-group {
    margin: 0 0 20px;
    width: 100%;
    height: 100%; }
  .harmonogram .harmo-calendar .planner-selected-day a {
    background: #cbeea8 !important;
    border-color: #B3E585 !important;
    font-family: "robotoregular", sans-serif;
    color: inherit; }

.harmonogram .important-dates .calendar-line input[type="text"] {
  width: 95px;
  margin: 0; }

.harmonogram .important-dates .extra-days input[type="text"] {
  width: 50px;
  text-align: center; }

.harmonogram .important-dates .form-label {
  width: 250px; }

.harmonogram .important-dates .form-controls {
  width: 358px;
  font-size: 12px;
  color: #5F656D; }

.harmonogram .important-dates #date-expected-end, .harmonogram .important-dates #date-distribution {
  margin-top: 5px;
  display: block; }

.harmonogram .important-dates .add-on i:before {
  color: #7fbbe0; }

.harmonogram .important-dates .lbl-since {
  padding-right: 5px; }

.harmonogram .important-dates .lbl-until {
  padding-left: 5px;
  padding-right: 5px; }

.harmonogram .notifications-table {
  width: 100%; }
  .harmonogram .notifications-table td {
    padding: 10px 5px;
    vertical-align: top;
    font-size: 12px; }
  .harmonogram .notifications-table .tr-cb td {
    padding-bottom: 0; }
  .harmonogram .notifications-table .tr-content td {
    padding-top: 0;
    border-bottom: solid 1px #f3f3f3; }
  .harmonogram .notifications-table .td-cb {
    width: 5%;
    text-align: center; }
  .harmonogram .notifications-table .td-name {
    width: 47%; }
  .harmonogram .notifications-table .td-time {
    width: 25%; }
  .harmonogram .notifications-table .td-date {
    width: 18%; }
  .harmonogram .notifications-table .td-ico {
    width: 5%;
    text-align: center; }

.harmonogram .tutorial-section .checkbox {
  width: 60%; }

.harmonogram .tutorial-section .a-tutorial {
  white-space: nowrap; }

.harmonogram .notifications-table .td-ico.mail .popover {
  max-width: 600px;
  font-size: 11px; }

/* kropki kreatora oceny 360 */
.edit-form .wide-box.add-degree-feedback-header {
  padding: 0; }

.add-degree-feedback-header table {
  width: 100%;
  margin-bottom: 20px; }
  .add-degree-feedback-header table td {
    padding: 18px 0;
    vertical-align: top;
    border-top: solid 5px #ffffff;
    background-color: #f6f6f6; }
    .add-degree-feedback-header table td.no-border {
      border-right-width: 0; }
  .add-degree-feedback-header table .step-nr {
    width: 50px;
    text-align: center; }
    .add-degree-feedback-header table .step-nr > * {
      border: solid 2px #e8e8e9;
      display: inline-block;
      width: 30px;
      height: 30px;
      line-height: 26px;
      border-radius: 16px;
      color: #cecece;
      font-size: 16px; }
    .add-degree-feedback-header table .step-nr i {
      display: none; }
      .add-degree-feedback-header table .step-nr i:before {
        margin: 0; }
  .add-degree-feedback-header table .step-name {
    width: 143px;
    padding-right: 10px;
    border-right: solid 1px #ffffff;
    font-size: 12px;
    color: #717273; }
    .add-degree-feedback-header table .step-name .hd {
      text-transform: uppercase;
      color: #5f656d; }
    .add-degree-feedback-header table .step-name.current-step {
      background-color: #ffffff;
      border-top-color: #405a6f; }
  .add-degree-feedback-header table .step-nr.current-step {
    background-color: #ffffff;
    border-top-color: #405a6f; }
    .add-degree-feedback-header table .step-nr.current-step > * {
      color: #405a6f;
      border-color: #405a6f; }
  .add-degree-feedback-header table .step-nr.past-step i {
    display: inline-block; }
  .add-degree-feedback-header table .step-nr.past-step .nr {
    display: none; }

/* dodawanie os�b do oceny */
.edit-employees-assessment .search-bar {
  margin: 0;
  border-width: 0;
  position: relative;
  padding: 0 0 10px 0;
  background-color: #ffffff; }
  .edit-employees-assessment .search-bar .search-query {
    width: 300px; }
  .edit-employees-assessment .search-bar .search-filters {
    margin: 0;
    width: 460px;
    top: 31px;
    left: 0;
    border-width: 1px; }
    .edit-employees-assessment .search-bar .search-filters .filter-headers {
      padding: 10px 15px 5px; }

.edit-employees-assessment .search-employees {
  float: left;
  width: 540px;
  margin-bottom: 30px; }

.edit-employees-assessment .choosen-employees {
  float: right;
  width: 400px;
  margin-bottom: 30px; }

.edit-employees-assessment .search-area {
  width: 460px;
  float: left; }

.edit-employees-assessment .btn-add-container {
  float: left;
  width: 75px;
  text-align: center;
  margin-top: 280px; }
  .edit-employees-assessment .btn-add-container .btn i:before, .edit-employees-assessment .btn-add-container .btn-file-upload .select-file-box a i:before, .btn-file-upload .select-file-box .edit-employees-assessment .btn-add-container a i:before {
    margin-right: 0; }

.edit-employees-assessment .people-box {
  border: solid 1px #DCDCDC;
  background-color: #ffffff;
  height: 392px; }
  .edit-employees-assessment .people-box .static-area {
    height: 48px;
    padding: 15px 20px 0 20px;
    border-bottom: solid 1px #dcdcdc;
    margin-bottom: 20px; }
    .edit-employees-assessment .people-box .static-area .hd {
      color: #000000;
      font-size: 14px; }
    .edit-employees-assessment .people-box .static-area .cb {
      margin: 0 10px 0 0;
      font-size: 12px; }
      .edit-employees-assessment .people-box .static-area .cb input {
        margin: -3px 0 0 10px;
        padding: 0;
        vertical-align: middle; }
  .edit-employees-assessment .people-box .scrollable-area {
    max-height: 320px;
    overflow: auto;
    padding: 0; }

.edit-employees-assessment .search-employees .people-box {
  margin-top: 10px; }
  .edit-employees-assessment .search-employees .people-box table {
    margin-bottom: 0; }

.edit-employees-assessment .search-employees .person-card {
  margin: 0;
  width: 330px; }
  .edit-employees-assessment .search-employees .person-card .inside {
    padding: 0; }
  .edit-employees-assessment .search-employees .person-card .photo {
    width: 32px;
    height: 32px; }
    .edit-employees-assessment .search-employees .person-card .photo img {
      max-width: 30px;
      max-height: 30px; }
  .edit-employees-assessment .search-employees .person-card .user-info {
    width: 280px; }
  .edit-employees-assessment .search-employees .person-card .user-name {
    font-size: 14px;
    margin-bottom: 0; }

.edit-employees-assessment .search-employees table input[type="checkbox"] {
  float: right;
  margin-right: 5px; }

.edit-employees-assessment .choosen-employees .min-chosen-number-info {
  height: 74px;
  border: solid 1px #dcdcdc;
  background-color: #ffffff;
  padding: 10px 20px; }
  .edit-employees-assessment .choosen-employees .min-chosen-number-info .lbl {
    text-transform: uppercase;
    float: left;
    padding: 20px 0 0 0; }
  .edit-employees-assessment .choosen-employees .min-chosen-number-info .nr {
    border-left: solid 1px #dcdcdc;
    font-size: 50px;
    line-height: 1;
    float: right;
    height: 100%;
    padding: 0 0 0 20px; }

.edit-employees-assessment .choosen-employees .chosen-number-info {
  height: 40px;
  border: solid 1px #dcdcdc;
  background-color: #ffffff;
  padding: 10px 20px;
  margin: 34px 0 0 0; }

.edit-employees-assessment .choosen-employees .people-box {
  margin-top: 52px; }

.edit-employees-assessment .choosen-employees .one-row {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: solid 1px #dcdcdc; }

.edit-employees-assessment .choosen-employees .choosen-employee-hd {
  margin: 5px;
  padding: 10px;
  font-size: 12px; }

.edit-employees-assessment .choosen-employees .choosen-employee-line {
  width: 100%;
  clear: both;
  padding: 10px 15px;
  font-size: 12px; }
  .edit-employees-assessment .choosen-employees .choosen-employee-line.even {
    background-color: #fdfdfd; }

.edit-employees-assessment.choose-coworkers .people-box {
  margin-top: 10px; }

.edit-employees-assessment.choose-coworkers .search-employees .people-box .with-unavailable .unavailable {
  float: right;
  font-size: 10px; }

.edit-employees-assessment.choose-coworkers .search-employees .person-card {
  width: 315px; }
  .edit-employees-assessment.choose-coworkers .search-employees .person-card .user-info {
    width: 250px; }

.edit-employees-assessment.choose-coworkers .search-employees .tr-unavailable td, .edit-employees-assessment.choose-coworkers .search-employees .tr-unavailable .user-name, .edit-employees-assessment.choose-coworkers .search-employees .tr-unavailable .user-position {
  color: #cccccc; }

.edit-employees-assessment.choose-coworkers .search-employees .tr-unavailable .person-card .photo img {
  opacity: 0.7; }

/*#SearcherEmplo .search-filters { padding:5px 15px 20px;}
#SearcherEmplo .search-filters .filter-headers {  margin-top:10px;}
#SearcherEmplo .tabs-menu .tabs-lbl{ float:none;}
#SearcherEmplo .tabs-only-container { width: 100%;  margin-top:10px;}
#SearcherEmplo .tabs-menu a > .inside { padding:9px 8px 6px; text-align:center;}
#SearcherEmplo .filter-contents { clear:both; }*/
/* Lista os�b w 180/360 itp/ */
.search-employee-list-container {
  float: left;
  width: 100%;
  border: solid 1px #f4f5f7;
  background-color: #ffffff; }
  .search-employee-list-container .search-employee-list .person-card {
    margin: 0;
    min-height: 68px; }
    .search-employee-list-container .search-employee-list .person-card > .inside {
      padding: 0; }
    .search-employee-list-container .search-employee-list .person-card .user-name {
      font-size: 14px;
      margin-bottom: 0; }
  .search-employee-list-container table {
    margin-bottom: 0; }
  .search-employee-list-container .table-striped > tbody > tr:first-child > td, .search-employee-list-container .table-striped > tbody > tr:first-child > th {
    border-top: none; }

/* /Lista os�b w 180/360 itp */
/* Przycisk akcji dla popupa */
.questionnaire-actions {
  background-color: #f0f3f5;
  padding: 10px 0;
  margin-bottom: 30px;
  text-align: center; }

/* Komuniakt braku wybranych os�b */
.no-data {
  float: left;
  width: 100%;
  font-size: 20px;
  color: #3d5569;
  text-align: center;
  padding: 10px 0; }

/* kreator oceny 360 - wyb�r i weryfikacja uczestnik�w */
.questionnairy-page.assessment-employees .view-no-employees-chosen {
  padding: 30px 30px 50px 30px;
  text-align: center; }
  .questionnairy-page.assessment-employees .view-no-employees-chosen .info {
    font-size: 24px;
    padding-bottom: 30px; }

.questionnairy-page.assessment-employees .view-employees-chosen .main-info {
  padding-bottom: 20px; }

.questionnairy-page.assessment-employees .view-employees-chosen .counters .chosen {
  font-size: 22px;
  margin-bottom: 5px; }

.questionnairy-page.assessment-employees .view-employees-chosen .counters .to-verify {
  font-size: 18px; }

.questionnairy-page.assessment-employees .view-employees-chosen .counters .lbl {
  width: 280px; }

.questionnairy-page.assessment-employees .view-employees-chosen .counters .hint {
  margin-left: 5px; }

.questionnairy-page.assessment-employees .view-employees-chosen .btn-add-remove-employees {
  margin-right: 30px;
  margin-top: 20px; }

.questionnairy-page.assessment-employees .btn-add-remove-employees-right {
  background-color: #f4f5f7;
  padding: 20px 0;
  margin-bottom: 10px;
  text-align: center;
  width: 100%; }

.questionnairy-page.assessment-employees .event-preview .box-with-big-icon .icon {
  background-color: #2598da; }

.questionnairy-page.assessment-employees .hide-verified-btn-container {
  margin: 10px 40px 0 20px;
  border-bottom: solid 1px #dcdcdc;
  padding-bottom: 10px; }

.questionnairy-page.assessment-employees .search-employee-list table {
  margin: 0; }

.questionnairy-page.assessment-employees .search-employee-list tr.selected td {
  background-color: #e7e7e7 !important; }

.questionnairy-page.assessment-employees .search-employee-list .person-card {
  margin: 0;
  width: 240px; }
  .questionnairy-page.assessment-employees .search-employee-list .person-card > .inside {
    padding: 0; }
  .questionnairy-page.assessment-employees .search-employee-list .person-card .photo {
    width: 32px;
    height: 32px; }
  .questionnairy-page.assessment-employees .search-employee-list .person-card .user-info {
    width: 190px; }
  .questionnairy-page.assessment-employees .search-employee-list .person-card .user-name {
    font-size: 14px;
    margin-bottom: 0; }

.questionnairy-page.assessment-employees .search-employee-list .td-status {
  text-align: center;
  width: 230px; }

.questionnairy-page.assessment-employees .search-employee-list .verified td, .questionnairy-page.assessment-employees .search-employee-list .verified .user-name, .questionnairy-page.assessment-employees .search-employee-list .verified .user-position {
  color: #cccccc; }

.questionnairy-page.assessment-employees .search-employee-list .verified .person-card .photo img {
  opacity: 0.7; }

.questionnairy-page.assessment-employees .search-employee-list tr.selected.verified td, .questionnairy-page.assessment-employees .search-employee-list tr.selected.verified .user-position {
  color: #6E6E6E; }

.questionnairy-page.assessment-employees .search-employee-list tr.selected.verified .user-name {
  color: #27272A; }

.questionnairy-page.assessment-employees .search-employee-list tr.selected.verified .person-card .photo img {
  opacity: 1; }

.questionnairy-page.assessment-employees .verification-box {
  float: left;
  width: 100%;
  padding: 0;
  border: solid 1px #dcdcdc;
  background-color: #ffffff; }
  .questionnairy-page.assessment-employees .verification-box .form-section {
    padding-bottom: 10px; }
  .questionnairy-page.assessment-employees .verification-box .employees-to-verify-hd {
    font-size: 12px;
    margin: 5px;
    padding: 10px 5px 10px 10px; }
  .questionnairy-page.assessment-employees .verification-box table.employees-to-verify-group {
    width: 405px;
    margin: 5px 0 5px 5px; }
    .questionnairy-page.assessment-employees .verification-box table.employees-to-verify-group td {
      padding: 10px;
      font-size: 12px; }
    .questionnairy-page.assessment-employees .verification-box table.employees-to-verify-group tr:nth-child(2n) td {
      background-color: #fdfdfd; }
    .questionnairy-page.assessment-employees .verification-box table.employees-to-verify-group td.td-remove {
      width: 30px;
      text-align: center; }
  .questionnairy-page.assessment-employees .verification-box .adding-line {
    margin-left: 10px;
    padding-top: 10px;
    width: 90%; }
  .questionnairy-page.assessment-employees .verification-box .verify-buttons {
    text-align: center;
    border-top: solid 1px #dcdcdc;
    padding: 10px 10px 10px 0;
    height: 45px;
    position: relative; }
  .questionnairy-page.assessment-employees .verification-box .btn-close {
    position: absolute;
    top: 15px;
    right: 30px; }

.questionnairy-page.assessment-employees .assessment-employees-column {
  padding-bottom: 167px; }

.btn-add-remove-employees-right {
  background-color: #f4f5f7;
  padding: 20px 0;
  margin-bottom: 10px;
  text-align: center;
  width: 100%; }

#addCompetenceForm select {
  float: right;
  margin-right: 38px; }

#AttributeId {
  width: 600px; }

#addCompetenceForm .form-line.without-border {
  padding-top: 20px;
  padding-left: 20%; }

#addCompetenceForm .slider-container {
  margin-right: -40px; }

.buttons-align-right {
  text-align: right;
  padding-top: 20px;
  margin-bottom: 0; }

#addAttributionToPosition, #cancelAttributionAdding {
  margin-right: 5px; }

/* podsumowanie pracownikow */
.hr-summary .text-label {
  vertical-align: middle;
  display: inline-block;
  width: 150px;
  margin-right: 10px; }

.hr-summary .text-label--210 {
  width: 210px; }

.hr-summary .text-label--100 {
  width: 100%; }

.hr-summary .left-column .text-label {
  width: 210px; }

.hr-summary .days {
  font-size: 26px;
  vertical-align: middle; }

.hr-summary .days--incolumn {
  display: inline-block;
  width: 100%;
  text-align: center;
  padding-top: 5px; }

.hr-summary .pie-chart-wrapper {
  text-align: left; }
  .hr-summary .pie-chart-wrapper .pie-chart-label {
    vertical-align: middle;
    text-align: center;
    font-size: 20px;
    display: inline-block;
    height: 100px; }
    .hr-summary .pie-chart-wrapper .pie-chart-label .font-bold, .hr-summary .pie-chart-wrapper .pie-chart-label .e-people-picker__filters__header-1, .hr-summary .pie-chart-wrapper .pie-chart-label .e-people-picker__header__workers, .hr-summary .pie-chart-wrapper .pie-chart-label .e-list-table .e-list-table__td__heading, .e-list-table .hr-summary .pie-chart-wrapper .pie-chart-label .e-list-table__td__heading, .hr-summary .pie-chart-wrapper .pie-chart-label .e-tag .e-tag__number, .e-tag .hr-summary .pie-chart-wrapper .pie-chart-label .e-tag__number, .hr-summary .pie-chart-wrapper .pie-chart-label .e-list .e-list__item__heading, .e-list .hr-summary .pie-chart-wrapper .pie-chart-label .e-list__item__heading, .hr-summary .pie-chart-wrapper .pie-chart-label .e-simple-table__item__heading, .hr-summary .pie-chart-wrapper .pie-chart-label .e-people-list__item__name, .hr-summary .pie-chart-wrapper .pie-chart-label .e-key-results__percentage {
      font-size: 38px; }

.hr-summary .pie-chart {
  display: inline-block;
  vertical-align: middle;
  margin: 0 60px 0 10px; }

.hr-summary .simple-list {
  margin-top: 10px; }

/* szablony - tiny MCE */
.mce-tinymce-header .mce-tinymce {
  border: 1px solid #DCDCDC; }

.form-line .mce-tinymce {
  border: 1px solid #DCDCDC; }

.form-line .mce-edit-area {
  border-color: #DCDCDC;
  margin-top: -1px; }

/* button 'zobacz raport' + menu rozwijane */
.show-report-ddl .options-trigger .lbl {
  display: inline-block;
  vertical-align: middle;
  padding-top: 4px; }

.show-report-ddl ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: left; }
  .show-report-ddl ul li {
    list-style-type: none;
    margin: 0;
    border-bottom: 1px solid #DCDCDC; }
    .show-report-ddl ul li a {
      display: block;
      width: 100%;
      padding: 7px;
      font-size: 12px; }

/* karta pracownika - redesign */
.header-two-columns {
  width: 965px;
  clear: both;
  position: relative; }
  .header-two-columns .wide-box > .left-column {
    width: 220px;
    float: left;
    position: relative; }
  .header-two-columns .wide-box > .right-column {
    width: 745px;
    float: right; }
  .header-two-columns .employee-photo img {
    border: 1px solid #E7E7E7; }

.section-two-columns {
  margin-left: 12px;
  margin-right: 13px; }
  .section-two-columns .left-column, .section-two-columns .right-column {
    width: 50%;
    float: left; }
  .section-two-columns .left-column {
    padding-right: 10px; }
  .section-two-columns .right-column {
    padding-left: 10px; }

#summaryBox .section-two-columns .form-label {
  width: 32%; }

#summaryBox .section-two-columns .form-controls {
  width: 65%; }

.section-two-columns .form-line .link-more {
  padding-top: 2px; }
  .section-two-columns .form-line .link-more a {
    font-size: 12px;
    text-decoration: underline; }

.left-column.simple-edit .preview .value {
  width: 235px; }

/*
.employee-info .absence-label { position: absolute; width: 230px; right: -20px; top: 20px; }
.employee-info .absence-label .icon-circle { padding:5px; color:#fff; border:2px solid #fff; float:left; margin:4px 8px; }
.employee-info .absence-label .icon-paper-plane { background:#D52402;}
.employee-info .absence-label .icon-check { background-color:#118C4E;}
.employee-info .absence-label-content { background-color: #dcdcdc; box-shadow:0 2px 2px #888; z-index:2; position:relative; padding:6px 0; font-size:12px;}
.employee-info .absence-label .absence-label-corner { display:inline-block; width:0; height:0; border: 10px solid #ccc; border-color:#ccc transparent transparent #ccc; position:absolute; bottom:-20px; right:0;  }
.employee-info .absence-label h4 { margin: 0 0 2px; }
.employee-info .absence-label .present h4 { margin: 8px 0; }
.employee-info .absence-label .not-present h4 {margin-top: 3px; font-size: 14px;}

.terminated .employee-info .absence-label-content {background-color: #797979; color: #ffffff;}
    */
.header-two-columns .employee-photo {
  width: 170px;
  height: 170px;
  padding: 5px;
  background-color: #ffffff;
  text-align: center;
  vertical-align: middle;
  margin: 0 auto 18px auto;
  -webkit-box-shadow: 0 0 8px #d9d9d9;
  box-shadow: 0 0 8px #d9d9d9; }

.header-two-columns img {
  max-width: 100%;
  max-height: 100%; }

.page .simple-edit .preview .buttons {
  padding-top: 5px;
  width: auto; }

.page .simple-edit .form-controls .editable.buttons {
  text-align: right;
  padding-top: 5px;
  clear: both;
  margin: 5px 0 10px -220px;
  width: 460px; }

.page .simple-edit .always-visible .value {
  width: 92%; }

.page .list-input {
  margin: 5px 0; }

.page .list {
  width: 100%; }
  .page .list .list-item-team, .page .list .list-item {
    border-bottom: 1px solid #EFEFEF;
    padding-bottom: 5px;
    margin-bottom: 5px;
    clear: both; }
  .page .list .list-item-team .btn-remove, .page .list .list-item .btn-remove {
    float: right; }

.employee-photo {
  position: relative; }
  .employee-photo .photoMask {
    position: absolute;
    width: 170px;
    height: 170px;
    left: 0;
    top: 0;
    background: #fff;
    opacity: 0.4;
    display: none; }
  .employee-photo:hover .photoMask {
    display: block; }
  .employee-photo .select-file-box {
    position: absolute;
    left: 15px;
    top: 67px;
    display: none; }
  .employee-photo:hover .select-file-box {
    display: block; }

.superiors-list .main-superior .person-card {
  background: #eee; }
  .superiors-list .main-superior .person-card .photo {
    border-color: #CFCFCF;
    box-shadow: 0 0 4px 0 #7b7b7b; }

.no-label {
  text-align: right; }
  .no-label .editable.buttons {
    padding-top: 5px; }
  .no-label textarea, .no-label input[type="text"] {
    width: 100%; }

.editable-buttons-container {
  position: relative;
  min-height: 25px; }
  .editable-buttons-container .editSwitcher {
    display: none; }
  .editable-buttons-container:hover .editSwitcher {
    display: inline-block; }

.form-line.form-line-inner {
  border-bottom: none;
  margin-bottom: 0; }

.form-line-inner .form-line {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0; }

.controls-group-wrapper {
  position: relative; }
  .controls-group-wrapper .editSwitcher {
    display: inline-block; }
  .controls-group-wrapper:hover .editSwitcher {
    display: inline-block; }

/*.controls-group-wrapper .buttons.preview{ margin-bottom:-15px; position:relative;}*/
.controls-group .form-line:last-of-type {
  border-bottom: none;
  margin-bottom: 0; }

.controls-group-buttons {
  clear: both;
  padding: 0;
  float: none;
  text-align: right; }

.section-two-columns .simple-edit .customSave .controls-group-buttons .buttons {
  margin: 5px 0 10px 0; }

.form-line-shorter-divider {
  padding-bottom: 10px;
  margin-bottom: 10px;
  clear: both; }

.customSave .form-controls .buttons.actions {
  float: right;
  font-size: 11px;
  padding: 0;
  text-align: right; }

.simple-edit .customSave .preview .value {
  width: 100%; }

.page .form-line-shorter-divider {
  display: none; }

/*#livingAddressBox .buttons, #postalAddressBox .buttons { margin-bottom:-15px; position:relative; z-index:90;}*/
#contactPersonBox .buttons.preview {
  margin-top: 0; }

#performanceEvaluationBox #sincos {
  width: 95%;
  margin: auto; }

.performance-chart {
  padding-right: 20px; }

.editable-list .list .preview {
  padding-bottom: 10px; }

.editable-list .list .day-and-month-line .day {
  width: 120px;
  margin-right: 10px; }

.editable-list .list .day-and-month-line .month {
  width: 130px; }

.editable-list .list .btn-remove {
  float: right;
  font-size: 11px; }

.editable-list .list .contact-line {
  margin-bottom: 10px; }

.editable-list .list .date-line .date {
  width: 100px; }

.editable-list .list .date-line .add-on {
  margin-top: 7px;
  float: left; }

.editable-list .emptyList {
  margin-bottom: 10px; }

/* karta pracownika notatki */
.page .notes {
  margin-bottom: 20px; }
  .page .notes .notes-list {
    width: 100%;
    margin: 0;
    padding: 0;
    border-top: 1px solid #E7E7E7; }

.btn-with-drop .border {
  border: solid 1px #c0ccce; }

.color-div {
  width: 40px;
  height: 40px;
  border: 4px solid #e9e0d6;
  margin-right: 5px; }
  .color-div.selected {
    border-color: #59323c; }

/* lista odznak */
.badge-list {
  margin-top: 30px; }

.badge-list-header .add-badge {
  float: right;
  margin-right: 30px;
  padding-top: 4px; }

/* kariera */
.customSave .value .left-column {
  width: 328px;
  margin-right: 10px;
  float: left; }

.customSave .value .right-column {
  width: 318px;
  float: left; }

.customSave .value p {
  font-size: 13px;
  margin: 0 0 5px; }

.emp-position {
  font-size: 14px;
  margin: 0 0 10px;
  font-weight: normal;
  width: 80%; }

.customSave .value p:empty {
  margin: 0; }

.emp-position strong {
  display: block;
  margin-bottom: 5px; }
  .emp-position strong:empty {
    margin: 0;
    padding: 0; }

.attachments-list ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 12px; }

.attachments-list li {
  border-bottom: 1px solid #EFEFEF;
  padding: 3px;
  margin: 2px 0 3px;
  background-color: #eee; }

.attachments-list .icon-attach {
  margin-right: 5px; }

.attachments-list .removeAttachment {
  padding-left: 5px;
  float: right; }

.attachments-list .btn-link {
  font-size: 12px;
  color: #3D5569; }

.edit-buttons .buttons {
  text-align: right;
  border-bottom: 1px solid #EFEFEF;
  clear: both;
  margin-bottom: 10px;
  padding-bottom: 10px;
  width: 100%; }

.tl-item .employee-assessment-item .tick {
  top: 26px; }

#Skills .buttons.preview {
  float: right; }

#Skills .preview.skill-tags {
  margin: 10px 0; }

.skill-tags {
  width: 90%; }
  .skill-tags ul {
    list-style: none outside none;
    display: inline-block;
    margin: 0;
    padding: 0; }
  .skill-tags .skill-box {
    background-color: #F4F4F4;
    background-image: none;
    border-color: #D0D0D0;
    box-shadow: none;
    padding: 4px 8px;
    margin-bottom: 5px;
    float: left;
    border: 1px solid #D0D0D0;
    margin-right: 5px;
    font-size: 13px;
    color: #333;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px; }

.preview-languages {
  width: 75%;
  moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 5px;
  padding-right: 5px;
  display: block;
  float: left; }

#performanceEvaluationBox {
  margin: 0; }

#officeContactBox .emp-field .preview .value, #privateContactBox .emp-field .preview .value {
  width: 240px;
  padding-left: 0; }

#officeContactBox .emp-field .preview .value-no-label {
  padding-left: 10px; }

#BadgeList, #PeriodicEvaluation, #EvalPerformanceReview, #EvalFeedback180Degree, #EvalFeedback360Degree, #Absences, #VacationsRequests, #VacationsHistory {
  margin: 0; }

.page .loadingContent {
  margin: 20px; }

#create-event .map-toggle-link {
  text-align: right; }
  #create-event .map-toggle-link a {
    color: #7dbcdc;
    text-decoration: underline;
    font-size: 11px; }

#create-event .map-container {
  padding-top: 5px; }
  #create-event .map-container .controls {
    width: 65%;
    margin-top: 5px; }

/* dni nieobecno�ci */
.employee-absences {
  margin: 0 30px;
  clear: both; }
  .employee-absences > .one-item {
    border: solid 1px #dcdcdc;
    padding: 20px 10px 0 10px;
    margin: 0 0 20px 0;
    background-color: #ffffff; }
    .employee-absences > .one-item .main-icon {
      font-size: 55px;
      border: solid 1px #dcdcdc;
      float: left; }
    .employee-absences > .one-item .info {
      float: right;
      width: 790px; }
    .employee-absences > .one-item .absence-name {
      margin: 1px 0 10px 0;
      font-size: 16px; }
  .employee-absences .toggle-absence-type {
    float: left;
    margin: 0 0 0 -11px; }
    .employee-absences .toggle-absence-type .dropdown-toggle {
      padding: 8px 10px;
      border: solid 1px transparent;
      border-radius: 5px 5px 0 0;
      cursor: pointer; }
    .employee-absences .toggle-absence-type.open .dropdown-toggle {
      box-shadow: none;
      border-color: #a7a7a7;
      position: relative;
      z-index: 10;
      background-color: #ffffff; }
    .employee-absences .toggle-absence-type .dropdown-menu {
      margin-top: 0;
      top: 29px;
      border-color: #a7a7a7;
      background-color: #ffffff; }
    .employee-absences .toggle-absence-type.open .dropdown-menu {
      z-index: 20; }
    .employee-absences .toggle-absence-type .dropdown-menu > li > a {
      padding: 10px;
      border-top: solid 1px #DCDCDC; }
  .employee-absences .EmployeeAbsencesTab {
    margin: -12px 0 14px 0; }
  .employee-absences .history-table td, .employee-absences .history-table a {
    font-size: 12px; }

.employee-vacation-stats {
  width: 100%;
  clear: both;
  margin: 0 0 20px 0; }
  .employee-vacation-stats > table {
    empty-cells: show;
    width: 100%;
    border: solid 1px #dcdcdc; }
    .employee-vacation-stats > table td {
      border: solid 1px #dcdcdc;
      border-collapse: collapse;
      padding: 10px;
      text-align: center;
      vertical-align: middle;
      font-size: 11px; }
      .employee-vacation-stats > table td.type-name {
        background-color: #e4e4e4;
        text-transform: uppercase;
        text-align: left;
        padding: 5px 10px; }
      .employee-vacation-stats > table td.requests {
        text-align: left; }
  .employee-vacation-stats .lbl {
    text-transform: uppercase;
    line-height: 26px; }
  .employee-vacation-stats .count {
    font-size: 18px;
    line-height: 26px; }
  .employee-vacation-stats .available .count {
    font-size: 26px;
    line-height: 36px; }
  .employee-vacation-stats.simple-view > table td {
    padding: 2px 10px; }
  .employee-vacation-stats.simple-view .lbl {
    font-size: 10px;
    line-height: 12px; }
  .employee-vacation-stats.simple-view .count {
    font-size: 14px;
    line-height: 16px; }

/* external calendar menu*/
.iCalMenu {
  position: relative;
  top: 10px; }
  .iCalMenu .hd {
    background-color: #f9f9f9;
    color: #444444;
    text-align: center;
    padding: 5px 0 4px 0;
    margin-bottom: 10px; }
  .iCalMenu .ical-body {
    width: 100%;
    border: solid 1px #f3f3f3; }
    .iCalMenu .ical-body > div {
      vertical-align: middle;
      text-align: left;
      padding: 3px 20px;
      background-color: #ffffff;
      border: solid 1px #f3f3f3;
      border-width: 1px 0; }
    .iCalMenu .ical-body span {
      font-size: 12px;
      padding-left: 20px; }

/* nieobecno�ci - legenda */
.page.absences {
  position: relative; }

.calendarBoxRightPanel {
  position: absolute;
  top: 84px;
  right: 25px;
  width: 260px; }

.absences-legend .hd {
  background-color: #f9f9f9;
  color: #444444;
  text-align: center;
  padding: 5px 0 4px 0;
  margin-bottom: 10px; }

.absences-legend table {
  width: 100%;
  border: solid 1px #f3f3f3; }
  .absences-legend table td {
    vertical-align: middle;
    text-align: left;
    padding: 3px 20px;
    background-color: #ffffff;
    border: solid 1px #f3f3f3;
    border-width: 1px 0; }

.absences-legend td.kind-color {
  width: 20px; }
  .absences-legend td.kind-color > div {
    font-size: 0;
    line-height: 0;
    width: 20px;
    height: 20px;
    border: solid 1px #dcdcdc;
    float: left; }

.absences-legend td.kind-name {
  font-size: 12px;
  padding-left: 0; }

/*body.admin-view .absences-legend .hd {background-color: #E7E7E7;}*/
/* podgl�d wydarzenia */
.event-top {
  position: relative;
  z-index: 0;
  margin-bottom: 20px; }
  .event-top .map-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 10; }
  .event-top .map-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 20;
    background-color: rgba(78, 83, 89, 0); }
  .event-top .bg-gradient {
    position: absolute;
    z-index: 30;
    width: 80%;
    height: 100%;
    background-image: -webkit-linear-gradient(left center, #4e5359, transparent);
    background-image: -moz-linear-gradient(left center, #4e5359, transparent);
    background-image: -o-linear-gradient(left center, #4e5359, transparent);
    background-image: linear-gradient(to right, #4e5359, transparent);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4e5359', EndColorStr='#00000000', GradientType=1); }
  .event-top > .inside {
    position: relative;
    z-index: 50;
    padding-top: 25px; }
  .event-top .event-creators {
    margin: 0 0 6px 32px;
    width: 680px;
    font-size: 14px;
    color: #ffffff; }
  .event-top .event-name {
    font-size: 36px;
    line-height: 1.3;
    color: #ffffff;
    background-color: rgba(255, 115, 0, 0.7);
    padding: 4px 32px 8px 32px;
    margin: 0 0 15px 0;
    width: 712px; }
  .event-top .admins-info {
    float: left;
    margin-right: 10px; }
  .event-top .admins-photos {
    float: left;
    margin-top: 4px; }
    .event-top .admins-photos img {
      float: left;
      width: 24px;
      height: 24px;
      margin-left: 2px; }
  .event-top--no-margin {
    margin-bottom: 0; }

.event-preview .left-col {
  float: left;
  width: 713px; }

.event-preview .right-col {
  float: right;
  width: 220px;
  margin-right: 13px; }

.event-preview .event-details {
  margin: 0 0 0 31px;
  padding: 14px 9px;
  border: solid 1px #dcdcdc;
  font-size: 12px;
  color: #5f656d; }

.event-preview .event-place, .event-preview .event-desc, .event-preview .admin-dashboard {
  border-top: solid 1px #f2f3f3;
  margin-top: 5px;
  padding-top: 5px; }

.event-preview .event-details .icon-with-bg {
  background-color: #f7f9fa;
  color: #bcbebf;
  float: left;
  margin-right: 10px;
  padding: 5px 0; }
  .event-preview .event-details .icon-with-bg i:before {
    margin: 0 5px;
    font-size: 20px; }
  .event-preview .event-details .icon-with-bg .lbl {
    font-size: 10px;
    text-transform: capitalize;
    text-align: center;
    padding-top: 5px;
    color: #abadb2; }

.event-preview .event-details .icon-without-bg {
  background-color: transparent;
  color: #bcbebf;
  float: left;
  margin-right: 10px;
  padding: 5px 0; }
  .event-preview .event-details .icon-without-bg i:before {
    margin: 0;
    font-size: 20px; }

.event-preview .event-details .date-with-hour {
  float: left;
  white-space: nowrap;
  padding: 8px 0 0 0; }
  .event-preview .event-details .date-with-hour .hour {
    padding-top: 4px; }
    .event-preview .event-details .date-with-hour .hour i:before {
      color: #bcbebf;
      margin: 0 5px 0 0;
      font-size: 14px; }

.event-preview .event-details .dates-separator {
  float: left;
  margin: 5px 20px 0 20px; }
  .event-preview .event-details .dates-separator.with-hours {
    margin-top: 15px; }
  .event-preview .event-details .dates-separator i:before {
    font-size: 20px;
    margin: 0;
    color: #bcbebf; }

.event-preview .dates .date-since, .event-preview .dates .date-until {
  width: 180px;
  float: left; }

.event-preview .dates .with-absence {
  width: 180px;
  float: right; }
  .event-preview .dates .with-absence .absence-lbl {
    float: left;
    width: 120px;
    padding-top: 8px; }

.event-preview .event-place .map-ct {
  width: 100%;
  height: 250px;
  margin-top: 10px;
  display: none; }

.event-preview .place-name {
  float: left;
  width: 620px;
  padding: 8px 0 0 0; }
  .event-preview .place-name .show-map {
    display: none; }
  .event-preview .place-name a {
    color: #1c9cd8;
    font-size: 11px; }

.event-preview .event-desc-text {
  font-size: 11px;
  line-height: 1.4;
  float: left;
  width: 622px;
  padding: 8px 0 0 0;
  display: none; }
  .event-preview .event-desc-text .hidden-part {
    display: none; }
  .event-preview .event-desc-text .show-more {
    color: #1c9cd8;
    margin-left: 5px; }

.event-preview .dashboard-content {
  background: transparent url("/Content/tms/_img/bg-strips.png") repeat 0 0;
  padding: 20px 15px; }

.admin-dashboard .toggle-bar {
  float: left;
  width: 622px;
  background-color: #f7f9fa;
  padding: 8px 20px 8px 10px; }
  .admin-dashboard .toggle-bar a {
    color: #1c9cd8;
    font-size: 11px;
    float: right; }

.admin-dashboard .info-boxes {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: solid 1px #f2f3f3; }
  .admin-dashboard .info-boxes .one-item {
    width: 150px;
    float: left;
    margin-left: 10px; }
    .admin-dashboard .info-boxes .one-item.first {
      margin-left: 0; }
  .admin-dashboard .info-boxes .icon-ct {
    width: 50px;
    height: 56px;
    float: left;
    border: solid 1px #ededed;
    border-right-width: 0;
    background-color: #ededed; }
    .admin-dashboard .info-boxes .icon-ct i:before {
      color: #ffffff;
      font-size: 30px;
      margin: 11px 0 0 9px; }
  .admin-dashboard .info-boxes .info {
    width: 100px;
    height: 56px;
    padding: 10px 0 0 10px;
    float: left;
    border: solid 1px #ededed;
    border-left-width: 0;
    background-color: #ffffff;
    color: #3d5569; }
  .admin-dashboard .info-boxes .main-info {
    font-size: 18px;
    line-height: 18px; }
  .admin-dashboard .info-boxes .add-info {
    font-size: 11px; }
  .admin-dashboard .info-boxes .blue .icon-ct {
    background-color: #cadcf7;
    border-color: #c1d3ef; }
  .admin-dashboard .info-boxes .red .icon-ct {
    background-color: #ffac9b;
    border-color: #f6a392; }
  .admin-dashboard .info-boxes .green .icon-ct {
    background-color: #b6e3a2;
    border-color: #adda99; }
  .admin-dashboard .info-boxes .yellow .icon-ct {
    background-color: #ffdcaa;
    border-color: #f6d3a1; }

.admin-dashboard .one-chart {
  width: 150px;
  margin-left: 10px;
  float: left;
  text-align: center;
  position: relative;
  z-index: 10; }
  .admin-dashboard .one-chart.first {
    margin-left: 0; }
  .admin-dashboard .one-chart.margin-auto {
    margin: 0 auto;
    float: none; }

.admin-dashboard .chart {
  width: 80px;
  height: 80px;
  margin: 0 auto 10px auto; }

.admin-dashboard .chart-lbl {
  position: absolute;
  top: 28px;
  left: 0;
  width: 100%;
  z-index: 50;
  font-size: 24px;
  line-height: 1; }

.admin-dashboard .chart-desc {
  font-size: 12px; }

.event-stat-box {
  width: 100%;
  display: table;
  table-layout: fixed;
  clear: both;
  margin-bottom: 10px;
  border: solid 1px #ededed; }
  .event-stat-box.no-bottom-margin {
    margin-bottom: 0; }
  .event-stat-box .row {
    display: table-row; }
  .event-stat-box .col {
    display: table-cell;
    vertical-align: middle;
    height: 55px;
    padding: 3px 0;
    color: #3d5569; }
    .event-stat-box .col.icon {
      background-color: #f8f9fa;
      width: 50px;
      text-align: center; }
      .event-stat-box .col.icon i:before {
        color: #c4c9cf;
        font-size: 20px; }
    .event-stat-box .col.desc {
      width: 108px;
      padding-right: 14px;
      text-align: right;
      font-size: 11px; }
    .event-stat-box .col.val {
      width: 59px; }
      .event-stat-box .col.val .main {
        font-size: 18px; }
      .event-stat-box .col.val .add {
        font-size: 14px; }
  .event-stat-box.desc-only .col.desc {
    width: 167px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    font-size: 12px;
    color: #E20308; }
  .event-stat-box.desc-only .col.icon i:before {
    color: #E20308; }
  .event-stat-box.desc-only.desc-black .col.desc {
    color: #3d5569;
    font-size: 11px; }
  .event-stat-box.desc-only.desc-black .col.icon i:before {
    color: #C4C9CF; }

.event-stat-link {
  text-align: right;
  margin: -5px 0 15px 0; }
  .event-stat-link a {
    font-size: 11px;
    color: #1c9cd8; }

.event-static-box {
  width: 100%;
  clear: both;
  margin-bottom: 10px;
  padding: 10px 10px;
  text-align: center;
  font-size: 14px;
  border: solid 1px #DCDCDC; }
  .event-static-box.no-bottom-margin {
    margin-bottom: 0; }
  .event-static-box.warning {
    color: #E20308; }

.event-invite-box {
  background-color: #f4f6f8;
  padding: 20px 0;
  margin-bottom: 10px;
  text-align: center; }

.event-preview .participants-list {
  margin-bottom: 10px;
  border: solid 1px #ededed;
  border-top-width: 0;
  padding: 1px 0 0 0; }
  .event-preview .participants-list .single-employee {
    width: 30px;
    height: 30px;
    float: left;
    margin: 0 0 1px 1px; }
    .event-preview .participants-list .single-employee img {
      width: 30px;
      height: 30px; }
  .event-preview .participants-list .popover {
    font-size: 12px; }

.ddl-invitation-status {
  margin-bottom: 10px;
  width: 100%; }
  .ddl-invitation-status .tick-icon {
    position: absolute;
    right: 6px;
    top: 11px; }
    .ddl-invitation-status .tick-icon:before {
      color: #909090; }
  .ddl-invitation-status .spinner {
    position: absolute;
    right: 6px;
    top: 11px; }
  .ddl-invitation-status.btn-with-drop .lbl {
    color: #5f656d; }
  .ddl-invitation-status.btn-with-drop .dropdown-toggle {
    padding: 10px 9px;
    border-bottom-width: 0;
    position: relative; }
  .ddl-invitation-status.btn-with-drop .dropdown-menu {
    min-width: 220px;
    max-width: 500px; }
    .ddl-invitation-status.btn-with-drop .dropdown-menu li {
      border-width: 0; }
    .ddl-invitation-status.btn-with-drop .dropdown-menu a {
      border-top: solid 1px #dcdcdc; }
      .ddl-invitation-status.btn-with-drop .dropdown-menu a.no-top-border {
        border-top-width: 0; }
  .ddl-invitation-status.confirmed.btn-with-drop .dropdown-toggle {
    background-color: #d6edaa; }
  .ddl-invitation-status.rejected.btn-with-drop .dropdown-toggle {
    background-color: #edaaaa; }

.event-comments .add-message-box {
  padding-top: 0;
  border-color: transparent; }

.event-comments .messages-list .tl-item {
  border-color: transparent; }
  .event-comments .messages-list .tl-item .tl-mark {
    display: none; }

.event-stats .pie-chart-label {
  float: left;
  width: 220px;
  margin-top: 20px; }
  .event-stats .pie-chart-label.left {
    text-align: right; }
  .event-stats .pie-chart-label.right {
    text-align: left; }

.event-stats .pie-chart {
  float: left;
  width: 120px;
  margin: 0 20px; }

.absence-name-with-icon {
  padding-top: 3px; }
  .absence-name-with-icon .main-icon {
    border: solid 1px #dcdcdc;
    font-size: 35px;
    vertical-align: middle; }
  .absence-name-with-icon .name {
    font-size: 18px;
    line-height: 35px;
    margin-left: 10px; }

.select2-container.absence-select .select2-choice {
  height: auto;
  line-height: 1.3;
  padding: 0;
  color: #000000;
  background-color: transparent;
  border-width: 0;
  overflow: visible; }
  .select2-container.absence-select .select2-choice .select2-arrow {
    display: none; }
  .select2-container.absence-select .select2-choice > .select2-chosen {
    margin-right: 0;
    overflow: visible; }

.absence-comments-list {
  clear: both;
  width: 495px;
  margin-left: -45px; }
  .absence-comments-list > .one-item {
    padding: 0 0 30px 0; }
  .absence-comments-list .photo {
    float: left; }
  .absence-comments-list .info {
    float: right;
    width: 450px; }
  .absence-comments-list .name-and-date {
    margin-bottom: 5px; }
  .absence-comments-list .user-name {
    float: left;
    width: 75%;
    font-size: 16px;
    margin-top: -3px; }
    .absence-comments-list .user-name a {
      color: #333333; }
  .absence-comments-list .date {
    float: right;
    width: 25%;
    font-size: 12px;
    color: #6E6E6E;
    text-align: right; }
  .absence-comments-list .comment-text {
    padding: 5px;
    border: solid 1px #dcdcdc;
    font-size: 12px;
    color: #6E6E6E; }

.vacation-status-with-icon .main-icon {
  font-size: 16px; }
  .vacation-status-with-icon .main-icon i:before {
    margin: 0 5px 0 0; }

.vacation-status-with-icon .status {
  font-size: 12px; }

.graph-wrapper .top-nav {
  background-color: #f0f3f5;
  padding: 7px 15px;
  margin: 0 0 20px 0; }
  .graph-wrapper .top-nav .one-control {
    margin-right: 30px;
    float: left; }
  .graph-wrapper .top-nav input[type="text"], .graph-wrapper .top-nav select {
    padding: 5px 8px;
    height: 32px; }
  .graph-wrapper .top-nav .lbl {
    font-size: 12px;
    color: #bac7cf;
    float: left;
    margin: 9px 5px 0 0; }
  .graph-wrapper .top-nav .ctrl {
    float: left;
    font-size: 12px; }
  .graph-wrapper .top-nav .start-date input {
    width: 85px; }
  .graph-wrapper .top-nav .prev-and-next {
    border: 1px solid #DCDCDC;
    background-color: #ffffff;
    border-radius: 4px; }
    .graph-wrapper .top-nav .prev-and-next a {
      font-size: 18px;
      line-height: 1;
      float: left;
      color: #bac7cf; }
      .graph-wrapper .top-nav .prev-and-next a:hover {
        color: #3D5569; }
      .graph-wrapper .top-nav .prev-and-next a i:before {
        vertical-align: top;
        margin: 6px 2px; }
    .graph-wrapper .top-nav .prev-and-next .prev {
      margin-right: 5px; }

.types-filter {
  float: right;
  margin: -4px 0 0 0; }
  .types-filter .dropdown-toggle {
    padding: 3px 3px 0 3px;
    border-radius: 4px 4px 0 0;
    border-color: transparent; }
    .types-filter .dropdown-toggle .inside {
      border: 1px solid #DCDCDC;
      border-radius: 4px;
      background-color: #ffffff; }
    .types-filter .dropdown-toggle i:before {
      vertical-align: top;
      margin: 6px 10px;
      font-size: 18px;
      line-height: 1;
      color: #bac7cf; }
  .types-filter .dropdown-menu {
    border-color: #e0e3e3;
    border-radius: 4px 0 4px 4px;
    width: 200px;
    min-width: 200px; }
    .types-filter .dropdown-menu li {
      border-width: 1px 0 0 0;
      border-color: #ececec; }
      .types-filter .dropdown-menu li a {
        padding: 6px 9px;
        color: #67696b; }
    .types-filter .dropdown-menu .color {
      font-size: 0;
      line-height: 0;
      width: 15px;
      height: 15px;
      float: left;
      margin-right: 5px;
      border-radius: 8px; }
    .types-filter .dropdown-menu .option-name {
      width: 140px;
      float: left;
      font-size: 12px; }
      .types-filter .dropdown-menu .option-name.option-name-employees {
        width: 135px; }
  .types-filter .option .checked {
    visibility: hidden;
    float: left; }
  .types-filter .option.active .checked {
    visibility: visible; }
  .types-filter.open .dropdown-toggle {
    border-color: #e0e3e3;
    border-bottom-color: transparent;
    z-index: 20;
    position: relative; }
    .types-filter.open .dropdown-toggle .inside {
      background-color: #f5f6f7; }
  .types-filter.open .dropdown-menu {
    z-index: 10; }

.graph-wrapper .add-position-box {
  padding: 0 0 0 15px;
  margin-bottom: 5px;
  width: 710px !important; }
  .graph-wrapper .add-position-box .lbl {
    float: left;
    width: 140px;
    margin: 0 20px 0 0;
    padding: 5px 0 5px 10px;
    background-color: #f8f9fa;
    font-size: 12px; }
    .graph-wrapper .add-position-box .lbl i {
      font-size: 16px;
      color: #bcbebf; }
      .graph-wrapper .add-position-box .lbl i:before {
        margin: 0 10px 0 0; }
  .graph-wrapper .add-position-box ul.chzn-choices {
    float: left;
    width: 520px; }
    .graph-wrapper .add-position-box ul.chzn-choices li.search-field {
      width: 100%; }

.absence-graph-main {
  float: left;
  width: 710px; }

.absence-graph-side {
  float: right;
  width: 220px;
  margin: 0 15px 0 0; }

.absence-graph {
  width: 710px;
  float: left; }
  .absence-graph table {
    table-layout: fixed;
    width: 900px;
    background-color: white; }
  .absence-graph th {
    overflow: hidden;
    white-space: nowrap; }
    .absence-graph th.data {
      width: 30px; }
  .absence-graph td.employeeName {
    overflow: hidden;
    white-space: nowrap; }
  .absence-graph table td, .absence-graph table th {
    padding: 4px 0;
    vertical-align: middle;
    border: none;
    text-align: center; }
  .absence-graph tr.topHeaders td, .absence-graph tr.topHeaders th {
    padding: 0; }
  .absence-graph tr.weekHeaders td, .absence-graph tr.weekHeaders th {
    color: #5f656d;
    font-weight: normal;
    font-size: 12px;
    padding: 2px 0; }
  .absence-graph tr.headers td, .absence-graph tr.headers th {
    padding: 2px 0; }
  .absence-graph tr.data, .absence-graph tr.headers {
    border-bottom: 1px solid #f4f6f8; }
  .absence-graph tr.data:nth-child(2n+1) td, .absence-graph tr.data:nth-child(2n+1) th {
    background-color: #fdfdfe; }
  .absence-graph tr.headers td {
    font-size: 12px; }
    .absence-graph tr.headers td.day {
      color: #dadada;
      font-size: 8px; }
  .absence-graph td.highlighted, .absence-graph tr.data td.highlighted, .absence-graph td.today, .absence-graph tr.data td.today {
    background-color: #ecf7ff; }
  .absence-graph td.vacation {
    cursor: pointer; }
  .absence-graph th.labels {
    width: 170px; }
  .absence-graph tr.sectionHeader {
    background-color: #f7f9fa; }
    .absence-graph tr.sectionHeader td {
      font-size: 11px;
      text-align: left;
      border-bottom: solid 1px #e6f2fa; }
      .absence-graph tr.sectionHeader td.employeeName .employee-name {
        float: right;
        width: 150px;
        margin-right: 4px;
        font-size: 11px;
        color: #89a1a9; }
      .absence-graph tr.sectionHeader td.employeeName.with-bg-color .employee-name {
        color: #ffffff; }
  .absence-graph tr.data td.employeeName {
    text-align: left; }
    .absence-graph tr.data td.employeeName .ct-icon {
      font-size: 11px;
      float: left;
      width: 8px;
      margin-left: 5px;
      text-align: left;
      cursor: pointer; }
    .absence-graph tr.data td.employeeName .employee-name {
      font-size: 11px;
      color: #3d5569;
      float: right;
      width: 155px; }
    .absence-graph tr.data td.employeeName.with-bg-color .employee-name {
      color: #535353; }
  .absence-graph tr.main-user td.employeeName .employee-name {
    font-size: 14px; }
  .absence-graph tr.emptyRow td {
    font-size: 11px; }
  .absence-graph td .absence-block {
    height: 14px;
    width: 100%; }
  .absence-graph .today-marker {
    background: transparent url("/Content/tms/_img/bg-today-marker.png") no-repeat 50% 100%;
    margin: -40px 0 0 -15px;
    width: 30px;
    position: relative;
    text-align: center;
    padding: 0 0 11px 0;
    font-size: 0; }
    .absence-graph .today-marker > .inside {
      background-color: #218ac1;
      color: #ffffff;
      font-size: 12px;
      line-height: 12px;
      display: inline-block;
      border: solid 1px #1e81ba;
      border-bottom-width: 0;
      border-radius: 1px;
      min-width: 18px;
      padding: 3px 0 0 0;
      margin: 0 0 -1px 0;
      -moz-box-shadow: inset 0 1px 1px #34aee3;
      -webkit-box-shadow: inset 0 1px 1px #34aee3;
      box-shadow: inset 0 1px 1px #34aee3; }
  .absence-graph table.zoom_1 tr.weekHeaders, .absence-graph table.zoom_w tr.weekHeaders {
    display: none; }
  .absence-graph table.zoom_1 tr.headers td.day, .absence-graph table.zoom_w tr.headers td.day {
    font-size: 12px; }
  .absence-graph table tr td.first-in-row {
    border-left: 1px solid #e1eaf0 !important; }
  .absence-graph table tr td.last-in-row {
    border-right: 1px solid #e1eaf0 !important; }
  .absence-graph table.zoom_w .col-day {
    border-left: 1px solid #e1eaf0; }
  .absence-graph table.zoom_1 .col-day {
    border-left: 1px dashed #f7f7f7; }
  .absence-graph table.zoom_3 .col-day {
    border-left: 1px dashed #f7f7f7; }
  .absence-graph table.zoom_3 .col-week {
    border-left: 1px solid #efefef; }
  .absence-graph table.zoom_3 .col-month {
    border-left: 1px solid #d4dde4; }
  .absence-graph table.zoom_6 .col-week {
    border-left: 1px dashed #f7f7f7; }
  .absence-graph table.zoom_6 .col-month {
    border-left: 1px solid #d4dde4; }
  .absence-graph table.zoom_w tr.data td.freeDay, .absence-graph table.zoom_1 tr.data td.freeDay {
    background: transparent url("/Content/tms/_img/bg-absence-free-day.png") repeat 0 0; }
  .absence-graph table tr.emptyRow .col-day {
    border-left-width: 0; }

.absence-info-tooltip .absence-type {
  border-bottom: solid 1px #ececec;
  padding-bottom: 10px;
  margin-bottom: 10px;
  width: 100%; }

.absence-info-tooltip .color-info {
  font-size: 0;
  line-height: 0;
  width: 15px;
  height: 15px;
  border-radius: 8px;
  display: inline-block;
  margin: 2px 5px 0 0;
  vertical-align: top; }

.absence-info-tooltip .absence-name {
  font-size: 13px;
  color: #909aa4;
  display: inline-block;
  vertical-align: top;
  max-width: 220px; }

.absence-info-tooltip .absence-dates {
  font-size: 12px;
  color: #92999e; }
  .absence-info-tooltip .absence-dates .lbl-to {
    margin-left: 10px; }

.absence-date-tooltip {
  font-size: 12px;
  color: #92999e; }

/* raporty nieobecno�ci */
.absence-report .chzn-container-multi {
  float: left;
  width: auto !important; }
  .absence-report .chzn-container-multi .chzn-choices {
    width: 311px;
    float: left; }

.absence-report .lbl-absence-type {
  float: left;
  margin: 6px 10px 0 20px;
  font-size: 13px; }

.absence-report .ddl-absence-type {
  float: left;
  width: 280px;
  margin-top: 2px; }

.absence-report .download-report-link {
  font-size: 30px;
  margin: 20px 30px 0 0;
  border: solid 1px #dcdcdc; }

.absence-report .search-employee-list table tr th {
  font-size: 9px; }

.absence-report .search-employee-list table tr .days {
  text-align: center;
  padding: 8px; }

.absence-report .table-striped > tbody > tr:nth-child(2n+1) > td.days-employee-name {
  background-color: #fdfdfe; }

.absence-report .table-striped > tbody > tr:nth-child(2n) > td.days-employee-name {
  background-color: #f3f3f3; }

.absence-report-popover {
  max-width: 400px;
  width: 400px; }
  .absence-report-popover.right .arrow {
    top: 20px; }
  .absence-report-popover .employee-card .person-card {
    margin: 0 0 10px 0;
    width: 100%; }
    .absence-report-popover .employee-card .person-card > .inside {
      padding: 0; }
    .absence-report-popover .employee-card .person-card .user-info {
      width: 280px; }
  .absence-report-popover .employee-card .additional-links {
    padding: 0 0 0 75px; }
    .absence-report-popover .employee-card .additional-links a {
      font-size: 12px;
      white-space: nowrap; }

.two-columns-person-cards .person-card:nth-child(odd), .two-columns-person-cards .person-card.odd {
  clear: left; }

tr.clickableRow td {
  cursor: pointer; }

table.tasks-list {
  margin-bottom: 0; }

.tasks-list .red {
  color: #E20308; }

.tasks-list .popover {
  max-width: 450px; }
  .tasks-list .popover .popover-content {
    font-size: 12px; }

.todo-tooltip {
  font-size: 12px;
  width: 420px; }
  .todo-tooltip .tooltip-title {
    border-bottom: solid 1px #dcdcdc;
    padding-bottom: 10px; }
  .todo-tooltip .task-dates {
    padding-bottom: 10px;
    color: #6E6E6E; }
  .todo-tooltip .task-comment {
    padding-bottom: 10px; }
    .todo-tooltip .task-comment .comment-text {
      border: solid 1px #dcdcdc;
      padding: 5px;
      color: #6E6E6E; }
  .todo-tooltip .task-reminders .one-line {
    padding-bottom: 3px; }
    .todo-tooltip .task-reminders .one-line.completed {
      color: #6e6e6e; }
  .todo-tooltip .task-reminders .reminder-icon-ct {
    width: 20px;
    float: left; }
  .todo-tooltip .task-reminders .reminder-name {
    width: 320px;
    float: left; }
  .todo-tooltip .task-reminders .reminder-date {
    width: 80px;
    float: right;
    text-align: right; }

table.requests-list {
  margin-bottom: 0; }
  table.requests-list .red {
    color: #E20308; }
  table.requests-list .green {
    color: #78CD51; }
  table.requests-list .decision-date {
    font-size: 12px; }

.vacancies-list .red {
  color: red; }

.vacancies-list .green {
  color: green; }

.freshwidget-button {
  z-index: 9000 !important; }

.freshwidget-customimage {
  right: -70px !important;
  left: auto !important;
  top: 170px;
  height: 50px;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out; }

.freshwidget-customimage:hover {
  right: 0 !important;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out; }

/* nag��wek na karcie u�ytkownika */
/* Remove after refactoring of _EmployeeHeaderWithCompanyDetailsPartial. Use e-employee-card-header instead */
.employee-header {
  padding: 10px 12px;
  margin-bottom: 10px;
  border-bottom: 2px solid #F3F3F3; }
  .employee-header .left-box {
    width: 180px;
    margin-right: 20px;
    float: left;
    border-radius: 3px; }
  .employee-header .middle-box {
    width: 440px;
    float: left; }
  .employee-header .right-box {
    width: 300px;
    float: right; }
  .employee-header .photo-container {
    width: 180px;
    height: 180px;
    background-color: #ffffff;
    position: relative;
    z-index: 30;
    text-align: center; }
  .employee-header .photoMask {
    opacity: 0;
    background-color: #151d21;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 45; }
  .employee-header .photo-container #employeePhoto {
    max-width: 180px;
    max-height: 180px;
    margin: 0 auto; }
  .employee-header .select-file-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 50;
    display: none; }
    .employee-header .select-file-box .fakefile, .employee-header .select-file-box .fileinputs {
      width: 100%;
      height: 100%;
      text-align: center; }
    .employee-header .select-file-box a {
      color: #ffffff;
      display: block;
      width: 100%;
      height: 100%;
      padding: 53px 0 0 0; }
      .employee-header .select-file-box a:hover {
        text-decoration: none; }
    .employee-header .select-file-box i:before {
      font-size: 52px;
      margin: 0 0 14px 0; }
  .employee-header .photo-container.can-edit:hover #employeePhoto {
    opacity: 0.7; }
  .employee-header .photo-container.can-edit:hover .photoMask {
    opacity: 0.3; }
  .employee-header .photo-container.can-edit:hover .select-file-box {
    display: block; }
  .employee-header .main-info {
    padding: 6px 0 20px 0; }
    .employee-header .main-info .user-name {
      font-size: 28px;
      color: #3d5569;
      margin: 0;
      padding: 0; }
    .employee-header .main-info .position {
      font-size: 13px;
      line-height: 1.2;
      color: #5f656d;
      margin: 0 0 8px 0;
      padding: 0; }
    .employee-header .main-info .position-level, .employee-header .main-info .company-unit {
      font-size: 12px;
      line-height: 1.45;
      color: #5f656d;
      margin: 0;
      padding: 0; }
  .employee-header .contact-info .one-col {
    width: 50%;
    float: left; }
  .employee-header .contact-info .one-line {
    padding-bottom: 10px; }
  .employee-header .contact-info .lbl {
    float: left;
    width: 180px;
    margin-top: 1px;
    color: #5f656d;
    font-size: 12px;
    line-height: 1.4; }
    .employee-header .contact-info .lbl a {
      color: #5f656d;
      font-size: 12px;
      line-height: 1.4; }

.absence-label {
  border-radius: 3px 3px 0 0;
  color: #ffffff;
  text-transform: uppercase;
  position: relative;
  padding: 6px 12px 5px 12px;
  z-index: 40; }
  .absence-label i:before {
    margin: 0 4px 0 0;
    font-size: 18px;
    vertical-align: top; }
  .absence-label .tick {
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-left: 6px solid transparent;
    position: absolute;
    bottom: -6px;
    right: 15px; }
  .absence-label.present {
    background-color: #00a651; }
    .absence-label.present .tick {
      border-top-color: #00a651; }
  .absence-label.not-present {
    background-color: #a00f00; }
    .absence-label.not-present .tick {
      border-top-color: #a00f00; }

.employee-mini-tabs {
  width: 100%; }
  .employee-mini-tabs .nav-tabs {
    float: left;
    width: 29px;
    border-width: 0; }
    .employee-mini-tabs .nav-tabs > li {
      clear: both;
      margin: 0 0 2px 0; }
      .employee-mini-tabs .nav-tabs > li > a {
        margin: 0;
        border-radius: 0;
        border-width: 0;
        padding: 6px 0 0 0;
        line-height: 1em;
        width: 29px;
        height: 30px;
        text-align: center;
        background-color: #f0f3f5;
        color: #bcbebf;
        -moz-box-shadow: inset -2px 0 #e4e7e9;
        -webkit-box-shadow: inset -2px 0 #e4e7e9;
        box-shadow: inset -2px 0 #e4e7e9; }
        .employee-mini-tabs .nav-tabs > li > a:hover {
          text-decoration: none;
          border-color: transparent;
          color: #747780; }
    .employee-mini-tabs .nav-tabs i:before {
      font-size: 17px;
      margin: 0; }
    .employee-mini-tabs .nav-tabs > li.active > a {
      border-width: 1px 0 1px 1px;
      border-color: #dcdcdc;
      background-color: #feffff;
      width: 34px;
      height: 32px;
      margin: 0 0 -2px -4px;
      padding: 5px 0 0 2px;
      color: #747780;
      /*-moz-box-shadow:  0 2px #e4e7e9;
      -webkit-box-shadow:  0 2px #e4e7e9;
      box-shadow:  0 2px #e4e7e9;*/
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none; }
  .employee-mini-tabs .tab-content {
    float: left;
    width: 271px;
    height: 210px;
    padding: 5px 0 0 0;
    border: solid 1px #dcdcdc;
    background-color: #feffff; }
  .employee-mini-tabs .tab-pane > h3 {
    font-size: 17px;
    margin: 0;
    padding: 0 10px 5px 10px;
    color: #3d5569; }

/* END OF Remove after refactoring of _EmployeeHeaderWithCompanyDetailsPartial. Use e-employee-card-header instead */
.employee-header-cond-ct {
  margin-bottom: 20px;
  padding: 10px 12px;
  border-bottom: 2px solid #F3F3F3; }

.employee-header.condensed {
  margin-bottom: 0;
  border-bottom-width: 0;
  padding: 0;
  float: left;
  width: 700px; }
  .employee-header.condensed .left-box {
    width: 100px; }
  .employee-header.condensed .middle-box {
    width: 580px; }
  .employee-header.condensed .main-info {
    padding: 8px 0 12px 0; }
    .employee-header.condensed .main-info .user-name {
      font-size: 24px;
      margin-bottom: 2px; }
    .employee-header.condensed .main-info .position {
      font-size: 12px;
      margin-bottom: 1px; }
    .employee-header.condensed .main-info .position-level, .employee-header.condensed .main-info .company-unit {
      font-size: 11px; }
  .employee-header.condensed .photo-container {
    width: 100px;
    height: 100px; }
    .employee-header.condensed .photo-container #employeePhoto {
      max-width: 100px;
      max-height: 100px; }
  .employee-header.condensed .absence-label {
    padding: 0;
    height: 12px; }
  .employee-header.condensed .position-level-and-company-unit h3 {
    display: inline; }
  .employee-header.condensed .contact-info .email {
    width: 215px;
    float: left;
    margin-bottom: 5px; }
  .employee-header.condensed .phones {
    float: left;
    width: 365px; }
  .employee-header.condensed .phone {
    float: left;
    width: 145px;
    margin-bottom: 5px; }
    .employee-header.condensed .phone .lbl {
      width: 105px; }
  .employee-header.condensed .show-more-phones {
    font-size: 11px;
    color: #1c9cd8; }

.pass-validation-tooltip-inside h1 {
  margin: 0 0 12px 0;
  font-size: 16px; }

.pass-validation-tooltip-inside .one-line {
  padding-bottom: 7px;
  width: 220px;
  font-size: 12px; }
  .pass-validation-tooltip-inside .one-line.no-bottom-padding {
    padding-bottom: 0; }
  .pass-validation-tooltip-inside .one-line .ic {
    width: 20px;
    float: left; }
    .pass-validation-tooltip-inside .one-line .ic i:before {
      margin: 0;
      font-size: 14px; }
    .pass-validation-tooltip-inside .one-line .ic i.red {
      color: red; }
    .pass-validation-tooltip-inside .one-line .ic i.green {
      color: green; }
  .pass-validation-tooltip-inside .one-line .lbl {
    width: 200px;
    float: left; }

.change-logged-user-password input[type="text"], .change-logged-user-password input[type="password"] {
  width: 40%; }

.notification-definitions-table .tpl {
  width: 40%; }

.notification-definitions-table .schedule, .notification-definitions-table .channel {
  width: 30%; }

/* otoczenie pracownika */
.editable.buttons {
  text-align: right;
  padding: 3px 0 4px 0;
  clear: both;
  margin: 5px 0 10px 0; }
  .editable.buttons a {
    margin-left: 5px; }

#dashboardSurroundingBox .form-line, .degree-feedback-details .section.form-line {
  border-width: 0; }

#dashboardSurroundingBox .buttons.neg-margin {
  padding: 0;
  margin-top: -21px; }

.surrounding-section {
  margin-left: 10px;
  background: transparent url("/Content/tms/_img/bg-dashed-line-vertical.png") repeat-y 0 0; }
  .surrounding-section.no-bg {
    background-image: none; }
  .surrounding-section .one-row {
    background: transparent url("/Content/tms/_img/bg-dashed-line-horizontal-20.png") no-repeat 0 41px;
    padding-left: 20px;
    position: relative; }
    .surrounding-section .one-row .ending {
      position: absolute;
      top: 42px;
      left: 0;
      bottom: -1px;
      font-size: 0;
      line-height: 0;
      width: 1px;
      background-color: #ffffff; }
  .surrounding-section .person-card-small {
    margin: 0 10px 0 0; }
  .surrounding-section hr {
    width: 96%;
    margin: 0 0 0 4%;
    text-align: left; }
  .surrounding-section .superiors-list, .surrounding-section.superiors-list {
    padding-top: 10px; }
  .surrounding-section .superiors-list hr {
    display: none; }
  .surrounding-section .person-card-small:hover {
    border-color: #9CC3D9;
    -webkit-box-shadow: 0 0 4px 0 #9CC3D9;
    box-shadow: 0 0 4px 0 #9CC3D9; }

/*body.admin-view .surrounding-section .one-row .ending {background-color: #f8f8f8;}*/
/* sticky table header */
.sticky-wrap {
  overflow-x: hidden;
  overflow-y: hidden;
  position: relative;
  width: 100%;
  clear: both;
  z-index: 1; }
  .sticky-wrap.overflow-y {
    overflow-y: auto;
    max-height: 300px; }
  .sticky-wrap.overflow-x {
    overflow-y: auto; }
  .sticky-wrap .sticky-thead, .sticky-wrap .sticky-col, .sticky-wrap .sticky-intersect {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 50;
    width: auto;
    table-layout: fixed; }
  .sticky-wrap .sticky-thead {
    z-index: 100;
    width: 100%; }
  .sticky-wrap .sticky-intersect {
    opacity: 1;
    z-index: 150; }
    .sticky-wrap .sticky-intersect th {
      background-color: #666;
      color: #eee; }
  .sticky-wrap td, .sticky-wrap th {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

/* kalendarz event�w */
.events-calendar-tabs {
  margin: 2px 12px 0 0; }

.events-calendar-wrapper {
  margin: 20px 12px;
  position: relative; }

.events-calendar-nav #prev, .events-calendar-nav #next {
  position: absolute;
  top: 13px; }

.events-calendar-nav #prev {
  left: 350px; }

.events-calendar-nav #next {
  right: 350px; }

.events-calendar * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }
  .events-calendar *:before, .events-calendar *:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box; }

.events-calendar .fc-view {
  overflow: visible; }

.events-calendar .fc-header-left, .events-calendar .fc-header-center, .events-calendar .fc-header-right {
  background-color: #f9f9f9;
  border: solid 1px #dcdcdc; }

.events-calendar .fc-header-left {
  border-width: 1px 0 0 1px; }

.events-calendar .fc-header-center {
  border-width: 1px 0 0 0; }

.events-calendar .fc-header-right {
  border-width: 1px 1px 0 0; }

.events-calendar .fc-header-title h2 {
  color: #525252;
  font-size: 18px;
  font-weight: normal;
  margin: 0;
  padding: 10px 0; }

.events-calendar .fc-day-header {
  color: #909090;
  font-size: 14px;
  font-weight: normal;
  background-color: #f9f9f9;
  padding-top: 5px;
  padding-bottom: 5px; }

.events-calendar .fc-widget-header, .events-calendar .fc-widget-content {
  border-color: #dcdcdc; }

.events-calendar .fc-grid .fc-day-number {
  padding: 4px 4px 0 4px; }

.events-calendar .fc-grid .fc-day-content {
  padding: 4px; }

.events-calendar .free-day {
  background: transparent url("/Content/tms/_img/bg-absence-free-day.png") repeat 0 0; }

.events-calendar .fc-today {
  background-color: #ecf7ff; }

.events-calendar .fc-event {
  background-color: #9fc6e7;
  border: solid 1px #1587bd;
  color: #1d1d1d;
  padding: 4px 15px;
  cursor: pointer; }
  .events-calendar .fc-event.fc-event-start, .events-calendar .fc-event.fc-event-end {
    border-radius: 0; }
  .events-calendar .fc-event:before, .events-calendar .fc-event:after {
    font-family: 'fontello-entypo-full';
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    position: absolute;
    top: 6px; }
  .events-calendar .fc-event:before {
    content: '\e888';
    left: 0; }
  .events-calendar .fc-event:after {
    content: '\e889';
    right: 0; }

.events-calendar .fc-event-start {
  padding-left: 4px; }

.events-calendar .fc-event-end {
  padding-right: 4px; }

.events-calendar .fc-event-start:before, .events-calendar .fc-event-end:after {
  display: none; }

/* popupy na kalendarzu wydarze� */
.popover.event-calendar-popover .arrow {
  top: 20px; }

.event-calendar-popover {
  max-width: 300px;
  width: 300px; }
  .event-calendar-popover .event-name {
    font-size: 14px;
    margin: 5px 0 15px 0; }
  .event-calendar-popover .lbl-with-icon {
    font-size: 12px;
    padding-bottom: 8px; }
    .event-calendar-popover .lbl-with-icon i:before {
      font-size: 15px;
      margin: 0 8px 0 0; }
    .event-calendar-popover .lbl-with-icon .hour {
      margin-left: 15px; }
      .event-calendar-popover .lbl-with-icon .hour i:before {
        margin-right: 3px; }
  .event-calendar-popover .see-details {
    padding: 10px 0 0 0;
    text-align: right;
    font-size: 11px; }
    .event-calendar-popover .see-details a {
      color: #428BCA;
      text-decoration: underline; }

/* boks wy�wietlaj�cy lata i miesi�ce */
.years-counter {
  display: inline-block;
  font-size: 0;
  color: #3d5569;
  vertical-align: middle; }
  .years-counter .big-nr {
    display: inline-block;
    font-size: 40px;
    line-height: 1;
    margin-right: 3px;
    vertical-align: top; }
  .years-counter .additional {
    display: inline-block;
    font-size: 0;
    vertical-align: top; }
    .years-counter .additional .main-unit {
      font-size: 18px;
      display: inline-block; }
    .years-counter .additional .side-unit {
      font-size: 12px;
      clear: both; }

/* boks wy�wietlaj�cy miesi�ce i dni */
.months-and-days-counter {
  font-size: 0;
  display: inline-block; }
  .months-and-days-counter .years, .months-and-days-counter .months, .months-and-days-counter .separator, .months-and-days-counter .days {
    font-size: 0;
    display: inline-block; }
  .months-and-days-counter .separator {
    font-size: 14px;
    line-height: 24px;
    color: #3d5569;
    vertical-align: top;
    margin: 0 3px 0 2px; }
  .months-and-days-counter .one-digit {
    border: solid 1px #eaeaea;
    border-radius: 2px;
    font-size: 24px;
    line-height: 0.8;
    color: #3d5569;
    display: inline-block;
    margin: 0 1px 0 0;
    padding: 0 1px 3px 1px; }
    .months-and-days-counter .one-digit.gray {
      color: #cbcbcb; }
  .months-and-days-counter .labels {
    clear: both;
    text-align: center;
    font-size: 10px;
    color: #5f656d;
    margin-top: 0; }

/* boks z ikonk� i lewym borderem */
.box-with-icon {
  position: relative;
  width: 330px;
  margin-bottom: 20px; }
  .box-with-icon.no-bottom-margin {
    margin-bottom: 0; }
  .box-with-icon .box-icon {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #3d5569;
    padding: 8px 8px 7px 8px; }
    .box-with-icon .box-icon i:before {
      color: #ffffff;
      margin: 0;
      font-size: 24px; }
  .box-with-icon.gray-icon {
    border-color: #f0f3f5; }
    .box-with-icon.gray-icon .box-icon {
      background-color: #f0f3f5; }
      .box-with-icon.gray-icon .box-icon i:before {
        color: #bcbebf; }
  .box-with-icon .box-title {
    padding: 7px 0 7px 45px;
    margin-bottom: 0; }
  .box-with-icon .box-line {
    height: 73px;
    width: 100%;
    display: table;
    border: solid 1px #f3f3f3;
    border-width: 0 1px 1px 0;
    background-color: #ffffff; }
    .box-with-icon .box-line.single-height {
      height: 146px; }
      .box-with-icon .box-line.single-height.lower-height {
        height: 81px; }
    .box-with-icon .box-line.h60 {
      height: 60px; }
  .box-with-icon .box-cell {
    display: table-cell;
    vertical-align: middle;
    font-size: 12px;
    padding: 5px 0; }
    .box-with-icon .box-cell.bottom-padding {
      padding-bottom: 8px; }
    .box-with-icon .box-cell.left {
      width: 165px;
      text-align: right;
      padding-right: 40px; }
    .box-with-icon .box-cell.left-wide {
      width: 250px;
      text-align: right;
      padding-right: 40px;
      padding-left: 10px; }
    .box-with-icon .box-cell.single-width {
      text-align: center; }
    .box-with-icon .box-cell.half-width {
      width: 50%; }
  .box-with-icon .box-line-inside {
    display: table;
    width: 100%; }
  .box-with-icon .bg-orange, .box-with-icon .box-line.bg-orange .box-cell {
    background-color: #ffc89b; }
  .box-with-icon .visible-on-hover, .box-with-icon:hover .hidden-on-hover {
    display: none; }
  .box-with-icon .hidden-on-hover, .box-with-icon:hover .visible-on-hover {
    display: block; }
  .box-with-icon.w220 {
    width: 220px; }
    .box-with-icon.w220 .box-cell.left {
      width: 125px;
      padding-right: 10px; }
  .box-with-icon.w700 {
    width: 700px; }
    .box-with-icon.w700 .box-cell.left {
      width: 155px;
      padding-right: 40px; }
  .box-with-icon.w800 {
    width: 800px; }
    .box-with-icon.w800 .box-cell.left {
      width: 155px;
      padding-right: 40px; }
  .box-with-icon.employment .lbl-since {
    font-size: 11px;
    display: inline-block;
    padding-top: 3px; }
  .box-with-icon.employment .lbl-na {
    font-size: 40px;
    color: #b3b3b3; }
  .box-with-icon.employment .lbl-na-small {
    color: #b3b3b3; }
  .box-with-icon.vacations {
    position: relative; }
    .box-with-icon.vacations .days-ct-big {
      text-align: center;
      font-size: 100px;
      letter-spacing: -5px;
      color: #3d5569; }
    .box-with-icon.vacations .days-ct-medium {
      padding-right: 25px;
      text-align: center;
      font-size: 36px;
      letter-spacing: -4px;
      color: #3d5569; }
    .box-with-icon.vacations:hover:after {
      content: '+';
      position: absolute;
      bottom: 62px;
      right: 49px;
      color: #3d5569;
      font-size: 24px;
      line-height: 1; }
  .box-with-icon.vacations-vertical {
    position: relative; }
    .box-with-icon.vacations-vertical .days-ct-big {
      text-align: center;
      font-size: 70px;
      line-height: 1;
      letter-spacing: -5px;
      color: #c9c9c9; }
    .box-with-icon.vacations-vertical .days-ct-medium {
      padding-right: 0;
      text-align: center;
      font-size: 36px;
      line-height: 1;
      letter-spacing: -2px;
      color: #3d5569; }
    .box-with-icon.vacations-vertical:hover:after {
      content: '+';
      position: absolute;
      bottom: 22px;
      right: 101px;
      color: #3d5569;
      font-size: 24px;
      line-height: 1; }
    .box-with-icon.vacations-vertical .current, .box-with-icon.vacations-vertical .overdue {
      text-align: center;
      color: #3d5569;
      font-size: 14px;
      padding-top: 7px; }

.box-with-icon-100 {
  width: 100%; }

/* box z ikon�, nag��wkiem i buttonami (np. w wydarzeniach) */
.box-with-big-icon {
  background: #f4f6f8 url("/Content/tms/_img/bg-box-with-big-icon--gray.png") no-repeat 0 0;
  color: #3d5569;
  text-align: center;
  margin-bottom: 10px;
  position: relative; }
  .box-with-big-icon.no-bottom-margin {
    margin-bottom: 0; }
  .box-with-big-icon.bottom-30 {
    margin-bottom: 30px; }
  .box-with-big-icon.top-20 {
    margin-top: 20px; }
  .box-with-big-icon.top-30 {
    margin-top: 30px; }
  .box-with-big-icon .icon {
    float: left;
    width: 60px;
    height: 60px;
    margin: 0 10px 30px 0; }
    .box-with-big-icon .icon.no-bottom-margin {
      margin-bottom: 0; }
    .box-with-big-icon .icon i:before {
      color: #c4c9cf;
      font-size: 24px;
      margin: 20px 0 0 0; }
  .box-with-big-icon .box-title {
    float: left;
    width: 150px;
    font-size: 22px;
    line-height: 1.1;
    margin: 10px 0 20px 0; }
    .box-with-big-icon .box-title.medium {
      font-size: 18px;
      margin-top: 10px;
      margin-bottom: 10px; }
    .box-with-big-icon .box-title.small {
      font-size: 15px;
      margin-top: 20px; }
  .box-with-big-icon .box-title-outer {
    display: table;
    height: 70px; }
    .box-with-big-icon .box-title-outer .box-title {
      margin: 0; }
      .box-with-big-icon .box-title-outer .box-title.box-title-inner {
        display: table-cell;
        vertical-align: middle;
        float: none; }
  .box-with-big-icon .box-desc {
    padding: 0 10px 10px 10px; }
    .box-with-big-icon .box-desc .buttons {
      padding: 15px 0; }
      .box-with-big-icon .box-desc .buttons .confirm {
        margin-left: 17px; }
  .box-with-big-icon .long-desc-only {
    width: 870px;
    text-align: left;
    float: left;
    padding: 20px 20px 20px 30px;
    color: #5f656d; }
    .box-with-big-icon .long-desc-only.only-one-line {
      padding-top: 20px; }
  .box-with-big-icon.in-left-column .long-desc-only {
    width: 630px; }
  .box-with-big-icon.in-one-column .long-desc-only {
    width: 850px; }
  .box-with-big-icon .btn-close-box {
    position: absolute;
    top: 10px;
    right: 10px; }
    .box-with-big-icon .btn-close-box i:before {
      font-size: 16px;
      color: #5f656d; }
  .box-with-big-icon.blue {
    background-image: url("/Content/tms/_img/bg-box-with-big-icon--blue.png"); }
    .box-with-big-icon.blue .icon i:before {
      color: #ffffff; }
  .box-with-big-icon.dark-blue {
    background-image: url("/Content/tms/_img/bg-box-with-big-icon--dark-blue.png"); }
    .box-with-big-icon.dark-blue .icon i:before {
      color: #ffffff; }
  .box-with-big-icon.light-blue {
    background-image: url("/Content/tms/_img/bg-box-with-big-icon--light-blue.png"); }
    .box-with-big-icon.light-blue .icon i:before {
      color: #ffffff; }
  .box-with-big-icon.yellow {
    background-image: url("/Content/tms/_img/bg-box-with-big-icon--yellow.png"); }
    .box-with-big-icon.yellow .icon i:before {
      color: #ffffff; }
  .box-with-big-icon.yellow-all {
    background-image: url("/Content/tms/_img/bg-box-with-big-icon--yellow-all.png");
    background-color: #ffc549; }
    .box-with-big-icon.yellow-all .long-desc-only {
      color: #644b18;
      font-size: 14px;
      padding: 22px 20px 22px 30px; }
    .box-with-big-icon.yellow-all .long-desc-630 {
      color: #644b18;
      font-size: 14px;
      padding: 22px 20px 22px 30px;
      width: 630px;
      text-align: left;
      margin-left: 70px; }
    .box-with-big-icon.yellow-all .long-desc-two-lines {
      padding: 12px 20px 12px 30px; }
    .box-with-big-icon.yellow-all .icon i:before {
      color: #ffffff; }
  .box-with-big-icon.red {
    background-image: url("/Content/tms/_img/bg-box-with-big-icon--red.png"); }
    .box-with-big-icon.red .icon i:before {
      color: #ffffff; }
  .box-with-big-icon.green {
    background-image: url("/Content/tms/_img/bg-box-with-big-icon--green.png"); }
    .box-with-big-icon.green .icon i:before {
      color: #ffffff; }
  .box-with-big-icon.green-all {
    background-image: url("/Content/tms/_img/bg-box-with-big-icon--green-all.png");
    background-color: #5bc58f;
    color: #ffffff; }
    .box-with-big-icon.green-all i:before, .box-with-big-icon.green-all .long-desc-only {
      color: #ffffff; }

/* box z ikon�, nag��wkiem i buttonami, �redni (np. w wyb�r wniosku) */
.box-with-medium-icon {
  background: #faf9f9 url("/Content/tms/_img/bg-box-with-medium-icon--gray.png") no-repeat 0 0;
  color: #3d5569;
  margin-bottom: 10px; }
  .box-with-medium-icon.no-bottom-margin {
    margin-bottom: 0; }
  .box-with-medium-icon .icon {
    float: left;
    width: 40px;
    height: 40px;
    margin: 0 5px 10px 0;
    text-align: center; }
    .box-with-medium-icon .icon.no-bottom-margin {
      margin-bottom: 0; }
    .box-with-medium-icon .icon.white i:before {
      color: #ffffff; }
    .box-with-medium-icon .icon.dark-grey i:before {
      color: #666666; }
  .box-with-medium-icon .box-title {
    float: left;
    max-width: 870px;
    font-size: 20px;
    line-height: 1.1;
    margin: 10px 10px 10px 15px;
    color: #3d5569; }
  .box-with-medium-icon .box-desc {
    padding: 0 10px 10px 10px;
    font-size: 11px;
    line-height: 1.7;
    color: #5f656d; }
  .box-with-medium-icon .buttons {
    text-align: right;
    padding: 10px; }
  .box-with-medium-icon .long-desc-only {
    width: 870px;
    text-align: left;
    float: left;
    padding: 5px 10px 10px 20px;
    color: #5f656d;
    font-size: 12px; }
    .box-with-medium-icon .long-desc-only.only-one-line {
      padding-top: 12px; }
  .box-with-medium-icon.popup-message .long-desc-only {
    width: 715px; }
  .box-with-medium-icon.dark-blue {
    background-image: url("/Content/tms/_img/bg-box-with-medium-icon--dark-blue.png"); }
    .box-with-medium-icon.dark-blue .icon i:before {
      color: #ffffff; }
  .box-with-medium-icon.w340 {
    width: 340px; }
    .box-with-medium-icon.w340 .box-title {
      max-width: 270px; }

.box-without-icon {
  background-color: #f4f6f8;
  color: #3d5569;
  margin-bottom: 10px; }
  .box-without-icon.no-bottom-margin {
    margin-bottom: 0; }
  .box-without-icon .box-desc {
    padding: 0 10px 10px 10px;
    font-size: 11px;
    line-height: 1.7;
    color: #5f656d; }
  .box-without-icon .buttons {
    text-align: right;
    padding: 15px 0; }
    .box-without-icon .buttons.center {
      text-align: center; }

.box-without-icon__strips {
  background: url("/Content/tms/_img/e-box-background.png");
  border: solid 1px #e2e9ea; }

.box-with-icon--small {
  display: table;
  height: 30px;
  width: 100%;
  padding: 0;
  margin: 0; }

.icon--small {
  display: table-cell;
  width: 30px;
  height: 30px;
  padding: 2px 0 0 1px;
  margin: 0;
  background: #f0f3f5; }
  .icon--small i {
    font-size: 20px;
    color: #bcbebf; }

.box-description, .box-description--right {
  display: table-cell;
  padding: 0 10px 0 10px;
  border-left: 10px solid #fff;
  background: #f0f3f5;
  vertical-align: middle;
  font-size: 12px; }
  .box-description h2, .box-description--right h2 {
    font-size: 12px;
    margin: 0; }

.box-description--right {
  border-left: 0; }
  .box-description--right select {
    margin-top: 1px;
    margin-left: 5px; }

.tabs-with-stripped-bg {
  border-bottom: solid 1px #f4f4f4;
  margin-bottom: 10px;
  padding: 0 10px;
  height: 30px; }
  .tabs-with-stripped-bg a {
    border-color: #edeeee;
    height: 23px;
    margin: 6px 8px 0 0; }
    .tabs-with-stripped-bg a > .inside {
      background-color: #f9f9f9;
      font-size: 12px;
      color: #929292;
      text-transform: uppercase;
      padding: 5px 10px 0 10px;
      height: 23px; }
    .tabs-with-stripped-bg a.active {
      height: 30px; }
      .tabs-with-stripped-bg a.active > .inside {
        background-color: #ffffff;
        font-size: 14px;
        color: #3d5569;
        padding-top: 6px;
        height: 30px; }
  .tabs-with-stripped-bg .counter-lbl {
    float: right;
    padding: 10px 0 0 0;
    font-size: 12px;
    color: #5f656d; }

/* wybieraczka os�b */
/*.employees-chooser {width: 770px; height: 325px;}*/
.employees-chooser .search-employees {
  float: left;
  width: 390px; }
  .employees-chooser .search-employees .search-area {
    width: 360px;
    float: left; }
  .employees-chooser .search-employees .btn-add-container {
    width: 30px;
    float: left;
    text-align: center;
    margin-top: 170px; }

.employees-chooser .choosen-employees {
  float: left;
  width: 370px; }

.employees-chooser .search-bar {
  padding: 0 0 10px 0;
  background-color: transparent;
  border-width: 0; }
  .employees-chooser .search-bar .chzn-container-multi {
    float: left;
    width: 260px !important; }
    .employees-chooser .search-bar .chzn-container-multi .chzn-choices {
      width: 100%; }
      .employees-chooser .search-bar .chzn-container-multi .chzn-choices .search-field {
        min-width: 120px; }
  .employees-chooser .search-bar .filters-trigger {
    margin: 0 5px; }

.employees-chooser .people-box {
  border: solid 1px #dcdcdc;
  height: 253px; }
  .employees-chooser .people-box .scrollable-area {
    max-height: 251px;
    overflow: auto; }

.employees-chooser .static-bottom-area {
  text-align: right;
  margin-top: 5px; }

.employees-chooser .static-top-area {
  height: 36px; }
  .employees-chooser .static-top-area .hd {
    font-size: 12px;
    color: #717273;
    padding-top: 7px; }
    .employees-chooser .static-top-area .hd.no-top-padding {
      padding-top: 0; }
  .employees-chooser .static-top-area .additional-lbl {
    font-size: 12px; }

.employees-chooser .person-card-small {
  padding: 0;
  width: 270px;
  margin-left: 5px; }
  .employees-chooser .person-card-small .photo {
    width: 40px;
    height: 45px; }
    .employees-chooser .person-card-small .photo img {
      max-width: 40px;
      max-height: 40px; }
  .employees-chooser .person-card-small .user-info {
    width: 218px; }

.employees-chooser .choosen-employee-hd {
  padding: 10px 5px 10px 10px;
  margin: 15px 5px 5px 5px;
  font-size: 12px; }
  .employees-chooser .choosen-employee-hd.first {
    margin-top: 5px; }

.employees-chooser .choosen-employee-row {
  padding: 10px 5px 10px 10px;
  margin: 0 5px;
  font-size: 12px; }
  .employees-chooser .choosen-employee-row.even {
    background-color: #fdfdfd; }

.employees-chooser .search-filters .filter-contents {
  max-height: 200px; }

.employees-chooser.without-tabs .people-box {
  height: 315px; }
  .employees-chooser.without-tabs .people-box .scrollable-area {
    max-height: 313px; }

.units-selector {
  padding-top: 10px; }
  .units-selector .static-top-area {
    height: 26px;
    float: left;
    width: 360px; }
    .units-selector .static-top-area.left {
      margin-right: 30px; }
    .units-selector .static-top-area .hd {
      font-size: 12px;
      color: #717273;
      margin-top: -3px; }
  .units-selector .units-box {
    width: 360px;
    height: 285px;
    float: left;
    border: 1px solid #dcdcdc;
    overflow: auto;
    overflow-x: hidden; }
    .units-selector .units-box table {
      width: 100%;
      table-layout: fixed; }
      .units-selector .units-box table td, .units-selector .units-box table th {
        padding: 5px 0;
        text-align: center;
        vertical-align: middle;
        border-bottom: solid 1px #f6f8fa; }
      .units-selector .units-box table tr.first-row td {
        height: 1px;
        font-size: 0;
        padding: 0; }
    .units-selector .units-box td.employeeName {
      text-align: left; }
      .units-selector .units-box td.employeeName .ct-icon {
        cursor: pointer;
        float: left;
        font-size: 11px;
        text-align: left;
        width: 10px;
        margin-top: 9px; }
        .units-selector .units-box td.employeeName .ct-icon i:before {
          margin: 0;
          color: #bcbebf;
          font-size: 13px; }
      .units-selector .units-box td.employeeName .employee-name {
        font-size: 12px;
        color: #3D5569;
        float: right;
        margin-right: 10px; }
      .units-selector .units-box td.employeeName .unit-icon {
        width: 30px;
        height: 30px;
        padding: 5px 0 0 0;
        margin-right: 10px;
        background-color: #f8f9fa;
        color: #bcbebf;
        text-align: center;
        float: left; }
        .units-selector .units-box td.employeeName .unit-icon i:before {
          font-size: 20px; }
      .units-selector .units-box td.employeeName .unit-name {
        float: left;
        margin-top: 7px; }
    .units-selector .units-box td.add-button {
      cursor: pointer;
      color: #1c9cd8;
      font-size: 11px; }
  .units-selector .not-assigned-units tr.assigned-unit {
    display: none !important; }
  .units-selector .assigned-units {
    margin-left: 30px; }

.tags-list {
  width: 100%;
  clear: both;
  margin-bottom: 30px;
  font-size: 0; }
  .tags-list a {
    display: inline-block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    font-size: 11px;
    padding: 2px 8px;
    margin: 0 2px 3px 0;
    background-color: #f0f1f4;
    border-radius: 2px;
    color: #949698; }

ul.tags-list {
  list-style: none inside;
  padding-left: 0; }
  ul.tags-list li {
    display: inline-block;
    max-width: 100%;
    white-space: nowrap;
    font-size: 11px;
    padding: 2px 8px;
    margin: 0 2px 3px 0;
    background-color: #f0f1f4;
    border-radius: 2px;
    color: #949698; }
    ul.tags-list li a {
      padding: 0;
      margin: 0;
      overflow: initial; }

.article-box {
  padding-bottom: 20px; }

.article-box__list {
  width: 100%;
  clear: both;
  list-style-type: none;
  margin: 0;
  padding: 0; }

.article-box__list_item {
  width: 100%;
  clear: both;
  list-style-type: none;
  margin: 0;
  padding: 0;
  border-bottom: dashed 1px #d2d2d2;
  padding-bottom: 10px;
  margin-bottom: 20px; }

.article-box__list_item_link {
  display: block;
  width: 100%;
  -ms-word-wrap: break-word;
  word-wrap: break-word; }

.article-box__list_item_photo {
  float: left;
  margin: 0 10px 0 0;
  text-align: center; }

.article-box__list_item_icon {
  float: left;
  margin: 0 10px 0 0;
  text-align: center;
  width: 60px;
  height: 60px;
  background-color: #f1f1f1; }
  .article-box__list_item_icon i {
    font-size: 32px; }
    .article-box__list_item_icon i:before {
      margin-top: 18px; }

.article-box__list_item_photo {
  height: 60px;
  width: 60px;
  overflow: hidden;
  float: left; }
  .article-box__list_item_photo img {
    height: 60px; }

.article-box__list_item_photo--old img {
  top: -5px; }

.article-box__list_item_photo--article img {
  position: relative;
  left: -50%; }

.article-box__list_item_title {
  width: 150px;
  font-size: 12px;
  float: right;
  color: #3d5569; }

.article-box__list_item_link:hover .article-box__list_item_title {
  color: #428BCA; }

.article-box__list_item_tags {
  margin: 0;
  padding-top: 10px; }

.articles {
  padding-left: 20px;
  margin-right: 20px; }

.articles__item {
  margin-bottom: 25px; }

.articles__item_icon {
  float: left;
  margin: 0 20px 0 0;
  text-align: center;
  width: 60px;
  height: 60px;
  background-color: #f1f1f1; }
  .articles__item_icon i {
    font-size: 23px; }
    .articles__item_icon i:before {
      margin-top: 18px; }

.articles__item_info {
  float: right;
  width: 580px;
  border-bottom: solid 1px #f3f3f3; }

.articles__item_breadcrumb {
  color: #5f656d;
  font-size: 11px;
  padding: 4px 0; }

.articles__item_breadcrumb_item {
  color: #AFB2B6; }

.articles__item_breadcrumb_item--separator {
  color: #b8b8b8; }
  .articles__item_breadcrumb_item--separator i:before {
    margin: 0;
    font-size: 12px; }

.articles__item_title {
  font-size: 20px;
  margin: 0;
  padding: 0 0 5px 0; }

.articles__item_desc {
  width: 100%;
  clear: both;
  color: #949698;
  font-size: 12px;
  padding-bottom: 8px; }

.articles__item_tags {
  padding-bottom: 10px;
  margin-bottom: 0; }

.articles__item_publication-date {
  margin-bottom: 15px;
  font-size: 11px;
  color: #999999; }

.categories-breadcrumb {
  width: 100%;
  clear: both;
  margin-bottom: 10px;
  font-size: 0; }

.categories-breadcrumb__item_label {
  display: inline-block;
  vertical-align: top;
  font-size: 11px;
  color: #61666f;
  white-space: nowrap;
  padding: 3px 10px 0 10px;
  height: 23px;
  max-width: 200px;
  overflow: hidden;
  background-color: #efefef;
  text-overflow: ellipsis; }

.categories-breadcrumb__item_label--including-subcategories {
  background-color: #ffffff;
  border: solid 1px #efefef;
  border-width: 1px 0;
  overflow: visible;
  padding: 0; }
  .categories-breadcrumb__item_label--including-subcategories .btn-group {
    vertical-align: top; }
    .categories-breadcrumb__item_label--including-subcategories .btn-group .dropdown-toggle {
      border-width: 0;
      box-shadow: none;
      font-size: 11px;
      color: #61666f;
      padding: 0 10px;
      vertical-align: top;
      height: 21px; }
      .categories-breadcrumb__item_label--including-subcategories .btn-group .dropdown-toggle i:before {
        color: #b8b8b8;
        font-size: 15px;
        margin: 1px 0 0 3px;
        vertical-align: top; }
    .categories-breadcrumb__item_label--including-subcategories .btn-group .dropdown-menu {
      right: auto;
      left: -7px;
      margin-top: 0;
      padding: 5px 0;
      border-color: #efefef;
      min-width: 200px; }
      .categories-breadcrumb__item_label--including-subcategories .btn-group .dropdown-menu li {
        border-width: 0; }
        .categories-breadcrumb__item_label--including-subcategories .btn-group .dropdown-menu li a {
          border-width: 0;
          padding: 5px 5px 5px 15px;
          font-size: 11px;
          white-space: normal; }

.categories-breadcrumb__item_end {
  background: transparent url("/Content/tms/_img/sprite.png") no-repeat 0 -166px;
  width: 13px;
  height: 23px;
  display: inline-block;
  vertical-align: top; }

.categories-breadcrumb__item_end--including-subcategories {
  background-position: -39px -166px; }

.categories-breadcrumb__item_end--last-with-subcategories {
  background-position: -13px -166px; }

.categories-breadcrumb__item_end--last-without-subcategories {
  background-position: -26px -166px; }

.kb-search-results-title {
  font-size: 20px;
  margin: 0 20px 10px 20px;
  padding: 0 0 6px 0;
  border-bottom: solid 1px #f3f3f3; }

.kb-hp-title {
  font-size: 20px;
  margin: 0 0 20px 0;
  padding: 0 0 6px 0;
  border-bottom: solid 1px #f3f3f3; }

.popup-employees-list {
  width: 100%;
  clear: both; }
  .popup-employees-list .person-card-small {
    width: 100%;
    padding: 5px 10px; }
    .popup-employees-list .person-card-small .user-info {
      width: 340px; }

.employee-section {
  margin-bottom: 25px; }

.employee-hd {
  margin-bottom: 17px; }

.fast-notification > a {
  position: relative; }

.fast-notification .delete-notify {
  position: absolute;
  right: 10px;
  top: 10px; }

.fast-notification--hover .desc {
  overflow: visible;
  max-height: none; }

.question-popup-hd {
  background-color: #f6f6f6;
  padding: 20px 10px 15px 10px;
  margin: 0 0 10px 0; }
  .question-popup-hd .hd {
    margin: 0;
    padding: 0;
    font-size: 18px;
    color: #3d5569; }
  .question-popup-hd .desc {
    background-color: #ffffff;
    border: solid 1px #ebebeb;
    padding: 10px 15px;
    margin: 7px 0 0 0;
    font-size: 11px;
    line-height: 1.5;
    color: #5f656d; }

.closed-question-edit {
  margin-bottom: 30px; }

.closed-question-text {
  margin-bottom: 30px; }
  .closed-question-text .q {
    display: inline-block;
    max-width: 700px;
    font-size: 12px;
    color: #717273; }

.open-question-list-tab {
  border: solid 1px #dcdcdc;
  padding: 5px 0 5px 10px;
  margin: 0 10px 10px 10px;
  height: 220px;
  font-size: 12px; }
  .open-question-list-tab .checkbox {
    color: #717273;
    margin-top: 4px;
    margin-bottom: 10px; }
    .open-question-list-tab .checkbox input[type="checkbox"] {
      margin-top: 2px; }
  .open-question-list-tab .no-results {
    color: #999999; }

.open-question-link-to-new {
  background-color: #f3f5f7;
  padding: 10px;
  margin: 0 10px;
  color: #5f656d; }

.message-visibility-info {
  text-align: right;
  float: right;
  white-space: nowrap;
  font-size: 12px;
  color: #7b7b7b; }

.message-visibility-info-popover {
  font-size: 12px;
  color: #535353; }
  .message-visibility-info-popover ul {
    padding-left: 15px;
    padding-top: 15px; }
    .message-visibility-info-popover ul li {
      padding-bottom: 3px; }

/* hd-with-photo module */
/* nadpisanie bootstrapowych styli */
/**
    Wykaz kolorów
*/
/* Brekapoint dla mniejszych ekranów */
label {
  font-weight: normal;
  display: inline;
  margin-bottom: 0; }

.radio, .checkbox {
  margin: 0;
  min-height: 10px; }

.radio + .radio, .checkbox + .checkbox {
  margin: 0; }

input[type="radio"], input[type="checkbox"] {
  margin-top: 3px; }

.cb-list .radio, .cb-list .checkbox {
  margin-bottom: 10px; }

.form-horizontal .radio {
  width: auto;
  float: left; }

.form-horizontal .margin-rgt-20 {
  margin-right: 20px; }

.dropdown-menu {
  border-radius: 0;
  padding: 0; }

hr {
  border-color: #f3f3f3;
  clear: both; }
  hr.only-bottom-margin {
    margin: 0 0 10px 0; }
  hr.no-bottom-margin {
    margin-bottom: 0; }
  hr.mar-10 {
    margin: 10px 0; }

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

.help-block {
  color: #7b7b7b;
  margin-bottom: 0; }
  .help-block.small {
    font-size: 12px; }
  .help-block.margin-bottom-10 {
    margin-bottom: 10px; }

.table {
  clear: both;
  font-size: 12px; }
  .table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td {
    vertical-align: middle;
    border-color: #f4f5f7;
    padding: 20px; }
  .table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th {
    border-top-width: 0;
    padding: 5px 20px;
    background-color: #fbfbfb;
    font-size: 11px;
    color: #7b7b7b;
    font-weight: normal;
    text-transform: uppercase; }

.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) th {
  background-color: #fdfdfe; }

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

.table-hover tbody > tr.clickablePreviewVacation:hover > th, .table-hover tbody > tr.clickablePreviewVacation:hover > td {
  cursor: pointer; }

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

.table-striped > tbody > tr.without-hover:nth-child(2n+1) > td, .table-striped > tbody > tr.without-hover:nth-child(2n+1) > th {
  background-color: #fbfbfb; }

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

.table-condensed thead > tr > th, .table-condensed tbody > tr > th, .table-condensed tfoot > tr > th {
  padding: 5px 10px; }

.table tbody > tr > td.align-top, .table-condensed tbody > tr > td.align-top {
  vertical-align: top; }

.table tbody > tr > td.align-right {
  text-align: right; }

.table-clean thead > tr > th, .table-clean tbody > tr > th, .table-clean tfoot > tr > th, .table-clean thead > tr > td, .table-clean tbody > tr > td, .table-clean tfoot > tr > td {
  padding: 3px 5px;
  border-width: 0; }

.table-clean > tbody > tr:nth-child(2n+1) > td, .table-clean > tbody > tr:nth-child(2n+1) > th {
  background-color: #fdfdfd; }

.btn, .btn-file-upload .select-file-box a {
  font-size: 12px;
  border-radius: 0;
  border: solid 1px #dcdcdc;
  outline-width: 0;
  box-shadow: #d5e1e2 0 0 5px;
  padding: 3px 10px;
  outline-offset: 0;
  outline-width: 0; }
  .btn.small, .btn-file-upload .select-file-box a.small {
    padding: 3px 9px 2px 9px;
    font-size: 11px; }
  .btn.big, .btn-file-upload .select-file-box a.big {
    padding: 16px 30px;
    font-size: 20px; }
  .btn:focus, .btn-file-upload .select-file-box a:focus, .btn:hover, .btn-file-upload .select-file-box a:hover {
    outline-offset: 0;
    outline-width: 0; }

.btn--no-shadow {
  box-shadow: none !important;
  border: 0 !important;
  border-radius: 5px !important;
  padding: 7px 5px 6px 5px !important; }
  .btn--no-shadow i {
    padding: 3px 2px 3px 5px; }

.btn-group, .btn-group-vertical {
  position: static; }

.btn-group.open, .btn-group-vertical.open {
  position: relative; }

.btn-gray {
  color: #eef6f7;
  box-shadow: #aeb2ba 0 1px 1px 0 inset, #d5e1e2 0 0 5px;
  border-color: #7f848d;
  background-color: #6f747e;
  background: -webkit-gradient(linear, left top, left bottom, from(#8a919c), to(#52575f));
  background: -webkit-linear-gradient(top, #8a919c, #52575f);
  background: -moz-linear-gradient(top, #8a919c, #52575f);
  background: -ms-linear-gradient(top, #8a919c, #52575f);
  background: -o-linear-gradient(top, #8a919c, #52575f); }
  .btn-gray:active, .btn-gray:focus {
    color: #eef6f7;
    box-shadow: #aeb2ba 0 1px 1px 0 inset, #d5e1e2 0 0 5px;
    border-color: #7f848d;
    background-color: #6f747e;
    background: -webkit-gradient(linear, left top, left bottom, from(#8a919c), to(#52575f));
    background: -webkit-linear-gradient(top, #8a919c, #52575f);
    background: -moz-linear-gradient(top, #8a919c, #52575f);
    background: -ms-linear-gradient(top, #8a919c, #52575f);
    background: -o-linear-gradient(top, #8a919c, #52575f); }
  .btn-gray:hover {
    color: #ffffff;
    background-color: #565b63;
    background: -webkit-gradient(linear, left top, left bottom, from(#52575f), to(#8a919c));
    background: -webkit-linear-gradient(top, #52575f, #8a919c);
    background: -moz-linear-gradient(top, #52575f, #8a919c);
    background: -ms-linear-gradient(top, #52575f, #8a919c);
    background: -o-linear-gradient(top, #52575f, #8a919c); }

.btn-green {
  color: #ffffff;
  box-shadow: #a6c36d 0 1px 1px 0 inset;
  border-color: #98b75c;
  text-shadow: 1px 1px 1px #658732;
  background-color: #92af59;
  background: -webkit-gradient(linear, left top, left bottom, from(#9ab95d), to(#849f53));
  background: -webkit-linear-gradient(top, #9ab95d, #849f53);
  background: -moz-linear-gradient(top, #9ab95d, #849f53);
  background: -ms-linear-gradient(top, #9ab95d, #849f53);
  background: -o-linear-gradient(top, #9ab95d, #849f53); }
  .btn-green:active, .btn-green:focus {
    color: #ffffff;
    box-shadow: #a6c36d 0 1px 1px 0 inset;
    border-color: #98b75c;
    text-shadow: 1px 1px 1px #658732;
    background-color: #92af59;
    background: -webkit-gradient(linear, left top, left bottom, from(#9ab95d), to(#849f53));
    background: -webkit-linear-gradient(top, #9ab95d, #849f53);
    background: -moz-linear-gradient(top, #9ab95d, #849f53);
    background: -ms-linear-gradient(top, #9ab95d, #849f53);
    background: -o-linear-gradient(top, #9ab95d, #849f53); }
  .btn-green:hover {
    color: #ffffff;
    background-color: #849f53;
    background: -webkit-gradient(linear, left top, left bottom, from(#849f53), to(#9ab95d));
    background: -webkit-linear-gradient(top, #849f53, #9ab95d);
    background: -moz-linear-gradient(top, #849f53, #9ab95d);
    background: -ms-linear-gradient(top, #849f53, #9ab95d);
    background: -o-linear-gradient(top, #849f53, #9ab95d); }

.btn-orange {
  color: #ffffff;
  box-shadow: #ffaf6f 0 1px 1px 0 inset;
  border-color: #ff8c2f;
  text-shadow: 1px 1px 1px #ff8c2f;
  background-color: #ffa053;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffaf6f), to(#ff8c2f));
  background: -webkit-linear-gradient(top, #ffaf6f, #ff8c2f);
  background: -moz-linear-gradient(top, #ffaf6f, #ff8c2f);
  background: -ms-linear-gradient(top, #ffaf6f, #ff8c2f);
  background: -o-linear-gradient(top, #ffaf6f, #ff8c2f); }
  .btn-orange:active, .btn-orange:focus {
    color: #ffffff;
    box-shadow: #ffaf6f 0 1px 1px 0 inset;
    border-color: #ff8c2f;
    text-shadow: 1px 1px 1px #ff8c2f;
    background-color: #ffa053;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffaf6f), to(#ff8c2f));
    background: -webkit-linear-gradient(top, #ffaf6f, #ff8c2f);
    background: -moz-linear-gradient(top, #ffaf6f, #ff8c2f);
    background: -ms-linear-gradient(top, #ffaf6f, #ff8c2f);
    background: -o-linear-gradient(top, #ffaf6f, #ff8c2f); }
  .btn-orange:hover {
    color: #ffffff;
    background-color: #ffa053;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8c2f), to(#ffaf6f));
    background: -webkit-linear-gradient(top, #ff8c2f, #ffaf6f);
    background: -moz-linear-gradient(top, #ff8c2f, #ffaf6f);
    background: -ms-linear-gradient(top, #ff8c2f, #ffaf6f);
    background: -o-linear-gradient(top, #ff8c2f, #ffaf6f); }

.btn-white {
  background-color: #ffffff;
  color: #5f656d; }
  .btn-white:hover {
    background-color: #ebf1f1;
    color: #5f656d; }
  .btn-white i:before {
    color: #bcbebf; }

.btn-light-gray-round {
  background-color: #edeeee;
  color: #3d5569;
  border-radius: 3px;
  box-shadow: rgba(169, 177, 184, 0.75) 2px 2px 3px;
  /*box-shadow: 2px 2px 3px #a9b1b7;*/
  border-color: #edeeef #a9b1b7 #a9b1b7 #a9b1b7; }
  .btn-light-gray-round:hover {
    background-color: #ebf1f1;
    color: #3d5569; }

.btn.small.btn-back-global, .btn-file-upload .select-file-box a.small.btn-back-global {
  padding-left: 5px; }

.btn.no-shadow, .btn-file-upload .select-file-box a.no-shadow {
  box-shadow: none; }

.btn-link {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
  padding-left: 0;
  padding-right: 0; }
  .btn-link.gray {
    color: #535353; }

.link-with-icon {
  font-size: 11px;
  white-space: nowrap;
  color: #1c9cd8;
  padding: 1px 5px;
  display: inline-block; }

button.link-with-icon {
  background-color: transparent;
  background-image: none;
  border-width: 0; }

.link-with-icon i:before {
  margin: 0 2px 0 0;
  font-size: 14px; }

.link-with-icon:hover {
  background-color: #1c9cd8;
  color: #ffffff;
  text-decoration: none; }

.link-only-icon {
  font-size: 0;
  display: inline-block;
  padding: 0;
  margin: 0;
  color: #1c9cd8; }

button.link-only-icon {
  background-color: transparent;
  background-image: none;
  border-width: 0; }

.link-only-icon i:before {
  margin: 0;
  font-size: 11px; }

.link-only-icon.red-x {
  color: #f4999e !important; }
  .link-only-icon.red-x i:before {
    font-size: 20px;
    color: #f4999e !important; }

.btn-icon {
  padding: 5px 0;
  display: inline-block;
  vertical-align: top; }
  .btn-icon.left-border {
    border-left: solid 1px #c0ccce; }
  .btn-icon [class^="icon-"]:before, .btn-icon [class*=" icon-"]:before {
    font-size: 22px;
    line-height: 22px;
    color: #61666f;
    margin: 0 10px 0 15px; }
  .btn-icon:hover {
    color: #fff;
    text-decoration: none; }
    .btn-icon:hover [class^="icon-"]:before, .btn-icon:hover [class*=" icon-"]:before {
      color: #fff;
      text-decoration: none; }

.btn [class^="icon-"]:before, .btn-file-upload .select-file-box a [class^="icon-"]:before, .btn [class*=" icon-"]:before, .btn-file-upload .select-file-box a [class*=" icon-"]:before {
  margin-left: 0;
  margin-right: 5px;
  font-size: 18px;
  vertical-align: bottom; }

.btn.small [class^="icon-"]:before, .btn-file-upload .select-file-box a.small [class^="icon-"]:before, .btn.small [class*=" icon-"]:before, .btn-file-upload .select-file-box a.small [class*=" icon-"]:before {
  margin-right: 6px;
  font-size: 14px;
  vertical-align: top; }

.btn.big [class^="icon-"]:before, .btn-file-upload .select-file-box a.big [class^="icon-"]:before, .btn.big [class*=" icon-"]:before, .btn-file-upload .select-file-box a.big [class*=" icon-"]:before {
  margin-right: 10px;
  font-size: 20px;
  vertical-align: baseline; }

/*.btn.small.btn-back-global [class^="icon-"]:before,
.btn.small.btn-back-global [class*=" icon-"]:before {margin-right: 0}*/
.icon-circle {
  display: inline-block;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -khtml-border-radius: 50%; }

.btn-xxl {
  background-color: #f6f6f6;
  border-width: 0;
  border-top: solid 5px #e5e6e7;
  background-image: none;
  padding: 15px;
  height: 65px;
  line-height: 30px;
  display: inline-block;
  font-size: 14px;
  color: #5f656d;
  text-transform: uppercase;
  text-align: left; }
  .btn-xxl i:before {
    color: #e5e6e7;
    margin: 0 5px 0 -7px;
    font-size: 30px;
    height: 30px;
    vertical-align: middle;
    display: inline-block; }
  .btn-xxl.middle {
    text-align: center; }
  .btn-xxl.right {
    text-align: right; }
    .btn-xxl.right i:before {
      margin: 0 -7px 0 5px; }
  .btn-xxl.btn-start {
    background-color: #ffffff;
    border-top: solid 5px #405a6f;
    color: #5f656d; }
    .btn-xxl.btn-start i:before {
      color: #5f656d; }
    .btn-xxl.btn-start:hover {
      background-color: #fffcf7; }
  .btn-xxl:hover {
    text-decoration: none;
    background-color: #ffffff;
    border-color: #ff9137;
    color: #5f656d; }
    .btn-xxl:hover i:before {
      color: #5f656d; }

.bootstrap-timepicker-widget table td input {
  padding-left: 0;
  padding-right: 0;
  width: 30px;
  float: none;
  display: inline-block; }

.sliderDarkGreen .ui-slider-range {
  background: #62be61;
  filter: none;
  border: 1px solid #62be61; }

.label {
  border-radius: 3px;
  padding: .2em .5em; }

.label-danger {
  background-color: #e41919; }

.popover-content {
  font-size: 12px; }

.popover--costs {
  max-width: 400px; }

.popover--permissions {
  width: 235px; }

.hd-with-photo {
  width: 100%;
  clear: both;
  margin-bottom: 10px; }
  .hd-with-photo.no-bottom {
    margin-bottom: 0; }
  .hd-with-photo .photo-box {
    width: 170px;
    float: left;
    position: relative;
    padding: 10px 17px 0 12px; }
  .hd-with-photo .photo-container {
    border: solid 1px #d4d4d4;
    padding: 5px;
    background-color: #ffffff;
    width: 142px;
    height: 142px;
    text-align: center;
    position: relative;
    border-radius: 2px; }
    .hd-with-photo .photo-container img {
      max-width: 130px;
      max-height: 130px;
      margin: 0 auto; }
  .hd-with-photo .photo-mask {
    opacity: 0;
    background-color: #151d21;
    width: 130px;
    height: 130px;
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 45; }
  .hd-with-photo .photo-container .big-icon {
    background-color: #f1f1f1;
    width: 100%;
    height: 100%;
    display: block; }
    .hd-with-photo .photo-container .big-icon:before {
      color: #bcbdbf;
      font-size: 60px;
      margin: 33px 0 0 -10px; }
  .hd-with-photo .select-file-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 50;
    display: none; }
    .hd-with-photo .select-file-box .fakefile, .hd-with-photo .select-file-box .fileinputs {
      width: 100%;
      height: 100%;
      text-align: center; }
    .hd-with-photo .select-file-box a {
      color: #ffffff;
      display: block;
      width: 100%;
      height: 100%;
      padding: 30px 0 0 0;
      white-space: nowrap; }
      .hd-with-photo .select-file-box a:hover {
        text-decoration: none; }
    .hd-with-photo .select-file-box i:before {
      font-size: 52px;
      margin: 0 0 14px 0; }
  .hd-with-photo .hd {
    width: 795px;
    float: right; }
    .hd-with-photo .hd .bg {
      background-color: #dcf3ff;
      border-bottom: solid 1px #cde5f1;
      width: 965px;
      min-height: 135px;
      padding: 20px 13px 20px 170px;
      margin-left: -170px; }
      .hd-with-photo .hd .bg.gray-bar {
        background-color: #c8ccd2;
        border-width: 0;
        min-height: 35px;
        padding: 0 13px 0 170px; }
      .hd-with-photo .hd .bg.navy-blue {
        background-color: #454a59;
        border-color: #454a59; }
      .hd-with-photo .hd .bg-navy {
        background-color: #272e38;
        border-color: #272e38; }
        .hd-with-photo .hd .bg-navy h1 {
          color: #ffffff;
          font-size: 30px;
          font-weight: normal;
          font-family: robotolight, sans-serif; }
        .hd-with-photo .hd .bg-navy h2 {
          color: #ffffff;
          font-size: 14px;
          font-weight: normal;
          font-family: robotolight, sans-serif;
          margin-top: 5px; }
        .hd-with-photo .hd .bg-navy h3 {
          color: #ffffff;
          font-size: 10px;
          font-weight: normal;
          font-family: robotolight, sans-serif;
          margin-top: 15px;
          margin-bottom: 5px; }
        .hd-with-photo .hd .bg-navy .tutorial-link {
          float: right;
          margin-bottom: 10px;
          padding-bottom: 10px;
          color: #2598da;
          font-size: 11px;
          font-family: robotobold, sans-serif; }
    .hd-with-photo .hd h1 {
      color: #3d5569;
      font-size: 30px;
      margin: 0;
      max-width: 500px; }
    .hd-with-photo .hd .desc {
      font-size: 11px;
      line-height: 1.6;
      max-width: 500px;
      padding-top: 10px; }
      .hd-with-photo .hd .desc a {
        color: #63cfff; }
      .hd-with-photo .hd .desc .expander__read-less {
        display: block;
        width: 100%; }
    .hd-with-photo .hd .bg.navy-blue h1, .hd-with-photo .hd .bg.navy-blue .desc {
      color: #ffffff; }
    .hd-with-photo .hd.no-actions h1, .hd-with-photo .hd.no-actions .desc {
      max-width: 100%; }
  .hd-with-photo .photo-container:hover .photo-mask {
    opacity: 0.3; }
  .hd-with-photo .photo-container:hover .select-file-box {
    display: block; }
  .hd-with-photo .info-lbl {
    line-height: 35px;
    vertical-align: middle;
    color: #67696b;
    font-size: 12px;
    display: inline-block;
    padding: 0 10px; }
    .hd-with-photo .info-lbl:first-child {
      margin-left: -10px; }

.background-active h1 {
  color: #fff !important; }

.info-lbl--admins {
  padding: 0;
  padding-right: 0px !important;
  line-height: 35px;
  font-size: 12px; }
  .info-lbl--admins img {
    max-height: 24px;
    margin-top: -3px; }
  .info-lbl--admins a {
    margin-right: 5px; }
  .info-lbl--admins i {
    font-size: 16px;
    margin-right: 2px;
    color: #5f646a;
    transition: all 0.5s, color 0.5s; }
  .info-lbl--admins a:hover i {
    color: #2598da;
    transition: all 0.5s, color 0.5s; }

.info-lbl--admins--event {
  line-height: 30px; }

.info-lbl--admins__link {
  font-size: 12px; }

/*.hd-with-photo .photo-container:hover img {opacity: 0.7;}*/
.search-bar.kb .search-lbl {
  width: 160px; }

.search-bar.kb .chzn-container-multi {
  width: 681px !important;
  float: left;
  margin-right: 9px; }
  .search-bar.kb .chzn-container-multi ul.chzn-choices, .search-bar.kb .chzn-container-multi .chzn-choices .search-field {
    width: 100%; }

.hd-with-photo .search-bar {
  background-color: transparent;
  padding: 6px 0;
  border-width: 0;
  float: right; }
  .hd-with-photo .search-bar .search-lbl {
    display: none; }
  .hd-with-photo .search-bar .btn-search {
    font-size: 11px;
    padding: 3px 15px;
    width: auto; }
  .hd-with-photo .search-bar.kb .chzn-container-multi {
    width: 450px !important;
    margin-right: 11px; }
    .hd-with-photo .search-bar.kb .chzn-container-multi .chzn-choices .search-field input {
      font-size: 12px;
      color: #646464;
      height: 20px; }
    .hd-with-photo .search-bar.kb .chzn-container-multi .chzn-choices .search-choice {
      padding-top: 0;
      margin-top: 2px;
      margin-bottom: 1px; }
      .hd-with-photo .search-bar.kb .chzn-container-multi .chzn-choices .search-choice .search-choice-close {
        top: 3px; }

.btn-file-upload {
  position: relative;
  height: 26px;
  float: right;
  margin-top: 3px;
  margin-right: 5px;
  display: none; }
  .btn-file-upload .select-file-box {
    position: relative;
    display: block; }
    .btn-file-upload .select-file-box #fileInput {
      width: 100px !important;
      height: 26px !important;
      display: none; }
    .btn-file-upload .select-file-box .fakefile {
      position: relative; }
    .btn-file-upload .select-file-box a {
      padding: 0;
      box-shadow: none;
      background-color: #ffffff;
      color: #5f656d;
      color: #5f656d;
      line-height: 18px;
      padding: 2px 10px 4px 10px; }
      .btn-file-upload .select-file-box a:hover {
        background-color: #ebf1f1;
        color: #5f656d; }
      .btn-file-upload .select-file-box a i:before {
        color: #bcbebf; }
      .btn-file-upload .select-file-box a span {
        position: relative;
        top: -2px; }
      .btn-file-upload .select-file-box a i:before {
        font-size: 18px;
        color: #bcbebf;
        padding: 0;
        margin: 2px 5px 0 0;
        height: 18px; }
    .btn-file-upload .select-file-box .fileinputs {
      width: auto;
      height: 26px;
      float: left; }

.hd-with-photo:hover .btn-file-upload {
  display: block; }

.hd__actions {
  display: table;
  height: 35px; }

.hd__actions--big {
  height: 40px; }

.hd__actions__item {
  display: table-cell;
  vertical-align: middle;
  padding: 0 5px; }

.admin-photos-box {
  width: 100%;
  padding: 0 0 0 20px; }
  .admin-photos-box img {
    width: 30px;
    height: 30px;
    float: left; }
  .admin-photos-box .popover {
    width: auto;
    max-width: 300px; }

.admin-photos-box-edit {
  margin-left: 15px; }

.questionnairy-assessment-details {
  margin: 0 0 20px 0; }
  .questionnairy-assessment-details .box-with-icon {
    margin-bottom: 0;
    width: 100%; }
    .questionnairy-assessment-details .box-with-icon .box-line {
      height: auto; }
    .questionnairy-assessment-details .box-with-icon .box-cell {
      padding-top: 10px;
      padding-bottom: 10px; }
      .questionnairy-assessment-details .box-with-icon .box-cell .box-cell {
        padding-top: 0;
        padding-bottom: 0; }
      .questionnairy-assessment-details .box-with-icon .box-cell.left {
        padding-right: 10px;
        width: 130px; }
      .questionnairy-assessment-details .box-with-icon .box-cell.right {
        width: 290px; }
    .questionnairy-assessment-details .box-with-icon .person-card-small {
      padding: 0;
      width: 280px; }
      .questionnairy-assessment-details .box-with-icon .person-card-small .photo {
        width: 30px;
        height: 30px; }
        .questionnairy-assessment-details .box-with-icon .person-card-small .photo img {
          max-width: 30px;
          max-height: 30px; }
      .questionnairy-assessment-details .box-with-icon .person-card-small .user-info {
        padding-top: 0;
        width: 235px; }
      .questionnairy-assessment-details .box-with-icon .person-card-small .user-name {
        margin-bottom: 0; }
    .questionnairy-assessment-details .box-with-icon .second-col-text {
      color: #3d5569; }

@media only screen and (max-width: 1265px), only screen and (max-height: 767px) {
  .sticked-scroll-parent {
    margin-top: 0 !important; } }

.sticked-scroll {
  z-index: 1000; }

.sticked-scroll--fixed {
  position: fixed;
  top: 45px;
  width: 965px;
  transition: 'box-shadow 0.3s ease'; }
  @media only screen and (max-width: 1265px), only screen and (max-height: 767px) {
    .sticked-scroll--fixed {
      position: static;
      width: 100%; } }
  .sticked-scroll--fixed.sticked-scrol--fixed--shadow {
    box-shadow: 2px 10px 10px -10px #ddd; }

.sticked-scroll--fixed--with-bar {
  position: fixed;
  top: 68px;
  width: 965px;
  transition: 'box-shadow 0.3s ease'; }
  @media only screen and (max-width: 1265px), only screen and (max-height: 767px) {
    .sticked-scroll--fixed--with-bar {
      position: static;
      width: 100%; } }

.e-on-sticked-scroll {
  z-index: 3005; }

.page-hd-blue {
  padding: 15px 13px 15px 12px;
  margin-bottom: 20px;
  background-color: #dcf3ff;
  border-bottom: solid 1px #cde5f1;
  color: #3d5569; }
  .page-hd-blue.no-bottom-margin {
    margin-bottom: 0; }
  .page-hd-blue h1 {
    margin: 0;
    font-size: 24px;
    color: #3d5569; }
    .page-hd-blue h1.font30 {
      font-size: 30px; }
  .page-hd-blue h2 {
    margin: 5px 0;
    font-size: 18px;
    color: #3d5569; }
  .page-hd-blue p {
    margin: 15px 0 0 0;
    font-size: 13px; }

.page-hd-blue--with-box .page-hd-blue__tile {
  width: 87%; }

.page-hd-gray {
  padding: 20px 13px 27px 12px;
  margin-bottom: 20px;
  background-color: #f6f6f6;
  color: #3d5569; }
  .page-hd-gray h1 {
    margin: 0;
    font-size: 24px;
    color: #3d5569; }

.choose-coworkers__choosen_list .person-card-small {
  margin: 0 10px 10px 0; }
  .choose-coworkers__choosen_list .person-card-small:nth-child(2n+1) {
    clear: left; }

/* instrukcja do oceny 360 (pierwszy ekran wype�niania */
#feedback-instruction {
  font-size: 12px; }
  #feedback-instruction h5 {
    margin: 15px 0 5px 0; }
  #feedback-instruction p {
    margin-bottom: 20px; }
  #feedback-instruction table.rate-scale {
    table-layout: fixed;
    width: 100%;
    margin-bottom: 20px; }
    #feedback-instruction table.rate-scale td {
      text-align: center;
      padding: 10px 0;
      border: 1px solid #dcdcdc;
      border-collapse: collapse; }
  #feedback-instruction table.rate-scale-desc {
    width: 100%;
    margin-bottom: 20px; }
    #feedback-instruction table.rate-scale-desc td {
      padding: 5px 0; }
      #feedback-instruction table.rate-scale-desc td.name {
        padding-right: 30px; }

/* nag��wek listy wynik�w wyszukiwania */
.search-results-title-bar {
  padding: 15px 15px 15px 15px; }
  .search-results-title-bar h1 {
    margin: 0;
    font-size: 20px;
    color: #3d5569; }
  .search-results-title-bar .with-switch {
    width: 700px;
    float: left; }
  .search-results-title-bar .view-mode-switch {
    margin: -5px 0; }
  .search-results-title-bar .download-report-link {
    font-size: 24px;
    margin: 0 10px 0 0;
    border: solid 1px #dcdcdc; }
  .search-results-title-bar--gray-bcg {
    padding: 30px 15px 30px 15px;
    background-color: #f1f3f5; }
    .search-results-title-bar--gray-bcg h1 {
      color: #27272a; }

/* lista pracownik�w */
.special-employee-search td {
  font-size: 12px; }

.special-employee-search .person-card-small {
  padding: 0; }
  .special-employee-search .person-card-small .photo {
    width: 40px;
    height: 45px; }
    .special-employee-search .person-card-small .photo img {
      max-width: 40px;
      max-height: 40px; }

.search-employee-list-active .td-person {
  width: 470px; }

.search-employee-list-active .person-card-small {
  padding: 0;
  width: 450px; }
  .search-employee-list-active .person-card-small .user-info {
    width: 395px; }

.special-employee-search .contact-data {
  margin-bottom: 5px; }

.special-employee-search .icon {
  background-color: #f8f9fa;
  color: #bcbebf;
  margin: 0 10px 0 0;
  padding: 2px 0;
  width: 20px;
  float: left;
  text-align: center; }
  .special-employee-search .icon:before {
    margin: 0;
    font-size: 15px; }

.special-employee-search .data {
  font-size: 12px;
  color: #5f656d; }

/* wyb�r typu nieobecno�ci */
.request-types-list__box {
  position: relative;
  padding-bottom: 35px;
  min-height: 160px;
  margin-bottom: 20px; }
  .request-types-list__box:nth-child(2n+1) {
    clear: left; }
  .request-types-list__box .buttons {
    position: absolute;
    bottom: 0;
    right: 0; }

.request-types-list .btn-group.choose-absence-type .dropdown-menu {
  left: auto;
  right: 0;
  width: 320px; }
  .request-types-list .btn-group.choose-absence-type .dropdown-menu li {
    border-top: solid 1px #dcdcdc; }
    .request-types-list .btn-group.choose-absence-type .dropdown-menu li.first {
      border-top-width: 0; }
    .request-types-list .btn-group.choose-absence-type .dropdown-menu li a {
      padding: 10px;
      font-size: 12px; }
      .request-types-list .btn-group.choose-absence-type .dropdown-menu li a:hover {
        background-color: #7c828d; }

.request-types-list .btn-group.choose-absence-type .available-info {
  margin-left: 10px; }

.request-types-list .btn-group.choose-absence-type .btn-hover {
  display: none; }

.request-types-list .btn-group.choose-absence-type.open .btn-hover {
  display: inline-block; }

.request-types-list .btn-group.choose-absence-type.open .btn-normal {
  display: none; }

/* lista os�b - widok kafelkowy */
.employee-tiles__item {
  float: left;
  width: 20%;
  height: 243px;
  padding: 0 10px 10px 0;
  position: relative;
  box-sizing: border-box; }
  .employee-tiles__item.last-in-row {
    padding-right: 0; }
  .employee-tiles__item:nth-child(5n) {
    padding-right: 0; }

.employee-tiles__item_hover-area {
  width: 100%;
  height: 100%;
  position: relative; }

.employee-tiles__item_absence-lbl {
  width: 100%;
  height: 5px;
  font-size: 0; }
  .employee-tiles__item_absence-lbl.absent {
    background-color: #00a651; }
  .employee-tiles__item_absence-lbl.present {
    background-color: #a00f00; }

.employee-tiles__item_photo {
  width: 100%;
  height: 170px;
  text-align: center;
  overflow: hidden;
  border-left: solid 1px #ccc;
  border-right: solid 1px #ccc;
  position: relative; }
  .employee-tiles__item_photo img {
    position: relative;
    margin-left: 50%;
    left: -90px; }

.employee-tiles__item_name {
  position: absolute;
  bottom: 57px;
  width: 100%;
  text-align: center;
  background-color: rgba(37, 44, 53, 0.8);
  padding: 5px 10px;
  color: #ffffff; }

.employee-tiles__item_bottom-info {
  height: 55px;
  text-align: center;
  color: #a1a1a1;
  font-size: 11px;
  line-height: 1.1;
  padding: 8px 10px 7px 10px;
  border-left: solid 1px #ccc;
  border-right: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  display: table;
  width: 100%; }

.employee-tiles__item_bottom-info_inside {
  display: table-cell;
  vertical-align: middle; }

.employee-tiles__item_bottom-info_position-name {
  max-height: 25px;
  line-height: 12px;
  padding-bottom: 2px;
  overflow: hidden; }

.employee-tiles__item_bottom-info_position-level {
  max-height: 16px;
  padding-bottom: 2px;
  overflow: hidden; }

.employee-tiles__item_on-hover {
  display: none;
  background-color: rgba(37, 44, 53, 0.9);
  position: absolute;
  top: 5px;
  left: 0;
  height: 227px;
  width: 100%; }

.employee-tiles__item_on-hover_name {
  padding: 35px 10px 10px 10px;
  text-align: center; }

.employee-tiles__item_on-hover_inside {
  position: relative;
  height: 100%;
  width: 100%; }

.employee-tiles__item_on-hover_name {
  font-size: 16px;
  color: #ffffff; }
  .employee-tiles__item_on-hover_name a {
    font-size: 16px;
    color: #ffffff; }

.employee-tiles__item_on-hover_add-info {
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  width: 96%;
  margin: 0 auto; }

.employee-tiles__item_on-hover_unit-name {
  padding-top: 5px; }

.employee-tiles__item_on-hover_contact {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 0 10px 5px 10px;
  color: #cfd4d9;
  font-size: 11px; }
  .employee-tiles__item_on-hover_contact a {
    color: #cfd4d9;
    font-size: 11px; }

.employee-tiles__item_on-hover_contact_item {
  margin-bottom: 5px; }
  .employee-tiles__item_on-hover_contact_item .icon {
    width: 20px;
    background-color: rgba(31, 33, 36, 0.2);
    text-align: center;
    float: left;
    margin: 0 10px 0 0;
    padding: 2px 0 3px 0; }
    .employee-tiles__item_on-hover_contact_item .icon i:before {
      font-size: 13px;
      margin: 0;
      color: #bcbebf; }
  .employee-tiles__item_on-hover_contact_item .data {
    float: left;
    width: 125px;
    margin-top: 2px; }

.employee-tiles__item.hover .employee-tiles__item_on-hover {
  display: block; }

.employee-tiles__item.hover .employee-tiles__item_name {
  display: none; }

.employee-tiles__item.hover .employee-tiles__item_bottom-info {
  visibility: hidden; }

.absence-request-dates .single-date .day {
  float: left;
  margin: 0 10px 0 0;
  color: #3d5569;
  font-size: 40px;
  line-height: 1;
  letter-spacing: -0.5px; }

.absence-request-dates .single-date .month-year {
  float: left;
  margin: -1px 0 1px 0;
  font-size: 18px;
  letter-spacing: -0.5px;
  color: #3d5569; }

.absence-request-dates .single-date .dow {
  float: left;
  clear: both;
  font-size: 12px;
  color: #3d5569; }

.absence-request-dates .between-dates {
  float: left;
  margin: 8px 5px 0 5px; }
  .absence-request-dates .between-dates i:before {
    font-size: 24px;
    color: #bcbebf; }

.absence-request-dates .duration {
  width: 100px;
  background-color: #fafafa;
  border-left: solid 1px #f6f6f6;
  color: #c9c9c9;
  font-size: 40px;
  line-height: 1;
  text-align: center;
  letter-spacing: -1px;
  position: relative; }
  .absence-request-dates .duration .days {
    font-size: 18px;
    vertical-align: top; }
  .absence-request-dates .duration .duration-triangle {
    position: relative; }
    .absence-request-dates .duration .duration-triangle .duration-triangle-inner {
      content: '';
      position: absolute;
      top: 10px;
      left: -10px;
      width: 0;
      height: 0;
      border-top: 10px solid #FFF;
      border-right: 10px solid #fafafa;
      border-bottom: 10px solid #FFF; }

.absence-request-dates.highlight .box-cell {
  background-color: #ecf7ff; }
  .absence-request-dates.highlight .box-cell.duration {
    background-color: #e8f2fa;
    border-left-color: #e8f2fa; }
    .absence-request-dates.highlight .box-cell.duration .duration-triangle .duration-triangle-inner {
      border-top-color: #ECF7FF;
      border-right-color: #e8f2fa;
      border-bottom-color: #ECF7FF; }

.absence-details .absence-info .color-info {
  width: 15px;
  height: 15px;
  float: left;
  margin: 1px 5px 0 0;
  font-size: 0;
  line-height: 0;
  border-radius: 10px; }

.absence-details .absence-info .absence-name {
  float: left;
  font-size: 14px;
  max-width: 519px; }

.absence-details .replacement .person-card-small {
  padding: 10px 0;
  width: 530px; }
  .absence-details .replacement .person-card-small .photo {
    height: 45px;
    width: 40px; }
    .absence-details .replacement .person-card-small .photo img {
      max-width: 40px;
      max-height: 40px; }
  .absence-details .replacement .person-card-small .user-info {
    width: 475px; }

.team-availability .absence-graph-main, .team-availability .absence-graph {
  width: 695px; }

.team-availability .ui-datepicker-condensed {
  padding-top: 15px;
  padding-left: 15px; }
  .team-availability .ui-datepicker-condensed .ui-datepicker-group-first {
    margin-left: 0; }
  .team-availability .ui-datepicker-condensed .ui-datepicker {
    border-width: 0;
    box-shadow: none;
    width: 188px;
    margin: 0 0 20px 20px;
    padding: 0; }

.add-request-comment-collapsed, .add-request-comment-expanded {
  padding: 4px 10px;
  width: 600px;
  margin-left: 100px;
  background-color: #f1f3f5;
  clear: both; }

.add-request-comment .user-photo {
  width: 30px;
  height: 30px;
  float: left;
  margin: 0 10px 0 0; }

.add-request-comment-collapsed input, .add-request-comment-expanded textarea {
  width: 540px;
  font-size: 12px; }

.add-request-comment-collapsed input {
  height: 30px; }

.add-request-comment-expanded textarea {
  height: 60px; }

.absence-request-dates-popover {
  padding: 0; }
  .absence-request-dates-popover .popover-title {
    background-color: #ffffff;
    font-size: 13px;
    color: #909aa4;
    padding: 10px; }
  .absence-request-dates-popover .popover-content {
    font-size: 12px;
    color: #92999e;
    padding: 10px 20px 10px 10px; }

/* wyb�r pracownik / wakat */
.employment-types__main-info {
  padding: 30px; }
  .employment-types__main-info h1 {
    color: #27272A;
    font-size: 20px;
    margin: 0 0 5px 0; }
  .employment-types__main-info h2 {
    color: #6E6E6E;
    font-size: 14px;
    margin: 0; }

.employment-types__list {
  border: 1px solid #DCDCDC;
  background-color: #ffffff;
  padding: 30px 30px 0 30px;
  margin: 0 30px; }

.employment-types__list_item {
  float: left;
  width: 400px;
  height: 147px;
  margin: 0 0 30px 0;
  padding: 10px 10px 0 10px;
  border: solid 1px #DCDCDC; }
  .employment-types__list_item.first-in-row {
    margin-right: 40px; }

.employment-types__list_item_icon {
  float: left;
  border: solid 1px #dcdcdc;
  margin: 0 10px 10px 0; }
  .employment-types__list_item_icon i {
    font-size: 60px;
    margin: 0; }

.employment-types__list_item_info {
  float: right;
  width: 280px;
  margin-bottom: 10px; }

.employment-types__list_item_name {
  margin: 0 0 5px 0;
  font-size: 16px; }

.employment-types__list_item_desc {
  font-size: 13px;
  height: 51px;
  overflow: hidden; }

/* lista stanowisk */
.position-list .table tbody > tr > td {
  vertical-align: top; }

.position-list__row_left-col i {
  background-color: #f1f1f1;
  width: 40px;
  text-align: center;
  float: left;
  margin-right: 10px; }
  .position-list__row_left-col i:before {
    color: #bcbdbf;
    font-size: 20px;
    margin: 10px 0; }

.position-list__row_left-col_lbl {
  float: left;
  width: 340px; }

.position-list__row_position {
  margin-top: 2px;
  word-break: break-all;
  word-break: break-word; }

.position-list__row_level {
  font-size: 11px;
  line-height: 1.2;
  color: #a1a1a1; }

.position-list__row_right-col_item {
  width: 270px;
  clear: both;
  padding: 2px 0; }
  .position-list__row_right-col_item i {
    float: left;
    margin: 0 10px 0 0; }
    .position-list__row_right-col_item i:before {
      font-size: 18px;
      margin: 0;
      color: #bdbec0; }

.position-list__row_right-col_item_lbl {
  font-size: 12px;
  float: left;
  width: 240px;
  margin-top: 2px; }
  .position-list__row_right-col_item_lbl a {
    color: #1c9cd8; }

/* opis stanowiska */
.position-description__btn-add {
  float: right;
  margin: -41px 5px 0 0; }

/* kompetencje dla stanowiska */
.position-attribution__slider-ct {
  padding: 20px 0; }
  .position-attribution__slider-ct .slider {
    width: 700px;
    cursor: pointer;
    margin: 0 0 7px 0; }

.position-attribution .attribution-lbl {
  float: left;
  width: 110px;
  text-align: center;
  padding: 5px;
  font-size: 12px;
  cursor: pointer;
  overflow: hidden; }

.position-attribution .add-attribution {
  margin-top: -20px; }

.position-attribution .buttons-on-bar {
  margin-top: 3px; }

.competence-icon {
  width: 40px;
  height: 40px; }

.competency-icon__square {
  width: 40px;
  height: 40px; }
  .competency-icon__square--medium {
    width: 60px;
    height: 60px; }
  .competency-icon__square img {
    width: 100%;
    height: 100%; }

.competence-name {
  color: #3d5569; }

.competence-photo--width {
  width: 9%; }

.competency-photo--popup-width {
  width: 12%; }

.competency-photo--role-width {
  width: 9%; }

/* lista poziom�w stanowisk */
.position-levels-tree__tree-ct {
  min-height: 30px;
  position: relative; }

.position-levels-tree__btn-edit-tree {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 10; }

.position-levels-tree__tree-box {
  margin-bottom: 20px; }

/* lista os�b na stanowisku */
.position-employees__list .person-card-small:nth-child(3n+1) {
  clear: left; }

.carreer-path-container #canvas {
  width: 940px; }

.career-path-scroll-icon:before {
  font-size: 24px;
  color: #cfcfcf;
  margin: 0; }

.career-path-scroll-icon:hover:before {
  color: #2598da;
  cursor: pointer; }

.drop-zone-panel {
  height: 300px;
  position: relative; }

.drop-zone-panel__bordered-area {
  border: dashed 2px transparent;
  height: 100%;
  width: 100%; }

.drop-zone-panel__bordered-area--active {
  border-color: #d3d3d3; }

.drop-zone-panel__select-file {
  float: none;
  width: 100%;
  text-align: center;
  padding-top: 100px; }

.drop-zone-panel__select-file--only-title {
  padding-top: 140px; }

.drop-zone-panel__select-file_title {
  font-size: 20px;
  color: #c2c2c2;
  margin: 0 0 10px 0; }

.drop-zone-panel__select-file_subtitle {
  font-size: 16px;
  color: #c2c2c2;
  margin: 0 0 10px 0; }

.drop-zone-panel .select-file-box div.fakefile {
  right: 0; }

.drop-zone-panel .select-file-box input#fileInput {
  width: 100%;
  height: 100%;
  position: relative; }

.drop-zone-panel__media {
  width: 100%;
  height: 100%;
  position: relative; }
  .drop-zone-panel__media .hidden-bg {
    width: 100%;
    height: 310px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.9);
    display: none; }

.drop-zone-panel.hover .drop-zone-panel__bordered-area {
  border-color: #6599cd; }

.drop-zone-panel.hover .drop-zone-panel__select-file_title {
  color: #6599cd; }

.drop-zone-panel.hover .drop-zone-panel__media .hidden-bg {
  display: block; }

.drop-zone-panel__file-list {
  width: 100%;
  clear: both;
  margin: 0;
  padding: 0; }
  .drop-zone-panel__file-list li {
    padding: 5px;
    list-style-type: none;
    width: 149px;
    height: 149px;
    overflow: hidden;
    float: left;
    border: none; }
  .drop-zone-panel__file-list .file-checked {
    position: absolute;
    top: -5px;
    left: -5px; }
    .drop-zone-panel__file-list .file-checked i {
      background: #6599cd;
      color: #fff;
      position: absolute;
      border: solid 2px #74b6d4;
      display: none; }
  .drop-zone-panel__file-list .choosen .file-checked i {
    display: block; }
  .drop-zone-panel__file-list .removeFile i:before {
    font-size: 22px;
    margin: 0;
    padding: 0;
    color: #f4989d; }

.drop-zone-panel__file-list__item {
  border: solid 2px transparent;
  /*outline: 1px solid #d4d4d4;*/
  height: 140px;
  width: 140px;
  padding: 5px;
  background-color: #fafafa; }
  .drop-zone-panel__file-list__item.choosen {
    border: solid 2px #6599cd;
    /*outline: 1px solid #6599cd;*/ }

.drop-zone-panel__load-more {
  text-align: center;
  padding: 20px 0; }

.drop-zone-panel__file-list__icon {
  display: block;
  width: 100%;
  height: 100px;
  margin-bottom: 10px;
  overflow: hidden;
  text-align: center; }
  .drop-zone-panel__file-list__icon img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
    margin: 0 auto; }
  .drop-zone-panel__file-list__icon i:before {
    font-size: 60px;
    margin: 25px 0 0 0; }

.drop-zone-panel__file-list__name {
  display: block;
  width: 100%;
  height: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 11px; }

.drop-zone-panel__upload .upload-clicable-area {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%; }

/* lista link�w w prawej kolumnie na wallu */
.link-box .simple-list li {
  margin-left: 0;
  border-bottom: 1px solid #f3f3f3;
  list-style-type: none;
  width: 100%;
  float: left; }
  .link-box .simple-list li a {
    width: 200px;
    margin-bottom: 7px;
    margin-left: 20px;
    display: list-item;
    list-style-type: disc;
    list-style-position: outside; }

/* wa�ne linki - w�asne linki */
.important-own-links .link-box {
  position: relative; }
  .important-own-links .link-box .actions {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #ffffff; }

.important-own-links .edit-link-box {
  margin-left: -30px;
  width: 700px;
  padding-top: 20px; }

/* uprawnienia */
.permissions .form-section-columns .form-line {
  width: 700px;
  padding-top: 10px; }

.permissions .form-section {
  padding-bottom: 5px;
  padding-top: 10px; }

.permissions .new-grid .form-line .form-controls {
  width: 470px; }

.permissions .role-desc {
  font-size: 12px;
  margin-top: 10px;
  margin-bottom: 10px; }

.permissions .select2-container {
  width: 200px; }

.permissions.group .new-grid .form-line .form-controls input[type="text"], .permissions.group .new-grid .form-line .form-controls textarea {
  width: 94%; }

.stripped-bg .small-link {
  font-size: 11px;
  color: #1c9cd8;
  float: right;
  white-space: nowrap;
  margin-top: 4px; }

.stripped-bg .small-link:hover {
  color: #fff; }

/*.permissions .choose-role {margin-bottom: 25px; margin-top: 30px;}*/
/* ustawienia powiadomie� */
.notifications-config-content {
  margin-top: 20px; }

.notifications-config .notifications-table {
  margin: 0 0 20px 0;
  width: 940px; }
  .notifications-config .notifications-table th {
    text-transform: uppercase; }
  .notifications-config .notifications-table td, .notifications-config .notifications-table th {
    padding: 8px 0;
    text-align: center; }
  .notifications-config .notifications-table td:first-of-type, .notifications-config .notifications-table th:first-of-type {
    width: 480px;
    text-align: left; }
  .notifications-config .notifications-table select {
    display: inline-block; }

/* lista ankiet */
.questionnaires-list__filter {
  margin: 6px 0 -6px 0; }

.questionnaires-list__items__table tbody > tr > td {
  padding: 15px; }

.questionnaires-list__item__status-and-name {
  width: 360px;
  margin-bottom: 6px; }

.questionnaires-list__status {
  width: 15px;
  height: 15px;
  font-size: 0;
  line-height: 0;
  border-radius: 7px;
  float: left;
  margin: 3px 10px 0 0; }

.questionnaires-list__status--archived {
  background-color: #a7b0ac; }

.questionnaires-list__status--closed {
  background-color: #61666c; }

.questionnaires-list__status--active {
  background-color: #5ab55a; }

.questionnaires-list__status--draft {
  background-color: #fe9037; }

.questionnaires-list__item__name {
  float: left;
  font-size: 14px;
  color: #3d5569;
  width: 335px; }

.questionnaires-list__item__icon-with-bg:before {
  font-size: 14px;
  color: #bcbebf;
  margin: 0 10px 0 0;
  background-color: #f8f9fa;
  width: 20px;
  height: 20px;
  padding: 2px 0 0 0; }

.questionnaires-list__item__dates {
  width: 335px;
  margin: 0 0 0 25px; }

.questionnaires-list__item__dates_lbl {
  font-size: 12px;
  color: #5f656d;
  margin-right: 5px; }

.questionnaires-list__item__dates_lbl--wide {
  display: block;
  clear: both;
  margin-right: 0; }

.questionnaires-list__item__dates_badge {
  display: inline-block;
  color: #bcbebf;
  font-size: 13px;
  background-color: #fafafa;
  border: solid 1px #f6f6f6;
  padding: 0 5px; }

.questionnaires-list__item__filled {
  width: 380px;
  float: left;
  padding: 2px 0 8px 0; }
  .questionnaires-list__item__filled .questionnaires-list__item__filled_lbl {
    float: left;
    width: 150px; }
  .questionnaires-list__item__filled .questionnaires-list__item__progress {
    width: 230px;
    float: left; }
    .questionnaires-list__item__filled .questionnaires-list__item__progress .vertical-bar {
      margin: 0 5px;
      display: inline-block; }
  .questionnaires-list__item__filled .questionnaires-list__item__progress_lbl {
    font-size: 11px;
    color: #3d5569;
    display: inline-block; }

.questionnaires-list__item__people {
  width: 380px;
  float: left;
  padding: 2px 0; }

.questionnaires-list__item__people--first-column {
  width: 335px;
  margin: 0 0 0 25px; }

.questionnaires-list__item__people_lbl {
  font-size: 12px;
  color: #5f656d; }

/* Nowy obszar wiedzy */
.create-knowledge-base .form-controls label .lbl {
  color: #7b7b7b;
  font-size: 12px;
  float: left;
  margin: 5px 40px 0 10px; }

.create-knowledge-base .form-controls input[type=radio] {
  margin: 0;
  margin-top: 6px;
  float: left; }

/* TMP : tymczasowe ukrycie ikonek kompetencji */
/*
.attribution-structure-item .attribution-list .attribution-item {margin-bottom: 5px; height: 40px;}
.attribution-structure-item .attribution-item .attribution-photo {display: none;}
.attribution-structure-item .attribution-item .attribution-name {width: 255px; height: 40px;}
.attribute-info > .left-column {display: none;}
.attribute-info .wide-box {padding-left: 12px !important; min-height: 0; margin-left: -12px; margin-right: -13px;}
.attribute-info .wide-box h1 {margin-bottom: 0;}
.attribute-info > .right-column {width: 940px; margin-right: 13px;}
.attribute-info > .right-column .right-column-content {width: 100%;}
.blue-box-with-image .cell-left {display: none;}
.questionnairy-page .popup-headliner img {display: none;}
body.Popup .questionnairy-page .popup-headliner-content {width: 100%; float: none;}*/
@media screen and (min-width: 1266px) and (min-height: 500px) {
  body.no-touch {
    overflow-x: hidden; }
    body.no-touch #page-container {
      float: none; }
    body.no-touch #main-nav {
      position: fixed;
      z-index: 100;
      top: 44px;
      left: 0;
      float: none;
      padding-top: 0; }
    body.no-touch #page-body {
      float: none;
      padding-left: 300px;
      width: 1265px; } }

.bottom15 {
  padding-bottom: 15px; }

.th-data-fix {
  width: 125px; }

/* Notatki */
.notes .add-note {
  margin-bottom: 20px; }
  .notes .add-note textarea {
    width: 100%;
    margin-bottom: 10px; }
  .notes .add-note .btn-container {
    text-align: right; }

.notes .notes-list .removeNote a {
  padding: 0; }

.notes .notes-list .removeNote i:before {
  margin: 0; }

.notes .notes-list .note-icons, .notes .notes-list .note-content {
  display: inline-block;
  vertical-align: top; }

.notes .notes-list .note-icons {
  padding-right: 5px; }
  .notes .notes-list .note-icons .icon-circle {
    background-color: #E7E7E7;
    padding: 0.2em; }

.notes-list tr {
  border-bottom: 1px solid #E7E7E7; }

.notes-list td {
  padding: 10px; }
  .notes-list td.color-td {
    padding: 0; }

.notes-list .removeNote .icon-trash {
  margin-right: 2px;
  margin-left: 5px; }

.notes-list.archived .note-content, .notes-list.archived .note-title, .notes-list.archived .notes-info {
  color: #a1a1a1; }

.notes-list.archived tr:hover .note-content, .notes-list.archived tr:hover .note-title, .notes-list.archived tr:hover .notes-info {
  color: #535353; }

.note-title {
  margin-bottom: 3px;
  font: 12px "robotomedium", sans-serif; }

.note-dates {
  margin-bottom: 3px;
  font-size: 11px;
  color: #a1a1a1; }

.notes-info {
  margin-bottom: 10px;
  font-size: 11px; }
  .notes-info i {
    color: #a1a1a1; }

.note-content {
  font-size: 12px;
  width: 100%; }

.note-actions {
  width: 110px;
  vertical-align: middle;
  padding-left: 60px !important;
  border-right: solid 1px #E7E7E7; }

.note-actions > div {
  margin: 5px 0; }

.notes-employee-searcher {
  padding: 10px 20px;
  margin-bottom: 0;
  border-right: solid 1px #E7E7E7;
  border-left: solid 1px #E7E7E7; }

.notes-employee-searcher.sticked-scroll--fixed {
  top: 135px;
  box-shadow: rgba(0, 0, 0, 0.1) 0 0 2px 2px;
  z-index: 665; }
  @media only screen and (max-width: 1265px), only screen and (max-height: 767px) {
    .notes-employee-searcher.sticked-scroll--fixed {
      box-shadow: none; } }

.notes-badge {
  background: #e0e0e0;
  font-size: 11px;
  border-radius: 3px;
  margin-left: 5px;
  margin-top: -2px;
  padding: 3px 5px; }

.note-editor {
  padding-top: 10px;
  border-top: solid 1px #E7E7E7; }

.notes-list-nav {
  /*position: relative;
  top: -60px;*/ }
  .notes-list-nav > li:first-of-type {
    margin-left: 20px; }
  .notes-list-nav > li > a {
    margin: 2px 10px 0 0;
    padding: 4px 15px;
    border: 1px solid #dddddd;
    background: #f0f0f0;
    text-transform: uppercase; }
    .notes-list-nav > li > a:hover {
      border: 1px solid #dddddd; }
  .notes-list-nav > li.active > a {
    margin-top: 0;
    padding: 5px 15px;
    background: #f0f3f5; }
    .notes-list-nav > li.active > a .notes-badge {
      background: #f1743e; }
    .notes-list-nav > li.active > a:hover {
      background: #f0f3f5; }

.notes-inside {
  width: 135px;
  text-align: right;
  height: 25px;
  border-radius: 0 !important; }
  .notes-inside .toggle-lbl {
    position: relative;
    top: -7px;
    left: 0;
    font-size: 12px; }
  .notes-inside .toggle-icon {
    position: relative;
    top: -2px; }

.notes-cog {
  height: 30px;
  margin-top: -2px; }

.btn-search-notes {
  margin-top: -1px;
  margin-left: 5px; }

.dates .date-since, .dates .date-until {
  width: 180px;
  float: left; }

.dates .with-absence {
  width: 180px;
  float: right; }
  .dates .with-absence .absence-lbl {
    float: left;
    width: 120px;
    padding-top: 8px; }

.e-single-employee-avatar {
  float: left; }

.e-lbl {
  float: left;
  width: 180px;
  margin-top: 1px;
  color: #5f656d;
  font-size: 12px;
  line-height: 1.4; }
  .e-lbl a {
    color: #5f656d;
    font-size: 12px;
    line-height: 1.4; }

.e-lbl--employee-header {
  width: auto;
  float: none; }

.selectedAbsenceDay {
  position: relative; }

.selectedAbsenceDay:before {
  content: " ";
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 0;
  border-color: transparent #67696b transparent transparent; }

.ui-state-active {
  color: none; }

.e-checkbox {
  position: absolute;
  right: 5px;
  margin: 0;
  font-size: 13px;
  color: #68b66a; }

.e-checkbox__unchecked {
  display: block;
  border: solid 1px #dcdcdc;
  width: 10px;
  height: 10px;
  float: left;
  padding: 0 !important;
  margin: 1px 5px 0 5px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px; }

.e-checkbox.e-checkbox--static {
  position: static; }

.jspScrollable:focus {
  outline: none; }

.chzn-container.chzn-container-multi.chzn-container-multi--knowledge-bases {
  position: relative;
  top: 2px; }
  .chzn-container.chzn-container-multi.chzn-container-multi--knowledge-bases .chzn-choices {
    width: 630px; }

.chzn-container.chzn-container-multi.chzn-container-multi--knowledge-base .chzn-choices {
  width: 300px; }

.chzn-container-multi.chzn-container-multi--knowledge-bases .chzn-choices .search-field input {
  font-size: 12px;
  height: 22px; }

.chzn-container-multi.chzn-container-multi--knowledge-base .chzn-choices .search-field input {
  font-size: 12px;
  height: 22px; }

.search-form.search-form--knowledge-bases {
  float: left; }

.search-form.search-form--knowledge-base {
  float: left; }

span.fancytree-node {
  background: transparent url("/Content/tms/_img/bg-strips.png") repeat 0 0; }

.dd-item.dd-nodrag.hover .template-question-container {
  cursor: default; }

.popover-close-button {
  position: absolute;
  top: 3px;
  right: 3px;
  cursor: pointer; }

/*Brzydki hack ale konieczny ;(*/
.glyphicon.glyphicon-chevron-up {
  font-family: "fontello-entypo-full";
  font-size: 26px;
  color: #717273;
  font-style: normal; }
  .glyphicon.glyphicon-chevron-up:before {
    content: '\e876';
    font-family: "fontello-entypo-full"; }

.glyphicon.glyphicon-chevron-down {
  font-size: 26px;
  font-family: "fontello-entypo-full";
  color: #717273;
  font-style: normal; }
  .glyphicon.glyphicon-chevron-down:before {
    content: '\e873';
    font-family: "fontello-entypo-full"; }

.bootstrap-timepicker-widget table td a {
  padding: 0; }

.bootstrap-timepicker-widget.dropdown-menu {
  border: solid 1px #dcdcdc;
  -webkit-box-shadow: 0 0px 2px #d5e1e2;
  box-shadow: 0 0px 2px #d5e1e2; }

#colorbox {
  box-shadow: none;
  outline: none; }

#cboxClose {
  border: 0 !important;
  outline: none !important; }

.formError .formErrorArrow {
  top: -2px; }

.formError .formErrorArrowBottom {
  top: 4px !important; }

.jsSelectScaleTypeRow .formErrorArrowBottom {
  left: 80px; }

.jsObjectiveForm .formError .formErrorArrowBottom {
  display: none; }

.popover img {
  max-width: 100%; }

.e-select2--colorpicker__color {
  float: left;
  width: 20px;
  height: 20px;
  margin: 1px 5px 0 0; }

.select2-results .e-select2--colorpicker__text {
  padding-top: 4px;
  float: left; }

.e-select2--icon {
  float: left;
  background: #a1a1a1;
  color: #fff;
  padding: 10px; }

.e-select2--icon i {
  font-size: 18px; }

.select2-container.jsIconSelect {
  height: 52px; }

.select2-container.jsIconSelect .select2-choice {
  height: 52px;
  padding: 2px 0px 2px 2px; }

.e-table-performance-review__col--Employee {
  background: #c4dcf0;
  border-color: #c4dcf0 !important;
  border-bottom: solid 1px #f4f5f7 !important; }
  .e-table-performance-review__col--Employee.e-table-performance-review__header {
    font-family: "robotomedium", sans-serif; }

.e-table-performance-review tr:hover:not(.jsStickyColumn):not(.jsStickyColumnHidden) td {
  background: #f3f8fe; }

.e-table-performance-review tr:hover:not(.jsStickyColumn):not(.jsStickyColumnHidden) td.e-table-performance-review__col--Employee {
  background: #cce1f2;
  border-bottom: solid 1px #bfcddb !important; }

.e-table-performance-review td {
  border: solid 1px; }

.emoji-menu-tabs .emoji-menu-tab:before {
  content: none; }

.e-custom-transform--12X-0Y {
  -webkit-transform: translateX(-12%) translateY(0) scaleX(1) scaleY(1);
  -ms-transform: translateX(-12%) translateY(0) scaleX(1) scaleY(1);
  -moz-transform: translateX(-12%) translateY(0) scaleX(1) scaleY(1);
  transform: translateX(-12%) translateY(0) scaleX(1) scaleY(1);
  z-index: 1000; }

.e-max2lines-description {
  padding-top: 7px;
  display: inline-block;
  width: 175px;
  max-width: 175px; }

.tooltip-inner {
  word-break: break-all;
  word-break: break-word; }

#freshworks-container {
  z-index: 1499 !important; }

.rounded-5 {
    border-radius: 5px;
}