_:-ms-fullscreen,
:root .row {
  width: 100%;
}

_:-ms-fullscreen,
:root .row .row {
  margin: 0;
}

_:-ms-fullscreen,
:root .list-layout .accordion-navigation .content,
:root .grid-layout .accordion-navigation .content {
  padding-left: 0;
  padding-right: 0;
}

_::selection,
:root .row {
  width: 100%;
}

_::selection,
:root .row .row {
  margin: 0;
}

_::selection,
:root .list-layout .accordion-navigation .content,
:root .grid-layout .accordion-navigation .content {
  padding-left: 0;
  padding-right: 0;
}

@-moz-document url-prefix()  {
  .row .row {
    width: 100%;
  }

  .list-layout .accordion-navigation .content,
  .grid-layout .accordion-navigation .content {
    padding-right: 0px;
    margin-right: -5px;
  }
}
.progress.secondary {
  background-color: #e7e7e7;
}

.progress.secondary .meter {
  background-color: #008CBA;
}

.nav-header-user:hover .dropdown {
  opacity: 1;
  z-index: 10;
  -moz-transition: opacity, .2s;
  -o-transition: opacity, .2s;
  -webkit-transition: opacity, .2s;
  transition: opacity, .2s;
}

.red-text {
  color: #f04124;
  background-color: transparent;
  border: none;
}

.green-text {
  color: #368a55;
  background-color: transparent;
  border: none;
}

hr.narrow {
  margin: 0.5rem 0 0.5rem;
}

.dropdown.button,
button.dropdown {
  padding-right: 2rem;
}

.dropdown.button::after,
button.dropdown::after {
  border-color: #e91e63 transparent transparent transparent;
  border-width: 0.3rem;
  right: 0.9rem;
  margin-top: -0.15625rem;
}

.button-group.stack > li > button,
.button-group.stack > li .button {
  border-color: #e91e63;
}

.button-group > li > button,
.button-group > li .button {
  margin-bottom: 5px;
}

.button-group > li:first-child button,
.button-group > li:first-child .button {
  margin-top: 5px;
}

select.with-margin {
  margin-bottom: 1rem;
}

.has-dropdown > a:focus + .dropdown {
  position: static !important;
  height: auto;
  width: auto;
  overflow: visible;
  clip: auto;
  display: block;
  position: absolute !important;
}

.progress {
  padding: 0;
}

.progress .meter span {
  padding-left: 10px;
}

.top-bar ul.title-area h1 a,
.top-bar.expanded ul.title-area h1 a {
  padding: 0;
}

.top-bar ul.title-area h1 a img.logo-image,
.top-bar.expanded ul.title-area h1 a img.logo-image {
  max-width: 80%;
}

.top-bar .button.postfix,
.top-bar.expanded .button.postfix {
  padding-top: 0;
}

.top-bar .top-bar-section ul,
.top-bar.expanded .top-bar-section ul {
  list-style: none;
}

.top-bar .top-bar-section ul li,
.top-bar .top-bar-section ul li.active:not(.has-form),
.top-bar.expanded .top-bar-section ul li,
.top-bar.expanded .top-bar-section ul li.active:not(.has-form) {
  background-color: transparent;
}

.top-bar .top-bar-section ul li.has-form,
.top-bar .top-bar-section ul li.active:not(.has-form).has-form,
.top-bar.expanded .top-bar-section ul li.has-form,
.top-bar.expanded .top-bar-section ul li.active:not(.has-form).has-form {
  padding: 0;
  padding-left: 20px;
}

.top-bar .top-bar-section ul li a,
.top-bar .top-bar-section ul li a:not(.button),
.top-bar .top-bar-section ul li.active:not(.has-form) a,
.top-bar .top-bar-section ul li.active:not(.has-form) a:not(.button),
.top-bar.expanded .top-bar-section ul li a,
.top-bar.expanded .top-bar-section ul li a:not(.button),
.top-bar.expanded .top-bar-section ul li.active:not(.has-form) a,
.top-bar.expanded .top-bar-section ul li.active:not(.has-form) a:not(.button) {
  background-color: transparent;
}

td .button + .button {
  margin-left: 10px;
}

.ui-select-container {
  margin: 0 0 1rem 0 !important;
  width: 100%;
}

.ui-select-container .select2-drop-active {
  border: solid 1px #cccccc;
}

.ui-select-container.ui-select-multiple {
  padding: 0;
}

.ui-select-container.ui-select-multiple .ui-select-search {
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1px solid #cccccc !important;
  height: inherit;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.75);
  display: block;
  font-family: inherit;
  font-size: 0.875rem !important;
  height: 2.3125rem !important;
  margin: 0;
  padding: 0.5rem;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: border-color 0.15s linear, background 0.15s linear;
  -moz-transition: border-color 0.15s linear, background 0.15s linear;
  -ms-transition: border-color 0.15s linear, background 0.15s linear;
  -o-transition: border-color 0.15s linear, background 0.15s linear;
  transition: border-color 0.15s linear, background 0.15s linear;
}

.ui-select-container.ui-select-multiple .select2-results {
  padding: 0;
  margin: 0;
}

.ui-select-container.ui-select-multiple .select2-results .select2-result-single {
  margin-left: 0;
}

.ui-select-container.ui-select-multiple .select2-results .select2-result-single .select2-highlighted {
  background: #EEEEEE !important;
}

.ui-select-container .select2-input.ui-select-search {
  border: none !important;
}

.ui-select-container .select2-choices {
  background-image: none;
  margin: 0;
  border: none;
  border-bottom: 1px solid #999;
}

.ui-select-container .ui-select-match-item.select2-search-choice {
  display: inline-block;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  line-height: 1;
  margin-bottom: auto;
  margin-top: 8px;
  position: relative;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  padding: 0.25rem 0.5rem 0.25rem;
  font-size: 0.6875rem;
  background-color: #e7e7e7;
  background-image: none;
  color: #515050;
  border: none;
}

.ui-select-container .ui-select-match-item.select2-search-choice span {
  margin-left: 6px;
}

.ui-select-container .ui-select-match-item.select2-search-choice .select2-search-choice-close {
  top: 3px;
}

.ui-select-container .ui-select-match-item.select2-search-choice .select2-search-choice-close:hover {
  background-position: right 0px;
}

.ui-select-container .select2-container-multi .select2-choices .select2-search-field {
  width: 100%;
}

.select2-container-multi.select2-container-disabled .select2-choices {
  background-color: #DDDDDD !important;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default;
  padding-bottom: 8px;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 5px;
  border: 1px solid #dddddd;
  background-image: none;
  background-color: #dddddd;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice span {
  margin-left: 0px;
}

datepicker,
.datepicker,
[datepicker],
._720kb-datepicker-calendar-header,
._720kb-datepicker-calendar-body,
._720kb-datepicker-calendar-days-header,
._720kb-datepicker-calendar-years-pagination-pages {
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

#toast-container.toast-top-full-width,
#toast-container.toast-bottom-full-width {
  position: absolute;
  top: -20px;
}

#toast-container.toast-top-full-width > .toast.toast-error,
#toast-container.toast-bottom-full-width > .toast.toast-error {
  background-color: #f04124;
  border-color: #f04124;
}

#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
  width: 100%;
  border-radius: 0;
  box-shadow: none;
  opacity: 1;
}

.media,
.media-body {
  overflow: hidden;
  zoom: 1;
}

.media,
.media .media {
  margin-top: 15px;
}

.media:first-child {
  margin-top: 0;
}

.media-object {
  display: block;
}

.media-heading {
  margin-bottom: 0px;
  margin-top: 0;
}

.media > .left {
  margin-right: 10px;
}

.media > .right {
  margin-left: 10px;
}

.media-list {
  margin-bottom: 5px;
  margin-left: 0;
  padding-left: 0;
  list-style: none;
}

.flag-icon-gb {
  background-image: url("/lib/flags/4x3/gb.svg") !important;
}

.flag-icon-ee {
  background-image: url("/lib/flags/4x3/ee.svg") !important;
}

.flag-icon-ru {
  background-image: url("/lib/flags/4x3/ru.svg") !important;
}

.flag-icon-fi {
  background-image: url("/lib/flags/4x3/fi.svg") !important;
}

.flag-icon-pt {
  background-image: url("/lib/flags/4x3/pt.svg") !important;
}

.accordion-view-expand,
.accordion-view-collapse {
  display: inline-block;
}

.actions-arrow-img {
  left: 98px;
}

.active .f-dropdown a {
  border-bottom: 0;
}

.grid-layout .f-dropdown {
  width: 135%;
}

.legend-arrow-img.sprite.upsidedown-arrow {
  transform: rotateX(180deg);
}

.table-sorter:first-child {
  padding-left: 92px;
}

.grid-layout,
.list-layout {
  display: block;
}

.grid-layout a.entry-actions-button,
.grid-layout a.entry-actions-button,
.list-layout a.entry-actions-button,
.list-layout a.entry-actions-button {
  padding-left: 8px;
  color: #e91e63;
  background-color: #ffffff;
  width: 95px;
  padding: 7px 8px 8px 15px;
}

.grid-layout a.entry-actions-button .entry-actions-text,
.grid-layout a.entry-actions-button .entry-actions-text,
.list-layout a.entry-actions-button .entry-actions-text,
.list-layout a.entry-actions-button .entry-actions-text {
  top: 0;
}

.clear-filters-text {
  margin-left: 5px;
}

.sprite {
  background-image: url("images/spritesheet-5108b3322a.png") !important;
}

.actions-arrow-img {
  background-image: url("images/icon-sort-magenta-1e010ad5a6.png") !important;
}

.header-hamburger-img {
  background-image: url("images/icon-hamburger-5bcb8bdc0d.png") !important;
}

.parent-link span {
  font-size: inherit !important;
  padding: 0 !important;
}

.user-info .user-companies li.selected {
  list-style-image: url("images/icon-dot-490005cbe2.png") !important;
  font-weight: 700;
}

.entry span.entry-group-text {
  padding: 0;
}

.entry span.entry-group-text:first-child {
  padding-top: 25px;
}

.entry span.entry-group-text:last-child {
  padding-bottom: 25px;
}

.sub-menu {
  display: none;
}

.sub-menu.active {
  display: block;
}

.legend.row {
  background-color: white;
  color: #eff0f7;
  border: 1px solid #eaeaea;
}

.legend.row .columns > span:first-child,
.legend.row .columns > i {
  color: #515043;
}

input[type='text']:focus {
  background: #ffffff;
}

input,
textarea {
  border-radius: 2px !important;
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 50px white inset;
  -webkit-text-fill-color: #333;
  background-color: white !important;
}

.button-group.stack > li {
  margin-bottom: 1rem;
}

a span.header-hamburger-img {
  top: 0;
  right: 0;
}

.rzslider .rz-bar {
  background: #e7e7e7;
}

.rzslider .rz-tick-value {
  top: -40px !important;
  white-space: nowrap;
}

.rzslider span.rz-pointer {
  background-color: #ed6593;
}

.rzslider span.rz-pointer.rz-active:after {
  background-color: #c0134e;
}

.header-full .logo-header {
  min-width: 400px;
}

.header-full .logo-header a.logo-link {
  width: 100%;
}

._720kb-datepicker-calendar-header {
  background: #e91e63 !important;
}

._720kb-datepicker-calendar-days-header {
  background-color: #e7e7e7 !important;
}

._720kb-datepicker-calendar-day._720kb-datepicker-active,
._720kb-datepicker-calendar-day:hover {
  background-color: #e7e7e7 !important;
}

table {
  border: none;
}

table thead {
  background-color: white;
  color: #eff0f7;
  border: 1px solid #eaeaea;
}

table thead tr td {
  font-size: 17px !important;
  color: #515050;
  padding: 17px;
}

table tbody:before {
  content: "-";
  display: block;
  line-height: 0.5em;
  color: transparent;
}

table tbody tr:nth-child(odd) {
  background-color: #eff0f7;
  border-right: 1px solid #eff0f7;
}

table tbody tr:nth-child(even) {
  background-color: #ffffff;
}

table tbody tr td {
  font-size: 17px !important;
  color: #2d2d2d;
  padding: 17px;
}

table tbody tr td.with-button {
  padding-left: 0;
}

table tbody tr td.loading-icon-dt {
  text-align: center;
}

table tbody tr.parent-line {
  background-color: #ffffff;
  border: 1px solid #EAEAEA;
  font-weight: 300;
}

table tbody tr.parent-line td {
  font-size: 17px;
}

table tbody tr.parent-line td a {
  border: none;
  width: 100%;
}

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

.large-font-size {
  font-size: 15px !important;
}
body {
  font-size: 100%;
}

.menu-icon {
  color: #b0b2bf;
}

.link {
  color: black;
}

.centered {
  text-align: center;
}

.small-image {
  height: 32px;
  width: auto;
}

select {
  padding: 0 8px;
  height: 2.5rem;
}

.table-cell.nopadding span {
  padding: 0;
}

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

table {
  width: 100%;
}

td.only-icons {
  padding: 17px 0;
}

td.only-icons ul.button-group li a {
  padding: 5px 0;
}

.grey-text {
  color: #6f6f6f;
}

.white {
  color: #ffffff;
}

.bold {
  font-weight: bold;
}

.icons {
  max-width: inherit;
}

.clickable {
  cursor: pointer;
}

.not-visible {
  visibility: hidden;
  height: 0;
}

.padding-top-0 {
  padding-top: 0 !important;
}

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

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

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

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

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

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

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

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

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

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

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

.margin-left-auto {
  margin-left: auto;
}

.margin-left-icon {
  margin-left: 2em;
}

.padding-left-0 {
  padding-left: 0;
}

.margin-bottom-15 {
  margin-bottom: 15px;
}

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

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

.margin-right-15 {
  margin-right: 15px;
}

.margin-right-auto {
  margin-right: auto;
}

.no-margin {
  margin: 0;
}

.pseudolabel {
  font-size: 0.875rem;
  display: block;
}

td.word-break {
  word-break: break-word;
}

.word-wrap {
  word-wrap: break-word;
}

input[type="checkbox"] {
  margin-right: 10px;
}

.fa-wide {
  width: 2em;
}

dt h1 {
  margin: 0;
}

hr.header {
  margin: 2.2rem 0 2rem;
}

.panel-with-margins {
  margin-left: 10px;
}

.panel-image {
  margin-right: 10px;
}

*,
a:focus {
  outline: 0;
}

.dash-wrap .columns {
  padding: 0 !important;
}

.dash-wrap .columns.with-pointer-cursor {
  margin-top: 4px;
}

.dash-wrap .columns a.button {
  margin-bottom: 0;
}

p.divider {
  border-bottom: 1px solid #f2f2f2;
}

.with-pointer-cursor {
  cursor: pointer;
}

.rounded-image {
  border-radius: 40px;
}

.large-rounded-image {
  border-radius: 100px;
}

.button,
button,
.button-blue,
.button-red {
  border-radius: 2px;
  color: white;
}

.object-content {
  max-width: 900px;
}

.button.postfix {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  padding: initial;
}

.grey-button {
  background-color: #B0B2BF;
  border: #B0B2BF 2px solid;
}

button.secondary.postfix,
.button.secondary.postfix {
  border-color: #e7e7e7;
}

.button-bar-with-h1 {
  margin: 21px 0;
}

.opaque {
  opacity: 0.5;
}

.border-left.green-border {
  border-left-color: #43ac6a;
}

.border-left.red-border {
  border-left-color: #f04124;
}

.green {
  color: #43ac6a;
}

.red {
  color: #f04124;
}

.border-left {
  border-left: 4px solid transparent;
}

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

.nav-header > ul > li > ul > li {
  float: none;
}

.white-area {
  background-color: white;
  margin-left: 106px;
  width: inherit !important;
}

a span {
  color: inherit;
}

.main-content.unprotected {
  padding-left: 0;
  padding-right: 0;
}

.angular-google-map-container {
  width: 100%;
  height: 400px;
}

.buttons-in-middle button {
  margin-top: 15px;
}

.no-height {
  height: 0px;
  padding: 0;
  margin: 0;
}

fieldset {
  border: none;
}

.loading-container {
  text-align: center;
}

.empty-heading {
  height: 30px;
}

.has-dropdown img {
  margin-right: 10px;
}

table.opacity {
  opacity: 0.5;
}

label.error span a {
  color: inherit !important;
}

.sublist-with-radio-buttons {
  margin-left: 0.5rem;
}

.no-border {
  border: none;
}

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

.transparent {
  color: transparent !important;
}

textarea {
  margin: 0 0 1rem 0;
}

.checkbox-cell {
  margin: 0;
  padding: 0;
  text-align: center;
}

a.button.with-image img,
button.with-image img {
  padding-right: 5px;
  width: 20px;
  margin-top: -2px;
}

.table-sorter.checkbox-cell:first-child {
  padding-left: 0;
}

a.success,
h1.success,
h2.success,
h3.success,
h4.success,
h5.success,
h6.success,
p.success,
span.success,
i.success {
  color: #43AC6A;
}

a.alert,
h1.alert,
h2.alert,
h3.alert,
h4.alert,
h5.alert,
h6.alert,
p.alert,
span.alert,
i.alert {
  color: #f04124;
}

a.done-filling,
h1.done-filling,
h2.done-filling,
h3.done-filling,
h4.done-filling,
h5.done-filling,
h6.done-filling,
p.done-filling,
span.done-filling,
i.done-filling {
  color: #6aa84f;
}

a.current-filling,
h1.current-filling,
h2.current-filling,
h3.current-filling,
h4.current-filling,
h5.current-filling,
h6.current-filling,
p.current-filling,
span.current-filling,
i.current-filling {
  color: #000000;
}

a.empty-filling,
h1.empty-filling,
h2.empty-filling,
h3.empty-filling,
h4.empty-filling,
h5.empty-filling,
h6.empty-filling,
p.empty-filling,
span.empty-filling,
i.empty-filling {
  color: #e06666;
}

a.not-filling,
h1.not-filling,
h2.not-filling,
h3.not-filling,
h4.not-filling,
h5.not-filling,
h6.not-filling,
p.not-filling,
span.not-filling,
i.not-filling {
  color: #999999;
}

.row-fullscreen.full-page {
  height: 100%;
}

.google-login,
.google-login:hover {
  background-color: white;
  border-color: #dd4b39 !important;
  font-family: 'Roboto', sans-serif;
}

.google-login img,
.google-login:hover img {
  margin-bottom: 4px;
}

.google-login span,
.google-login:hover span {
  margin-left: 15px;
  font-weight: normal;
  color: #dd4b39;
}

label input[type="radio"] {
  margin-right: 10px;
}

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

.panel ul.vcard {
  padding: 0;
  border: 0;
  font-size: 0.9rem;
}

.dropdown-button {
  width: 100%;
  text-align: left;
  padding: 0.5rem;
  color: #555555;
  background-color: white;
  font-size: 0.875rem;
  margin-bottom: 0px;
}

.dropdown-button:hover,
.dropdown-button:visited,
.dropdown-button:active,
.dropdown-button:focus {
  background-color: #eeeeee;
  color: #555555;
}

.separator {
  border-right: 1px solid #e6e6e6;
  height: 0;
  list-style: none;
  padding-left: 5px;
  padding-right: 5px;
}

.row-fullscreen {
  margin: 0;
  max-width: 100%;
  background-color: white;
}

.half-size-datepicker ._720kb-datepicker-calendar {
  width: 45%;
  min-width: 0px;
}

.floating-div {
  z-index: 9999;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 50%;
  top: 50%;
}

.loading-icon {
  color: #515043;
}

.sub-nav {
  height: 33px;
  margin: 0;
  background-color: #f2f2f2;
  padding-top: 0.35rem;
}

@media (min-width: 768px) {
  .locale-buttons .col-md-1,
  .locale-buttons .col-sm-1,
  .locale-buttons .col-lg-1 {
    width: 100%;
    *width: 100%;
  }
}

@media (min-width: 992px) {
  .locale-buttons .col-md-1,
  .locale-buttons .col-sm-1,
  .locale-buttons .col-lg-1 {
    width: 12.5%;
    *width: 12.5%;
  }
}

@media (min-width: 1200px) {
  .locale-buttons .col-md-1,
  .locale-buttons .col-sm-1,
  .locale-buttons .col-lg-1 {
    width: 12.5%;
    *width: 12.5%;
  }
}

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

.filter-accordion {
  margin-left: 0;
  margin-bottom: 10px;
}

.filter-accordion .content {
  border: 1px solid #f2f2f2;
  margin: 0;
}

.filter-accordion li.accordion-navigation > a {
  height: 33px;
  background: #f2f2f2;
  padding: 0.3rem 1rem 0 1rem;
  color: #999999;
  font-size: 0.875rem;
}

.filter-accordion li.accordion-navigation > a .row {
  padding-left: 10px;
  padding-right: 10px;
}

table tr td > button,
table tr td > .button {
  margin-bottom: 0;
}

table.table-full-width {
  width: 100%;
}

table thead tr td,
table thead tr th {
  padding-right: 40px;
  font-size: 115%;
  cursor: pointer;
  white-space: nowrap;
}

@media (max-width: 640px) {
  .floating-div {
    top: 60%;
  }

  .title-area .name h1 a {
    margin-left: 40px;
  }

  .side-menu-icon button {
    margin-top: 14px;
  }
}

.panel .contacts-list,
.panel a.contacts-list,
.panel .contacts-list p,
.panel .media-body {
  font-size: 0.9rem;
}

.panel .accordion {
  margin-left: 0;
}

.panel .accordion .accordion-navigation a,
.panel .accordion .accordion-navigation .content p,
.panel .accordion .accordion-navigation .content {
  background-color: inherit;
  padding: 0;
  margin: 2px;
}

.panel .accordion .accordion-navigation a {
  color: #008CBA;
  display: block;
  margin: 0;
}

.panel .accordion .accordion-navigation .content p {
  margin-left: 5px;
}

.bordered-div {
  border: 1px solid #EAEAEA;
}

.bordered-div .columns {
  background-color: #ffffff;
  font-weight: 300;
  color: #2d2d2d;
  padding: 17px;
  font-size: 17px;
}

ul.side-toggle {
  width: 16px;
  margin-right: 14px;
}

ul.side-toggle .side-menu-icon button,
ul.side-toggle .side-menu-icon button:hover,
ul.side-toggle .side-menu-icon button:focus {
  top: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: block;
  background-color: #333;
  border-color: #333;
  outline: 0;
}

ul.side-toggle .side-menu-icon button span,
ul.side-toggle .side-menu-icon button:hover span,
ul.side-toggle .side-menu-icon button:focus span {
  content: "";
  position: relative;
  display: block;
  height: 0;
  box-shadow: 0 0 0 1px #FFFFFF, 0 7px 0 1px #FFFFFF, 0 14px 0 1px #FFFFFF;
  width: 16px;
}

img.survey-icon {
  width: 30px;
  height: 20px;
}

img.survey-icon.appraisal_interview {
  background: url("images/icon_feedback_type-28bc61460e.png") 0 202px;
}

img.survey-icon.evaluation {
  background: url("images/icon_feedback_type-28bc61460e.png") 0 0;
}

img.survey-icon.staff_satisfaction_survey {
  background: url("images/icon_feedback_type-28bc61460e.png") 1px 103px;
}

img.survey-icon.public_survey {
  background: url("images/icon_feedback_type-28bc61460e.png") 0 52px;
}

img.survey-icon.file {
  background: url("images/icon_feedback_type-28bc61460e.png") 1px -100px;
  -moz-transform: scale(0.75);
  -webkit-transform: scale(0.75);
  transform: scale(0.75);
  height: 31px;
  width: 32px;
}

.dash-wrap {
  padding-top: 2px;
  padding-bottom: 2px;
}

.dash {
  height: 1px;
  background-repeat: repeat-x;
  background-image: url("images/dash-02fd223654.png");
}

.datepicker.dropdown-menu {
  padding: 0;
  padding-bottom: 5px;
  margin: 0;
}

.datepicker.dropdown-menu > table {
  padding: 0;
  margin: 0;
}

.datepicker.dropdown-menu > table thead tr th {
  color: #515050;
}

.datepicker.dropdown-menu > table thead tr th button {
  color: #515050;
}

.datepicker.dropdown-menu > table thead tr th button.active,
.datepicker.dropdown-menu > table thead tr th button:active {
  box-shadow: none;
}

.datepicker.dropdown-menu > table thead tr:first-child {
  background-color: #e91e63;
}

.datepicker.dropdown-menu > table thead tr:first-child th button {
  background-color: transparent;
  border: none;
}

.datepicker.dropdown-menu > table tbody tr {
  background-color: inherit;
  border-right: inherit;
  color: #515050;
}

.datepicker.dropdown-menu > table tbody tr td {
  padding: 0px;
  padding-left: 5px;
  padding-right: 5px;
}

.datepicker.dropdown-menu > table tbody tr td button {
  border: none;
  padding: 6px 10px;
}

.datepicker.dropdown-menu > table tbody tr td .btn-primary {
  color: #fff;
  background-color: #e91e63;
  border-color: #e91e63;
}

.datepicker.dropdown-menu > table tbody tr td .btn-info {
  color: #fff;
  background-color: pink;
  border-color: pink;
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
}

* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

button:focus {
  outline: 0 !important;
}

.bootstrap-select .dropdown-toggle:focus {
  outline: 0 !important;
}

html {
  position: relative;
  min-height: 100%;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  padding: 0;
  background-color: #fff;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 130%;
}

header {
  position: relative;
  height: 50px;
  z-index: 100;
}

header .logo {
  display: inline-block;
  width: 160px;
  height: 50px;
  background-color: #e91e63;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 14px;
  text-align: center;
  letter-spacing: 1px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
}

header .logo p {
  margin: 0;
  line-height: 50px;
}

header .logo p .dark {
  color: #2d2d2d;
}

.sidebar {
  position: fixed;
  width: 50px;
  height: 100%;
  z-index: 10;
  left: 0;
  top: 0;
  background-color: #2e2f37;
}

h1.page-title {
  margin-left: 100px;
  margin-top: 30px;
  margin-bottom: 20px;
  font-size: 22px;
  color: #2e2f37;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  letter-spacing: 1px;
}

.dropdown-menu {
  background-color: #fafbfd;
  border: none;
  border-radius: 0;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.bootstrap-select.btn-group .dropdown-menu li a {
  padding: 8px 15px;
  font-size: 12px;
  color: #2e2f37;
}

.bootstrap-select.btn-group .dropdown-menu li a.level-2 {
  padding-left: 30px;
}

.bootstrap-select.btn-group .dropdown-menu li a.level-3 {
  padding-left: 45px;
}

.bootstrap-select.btn-group .dropdown-menu li a:hover {
  background-color: #eff0f7 !important;
}

.btn-group.btn-group-sm.btn-block {
  padding-bottom: 10px;
  border-bottom: 1px solid #dfdfe8;
}

.actions-btn.bs-select-all.btn.btn-default,
.actions-btn.bs-deselect-all.btn.btn-default {
  border: none;
  background: none;
  font-size: 11px;
  width: 50%;
}

.glyphicon {
  font-family: 'Glyphicons Halflings' !important;
}

.fa {
  font-family: 'FontAwesome' !important;
}

.glyphicon.glyphicon-ok.check-mark {
  font-size: 10px !important;
  line-height: 20px !important;
  color: #2e2f37 !important;
}

.content {
  margin-left: 50px;
  margin-right: 50px;
  margin-bottom: 50px;
  min-height: 400px;
  background-color: #fff;
}

.content .wrap {
  padding: 40px 30px;
}

.content .wrap .filters {
  height: 45px;
  margin-bottom: 0;
}

.content .wrap .select-dropdown {
  border-bottom: 1px solid #e7e9ed;
  color: #9898a3;
  background: #fff;
  font-size: 14px;
  padding-left: 0;
}

.content .wrap .select-dropdown span {
  color: #9898a3;
}

.content .wrap .select-dropdown-box {
  border: 1px solid #e7e9ed;
  color: #9898a3;
  background: #fff;
  font-size: 14px;
}

.content .wrap .select-dropdown-box span {
  color: #9898a3;
}

.content .wrap .btn-group.open .dropdown-toggle {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.content .wrap .clearRow {
  height: 40px;
}

.content .wrap .clear-all {
  margin: 0;
  font-size: 12px;
  color: #9898a3;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}

.content .wrap .clear-all .glyphicon {
  color: #86f37b;
}

.content .wrap .clear-all .glyphicon span {
  color: #9898a3;
  margin-left: 5px;
}

.content .wrap .clear-all .glyphicon span:hover {
  text-decoration: underline;
}

.content .wrap .clear-all .material-icons {
  font-size: 14px;
  color: #86f37b;
  vertical-align: middle;
  margin-bottom: 3px;
  margin-right: 3px;
}

.content .wrap .charts {
  margin-bottom: 40px;
}

.content .wrap .charts .chart {
  border: 1px solid #e7e9ed;
  height: auto;
  margin-top: 10px;
  padding: 40px 50px;
  position: relative;
  overflow: hidden;
}

.content .wrap .charts .chart h2 {
  margin: 0;
  padding: 0;
  font-size: 18px;
  text-transform: uppercase;
  color: #2e2f37;
  font-weight: 500;
  letter-spacing: 0.5px;
}

.content .wrap .charts .chart .placeholder {
  height: auto;
  text-align: center;
  padding-top: 30px;
  color: #e7e9ed;
}

.content .wrap .charts .chart .placeholder a.reminder-link {
  font-size: 12px;
  float: right;
  position: relative;
  top: -15px;
  right: -20px;
  margin-bottom: -30px;
  border: 1px solid #e7e9ed;
  padding: 5px;
}

.content .wrap .charts .chart .eval-role {
  margin: 0;
  position: absolute;
  top: 30px;
  right: 50px;
}

.content .wrap .charts .chart .eval-role span.chart-role-select {
  display: inline-block;
  margin-right: 15px;
  font-size: 14px;
  color: #9898a3;
  letter-spacing: 0.5px;
}

.content .wrap .charts .chart .eval-role .select-wrapper {
  width: 160px;
  display: inline-block;
}

.content .wrap .charts .chart .eval-role .select-wrapper .counter {
  width: 17px;
  height: 17px;
  line-height: 17px;
  font-size: 10px;
  top: 11px;
  right: 25px;
}

.content .wrap .charts .chart .eval-role .select-wrapper input.select-dropdown {
  border: 1px solid #e7e9ed;
  font-size: 12px;
  line-height: 1rem;
  width: 140px;
  padding: 5px 10px;
}

.content .wrap .charts .chart .eval-role .select-wrapper .caret {
  top: 13px;
  right: 10px;
}

.content .wrap .charts .chart .eval-role .select-wrapper li.control.clear-all:after {
  width: 140px;
}

.content .wrap .overview-table {
  height: auto;
  border: 1px solid #e7e9ed;
  overflow-x: scroll;
}

.content .wrap .overview-table table {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  color: #2d2d2d;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 0;
  width: 100%;
  min-width: 1000px;
}

.content .wrap .overview-table table thead {
  border: 0;
  border-bottom: solid #e7e9ed 1px;
}

.content .wrap .overview-table table thead tr {
  background: #ffffff;
  height: 70px;
  color: #606060;
  font-weight: 600;
  font-size: 14px;
}

.content .wrap .overview-table table thead th,
.content .wrap .overview-table table thead td {
  padding-left: 0px;
  padding-right: 0px;
}

.content .wrap .overview-table table thead th .material-icons,
.content .wrap .overview-table table thead td .material-icons {
  vertical-align: bottom;
  font-size: 20px;
}

.content .wrap .overview-table table thead th:hover,
.content .wrap .overview-table table thead td:hover {
  cursor: pointer;
  color: #2d2d2d;
}

.content .wrap .overview-table table thead th .select-wrapper,
.content .wrap .overview-table table thead td .select-wrapper {
  width: 140px;
  display: inline-block;
  font-weight: 400;
}

.content .wrap .overview-table table thead th .select-wrapper .counter,
.content .wrap .overview-table table thead td .select-wrapper .counter {
  width: 17px;
  height: 17px;
  line-height: 17px;
  font-size: 10px;
  top: 11px;
  right: 25px;
}

.content .wrap .overview-table table thead th .select-wrapper input.select-dropdown,
.content .wrap .overview-table table thead td .select-wrapper input.select-dropdown {
  border: 1px solid #e7e9ed;
  font-size: 12px;
  line-height: 1rem;
  width: 120px;
  padding: 5px 10px;
}

.content .wrap .overview-table table thead th .select-wrapper .caret,
.content .wrap .overview-table table thead td .select-wrapper .caret {
  top: 13px;
  right: 10px;
}

.content .wrap .overview-table table thead th .select-wrapper li.control.clear-all:after,
.content .wrap .overview-table table thead td .select-wrapper li.control.clear-all:after {
  width: 120px;
}

.content .wrap .overview-table table tbody {
  border: 0;
}

.content .wrap .overview-table table tbody tr {
  height: 75px;
}

.content .wrap .overview-table table tbody tr td {
  padding-left: 0px;
  padding-right: 0px;
}

.content .wrap .overview-table table tbody tr:nth-child(odd) {
  background-color: #fafbfd;
}

.content .wrap .overview-table table tbody tr:nth-child(even) {
  background-color: #eff0f7;
}

/* Override material filters */

.select-wrapper {
  width: 200px;
}

.select-wrapper span.caret {
  color: #9898a3;
  top: 8px;
  border: none;
  width: initial;
  height: initial;
  margin-left: 0;
}

.select-wrapper .counter {
  -webkit-border-radius: 19px;
  -moz-border-radius: 19px;
  border-radius: 19px;
  width: 19px;
  height: 19px;
  position: absolute;
  right: 20px;
  top: 0;
  z-index: 10;
  background-color: #86f37b;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  text-align: center;
  line-height: 19px;
}

.select-wrapper .counter.hidden {
  display: none;
}

.select-wrapper input.select-dropdown {
  border-bottom: 1px solid #e7e9ed;
  color: #9898a3;
  font-size: 14px;
  height: 2rem;
  line-height: 2rem;
}

.select-wrapper .dropdown-content {
  background-color: #fafbfd;
  padding-bottom: 15px;
}

.select-wrapper .dropdown-content li {
  min-height: 30px;
}

.select-wrapper .dropdown-content li:hover {
  background-color: #eff0f7;
}

.select-wrapper .dropdown-content li.level-2 {
  padding-left: 20px;
}

.select-wrapper .dropdown-content li.level-2 span {
  font-size: 11px;
}

.select-wrapper .dropdown-content li.level-3 {
  padding-left: 40px;
}

.select-wrapper .dropdown-content li.level-3 span {
  font-size: 11px;
}

.select-wrapper .dropdown-content li span {
  color: #2e2f37;
  font-size: 12px;
  padding: 8px 15px;
  line-height: 14px;
}

.select-wrapper .dropdown-content li label {
  height: 12px;
  padding-left: 20px;
  margin-left: 0;
}

.select-wrapper .dropdown-content li label:before {
  width: 12px;
  height: 12px;
  margin-top: 1px;
  border: 2px solid #5d7486;
}

.select-wrapper .dropdown-content li.selected {
  background-color: #fafbfd;
}

.select-wrapper .dropdown-content li.active {
  background-color: #eff0f7;
}

.select-wrapper .dropdown-content li.active label:before {
  width: 6px;
  height: 12px;
  margin-top: 3px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #5d7486;
  border-bottom: 2px solid #5d7486;
}

.select-wrapper .dropdown-content li.disabled {
  text-transform: uppercase;
}

.select-wrapper .dropdown-content li.disabled:hover {
  background-color: #fafbfd;
}

.select-wrapper .dropdown-content li.disabled span {
  font-size: 10px;
  color: #9898a3;
  padding: 10px 15px;
}

.select-wrapper .dropdown-content li.disabled label {
  display: none;
}

.select-wrapper .dropdown-content li.control label {
  display: none;
}

.select-wrapper .dropdown-content li.control.clear-all:after {
  content: '';
  display: block;
  width: 180px;
  margin: 0 auto;
  height: 1px;
  background-color: #dfdfe8;
}

.period-wrap {
  width: 100% !important;
  border-bottom: 1px solid #e7e9ed;
  color: #9898a3;
  font-size: 14px;
  height: 2.25rem;
  line-height: 2.25rem;
  float: right;
  position: relative;
  cursor: pointer;
}

.period-wrap .period {
  width: 100%;
  height: 100%;
}

.period-wrap .period .val {
  color: #9898a3;
}

.period-wrap .caret {
  color: #9898a3;
  position: absolute;
  right: 3px;
  font-size: 10px;
  top: 14px;
  width: initial;
  height: initial;
  margin-left: 0;
}

.period-wrap .caret i i {
  font-size: 19px;
}

/* Override datepicker */

.daterangepicker {
  border-radius: 0px;
  border: none;
  min-width: 180px;
  background-color: #fafbfd;
  padding: 0;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.daterangepicker:before,
.daterangepicker:after {
  display: none !important;
}

.daterangepicker .ranges {
  width: 100%;
  margin: 0;
  padding-top: 15px;
  padding-bottom: 15px;
}

.daterangepicker .ranges ul {
  width: 100%;
}

.daterangepicker .ranges ul li {
  margin: 0;
  border-radius: 0px;
  color: #2e2f37;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 12px;
  padding: 0px 15px;
  line-height: 29px;
  background-color: #fafbfd;
  border-color: transparent;
}

.daterangepicker .ranges ul li:hover {
  background-color: #eff0f7;
  color: #2e2f37;
  border-color: transparent;
}

.daterangepicker .ranges ul li.active {
  background-color: #eff0f7;
  color: #2e2f37;
  border-color: transparent;
}

.daterangepicker.show-calendar {
  padding: 10px;
}

.daterangepicker.show-calendar .ranges {
  width: initial;
  margin-top: 43px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.daterangepicker.show-calendar .ranges ul li {
  font-size: 11px;
}

.daterangepicker.show-calendar .daterangepicker_input {
  padding-left: 6px;
}

.daterangepicker.show-calendar .daterangepicker_input i {
  display: none;
}

.daterangepicker.show-calendar .daterangepicker_input input.input-mini {
  padding: 0;
  border: none;
  border-radius: 0px;
  background-color: #fafbfd;
  font-size: 12px;
  text-align: center;
  box-shadow: none !important;
}

.daterangepicker.show-calendar .daterangepicker_input input.input-mini:focus {
  box-shadow: 0 1px 0 0 #86f37b;
}

.daterangepicker.show-calendar .calendar-table {
  border: none;
  background-color: #fafbfd;
  padding: 4px !important;
}

.daterangepicker.show-calendar .calendar-table table thead {
  border-color: #e7e9ed;
  background-color: #fff;
  border-bottom-color: transparent;
  color: #2e2f37;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
}

.daterangepicker.show-calendar .calendar-table table thead tr th {
  color: #2e2f37;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
}

.daterangepicker.show-calendar .calendar-table table thead tr th.prev,
.daterangepicker.show-calendar .calendar-table table thead tr th.next {
  font-size: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.daterangepicker.show-calendar .calendar-table table thead tr th.prev:hover,
.daterangepicker.show-calendar .calendar-table table thead tr th.next:hover {
  background-color: #eff0f7;
}

.daterangepicker.show-calendar .calendar-table table thead tr th.month {
  padding-top: 10px;
  padding-bottom: 10px;
}

.daterangepicker.show-calendar .calendar-table table thead tr:nth-child(2) th {
  font-size: 11px;
  font-weight: 600;
}

.daterangepicker.show-calendar .calendar-table table tbody {
  border-color: #e7e9ed;
  border-top-color: transparent;
}

.daterangepicker.show-calendar .calendar-table table tbody tr:nth-child(even) {
  background-color: #fafbfd;
}

.daterangepicker.show-calendar .calendar-table table tbody tr td {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 11px;
  border-radius: 0px;
  color: #2e2f37;
}

.daterangepicker.show-calendar .calendar-table table tbody tr td:hover {
  background-color: #eff0f7;
  color: #2e2f37;
}

.daterangepicker.show-calendar .calendar-table table tbody tr td.active {
  background-color: #86f37b !important;
}

.daterangepicker.show-calendar .calendar-table table tbody tr td.in-range {
  background-color: #E3FFE0;
}

.daterangepicker.show-calendar .calendar-table table tbody tr td.start-date {
  border-radius: 2px 0 0 2px;
}

.daterangepicker.show-calendar .calendar-table table tbody tr td.end-date {
  border-radius: 0 2px 2px 0;
}

.daterangepicker.show-calendar .calendar-table table tbody tr td.off {
  color: #9898a3;
}

@media screen and (min-width: 1024px) and (max-width: 1240px) {
  .eval-role {
    position: relative !important;
    padding: 20px 10px 0px 48px !important;
    top: 0 !important;
  }
}

@media screen and (max-width: 740px) {
  .eval-role {
    position: relative !important;
    padding: 20px 10px 0px 48px !important;
    top: 0 !important;
  }
}

.divider {
  height: 1px;
  width: 100%;
  display: block;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.grey {
  color: #B0B2BF;
}

.tooltip {
  background: transparent !important;
}