/* Minification failed. Returning unminified contents.
(8,1): run-time error CSS1019: Unexpected token, found '@import'
(8,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700&display=swap')'
(21,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(22,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(26,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(27,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(31,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(32,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(92,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(93,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(104,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(105,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(1978,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1979,8): run-time error CSS1035: Expected colon, found '{'
(1990,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1991,8): run-time error CSS1035: Expected colon, found '{'
(2593,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2594,8): run-time error CSS1035: Expected colon, found '{'
(2601,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2602,8): run-time error CSS1035: Expected colon, found '{'
(6379,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(6380,8): run-time error CSS1035: Expected colon, found '{'
(6391,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6392,8): run-time error CSS1035: Expected colon, found '{'
(6693,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6694,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10367,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10368,8): run-time error CSS1035: Expected colon, found '{'
(10380,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10381,8): run-time error CSS1035: Expected colon, found '{'
(11355,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11356,8): run-time error CSS1035: Expected colon, found '{'
(11364,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(11365,8): run-time error CSS1035: Expected colon, found '{'
(11373,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(11374,8): run-time error CSS1035: Expected colon, found '{'
(11382,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(11383,8): run-time error CSS1035: Expected colon, found '{'
(11401,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11402,8): run-time error CSS1035: Expected colon, found '{'
(11412,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(11413,8): run-time error CSS1035: Expected colon, found '{'
(11423,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(11424,8): run-time error CSS1035: Expected colon, found '{'
(11434,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(11435,8): run-time error CSS1035: Expected colon, found '{'
(11904,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11905,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11919,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(11920,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11934,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(11935,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11949,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(11950,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12047,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12048,8): run-time error CSS1035: Expected colon, found '{'
(12056,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(12057,8): run-time error CSS1035: Expected colon, found '{'
(12065,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12066,8): run-time error CSS1035: Expected colon, found '{'
(12074,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(12075,8): run-time error CSS1035: Expected colon, found '{'
(12093,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12094,8): run-time error CSS1035: Expected colon, found '{'
(12104,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(12105,8): run-time error CSS1035: Expected colon, found '{'
(12115,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12116,8): run-time error CSS1035: Expected colon, found '{'
(12126,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(12127,8): run-time error CSS1035: Expected colon, found '{'
(12475,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12476,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12750,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12751,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12765,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(12766,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12780,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12781,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12795,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(12796,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13533,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13534,8): run-time error CSS1035: Expected colon, found '{'
(13541,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13542,8): run-time error CSS1035: Expected colon, found '{'
(14529,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14530,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14531,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14532,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14536,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14537,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14538,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14539,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14540,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14541,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14580,41): run-time error CSS1046: Expect comma, found '36'
(14580,47): run-time error CSS1046: Expect comma, found '/'
(14710,39): run-time error CSS1046: Expect comma, found '0'
(14710,43): run-time error CSS1046: Expect comma, found '/'
(14764,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(14765,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(15145,21): run-time error CSS1039: Token not allowed after unary operator: '-spacing-400'
(15146,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-bg-l'
(15147,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-bg'
(15152,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-500'
(15251,20): run-time error CSS1039: Token not allowed after unary operator: '-spacing-300'
(15255,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-300'
(15320,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-300'
(15359,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-300'
(15385,29): run-time error CSS1039: Token not allowed after unary operator: '-spacing-500'
(15386,28): run-time error CSS1039: Token not allowed after unary operator: '-spacing-300'
(15466,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-400'
(15476,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-400'
(15484,21): run-time error CSS1039: Token not allowed after unary operator: '-spacing-400'
(15558,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-400'
(15594,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing-500'
(15659,21): run-time error CSS1039: Token not allowed after unary operator: '-spacing-400'
 */
/*!
 * Bootstrap-select v1.12.4 (http://silviomoreto.github.io/bootstrap-select)
 *
 * Copyright 2013-2017 bootstrap-select
 * Licensed under MIT (https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE)
 */select.bs-select-hidden,select.selectpicker{display:none!important}.bootstrap-select{width:220px\9}.bootstrap-select>.dropdown-toggle{width:100%;padding-right:25px;z-index:1}.bootstrap-select>.dropdown-toggle.bs-placeholder,.bootstrap-select>.dropdown-toggle.bs-placeholder:active,.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder:hover{color:#999}.bootstrap-select>select{position:absolute!important;bottom:0;left:50%;display:block!important;width:.5px!important;height:100%!important;padding:0!important;opacity:0!important;border:none}.bootstrap-select>select.mobile-device{top:0;left:0;display:block!important;width:100%!important;z-index:2}.error .bootstrap-select .dropdown-toggle,.has-error .bootstrap-select .dropdown-toggle{border-color:#b94a48}.bootstrap-select.fit-width{width:auto!important}.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width:220px}.bootstrap-select .dropdown-toggle:focus{outline:thin dotted #333!important;outline:5px auto -webkit-focus-ring-color!important;outline-offset:-2px}.bootstrap-select.form-control{margin-bottom:0;padding:0;border:none}.bootstrap-select.form-control:not([class*=col-]){width:100%}.bootstrap-select.form-control.input-group-btn{z-index:auto}.bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child)>.btn{border-radius:0}.bootstrap-select.btn-group:not(.input-group-btn),.bootstrap-select.btn-group[class*=col-]{float:none;display:inline-block;margin-left:0}.bootstrap-select.btn-group.dropdown-menu-right,.bootstrap-select.btn-group[class*=col-].dropdown-menu-right,.row .bootstrap-select.btn-group[class*=col-].dropdown-menu-right{float:right}.form-group .bootstrap-select.btn-group,.form-horizontal .bootstrap-select.btn-group,.form-inline .bootstrap-select.btn-group{margin-bottom:0}.form-group-lg .bootstrap-select.btn-group.form-control,.form-group-sm .bootstrap-select.btn-group.form-control{padding:0}.form-group-lg .bootstrap-select.btn-group.form-control .dropdown-toggle,.form-group-sm .bootstrap-select.btn-group.form-control .dropdown-toggle{height:100%;font-size:inherit;line-height:inherit;border-radius:inherit}.form-inline .bootstrap-select.btn-group .form-control{width:100%}.bootstrap-select.btn-group.disabled,.bootstrap-select.btn-group>.disabled{cursor:not-allowed}.bootstrap-select.btn-group.disabled:focus,.bootstrap-select.btn-group>.disabled:focus{outline:0!important}.bootstrap-select.btn-group.bs-container{position:absolute;height:0!important;padding:0!important}.bootstrap-select.btn-group.bs-container .dropdown-menu{z-index:1060}.bootstrap-select.btn-group .dropdown-toggle .filter-option{display:inline-block;overflow:hidden;width:100%;text-align:left}.bootstrap-select.btn-group .dropdown-toggle .caret{position:absolute;top:50%;right:12px;margin-top:-2px;vertical-align:middle}.bootstrap-select.btn-group[class*=col-] .dropdown-toggle{width:100%}.bootstrap-select.btn-group .dropdown-menu{min-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-select.btn-group .dropdown-menu.inner{position:static;float:none;border:0;padding:0;margin:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none}.bootstrap-select.btn-group .dropdown-menu li{position:relative}.bootstrap-select.btn-group .dropdown-menu li.active small{color:#fff}.bootstrap-select.btn-group .dropdown-menu li.disabled a{cursor:not-allowed}.bootstrap-select.btn-group .dropdown-menu li a{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bootstrap-select.btn-group .dropdown-menu li a.opt{position:relative;padding-left:2.25em}.bootstrap-select.btn-group .dropdown-menu li a span.check-mark{display:none}.bootstrap-select.btn-group .dropdown-menu li a span.text{display:inline-block}.bootstrap-select.btn-group .dropdown-menu li small{padding-left:.5em}.bootstrap-select.btn-group .dropdown-menu .notify{position:absolute;bottom:5px;width:96%;margin:0 2%;min-height:26px;padding:3px 5px;background:#f5f5f5;border:1px solid #e3e3e3;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05);pointer-events:none;opacity:.9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-select.btn-group .no-results{padding:3px;background:#f5f5f5;margin:0 5px;white-space:nowrap}.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option{position:static}.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret{position:static;top:auto;margin-top:-1px}.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark{position:absolute;display:inline-block;right:15px;margin-top:5px}.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text{margin-right:34px}.bootstrap-select.show-menu-arrow.open>.dropdown-toggle{z-index:1061}.bootstrap-select.show-menu-arrow .dropdown-toggle:before{content:'';border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid rgba(204,204,204,.2);position:absolute;bottom:-4px;left:9px;display:none}.bootstrap-select.show-menu-arrow .dropdown-toggle:after{content:'';border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;bottom:-4px;left:10px;display:none}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before{bottom:auto;top:-3px;border-top:7px solid rgba(204,204,204,.2);border-bottom:0}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after{bottom:auto;top:-3px;border-top:6px solid #fff;border-bottom:0}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before{right:12px;left:auto}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after{right:13px;left:auto}.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:after,.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:before{display:block}.bs-actionsbox,.bs-donebutton,.bs-searchbox{padding:4px 8px}.bs-actionsbox{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bs-actionsbox .btn-group button{width:50%}.bs-donebutton{float:left;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bs-donebutton .btn-group button{width:100%}.bs-searchbox+.bs-actionsbox{padding:0 8px 4px}.bs-searchbox .form-control{margin-bottom:0;width:100%;float:none}

@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700&display=swap');



* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#updating > img {
  -webkit-animation: rotateloader 1.3s linear infinite;
  -moz-animation: rotateloader 1.3s linear infinite;
  animation: rotateloader 1.3s linear infinite;
}
@-moz-keyframes rotateloader {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes rotateloader {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes rotateloader {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
#preloader {
  z-index: 100000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#loader {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 110px;
  height: 110px;
  margin: -55px 0 0 -55px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #807aef;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
@media only screen and (min-width: 1367px) {
  #loader {
    width: 120px;
    height: 120px;
    margin: -60px 0 0 -60px;
  }
}
#loader:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #13cb63;
  -webkit-animation: spin 3s linear infinite;
  animation: spin 3s linear infinite;
}
#loader:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #0fb2ff;
  -webkit-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
[data-simplebar] {
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
}
.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
}
.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}
.simplebar-offset {
  direction: inherit !important;
  -webkit-box-sizing: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}
.simplebar-content {
  direction: inherit;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%;
  /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
  width: auto;
  visibility: visible;
  overflow: scroll;
  /* Scroll on this element otherwise element can't have a padding applied properly */
  max-width: 100%;
  /* Not required for horizontal scroll to trigger */
  max-height: 100%;
  /* Needed for vertical scroll to trigger */
}
.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}
.simplebar-height-auto-observer-wrapper {
  -webkit-box-sizing: inherit !important;
  box-sizing: inherit !important;
  height: 100%;
  width: inherit;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  -webkit-box-flex: inherit;
  -ms-flex-positive: inherit;
  flex-grow: inherit;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
}
.simplebar-height-auto-observer {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}
.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
.simplebar-scrollbar {
  position: absolute;
  right: 2px;
  width: 7px;
  min-height: 10px;
}
.simplebar-scrollbar:before {
  position: absolute;
  content: "";
  background: black;
  border-radius: 7px;
  left: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.simplebar-track .simplebar-scrollbar.simplebar-visible:before {
  /* When hovered, remove all transitions from drag handle */
  opacity: 0.5;
  -webkit-transition: opacity 0 linear;
  -o-transition: opacity 0 linear;
  transition: opacity 0 linear;
}
.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px;
}
.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px;
}
.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px;
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
  height: 100%;
  left: 2px;
  right: 2px;
}
.simplebar-horizontal.simplebar-track .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 2px;
  height: 7px;
  min-height: 0;
  min-width: 10px;
  width: auto;
}
/* Rtl support */
[data-simplebar-direction="rtl"] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0;
}
.hs-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll;
}
body {
    background-color: #f6f2ee;
    font-family: "Instrument Sans", "Helvetica", sans-serif;
    height: 100%;
    color: #1e1e1e;
}
#sidebar {
  width: 170px;
  height: 100%;
  position: fixed;
  background-color: #323658;
  border-right: 1px solid #dfe0e4;
  z-index: 1000;
}
a {
  color: #1e1e1e;
}
a:hover, a:focus {
  color: #1e1e1e !important;
}
h3 {
  font-size: 17px;
  font-weight: 600;
  color: #2d344e;
  margin-bottom: 5px;
  margin-left: 10px;
}
h1 {
    font-size: 44px;
    letter-spacing: -1.78px;
    font-family: "GT Alpine Standard", "Helvetica", sans-serif !important;
    color: #1e1e1e;
    font-weight: 400 !important;
}
h3 > i {
  color: #24a9e2;
}
h4 {
  font-size: 14px;
}
h5 {
  font-size: 14px;
  color: #016cc7;
  margin-top: 0px;
  margin-left: 5px;
}
i.green,
i.red {
  font-size: 16px;
}
pre {
    padding: 6px 12px 6px;
    font-family: "LatoLatin", "Helvetica", sans-serif !important;
    font-size: 14px;
    white-space: break-spaces;
    word-break: normal;
    border-radius: 3px;
    padding: 0px;
    border: 0px;
    background-color: transparent;
}
button:focus {
  outline: 0 !important;
}
.btn {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  box-shadow: none !important;
}
@media only screen and (max-width: 480px) {
    .btn--mob {
        width: 90%;
        white-space: pre-wrap;
    }
}
.btn-outline {
    height: 34px;
    box-shadow: none !important;
    border-radius: 4px !important;
}
.btn-flat {
    color: #9fa0a1;
    padding: 6px 10px;
}
.btn-outline {
    color: #0f7aec;
    border: 1px solid #d6dbe0 !important;
}
.btn-outline:hover, .btn-flat:hover {
    color: #0f7aec;
    border: 1px solid #eff1f4 !important;
    background-color: #eff1f4 !important;
    box-shadow: none !important;
    border-radius: 4px !important;
}
.btn-plus {
    font-size: 16px;
    font-weight: 700;
}
.btn-action,
.btn-action:focus {
  margin-left: 10px;
  font-size: 13px;
  font-weight: 900;
  background: #23a5de;
  /* Old browsers */
  background: -moz-linear-gradient(top, #27b3f0 1%, #219ed4 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #27b3f0 1%, #219ed4 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #27b3f0 1%, #219ed4 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from', endColorstr='@to', GradientType=0);
  /* IE6-9 */
  color: #fff !important;
  border: 0px;
  text-transform: uppercase;
  padding: 8px 15px 6px;
  -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
.btn-action:hover,
.btn-action:focus:hover,
.btn-action:active,
.btn-action:focus:active {
  background: #25aeea;
  color: #fff !important;
  -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
.btn-action > i,
.btn-action:focus > i {
  font-size: 16px;
}
.btn-success.k-button > span, .btn-edit.k-button > span, .btn-danger.k-button > span {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff !important;
}
.btn-success.k-button,
#QrDevicesGrid .k-grid-add,
.k-window .k-button.k-primary,
.k-window .k-button.k-grid-cancel {
    font-size: 13px !important;
    font-weight: 900 !important;
    border: 0px !important;
    text-transform: uppercase;
    padding: 8px 25px 6px !important;
}
#QrDevicesGrid .k-grid-edit,
#QrDevicesGrid .k-grid-delete {
  border-width: 0px !important;
}
.btn-success.k-button:hover,
#QrDevicesGrid .k-button.k-grid-add:hover,
.k-window .k-button.k-update:hover,
.btn-success.k-button:active,
#QrDevicesGrid .k-button.k-grid-add:active,
.k-window .k-button.k-update:active {
  background: #02bf7d !important;
  /* Old browsers */
  background: -moz-linear-gradient(top, #02bf7d 1%, #02bf7d 100%) !important;
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #02bf7d 1%, #02bf7d 100%) !important;
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #02bf7d 1%, #02bf7d 100%) !important;
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from', endColorstr='@to', GradientType=0) !important;
  /* IE6-9 */
}
#QrDevicesGrid .k-grid-edit:hover,
#QrDevicesGrid .k-grid-edit:active {
  background: #028fcf !important;
  /* Old browsers */
  background: -moz-linear-gradient(top, #028fcf 1%, #028fcf 100%) !important;
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #028fcf 1%, #028fcf 100%) !important;
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #028fcf 1%, #028fcf 100%) !important;
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from', endColorstr='@to', GradientType=0) !important;
  /* IE6-9 */
}
#QrDevicesGrid .k-grid-delete:hover,
.k-window .k-button.k-grid-cancel:hover,
#QrDevicesGrid .k-grid-delete:active,
.k-window .k-button.k-grid-cancel:active {
  background: #FD5757 !important;
  /* Old browsers */
  background: -moz-linear-gradient(top, #FD5757 1%, #FD5757 100%) !important;
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #FD5757 1%, #FD5757 100%) !important;
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #FD5757 1%, #FD5757 100%) !important;
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from', endColorstr='@to', GradientType=0) !important;
  /* IE6-9 */
}
#QrDevicesGrid > .k-grid-filter {
  bottom: 0.375rem !important;
}
.k-grid-norecords-template {
    border-width: 0 !important;
}
.k-icon.k-i-close {
    font-size: 17px !important;
    color: #cccccc;
}
.k-icon.k-i-close:hover {
  color: #808080;
}
.badge {
    font-weight: 400;
}
.badge--lg i {
    font-size: 12px;
    margin-right: 4px;
}
.badge--lg {
    font-size: 13px;
    padding: 4px 12px 4px 7px;
}
.badge-success {
    background-color: #0cb87b;
}
.badge-info {
    background-color: #0f7aec;
}
.badge-danger {
    background-color: #b8120c;
}
.btn-success,
.btn-success:focus {
    margin-left: 10px;
    font-size: 14px;
    font-weight: 500;
    background: #1e1e1e;
    color: #FCFAF9;
    border: 0px;
    text-transform: lowercase;
    padding: 12px 58px 12px 32px;
    min-height: 50px;
    border-radius: 60px;
    position: relative;
    transition: all 0.35s cubic-bezier(.4, 0, .2, 1);
    min-width: 160px;
}
.btn-success::first-letter {
    text-transform: uppercase;
}
    .btn-success:after {
        content: '';
        width: 14px;
        height: 12px;
        position: absolute;
        top: 20px;
        right: 32px;
        transition: all 0.35s cubic-bezier(.4, 0, .2, 1);
        background-repeat: no-repeat;
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="12" viewBox="0 0 14 12" fill="none"><path d="M0.700195 5.99967H13.3002M13.3002 5.99967L7.9452 11.2518M13.3002 5.99967L7.9452 0.747559" stroke="%23F6F2EE" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path></svg>');
    }
.btn-success:hover,
.btn-success:focus:hover,
.btn-success:active,
.btn-success:focus:active {
    background: #1e1e1e !important;
    color: #FCFAF9;
    padding-left: 26px;
}
.btn-success:hover:after,
.btn-success:focus:hover:after {
    right: 26px;
}
.btn-success > i,
.btn-success:focus > i {
  font-size: 16px;
  margin-right: 3px;
}
.btn-success-second,
.btn-success-second:focus {
  margin-left: 10px;
  font-size: 13px;
  font-weight: 900;
  color: #02ad71;
  background-color: #fff;
  border: 1px solid #b7dccf;
  text-transform: uppercase;
  padding: 8px 25px 6px;
}
.btn-success-second:hover,
.btn-success-second:focus:hover,
.btn-success-second:active,
.btn-success-second:focus:active {
  border: 1px solid #00a269;
  color: #00a269;
  -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
.btn-success-second > i,
.btn-success-second:focus > i {
  font-size: 16px;
  margin-right: 3px;
}
.btn-edit,
.btn-edit:focus {
  margin-left: 10px;
  font-size: 13px;
  font-weight: 900;
  background: #0f8dc6;
  /* Old browsers */
  background: -moz-linear-gradient(top, #028fcf 1%, #0374a7 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #028fcf 1%, #0374a7 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #028fcf 1%, #0374a7 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from', endColorstr='@to', GradientType=0);
  /* IE6-9 */
  color: #fff;
  border: 0px;
  text-transform: uppercase;
  padding: 8px 25px 6px;
  -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
.btn-edit:hover,
.btn-edit:focus:hover,
.btn-edit:active,
.btn-edit:focus:active {
  background: #028fcf !important;
  color: #fff !important;
  -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
.btn-edit > i,
.btn-edit:focus > i {
  font-size: 16px;
  margin-right: 3px;
}
.button-section {
  text-align: center;
  margin-top: 20px;
}
.btn-danger,
.btn-danger:focus {
  margin-left: 10px;
  font-size: 13px;
  font-weight: 900;
  background: #FD3F3F;
  /* Old browsers */
  background: -moz-linear-gradient(top, #FD5353 1%, #FC3C3B 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #FD5353 1%, #FC3C3B 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #FD5353 1%, #FC3C3B 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from', endColorstr='@to', GradientType=0);
  /* IE6-9 */
  color: #fff;
  border: 0px;
  text-transform: uppercase;
  padding: 8px 25px 6px;
  -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
.btn-danger:hover,
.btn-danger:focus:hover,
.btn-danger:active,
.btn-danger:focus:active {
  background: #fd5757 !important;
  color: #fff;
  -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
.btn-danger > i,
.btn-danger:focus > i {
  font-size: 16px;
  margin-right: 3px;
}
.btn-danger-second,
.btn-danger-second:focus {
  margin-left: 10px;
  font-size: 13px;
  font-weight: 900;
  color: #fd5757;
  background-color: #f2f2f3;
  border: 1px solid #dab6b6;
  text-transform: uppercase;
  padding: 8px 25px 6px;
}
.btn-danger-second:hover,
.btn-danger-second:focus:hover,
.btn-danger-second:active,
.btn-danger-second:focus:active {
  border: 1px solid #fd5757;
  color: #fd5757;
  -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
.btn-danger-second > i,
.btn-danger-second:focus > i {
  font-size: 16px;
  margin-right: 3px;
}
.btn-success-table,
.btn-success-table:focus {
  margin-right: 7px;
  margin-top: 2px;
  font-weight: 900;
  background: #01a46a;
  /* Old browsers */
  background: -moz-linear-gradient(top, #02c17e 1%, #01a46a 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #02c17e 1%, #01a46a 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #02c17e 1%, #01a46a 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from', endColorstr='@to', GradientType=0);
  /* IE6-9 */
  color: #fff !important;
  border: 0px;
  padding: 5px 8px 3px;
  -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
.btn-success-table:hover,
.btn-success-table:focus:hover,
.btn-success-table:active,
.btn-success-table:focus:active {
  background: #02bf7d !important;
  color: #fff !important;
  -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
.btn-success-table > i,
.btn-success-table:focus > i {
  font-size: 16px !important;
}
.btn-success-second-table,
.btn-success-second-table:focus {
  margin-right: 7px;
  margin-top: 2px;
  font-weight: 900;
  color: #02ad71;
  background-color: #fff;
  border: 1px solid #b7dccf;
  padding: 5px 8px 3px;
}
.btn-success-second-table:hover,
.btn-success-second-table:focus:hover,
.btn-success-second-table:active,
.btn-success-second-table:focus:active {
  border: 1px solid #02ad71;
  color: #02ad71;
  -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
.btn-success-second-table > i,
.btn-success-second-table:focus > i {
  font-size: 16px !important;
}
.btn-danger-table,
.btn-danger-table:focus {
  margin-right: 7px;
  margin-top: 2px;
  font-weight: 900;
  background: #FD3F3F;
  /* Old browsers */
  background: -moz-linear-gradient(top, #FD5353 1%, #FC3C3B 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #FD5353 1%, #FC3C3B 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #FD5353 1%, #FC3C3B 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from', endColorstr='@to', GradientType=0);
  /* IE6-9 */
  color: #fff !important;
  border: 0px;
  padding: 5px 9px 3px;
  -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
.btn-danger-table:hover,
.btn-danger-table:focus:hover,
.btn-danger-table:active,
.btn-danger-table:focus:active {
  background: #fd5757;
  color: #fff !important;
  -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
.btn-danger-table > i,
.btn-danger-table:focus > i {
  font-size: 16px !important;
}
.btn-edit-table,
.btn-edit-table:focus {
  margin-right: 7px;
  margin-top: 2px;
  font-weight: 900;
  background: #0f8dc6;
  /* Old browsers */
  background: -moz-linear-gradient(top, #028fcf 1%, #0374a7 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #028fcf 1%, #0374a7 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #028fcf 1%, #0374a7 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from', endColorstr='@to', GradientType=0);
  /* IE6-9 */
  color: #fff !important;
  border: 0px;
  padding: 5px 8px 3px;
  -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
.btn-edit-table:hover,
.btn-edit-table:focus:hover,
.btn-edit-table:active,
.btn-edit-table:focus:active {
  background: #028fcf;
  color: #fff !important;
  -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
.btn-edit-table > i,
.btn-edit-table:focus > i {
  font-size: 16px !important;
}
.btn-approve-table,
.btn-approve-table:focus {
  margin-right: 7px;
  margin-top: 2px;
  font-weight: 900;
  background: #23a5de;
  /* Old browsers */
  background: -moz-linear-gradient(top, #27b3f0 1%, #219ed4 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #27b3f0 1%, #219ed4 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #27b3f0 1%, #219ed4 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from', endColorstr='@to', GradientType=0);
  /* IE6-9 */
  color: #fff !important;
  border: 0px;
  padding: 5px 7px 3px;
  -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
.btn-approve-table:hover,
.btn-approve-table:focus:hover,
.btn-approve-table:active,
.btn-approve-table:focus:active {
  background: #25aeea;
  color: #fff !important;
  -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
.btn-approve-table > i,
.btn-approve-table:focus > i {
  font-size: 16px !important;
}
.btn-narrow {
  padding: 8px 12px 6px !important;
}
.btn-narrow > .glyphicon {
  color: white;
}
.btn-text {
  font-size: 13px;
}
[type="radio"]:checked,
[type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #cdcdcd;
  border-radius: 100%;
  background: #fff;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
  content: "";
  width: 10px;
  height: 10px;
  background: #b480eb;
  position: absolute;
  top: 4px;
  left: 4px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
[type="radio"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
[type="radio"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.form-control,
.valid {
  font-family: "LatoLatin", "Helvetica", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #016cc7;
  outline: none !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.05);
  border-color: #cdcdcd;
  padding: 6px 12px !important;
  height: auto !important;
}
.form-control:focus,
.valid:focus {
  border-color: #90b2d0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.form-control:hover,
.valid:hover {
  background-color: #fff;
  border-color: #428ac7;
}
.input-validation-error {
  border-color: #fd3f3f;
}
.input-validation-error:hover,
.input-validation-error:active,
.input-validation-error:focus {
  border-color: #fd3f3f;
}
.form-control[disabled="disabled"] {
  color: #737373;
  background-color: #f6f6f6;
  border-color: #cdcdcd;
}
button > span:first-child:not(.k-icon):not(.caret) {
  font-family: "LatoLatin", "Helvetica", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #016cc7;
}
.bootstrap-select .dropdown-toggle:focus {
  outline: none !important;
}
:focus {
  outline: none !important;
}
.category .filter-option {
  text-align: center !important;
}
#login-panel .alert--info {
    background-color: #FCFAF9;
}
.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open > .dropdown-toggle.btn-default.focus,
.open > .dropdown-toggle.btn-default:focus,
.open > .dropdown-toggle.btn-default:hover {
    border-color: #C4C1BE;
    background-color: #FCFAF9;
}
.btn-default.active,
.btn-default:active,
.open > .dropdown-toggle.btn-default {
  border-color: #90b2d0;
  background-color: #fff;
}
.caret {
  color: #111111;
}
.btn-group.open .dropdown-toggle,
.btn.dropdown-toggle.btn-default:active {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn.dropdown-toggle.btn-default:hover {
    background-color: #FCFAF9;
    border-color: #1e1e1e;
}
.btn-default.focus,
.btn-default:focus {
  background-color: #fff;
  border-color: #cdcdcd;
}
.btn-default {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border-color: #C4C1BE;
    padding: 8px 12px 4px;
    background-color: #FCFAF9;
}
.btn-default:hover {
    border-color: #1e1e1e !important;
}
.active-select {
  padding-left: 5px;
  margin-top: -3px;
  margin-bottom: 6px;
}
.active-select > div {
  width: 100px !important;
}
.active-select > div > button {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.05);
  border: 1px solid #cdcdcd;
  padding: 3px 6px;
  -webkit-transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  transition-duration: 0.1s;
  background-color: #fff;
}
.active-select > div > button:hover,
.active-select > div > button:active {
  color: #016cc7 !important;
  border-color: #428ac7;
}
.active-select > div > button > span {
  text-align: center !important;
}
.dropdown-menu {
    min-width: 176px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    z-index: 500;
}
.bootstrap-select.btn-group .dropdown-menu li a {
  outline: 0;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > li.selected > a {
  background-color: #dddddd;
  color: #262626;
}
.dropdown-menu > li > a {
  font-size: 14px;
}
.dropdown-menu > li > a:hover .text-muted,
.dropdown-menu > .active > a:hover .text-muted {
  color: #fff;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > .active > a:hover {
  background-color: #5259a5;
  color: #fff;
}

.dropdown-menu, .k-popup.k-list-container {
    max-width: 350px !important;
}

.dropdown-menu li a {
    white-space: pre-line;
}

div.bs-searchbox > input,
div.bs-searchbox > input:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border-color: #4e55a0;
}
.inactive-button {
  display: inline;
  padding: 4px 6px !important;
  border-top: 1px;
  border-left: 1px;
  border-bottom: 1px;
  border-right: 0px;
  border-style: solid;
  border-color: #cdcdcd;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  background-color: #fbfbfb;
}
.active-button {
    cursor: pointer;
    display: inline;
    color: #016cc7;
    padding: 4px 6px !important;
    border: 1px solid #cdcdcd;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    background-color: #fff;
    z-index: 10;
    margin-left: -3px;
    text-decoration: none !important;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.05);
    -webkit-transition-duration: 0.1s;
    -o-transition-duration: 0.1s;
    transition-duration: 0.1s;
}
.active-button__input {
    border: 0px;
    font-size: 14px;
    background-color: transparent;
    padding: 0px;
}
.active-button:hover,
.active-button:active {
  color: #016cc7 !important;
  border-color: #428ac7;
}
.single-active-button {
  display: inline;
  color: #016cc7;
  padding: 4px 6px !important;
  border: 1px solid #cdcdcd;
  border-radius: 3px;
  background-color: #fff;
  z-index: 10;
  margin-left: -3px;
  text-decoration: none !important;
  -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.05);
  -webkit-transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
.single-active-button:hover,
.single-active-button:active {
  color: #016cc7 !important;
  border-color: #428ac7;
}
.green {
  color: #01a46a !important;
}
.green:hover {
  color: #01a46a !important;
  border-color: #01a46a !important;
}
.red {
  color: #fd3f3f !important;
}
.red:hover {
  color: #fd3f3f !important;
  border-color: #fd3f3f !important;
}
.gray {
  color: #aaa;
}
.active-button.green {
  color: #016cc7 !important;
}
.active-button.green:hover {
  color: #01a46a !important;
  border-color: #01a46a !important;
}
.active-button.red {
  color: #016cc7 !important;
}
.active-button.red:hover {
  color: #fd3f3f !important;
  border-color: #fd3f3f !important;
}
.inactive-button.green {
  color: #01a46a !important;
}
.inactive-button.green:hover {
  border-color: #cdcdcd !important;
}
.inactive-button.red {
  color: #fd3f3f !important;
}
.inactive-button.red:hover {
  border-color: #cdcdcd !important;
}
.button-inside {
  margin-bottom: 10px;
}
#table {
  padding-right: 0px !important;
  padding-left: 0px !important;
}
.table {
  margin-top: 20px;
  margin-bottom: 0px;
  padding-bottom: 0px !important;
}
.table.table-striped {
  margin-top: 10px;
}
.table.table-condensed {
  margin-top: 0px;
  margin-bottom: 0px;
}
@media only screen and (max-width: 1200px) {
    .table-mob-scroll .fht-tbody {
        overflow-x: auto !important;
    }
}
@media only screen and (max-width: 480px) {
    .table--mob {
        width: 100%;
        overflow-x: auto !important;
    }
}
.table-box {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #d6d9e4;
    -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
    margin-top: 10px;
    margin-bottom: 25px;
}
.table--k-second .k-grid {
    border-width: 0 !important;
}
.table--k-second td, .table--k-second th > .k-link {
    text-align: center !important;
}
.table > thead > tr > th {
  font-size: 14px;
  border-top: 1px solid #e9e9ec;
  border-bottom: 1px solid #c6cad8;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
  color: #2c348e;
  background: #FCFBFC;
  /* Old browsers */
  background: -moz-linear-gradient(top, #FFFFFF 1%, #F8F7FA 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #FFFFFF 1%, #F8F7FA 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #FFFFFF 1%, #F8F7FA 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from', endColorstr='@to', GradientType=0);
  /* IE6-9 */
}
.table.table-striped > thead > tr > th {
  background: none;
  border-top: 1px solid #f2f2f3 !important;
  border-bottom: 1px solid #b0b2ca;
  padding-top: 7px;
  padding-bottom: 7px;
}
.table.table-condensed > thead > tr:first-child {
  border-top: none;
}
.table.table-condensed > thead > tr:first-child > th {
  border-top: none;
  padding-top: 12px;
  padding-bottom: 12px;
}
.table.table-condensed > thead > tr:first-child > th:first-child {
  border-top-left-radius: 3px;
}
.table.table-condensed > thead > tr:first-child > th:last-child {
  border-top-right-radius: 3px;
}
.table.table-condensed > tbody > tr:last-child > td:first-child {
  border-bottom-left-radius: 3px;
}
.table.table-condensed > tbody > tr:last-child > td:last-child {
  border-bottom-right-radius: 3px;
}
.table.table-striped > thead > tr > th.noborder {
  background: none;
  border-bottom: 1px solid #f0f0f3 !important;
  padding-bottom: 0px;
}
.table > thead > tr > th > i {
  color: #016cc7;
  margin-left: 4px;
}
.table > tbody > tr > td {
  text-align: center;
  padding-top: 13px;
  padding-bottom: 13px;
  font-size: 13px;
  color: #000;
}
.table.table-striped > tbody > tr > td {
  padding-top: 10px;
  padding-bottom: 10px;
}
.table > tbody > tr > td:last-child {
  padding-top: 6px;
  padding-bottom: 0px;
}
.table.table-striped > tbody > tr > td:last-child {
  padding-top: 10px;
  padding-bottom: 10px;
}
.table.table-condensed > tbody > tr > td:last-child {
  padding-top: 10px;
  padding-bottom: 10px;
}
.table-no-buttons > tbody > tr > td:last-child {
  padding-top: 13px !important;
  padding-bottom: 13px !important;
}
.table.table-striped > tbody > tr {
  width: 100%;
  border-top: 1px solid #dadbdf;
}
.table > tbody > tr:nth-child(2n) {
  background-color: #f0f0f3;
}
.table > tbody > tr:nth-child(2n + 1) {
  background-color: #ffffff;
}
.table.table-striped > tbody > tr:nth-child(2n + 1) {
  background-color: #ebebf1;
}
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
  border-top: none;
}
.table > tbody > tr {
  border-top: 1px solid #dbdfec;
}
.table > thead > tr > th.worker {
  font-size: 15px;
}
.table > thead > tr > th.days {
  font-size: 15px;
  background: #fff;
  border-bottom: 1px solid #fff;
  padding-top: 6px !important;
  padding-bottom: 3px !important;
}
.table > thead > tr > th.days.current {
  border-bottom: #1289bc !important;
}
.table > thead > tr > th.names {
  padding-top: 0px;
  font-weight: 400;
  color: #897d96;
  padding-bottom: 4px !important;
}
.table > thead > tr > th.names.current {
  background: #1289bc !important;
}
.fht-table.table.table-condensed.table-bordered > thead > tr > th {
  border-radius: 0px;
}
.fht-table.table.table-condensed.table-bordered > tbody > tr {
  background: #fff;
}
.fht-table.table.table-condensed.table-bordered > tbody > tr > td {
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 0px;
  color: #fff;
}
.fht-table.table.table-condensed.table-bordered > tbody > tr > td > a {
  color: #fff;
}
.table-cal.table.table-condensed.table-bordered > tbody > tr {
  background: #fff;
}
.table-cal.table.table-condensed.table-bordered > tbody > tr > th {
  border-radius: 0px;
  background: #FCFBFC;
  /* Old browsers */
  background: -moz-linear-gradient(top, #FFFFFF 1%, #F8F7FA 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #FFFFFF 1%, #F8F7FA 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #FFFFFF 1%, #F8F7FA 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from', endColorstr='@to', GradientType=0);
  /* IE6-9 */
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 15px;
  font-weight: 600;
  color: #2c348e;
}
.table-cal.table.table-condensed.table-bordered > tbody > tr > td {
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 0px;
  color: #fff;
}
.table-cal.table.table-condensed.table-bordered > tbody > tr > td > a {
  color: #fff;
}
th::after {
  color: #016cc7;
}
.worker {
  text-align: left !important;
  padding-left: 10px !important;
}
td.worker {
  color: #111111 !important;
}
.table th.days {
  min-width: 30px !important;
  text-align: center;
}
.w1 {
  background-color: #dfd203;
}
.w1-text {
  color: #dfd203;
}
.w2 {
  background-color: #07da8f;
}
.w2-text {
  color: #07da8f;
}
.w3 {
  background-color: #07a76e;
}
.w3-text {
  color: #07a76e;
}
.blue {
  background-color: #2ab3f1;
}
.blue-text {
  color: #2ab3f1;
}
.orange {
  background-color: #ff7e01;
}
.orange-text {
  color: #ff7e01;
}
.boldblue {
  margin-left: 15px;
  color: #2c348e;
}
.verydarkgray {
  background-color: #f6f6f6 !important;
}
.verydarkgray-text {
  color: #cfcfcf !important;
}
.darkgray {
  background-color: #ddd !important;
}
.holiday {
  background-color: #fd3f3f !important;
}
.holiday-text {
  color: #fd3f3f !important;
}
#triangle {
  width: 0;
  height: 0;
  border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
  border-right: 15px solid #d6d9e4;
  margin: 11px auto 0;
  top: 30px;
  right: -1px;
  position: absolute;
  z-index: 4;
}
#triangle > span {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 14px solid #fff;
  margin: 10px auto 0;
  top: -20px;
  right: -15px;
  position: absolute;
  z-index: 5;
}
.navbar-inverse {
  border: none;
  background: #FCFBFC;
  /* Old browsers */
  background: -moz-linear-gradient(top, #FFFFFF 1%, #F8F7FA 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #FFFFFF 1%, #F8F7FA 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #FFFFFF 1%, #F8F7FA 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from', endColorstr='@to', GradientType=0);
  /* IE6-9 */
  border-top: 1px solid #dbdfec;
  border-bottom: 1px solid #dbdfec;
}
.affix-bottom {
  top: 0px !important;
}
#footer-table {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
#footer {
  padding-left: 15px;
}
#footer > li {
  margin-top: 5px;
  display: inline-block;
}
#footer > li > div {
  margin-right: 4px;
}
#footer > li > div > span {
  margin-left: 4px;
  margin-right: 4px;
}
#footer > li .btn-default {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
  border-color: #cdcdcd;
}
    #footer > li .btn.dropdown-toggle.btn-default:hover {
        background-color: #FCFAF9;
        border-color: #1e1e1e;
    }
#footer > li .btn-default.active.focus,
#footer > li .btn-default.active:focus,
#footer > li .btn-default.active:hover,
#footer > li .btn-default:active.focus,
#footer > li .btn-default:active:focus,
#footer > li .btn-default:active:hover,
#footer > li .open > .dropdown-toggle.btn-default.focus,
#footer > li .open > .dropdown-toggle.btn-default:focus,
#footer > li .open > .dropdown-toggle.btn-default:hover {
  border-color: #1e1e1e;
}
#footer > li .btn-default.active,
#footer > li .btn-default:active,
#footer > li .open > .dropdown-toggle.btn-default {
  border-color: #90b2d0;
  background-color: #fff;
}
#footer > li:nth-child(2) {
  border-left: 1px solid #dbdfec;
  padding-left: 10px;
  margin-left: 5px;
}
#footer > li:nth-child(2) > input {
  font-size: 14px;
  font-weight: 400;
  color: #016cc7;
}
#footer > li:last-child {
  float: right;
  margin-right: 20px;
}
#footer > li:last-child > ul {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
  font-size: 14px;
  font-weight: 400;
  color: #016cc7;
}
#footer > li:last-child > ul > li > a {
  border-color: #ccc;
  color: #262626;
}
#footer > li:last-child > ul > li > a:hover {
  background-color: #5259a5;
  color: #fff;
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  background-color: #dddddd !important;
  border-color: #ccc !important;
  color: #262626 !important;
}
.pagination > li > a,
.pagination > li > span {
  background-color: #dddddd;
  border-color: #ccc;
}
.pagination > li > a:hover,
.pagination > li > span:hover {
  color: #262626;
}
.dataTables_wrapper a.paginate_button.current {
  color: #262626;
}
#footer-search {
  width: 200px;
  display: inline;
}
.navbar {
  border-radius: 0;
  margin-bottom: 0;
}
.navbar.affix {
  bottom: 0px;
  /* Set the top position of pinned element */
  z-index: 9999;
}
.checkbox {
  margin-top: 0px;
  margin-bottom: 0px;
}
/*
#logo {
  height: 60px;
  background: #FFF;
  border-bottom: 1px solid #4C387F;
  display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;

  & > a {
    padding-right: 2px;
    display: block;
    position: static;
    display: inline-block;
    background: url(https://s3.eu-central-1.amazonaws.com/urlopek/new_sg/HRnestlogo.png) no-repeat;
    text-indent: -9999px;
    background-size: 120px 31px;
    width: 120px;
    height: 31px;
  }
}
*/
#logo-login {
  padding-top: 30px;
}
#logo-login > a {
  display: block;
  width: 176px;
  height: 38px;
  text-indent: -9998px;
}
    #logo-login > a > svg {
        height: 32px;
        display: block;
    }
    #logo-login > a {
        background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="125" height="31" viewBox="0 0 200 49" fill="none"><path d="M128.703 13.7812C119.665 13.7812 112.449 20.5258 112.449 31.6549C112.449 42.784 119.194 48.853 128.367 48.853C135.45 48.853 141.923 43.6596 143.07 36.3083H140.372C138.821 39.275 135.245 41.6373 130.863 41.6373C124.387 41.6373 122.094 35.0283 122.094 30.5772H143.339V29.2283C143.339 20.0547 137.741 13.7835 128.703 13.7835V13.7812ZM122.478 27.206C122.719 21.1118 125.09 17.5591 128.772 17.5591C131.713 17.5591 133.466 19.8226 134.39 23.6947C134.45 23.9475 134.524 24.2715 134.597 24.6208C134.884 25.9536 133.869 27.2106 132.506 27.2106L122.475 27.206H122.478Z" fill="%231E1E1E"></path><path d="M68.0705 14.2993C68.0544 14.2924 68.0383 14.2855 68.0199 14.2786C68.0038 14.274 67.9878 14.2672 67.9717 14.2626C67.9073 14.2396 67.8407 14.2189 67.7764 14.1982C66.9284 13.9293 65.9426 13.7846 64.8166 13.7846C58.9981 13.7846 55.1191 17.3005 52.8349 20.8256C52.635 21.1358 52.2145 21.2093 51.9181 20.9887C51.7733 20.8807 51.6837 20.7153 51.6676 20.536V13.7984H49.4408L38.4473 17.9807V20.4096C40.6327 20.4096 42.6251 22.0619 42.6251 24.1462V40.8662C42.6251 43.4905 40.4971 45.6185 37.8729 45.6185H37.8706C35.2463 45.6185 33.1184 43.4905 33.1184 40.8662V24.9803C33.1184 17.6291 29.2555 13.803 23.7932 13.803C19.8453 13.803 16.3891 15.8711 14.4198 18.3116C14.0222 18.8057 13.2225 18.5207 13.2225 17.8865V11.5463V0.890625H10.9958L0 5.07294V7.50191C2.22673 7.50191 4.18231 9.3219 4.18231 11.5486V41.643C4.18231 43.8421 2.22673 45.623 0 45.623V47.9831H17.3336V45.623C15.1069 45.623 13.2202 43.957 13.2202 41.643V22.3537C14.838 20.667 16.6603 19.9248 18.7514 19.9248C22.3271 19.9248 23.9449 22.1515 23.9449 26.9382V41.6407C23.9449 43.8076 22.1249 45.6208 19.9648 45.6208V47.9808H56.452V45.6208C53.4163 45.6208 51.663 43.934 51.663 41.7096V33.9999C51.663 28.1561 52.8487 24.9413 55.6086 21.1565C57.0172 19.2262 58.8809 17.7877 60.5285 17.698C60.3355 18.2817 60.2298 18.9183 60.2298 19.5939C60.2298 22.8984 62.7254 25.2584 65.9632 25.2584C69.2011 25.2584 71.5611 22.965 71.5611 19.5939C71.5611 17.0224 70.1479 15.0783 68.0705 14.3016V14.2993Z" fill="%231E1E1E"></path><path d="M65.9678 37.5859C62.73 37.5859 60.2344 39.946 60.2344 43.2505C60.2344 46.5549 62.73 48.915 65.9678 48.915C69.2056 48.915 71.5657 46.6216 71.5657 43.2505C71.5657 39.8793 69.1367 37.5859 65.9678 37.5859Z" fill="%231E1E1E"></path><path d="M108.405 41.6424V24.9843C108.405 17.7687 104.763 13.8047 99.0292 13.8047C95.033 13.8047 91.7285 15.8706 89.7729 18.3087C89.5753 18.5546 89.2789 18.6075 89.0307 18.5224C88.7687 18.4305 88.6079 18.164 88.6079 17.8859V13.807H86.3811L75.3876 17.9893V20.4183C77.6144 20.4183 79.586 22.2383 79.586 24.465V41.647C79.586 43.8852 77.5799 45.6271 75.3555 45.6271V47.9871H92.6224V45.6271C90.3957 45.6271 88.5757 43.8622 88.5757 41.647V22.3256C90.1866 20.6619 92.0295 19.9288 94.038 19.9288C97.6136 19.9288 99.298 22.2222 99.298 26.9422V41.6447C99.298 43.8829 97.4091 45.6248 95.2513 45.6248V47.9848H112.449V45.6248C110.292 45.6248 108.403 44.0782 108.403 41.6447L108.405 41.6424Z" fill="%231E1E1E"></path><path d="M193.248 43.3941C190.955 43.3941 189.741 41.7763 189.741 38.4028V18.1025H197.497V14.1638H191.862C190.691 14.1638 189.741 13.2147 189.741 12.0428V6.03125H185.83C184.213 11.8313 179.164 15.8781 173.555 15.8781C166.236 15.8781 166.95 13.7869 158.783 13.7869C151.499 13.7869 146.374 17.6981 146.374 24.4426C146.374 28.556 148.803 31.3228 153.321 33.2094L160.47 36.1761C163.032 37.2562 164.517 39.0095 164.517 41.234C164.517 43.8651 162.223 45.6185 158.783 45.6185C155.343 45.6185 151.499 43.7296 148.396 36.3117H145.43L145.97 45.0808C148.532 46.8341 154.199 48.9919 158.65 48.9919C168.228 48.9919 174.23 44.8785 174.23 38.134C174.23 32.6028 170.319 29.2316 165.597 27.276L158.852 24.4426C156.29 23.3626 155.074 22.2848 155.074 20.5315C155.074 18.4403 156.692 16.6203 160.808 16.6203C164.923 16.6203 167.214 19.587 169.441 24.5116H172.072C172.164 21.3863 173.623 18.1048 177.737 18.1048H179.152V38.2719C179.152 45.6231 182.997 48.9965 189.135 48.9965C194.395 48.9965 197.97 46.0298 199.319 40.4986H196.757C196.217 42.1164 194.802 43.3987 193.25 43.3987L193.248 43.3941Z" fill="%231E1E1E"></path></svg>') no-repeat;
    }

#logo-login.christmas > a {
  background: url("https://hrnest.s3.eu-central-1.amazonaws.com/img/logohrnestChristmas.svg") no-repeat;
}
#UserName-error, #Password-error {
    color: #E51000 !important;
}
.logo-app_christmas {
  margin-top: -5px;
}
#btn-back {
  padding-top: 20px;
  padding-right: 90px;
}
.btn-back-style {
  color: #1e1e1e;
  border: 1px solid #FCFAF9;
  border-radius: 30px;
  padding: 12px 58px 12px 32px;
  font-size: 13px;
  font-weight: 500;
  font-style: normal;
  display: block;
  background-color: #FCFAF9;
  cursor: pointer;
  text-decoration: none !important;
  z-index: 100;
  float: right;
  margin-top: 11px;
  margin-right: 10px;
  outline: 0;
  position: relative;
  text-transform: lowercase;
  min-width: 136px;
  transition: all 0.35s cubic-bezier(.4, 0, .2, 1);
}
.btn-back-style:not(.hidden-xs) {
    min-height: 44px;
    min-width: 60px;
    padding: 12px 32px;
}
.btn-back-style:not(.hidden-xs):after {
    right: 24px;
}
.btn-back-style:not(.hidden-xs) i {
    display: none !important;
}
.btn-back-style::first-letter {
    text-transform: uppercase;
}
.btn-back-style:after {
    content:'';
    width: 14px;
    height: 12px;
    position: absolute;
    top: 16px;
    right: 32px;
    transition: all 0.35s cubic-bezier(.4, 0, .2, 1);
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="10" viewBox="0 0 12 10" fill="none"><path d="M7.52123 9.48793L6.79023 8.77393L10.0202 5.52693H-0.00976562V4.47293H10.0202L6.79023 1.24293L7.52123 0.511932L12.0092 4.99993L7.52123 9.48793Z" fill="%231E1E1E"></path></svg>');
}
.btn-back-style:hover {
  color: #1e1e1e;
  text-decoration: none;
  padding-left: 26px;
}
.btn-back-style:hover:after {
  right: 26px;
}
.no-padding-left {
  padding-left: 0;
}
.no-padding-right {
  padding-right: 0;
}
.checkbox-logout {
  float: right;
  margin-top: 30px;
  font-weight: 400;
  font-size: 13px;
}
.link-group {
  margin-top: 20px;
}
.link-group > a:first-child {
  border-right: 1px solid #ddd;
}
.link-group > div:first-child {
  border-right: 1px solid #ddd;
}
.link-group > div:first-child > a {
  display: block;
  margin-bottom: 5px;
}
@media only screen and (max-width: 768px) {
  .link-group {
    margin-top: 35px !important;
  }
  .link-group > div:first-child {
    border-right: none !important;
  }
  .link-group > div:first-child > a {
    margin-bottom: 15px !important;
  }
  .link-group > a {
    margin-top: 15px !important;
  }
}
.bottom-menu {
  margin-top: 5px;
  border-top: 1px solid #eee;
}
.bottom-menu > .log-in-link {
  color: #1e1e1e;
  text-align: center;
  margin-top: 20px;
  text-decoration: underline;
}
#login-panel {
  max-width: 410px;
  margin-right: 100%;
}
#login-panel > h1 {
  margin-bottom: 40px;
}
#login-panel > h3 {
  color: #1e1e1e;
  font-weight: 500;
  margin-top: 10px;
}
#login-panel > span ~ h3 {
  margin-top: 35px;
}
#login-panel > span {
  font-size: 16px;
}
#login-panel > input {
    margin-top: 10px;
    font-size: 16px;
    font-weight: 400;
    font-family: "Instrument Sans", "Helvetica", sans-serif;
    color: #1e1e1e;
    outline: 0;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: #FCFAF9;
    border-color: #C4C1BE;
    box-shadow: none !important;
    padding: 8px 16px !important;
    height: auto !important;
}
#login-panel > input::placeholder {
    color: #494642 !important;
}
#login-panel > input:focus {
  border-color: #1e1e1e;
  -webkit-box-shadow: none;
  box-shadow: none;
}
    #login-panel .alert alert--info.alert-default {
        background-color: #FCFAF9;
    }
#login-panel > input:hover {
  border-color: #1e1e1e;
}
#login-panel .btn-success {
  margin-top: 20px;
  margin-left: 0px;
}
#login-panel .link-right {
  float: right;
  margin-top: 32px;
}
#login-panel .log-in-account {
  color: #111;
  margin-top: 40px;
  font-size: 14px;
}
#Password {
  font-weight: 100 !important;
}
.log-in-link {
  font-size: 13px;
  color: #1e1e1e;
  text-decoration: underline;
}
.log-in-link:hover {
  color: #1e1e1e;
  cursor: pointer;
  text-decoration: none;
}
#mini-logo {
  background-color: white;
}
#mini-logo > a {
  display: inline-block;
  margin-left: 20px;
  margin-top: 4px;
  width: 118px;
  height: auto;
}
#mini-logo > a > img {
  width: 118px;
  height: auto;
}
/*
#mini-logo {
  background-color: white;
  display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: flex-start;
      -ms-flex-pack: flex-start;
          justify-content: flex-start;
  & > a {
    padding-top: 1px;
    background: url(https://s3.eu-central-1.amazonaws.com/urlopek/new_sg/HRnestlogo.png) no-repeat;
    text-indent: -9999px;
    background-size: 120px 31px;
    width: 120px !important;
    height: 31px;
  }
}
*/
#mini-menu {
  position: absolute;
  z-index: 1000;
  top: 59px;
  right: 10px;
  background: #323658;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
  -webkit-animation-name: show;
  animation-name: show;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  width: auto;
  height: auto;
  -webkit-transition-duration: 0.25;
  -o-transition-duration: 0.25;
  transition-duration: 0.25;
}
#mini-menu > div,
#mini-menu > a.inactive {
  margin-right: 0px;
  margin-left: 0px;
}
@-webkit-keyframes showmenu {
  from {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@keyframes showmenu {
  from {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}
#content-menu {
  height: calc(100vh - 80px);
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 5px;
}
#content-menu .simplebar-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  overflow-x: hidden;
  overflow-y: auto;
}
.simplebar-scrollbar {
  margin-right: 5px;
}
.simplebar-track[style="visibility: hidden;"] > .simplebar-scrollbar:before {
  background: #323658;
  opacity: 1;
}
.simplebar-track[style="visibility: visible;"] > .simplebar-scrollbar:before {
  background: #525884;
  opacity: 1;
}
#left-menu,
#mob-menu {
  font-family: "LatoLatin", "Helvetica", sans-serif;
  margin-left: 14px;
  width: 140px;
}
#left-menu > li,
#mob-menu > li {
  margin-top: 30px;
}
#left-menu > li > div,
#mob-menu > li > div,
#left-menu > li > a.inactive,
#mob-menu > li > a.inactive {
  cursor: pointer;
  text-decoration: none;
  font-style: normal;
  font-size: 17px;
  font-variant: normal;
  font-weight: 600;
  padding: 0px 10px 0px 10px;
}
#left-menu > li > div > i,
#mob-menu > li > div > i,
#left-menu > li > a.inactive > i,
#mob-menu > li > a.inactive > i,
#left-menu > li > div:visited > i,
#mob-menu > li > div:visited > i,
#left-menu > li > a.inactive:visited > i,
#mob-menu > li > a.inactive:visited > i {
  float: right;
  margin-top: 3px;
  margin-right: 0px;
  -webkit-transition-duration: 0.35s;
  -o-transition-duration: 0.35s;
  transition-duration: 0.35s;
  pointer-events: none;
}
#left-menu > li > div:hover > i,
#mob-menu > li > div:hover > i,
#left-menu > li > a.inactive:hover > i,
#mob-menu > li > a.inactive:hover > i,
#left-menu > li > div:active > i,
#mob-menu > li > div:active > i,
#left-menu > li > a.inactive:active > i,
#mob-menu > li > a.inactive:active > i {
  margin-right: 5px;
  -webkit-transition-duration: 0.35s;
  -o-transition-duration: 0.35s;
  transition-duration: 0.35s;
}
#left-menu > li > ul,
#mob-menu > li > ul {
  display: none;
}
#left-menu > li > ul > li,
#mob-menu > li > ul > li {
  margin-top: 5px;
}
#left-menu > li > ul > li > a,
#mob-menu > li > ul > li > a {
  text-decoration: none;
}
#left-menu > li > ul > li > a > div,
#mob-menu > li > ul > li > a > div {
  padding: 5px 10px 5px 10px;
  color: #efeafd;
  text-decoration: none;
  font-size: 105%;
  font-weight: 400;
  margin-left: 0px;
  -webkit-transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
#left-menu > li > ul > li > a > div:hover,
#mob-menu > li > ul > li > a > div:hover {
  color: #fff;
  -webkit-transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  transition-duration: 0.1s;
  background-color: #3e4368;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
#left-menu > li > ul.drop-menu,
#mob-menu > li > ul.drop-menu {
  display: block;
}
#left-menu > li > ul.show-menu,
#mob-menu > li > ul.show-menu {
  opacity: 0;
  -webkit-animation-name: showmenu;
  animation-name: showmenu;
  -webkit-animation-duration: 0.35s;
  animation-duration: 0.35s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
#left-menu > li > ul.hide-menu,
#mob-menu > li > ul.hide-menu {
  max-height: 0;
  -webkit-transition-property: max-height;
  -o-transition-property: max-height;
  transition-property: max-height;
  -webkit-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  overflow: hidden;
}
#left-menu > li:first-child,
#mob-menu > li:first-child {
  margin-top: 25px;
}
#mob-menu {
  width: 160px;
  margin-bottom: 30px;
  padding-right: 20px;
  border-right: 1px solid #4b3c70;
  -webkit-transition-duration: 0.25;
  -o-transition-duration: 0.25;
  transition-duration: 0.25;
  min-height: 250px;
}
.homepage,
.homepage:visited {
  text-decoration: none !important;
}
.homepage > div,
.homepage:visited > div {
  color: #efeafd;
  text-decoration: none;
  font-size: 105% !important;
  font-weight: 400 !important;
  padding: 5px 10px 5px 10px !important;
  margin-top: 20px;
  margin-bottom: -5px !important;
  cursor: pointer;
}
.homepage > div > img,
.homepage:visited > div > img {
  width: 15px;
  height: 14px;
  margin-top: -5px;
}
.homepage > div > span,
.homepage:visited > div > span {
  margin-left: 3px;
}
.homepage > div:hover,
.homepage:visited > div:hover {
  text-decoration: none;
  color: #fff;
  -webkit-transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  transition-duration: 0.1s;
  background-color: #3e4368;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.homepage > div:hover > span,
.homepage:visited > div:hover > span {
  text-decoration: none !important;
}
.graphic,
.graphic:visited,
.worktime,
.worktime:visited,
.worktime:focus {
  color: #9ded9f;
  text-decoration: none;
}
.graphic:hover,
.worktime:hover,
.graphic:active,
.worktime:active {
  color: #d4ffd4;
  -webkit-transition-duration: 0.35s;
  -o-transition-duration: 0.35s;
  transition-duration: 0.35s;
  text-decoration: none;
}
.leave,
.leave:visited,
.leave:focus {
  color: #7ed8ed;
  text-decoration: none;
}
.leave:hover,
.leave:active {
  color: #cbf5ff;
  -webkit-transition-duration: 0.35s;
  -o-transition-duration: 0.35s;
  transition-duration: 0.35s;
  text-decoration: none;
}
.personalfile,
.personalfile:visited,
.personalfile:focus {
  color: #efe77c;
  text-decoration: none;
}
.personalfile:hover,
.personalfile:active {
  color: #f9f298;
  -webkit-transition-duration: 0.35s;
  -o-transition-duration: 0.35s;
  transition-duration: 0.35s;
  text-decoration: none;
}
.delegation,
.delegation:visited,
.businesstrips,
.businesstrips:visited,
.businesstrips:focus {
  color: #9da2f7;
  text-decoration: none;
}
.delegation:hover,
.businesstrips:hover,
.delegation:active,
.businesstrips:active {
  color: #d2d5ff;
  -webkit-transition-duration: 0.35s;
  -o-transition-duration: 0.35s;
  transition-duration: 0.35s;
  text-decoration: none;
}
.inactive {
  color: #545b80 !important;
  text-decoration: none;
}
.inactive:hover,
.inactive:active {
  color: #a5add0 !important;
  -webkit-transition-duration: 0.25s;
  -o-transition-duration: 0.25s;
  transition-duration: 0.25s;
  text-decoration: none;
}
#mini-settings {
  position: absolute;
  bottom: 15px;
}
#settings {
  padding-bottom: 5px;
  padding-top: 15px;
}
#settings,
#mini-settings {
  font-family: "LatoLatin", "Helvetica", sans-serif;
  margin-left: 15px;
  width: 135px;
  font-weight: 400;
}
#settings > a,
#mini-settings > a {
  color: #bbc0e0;
  text-decoration: none;
  font-size: 15px;
  -webkit-transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
#settings > a > div,
#mini-settings > a > div {
  margin-bottom: 7px;
  width: 135px;
  height: 30px;
  text-align: center;
}
#settings > a > div > span,
#mini-settings > a > div > span {
  margin-top: 7px;
  margin-left: 10px;
}
#settings > a > div > i,
#mini-settings > a > div > i {
  margin-top: 7px;
}
#settings > a:hover > div,
#mini-settings > a:hover > div {
  background-color: #3e4368;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  transition-duration: 0.05s;
}
#settings > a:hover,
#mini-settings > a:hover {
  color: #fff;
  transition-duration: 0.05s;
}
#mini-button {
  margin-top: 25px;
  margin-left: 5px;
  margin-right: 20px;
}
#mini-settings {
  position: relative;
  bottom: 0px;
  margin-top: 20px;
  margin-right: 10px;
  margin-left: 0px;
}
#log-out {
  color: #fff;
}
#header,
#mini-header {
  font-family: "LatoLatin", "Helvetica", sans-serif;
  min-height: 60px;
  background-color: white;
  border-bottom: 1px solid #f0f0f3;
}
#header > div > .hamburger,
#mini-header > div > .hamburger {
  cursor: pointer;
  position: relative;
  height: 36px;
  width: 42px;
  text-decoration: none;
  font-size: 21px;
  float: right;
  margin-right: 15px;
  margin-left: 4px;
  border: none;
  background-color: #fff;
}
#header > div > .hamburger > div,
#mini-header > div > .hamburger > div {
  position: absolute;
  left: 10px;
  width: 22px;
  height: 2px;
  background-color: #5b5b5b;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  top: 9px;
  bottom: 0px;
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200ms ease-out;
  -ms-transition: all 200ms ease-out;
  -o-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
}
#header > div > .hamburger:hover > div,
#mini-header > div > .hamburger:hover > div {
  background-color: #01bafe;
}
#header > div > .hamburger > div.second-line,
#mini-header > div > .hamburger > div.second-line {
  top: 16px;
}
#header > div > .hamburger > div.third-line,
#mini-header > div > .hamburger > div.third-line {
  top: 23px;
}
#header > div #log-out-link,
#mini-header > div #log-out-link {
  color: #5b5b5b;
  -webkit-transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  transition-duration: 0.1s;
  text-decoration: none;
}
#header > div #log-out-link:hover,
#mini-header > div #log-out-link:hover {
  color: #01bafe;
  -webkit-transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
#header > div #log-out-link > span,
#mini-header > div #log-out-link > span {
  float: right;
  font-size: 15px;
}
#header > div > a,
#mini-header > div > a {
  color: #5b5b5b;
  -webkit-transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  transition-duration: 0.1s;
  text-decoration: none;
}
#header > div > a:hover,
#mini-header > div > a:hover {
  color: #01bafe;
  -webkit-transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
#header > div > a > #message,
#mini-header > div > a > #message,
#header > div > a > #notification,
#mini-header > div > a > #notification {
  float: right;
}
#header > div > a > #message > i,
#mini-header > div > a > #message > i,
#header > div > a > #notification > i,
#mini-header > div > a > #notification > i {
  font-size: 21px;
  padding: 8px;
  float: right;
}
#header > div > a > #message > div,
#mini-header > div > a > #message > div,
#header > div > a > #notification > div,
#mini-header > div > a > #notification > div {
  width: 14px;
  height: 14px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  background: #01bafe;
  padding: 0px;
  text-align: center;
  vertical-align: middle;
  margin-top: 2px;
  float: right;
  display: table;
}
#notification {
    position: relative;
}
#notification > div {
    position: absolute;
    right: -8px;
    top: -2px;
    display: flex !important;
    justify-content: center;
    align-items: center;
}
#header > div > a > #message > div > span,
#mini-header > div > a > #message > div > span,
#header > div > a > #notification > div > span,
#mini-header > div > a > #notification > div > span {
  font-size: 10px;
  font-weight: 700;
  color: #fff;
  display: table-cell;
}
#header > div > a > #notification > i,
#mini-header > div > a > #notification > i {
  padding: 4px;
}
#header > div #user,
#mini-header > div #user {
  float: right;
  margin-right: 12px;
  height: 30px;
}
#header > div #user > #user-photo,
#mini-header > div #user > #user-photo {
  float: right;
  margin-right: 18px;
  width: 32px;
  height: 32px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#header > div #user > #user-name,
#mini-header > div #user > #user-name {
  margin-right: 24px !important;
  text-align: right;
  font-size: 14px;
  font-weight: 700;
  color: #1e1d1d;
  line-height: 100%;
  margin-top: 2px;
}
#header > div #user > #user-name > span,
#mini-header > div #user > #user-name > span {
  text-align: right;
  color: #01ab6e;
  font-size: 12px;
  margin-right: 2px;
  font-weight: 400;
}
#header > div #user > span,
#mini-header > div #user > span {
  float: right;
  border-right: 1px solid #dfe0e4;
  margin-top: 3px;
  height: 27px;
}
#mini-header {
  z-index: 100;
}

#header > div:last-child {
  padding-left: 15px;
}

.header-shadow {
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
}
div.collapse {
  display: block;
  top: 16px !important;
  background-color: white !important;
  -webkit-transition: all 70ms ease-out;
  -moz-transition: all 70ms ease-out;
  -ms-transition: all 70ms ease-out;
  -o-transition: all 70ms ease-out;
  transition: all 70ms ease-out;
}
div.rotate30 {
  -ms-transform: rotate(30deg);
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
  -webkit-transition: all 50ms ease-out;
  -moz-transition: all 50ms ease-out;
  -ms-transition: all 50ms ease-out;
  -o-transition: all 50ms ease-out;
  transition: all 50ms ease-out;
}
div.rotate150 {
  -ms-transform: rotate(150deg);
  -webkit-transform: rotate(150deg);
  transform: rotate(150deg);
  -webkit-transition: all 50ms ease-out;
  -moz-transition: all 50ms ease-out;
  -ms-transition: all 50ms ease-out;
  -o-transition: all 50ms ease-out;
  transition: all 50ms ease-out;
}
div.rotate45 {
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 100ms ease-out;
  -moz-transition: all 100ms ease-out;
  -ms-transition: all 100ms ease-out;
  -o-transition: all 100ms ease-out;
  transition: all 100ms ease-out;
}
div.rotate135 {
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  -webkit-transition: all 100ms ease-out;
  -moz-transition: all 100ms ease-out;
  -ms-transition: all 100ms ease-out;
  -o-transition: all 100ms ease-out;
  transition: all 100ms ease-out;
}
@-webkit-keyframes show {
  from {
    opacity: 0.75;
  }
  to {
    opacity: 1;
  }
}
@keyframes show {
  from {
    opacity: 0.75;
  }
  to {
    opacity: 1;
  }
}
.menu-background {
  height: 48px !important;
  background: #323658;
  -webkit-border-top-left-radius: 3px;
  -moz-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  -webkit-animation-name: show;
  animation-name: show;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
}
.menu-background:hover > div {
  background-color: #66d6ff !important;
}
#category > span {
  margin-top: 12px;
  margin-left: 10px;
  float: left;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  height: 28px;
  width: 3px;
  background: #9397c3;
  margin-right: 8px;
}
#category > h2 {
  margin-top: 12px;
  padding-top: 5px;
  font-family: "LatoLatin", "Helvetica", sans-serif;
  font-size: 18px;
  font-weight: 400;
}
#category_list {
  float: left;
  position: relative;
  min-height: 1px;
  padding: 0px 15px 34px;
  width: 100%;
  background-color: #fff;
}
#category_list > h2 {
  margin-top: 12px;
  padding-top: 15px;
  margin-left: 30px;
  font-family: "LatoLatin", "Helvetica", sans-serif;
  font-size: 24px;
  font-weight: 600;
}
#category_list > .category-description {
  margin-left: 30px;
  font-size: 13px;
  color: #79797b;
}
.category-buttons {
  margin: 15px 0px 0px 30px;
}
.category-tabs {
  background-color: #fff;
  padding: 0px;
  margin-top: -30px;
}
.category-tabs > #tabs {
  padding-left: 30px;
}
.bg--w {
  background-color: #fff;
}
.btn--category {
  border-radius: 4px;
  border: 1px solid #e4e5ea;
  background-color: #fff;
  margin: 0px 5px 5px 0px;
  color: #0a80e8;
}
.btn--category:hover {
  border: 1px solid rgba(1, 108, 199, 0.6);
  color: #0a80e8;
}
.app-description {
  display: flex;
  background-color: #fff;
  margin-top: 6px;
  padding-left: 0px;
  padding-right: 0px;
  border-radius: 5px;
  box-shadow: 0 1px 2px rgba(0, 36, 80, 0.18);
  float: left;
  position: relative;
  min-height: 1px;
  border: 1px solid #e7e7ec;
  border-bottom-color: #cccdd0;
}
.app-description_m {
  padding-left: 45px !important;
  padding-bottom: 50px;
}
.app-description__text {
  padding: 15px 10px 15px 20px;
  font-size: 14px;
  line-height: 22px;
  word-spacing: 0.1px;
  letter-spacing: 0.05px;
  width: 100%;
}
.app-description__icon {
  background-color: #50bd95;
  padding: 15px 10px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.app-description__icon svg {
  width: 26px;
}
.app-description__arrow--top,
.app-description__arrow--bottom {
  width: 50px;
  height: 100%;
}
.app-description__arrow--top > svg,
.app-description__arrow--bottom > svg {
  width: 25px;
}
.app-description__arrow--top + .app-description__text,
.app-description__arrow--bottom + .app-description__text {
  padding-left: 5px;
}
.app-description__arrow--top {
  padding: 10px 5px 15px 10px;
}
.app-description__arrow--bottom {
  padding: 24px 5px 15px 10px;
}
@media only screen and (max-width: 991px) {
  .app-description__arrow--top,
  .app-description__arrow--bottom {
    display: none;
  }
  .app-description__arrow--top + .app-description__text,
  .app-description__arrow--bottom + .app-description__text {
    padding-left: 20px;
  }
}
.app-description__close {
  padding: 15px 20px 15px 15px;
  height: 100%;
  cursor: pointer;
}
.app-description__close svg {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 18px;
}
.app-description__close svg line {
  stroke: #676868;
  stroke-width: 2px;
}
.app-description__close:hover line {
  stroke: #016cc7;
}
.app-description-wo-close {
  width: 97%;
  max-width: 97% !important;
}
.background-info-message {
  width: calc(100% + 28px);
  margin-left: -14px;
  margin-top: -14px;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
@media only screen and (min-width: 1550px) {
  .app-description {
    max-width: 50%;
  }
  #category_list > h2 {
    width: 45%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1549px) {
  .app-description {
    max-width: 65%;
  }
  #category_list > h2 {
    width: 45%;
    margin-left: 15px;
  }
  #category_list > .category-description {
    margin-left: 15px;
  }
  #category_list > .category-buttons {
    margin-left: 15px;
  }
  .category-tabs > #tabs {
    padding-left: 15px;
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1199px) {
  .app-description {
    max-width: 90%;
  }
}
@media only screen and (max-width: 1199px) {
  #category_list {
    padding-top: 30px;
    width: 100%;
  }
  #category_list > h2,
  #category_list > .category-description,
  #category_list > .category-buttons {
    margin-left: 15px;
  }
  .category-tabs > #tabs {
    padding-left: 5px;
  }
}
@media only screen and (min-width: 600px) and (max-width: 999px) {
  .app-description_m {
    padding-right: 45px !important;
  }
}
@media only screen and (max-width: 599px) {
  .app-description_m {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
}
#top-buttons {
  padding-top: 8px;
  padding-right: 24px;
}
#top-buttons > .btn {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  float: right;
}
#top-buttons > .btn:hover,
#top-buttons > .btn:active {
  -webkit-box-shadow: none;
  box-shadow: none;
}
#top-buttons > .btn:hover > span,
#top-buttons > .btn:active > span,
#top-buttons > .btn:hover > i,
#top-buttons > .btn:active > i {
  color: #016cc7;
  -webkit-transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
#top-buttons > .btn > span {
  font-size: 13px;
  font-weight: 400;
  color: #676868;
  -webkit-transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
#top-buttons > .btn > i {
  font-size: 15px;
  color: #676868;
  margin-right: 3px;
  -webkit-transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
#top-buttons > .btn > .icon-print {
  font-size: 17px;
}
#top-buttons > span {
  float: right;
  border-right: 1px solid #dadbdf;
  margin-top: 3px;
  height: 27px;
  margin-right: 3px;
  margin-left: 3px;
}
.list-inline > li {
  margin-right: -3px;
}
#tabs {
  display: inline-block;
  border-bottom: 1px solid #dadbdf;
}
.tabs-plans > li > a {
  padding: 4px 35px 8px !important;
}
.nav-tabs {
  border-bottom: 1px solid #d6d9e4;
}
.nav-tabs li {
    position: relative;
    bottom: -1px;
}
ul.ui-tabs-nav {
  margin: 0px auto !important;
  padding-left: 15px;
}
ul.ui-tabs-nav > li {
  padding: 4px 35px 8px 35px;
  color: #595959;
  margin-right: 15px;
  margin-top: 15px;
}
ul.ui-tabs-nav > li > a > span {
  color: #595959 !important;
  font-weight: 500 !important;
}
ul.ui-tabs-nav > li:hover:not(.ui-tabs-selected) {
  cursor: pointer;
}
ul.ui-tabs-nav > li:hover:not(.ui-tabs-selected) > a > span {
  color: #016cc7 !important;
  -webkit-transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
ul.ui-tabs-nav > li.ui-tabs-selected {
  color: #171718;
  border-bottom: 2px solid #00a7ee;
}
ul.ui-tabs-nav > li.ui-tabs-selected > a > span {
  color: #171718 !important;
  font-weight: 700 !important;
}
#header-filters {
  margin: 0px;
  padding: 8px 0px 0px 25px;
  font-family: "LatoLatin", "Helvetica", sans-serif;
  font-size: 15px;
  font-weight: 300;
  font-style: italic;
}
#view-filters {
  padding: 0px;
  padding-right: 35px;
  margin-top: 2px;
}
#view-filters > div {
  cursor: pointer;
  border: 1px solid #dadbdf;
  float: right;
  width: 26px;
  height: 26px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-align: center;
}
#view-filters > div:hover {
  border: 1px solid #90b2d0;
  -webkit-transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
#view-filters > div:hover > i,
#view-filters > div:active > i {
  color: #016cc7;
  -webkit-transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
#view-filters > div > i {
  margin-top: 2px;
  color: #7a7b7b;
  font-size: 20px;
}
#filters {
  margin-top: 3px;
}
#filters > div {
  float: left;
}
#filters > div.category {
  margin-right: 10px;
  margin-top: 10px;
}
#filters > div.category > span,
#filters > div.category > select {
  display: block;
}
#filters > div.category > span {
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 2px;
}
#filters > div > button {
  margin-top: 33px;
}
#filters .k-input {
    display: block;
    min-height: 32px;
}
#MonthlyUsageGrid th, #MonthlyUsageGrid td {
    padding: 13px 5px !important;
    text-align: center;
    border-right: 1px solid #ddd !important;
}
#MonthlyUsageGrid .k-master-row td:nth-last-child(1), #MonthlyUsageGrid .k-master-row td:nth-last-child(2), #MonthlyUsageGrid#news .k-master-row td:nth-last-child(15) {
    font-weight: bold;
}
.container-main {
    padding-left: 2vw;
    padding-right: 2vw;
}
.jumbotron {
  margin-bottom: 0px;
  padding-top: 20px;
  padding-bottom: 25px;
}
.container .jumbotron,
.jumbotron {
  padding-left: 20px;
  padding-right: 20px;
}
.container-fluid {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.row {
  margin-left: 0px;
  margin-right: 0px;
}
#action-list > div > div > span {
  margin-right: 7px;
  font-style: italic;
}
.form-group {
  margin-bottom: 7px;
  margin-top: 7px;
}
#user-info {
  font-family: "LatoLatin", "Helvetica", sans-serif;
}
#user-info > div {
  display: block;
  float: left;
  margin-top: 10px;
}
#user-info > div > img {
  display: block;
  width: 88px;
  height: 88px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
  float: left;
  margin-right: 10px;
}
#user-info > div > #UserDetails_FirstName > span:first-child {
  margin-top: 15px;
  display: inline-block;
  color: #3a1a61;
  font-size: 18px;
  font-weight: 700;
}
#user-info > div > #UserDetails_FirstName > span.position {
  display: inline-block;
  font-size: 13px;
  color: #016cc7;
}
#user-info > div > #UserDetails_FirstName > span.nr-information {
  display: inline-block;
  font-size: 12px;
  color: #676868;
}
#user-info > #UserDetails,
#user-info > #UserDetails-edit {
  background-color: #fff;
  padding: 15px 0px;
  border-radius: 3px;
  border: 1px solid #d6d9e4;
  -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
}
#user-info > #UserDetails > div > div > label,
#user-info > #UserDetails-edit > div > div > label {
  text-align: right;
}
#user-info > #UserDetails > div > div > label > span,
#user-info > #UserDetails-edit > div > div > label > span {
  color: #fd3f3f;
}
#user-info > #UserDetails p,
#user-info > #UserDetails-edit p {
  color: #016cc7;
}
#user-info > #UserDetails > div > div > span,
#user-info > #UserDetails-edit > div > div > span {
  padding-left: 5px;
  padding-right: 15px;
}
#user-info > #UserDetails > div,
#user-info > #UserDetails-edit > div {
  padding-right: 5px;
}
#user-info > #UserDetails-edit input,
#user-info > #UserDetails-edit button {
  margin-top: -7px;
  margin-bottom: 8px;
}
#user-info > #UserDetails-edit span.field-validation-error {
  margin-top: -5px;
  margin-bottom: 8px;
  display: block;
  color: #fd3f3f;
}
#user-groups {
  margin-top: 20px;
  padding-left: 0px;
}
#user-groups > h3 {
  font-size: 14px;
  font-style: italic;
}
#user-groups > ul {
  display: inline;
}
#user-groups > ul > li {
  margin-left: 5px;
  padding: 2px 8px;
  border: 1px solid #dadbdf;
  border-radius: 10px;
  background-color: #fff;
  color: #016cc7;
  -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.05);
  -webkit-transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
#user-groups > ul > li > i {
  margin-left: 3px;
  color: #dadbdf;
  -webkit-transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
#user-groups > ul > li:hover,
#user-groups > ul > li:active {
  cursor: pointer;
  border-color: #428ac7;
}
#user-groups > ul > li:hover > i,
#user-groups > ul > li:active > i {
  color: #428ac7;
}
#modules {
  margin-top: 25px;
  margin-bottom: 20px;
  padding: 0px 5px;
}
#modules > div {
  margin-left: 15px;
  margin-right: 10px;
  background-color: #fff;
  border-radius: 3px;
  -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
}
#modules #modules-tab {
  padding-left: 10px;
  margin: 0px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-left: 1px solid #d6d9e4;
  border-right: 1px solid #d6d9e4;
  border-top: 1px solid #d6d9e4;
}
#modules #modules-tab > li > a {
  padding: 0 0;
  border-right: 0px;
  border-left: 0px;
  border-top: 0px;
  border-bottom: 2px solid white;
}
#modules #modules-tab > li > a > div {
  padding: 10px 40px;
}
#modules #modules-tab > li > a > div > i {
  font-size: 20px;
}
#modules #modules-tab > li > a > div > div {
  display: inline-block;
  vertical-align: middle;
  margin-left: 3px;
  -ms-flex-line-pack: center;
  align-content: center;
}
#modules #modules-tab > li > a > div > div > img {
  display: block;
  margin: 0px auto;
}
#modules #modules-tab > li > a > div > div > span {
  text-align: center;
  color: #333;
  font-weight: 900;
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
#modules #modules-tab > li:hover > a {
  background-color: white;
  border: none;
}
#modules #modules-tab > li:hover > a > div > div > span {
  color: #016cc7;
}
#modules #modules-tab > li.active > a {
  border-right: 0px;
  border-left: 0px;
  border-top: 0px;
  border-bottom: 1px solid #ddd;
}
#modules #modules-tab > li.active > a > div {
  border-bottom: 2px solid #24a9e2;
}
#modules #modules-tab > li.active:hover > a {
  border-right: 0px;
  border-left: 0px;
  border-top: 0px;
  border-bottom: 1px solid #ddd;
}
#modules #modules-tab > li.active:hover > a > div > div > span {
  color: #333;
}
#modules > div > .tab-content {
  padding-top: 10px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-left: 1px solid #d6d9e4;
  border-right: 1px solid #d6d9e4;
  border-bottom: 1px solid #d6d9e4;
}
#modules > div > .tab-content > .tab-pane.message-modules {
  min-height: 150px;
  margin: 0px auto;
  text-align: center;
  padding-top: 30px;
}
#modules > div > .tab-content > .tab-pane.message-modules > span {
  font-size: 17px;
  font-weight: 600;
  padding-bottom: 12px;
}
#modules > div > .tab-content > .tab-pane.message-modules > p {
  font-style: italic;
  padding-bottom: 5px;
}
#modules > div > .tab-content > .tab-pane.message-modules > button {
  margin-bottom: 10px;
}
#modules > div > .tab-content > .tab-pane.message-modules h3 {
  text-align: left;
}
#modules > div > .tab-content > .tab-pane.message-modules #group-limit {
  top: 10px;
  position: relative;
}
#modules > div > .tab-content > .tab-pane.message-modules .alert {
  margin-top: 30px;
}
.active-modules {
  color: #01a46a;
}
.inactive-modules {
  color: #afafaf;
}
.window {
  min-height: 100% !important;
  background-color: #fff;
}
.form {
  margin-top: 25px;
}
.form .control-label {
  text-align: right;
  margin-top: 7px;
}
.form .control-label > label > span {
  color: #fd3f3f;
}
.form .control-label > a > span {
  color: #016cc7;
}
.form .form-control,
.form .bootstrap-select {
  margin-bottom: 7px !important;
  max-width: 230px;
}
.form input ~ span {
  color: #fd3f3f;
  margin-bottom: 5px;
}
.control-label > strong {
  color: #2c348e;
  font-size: 15px;
}
.control-label > i {
  color: #2c348e;
  font-size: 18px;
  margin-right: 7px;
}
.control-label label {
    font-weight: 500;
}
.box {
  display: inline-block;
  background-color: #fff;
  padding: 15px 0px;
  border-radius: 3px;
  -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
  border: 1px solid #dddde4;
}
.box-second {
  background-color: #f7f6f7;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.box-top {
  background-color: #fff;
  padding: 5px 20px 15px 25px;
  border-bottom: 1px solid #dddde4;
}
.box-top > .header-box,
.box-top > .panel-date {
  display: inline-block;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.padding-box {
  padding: 15px;
}
.setting {
  cursor: pointer;
  width: 250px;
  height: 230px;
  margin-top: 20px;
  margin-left: 10px;
  margin-right: 20px;
  vertical-align: top;
}
.setting > img {
  width: 70px;
  height: 70px;
}
.setting > .config-name {
  margin-top: 20px;
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: #3a1a61;
}
.setting > p {
  margin: 10px 35px 0px;
  font-style: italic;
  font-size: 13px;
  color: grey;
}
.setting > .details {
  display: none;
}
.setting:hover,
.setting:active {
  margin-top: 20px !important;
  border: 1px solid #a7aac5;
  text-decoration: none;
}
.setting:hover > p,
.setting:active > p {
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  display: none;
}
.setting:hover > .details {
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  display: block;
  text-transform: uppercase;
  margin: 15px 35px 0px;
  font-size: 14px;
  color: #01a46a;
  font-weight: 600;
}
#modules-config > div {
  margin-bottom: 15px;
}
#modules-config > div > h3 {
  font-size: 15px;
  color: #3a1a61;
  font-weight: 600;
  margin-right: 50px;
}
#modules-config > div > div {
  padding: 0px 0px;
}
#modules-config > div > div > div {
  margin-right: 15px;
}
#modules-config > div > div.term {
  margin-top: 3px;
  padding: 10px 25px;
}
#modules-config > div > div.term > label {
  margin: 5px 20px;
}
#modules-config > div:nth-child(2) {
  margin-bottom: 0px !important;
}
#modules-config > div.summary > h3 {
  margin-top: 10px;
}
#modules-config > div.summary > div {
  border-top: 1px solid #dadbdf;
}
#modules-config > div.summary > div > p {
  float: right;
  margin-top: 12px;
  font-style: italic;
}
#modules-config > div.summary > div > span {
  float: right;
  margin-right: 20px;
  margin-left: 10px;
  font-size: 25px;
  color: #016cc7;
  font-weight: 600;
}
#modules-price > div {
  margin-bottom: 20px;
}
#modules-price > div > span:first-child {
  font-size: 16px;
}
#modules-price > div > img {
  display: block;
  margin: 0px auto;
  padding-top: 5px;
}
#modules-price > div > h3 {
  font-size: 17px;
  color: #3a1a61;
  font-weight: 600;
}
#modules-price > div > p {
  margin-top: 20px;
  font-style: italic;
  margin-bottom: 5px;
}
#modules-price > div > input[type="text"] {
  display: inline-block;
  font-size: 18px;
  width: 80px;
  font-weight: 600;
}
#modules-price > div > div.form-control {
  display: inline-block;
  cursor: pointer;
  font-size: 20px;
  width: 30px;
  font-weight: 600;
  vertical-align: top;
  padding: 2px 0px 0px;
}
#modules-price > div > span.price {
  font-size: 18px;
  font-weight: 600;
  color: #2c348e;
}
.inactive-section {
  opacity: 0.2;
}
.inactive-modules-section {
  opacity: 0.5;
}
#tabs-vertical {
  padding-right: 0px;
}
#tabs-vertical > ul {
  margin-top: 25px;
  padding-right: 0px;
  border-bottom: 0px;
}
#tabs-vertical > ul > li {
  padding-right: 0px;
  padding-left: 0px;
  font-size: 14px;
  font-weight: 600;
}
#tabs-vertical > ul > li > a {
  color: #2c348e;
  margin-right: 0px;
  padding: 15px 30px;
  border-top-right-radius: 0px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
#tabs-vertical > ul > li > a:hover {
  background-color: #e7e7ea;
  border-bottom-color: #e7e7ea;
}
#tabs-vertical > ul > li > a > i {
  display: none;
}
#tabs-vertical > ul > li.active > a {
  color: #111111;
  padding: 15px 16px;
  border-top: 1px solid #dde0e8;
  border-bottom: 1px solid #dde0e8;
  border-left: 1px solid #dde0e8;
  border-right: 1px solid #fff;
  z-index: 10;
  border-top-right-radius: 0px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  margin-right: -2px;
}
#tabs-vertical > ul > li.active > a:hover {
  background-color: #fff;
}
#tabs-vertical > ul > li.active > a > i {
  display: inline-block;
  margin-right: 5px;
  color: #016cc7;
}
.settings-option {
  margin-top: 10px;
}
.settings-option > div {
  min-height: 320px;
}
.settings-option > div > .tab-pane > div > div > label {
  text-align: right;
  margin-top: 5px;
  padding-right: 0px;
}
.settings-option > div > .tab-pane > div > div > p {
  text-align: right;
  font-style: italic;
  color: #a2a2a2;
}
.settings-option > div > .tab-pane > div > span {
  color: #016cc7;
}
.settings-option > div > .tab-pane > div > span,
.settings-option > div > .tab-pane > div > div > div.button-inside {
  margin-top: 5px;
}
.settings-option > div > .tab-pane > div > button.btn-success,
.settings-option > div > .tab-pane > div > button.btn-danger {
  margin-top: 10px;
}
.alert {
  margin-top: 10px;
  color: #111111;
  background-color: #fff;
  border-color: #e9e9ea;
  margin-bottom: 5px;
  padding: 10px 15px 10px 50px;
  display: block;
  position: relative;
}
.alert-main {
  margin-top: 40px;
  padding: 0px 5px;
  font-size: 13px;
}
.alert-success {
  border: 1px solid #a8d0c1;
  background-color: #f4fdfa;
}
.alert-success > strong {
  color: #01a46a;
}
.alert-success::before {
  background-color: #52bb97;
  content: "\f129";
}
.alert-danger {
  border: 1px solid #f1b5b5;
  background-color: #ffeff2;
}
.alert-danger > strong {
  color: #fc3c3b;
}
.alert-danger::before {
  background-color: #ef6868;
  content: "\f12a";
}
.alert-warning {
  border: 1px solid #efc97b;
  background-color: #fdf7eb;
}
.alert-warning > strong {
  color: #e2a321;
}
.alert-warning::before {
  background-color: #f5b83a;
  content: "\f12a";
}
.alert-info {
  border: 1px solid #add4e6;
  background-color: #f7fdff;
}
.alert-info > strong {
  color: #0374a7;
}
.alert-info::before {
  background-color: #56b0da;
  content: "\f129";
}
.alert::before {
  color: #fff;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  font-size: 13px;
  line-height: 13px;
  left: 14px;
  top: 8px;
  position: absolute;
  width: 23px;
  height: 23px;
  padding: 5px;
  border-radius: 2px;
  text-align: center;
}
.alert-info.absent-person {
  text-align: center;
}
.alert-info.absent-person::before {
  display: none;
}
.panel-default > .panel-heading {
  color: #2c348e;
  background-color: #fff;
  border: none;
}
.panel-default {
  border: none;
  padding: 5px 0px;
  margin-top: 15px;
  border: 1px solid #d6d9e4;
  -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
}
.panel-default .form-group > div.field, .panel-modal .form-group > div.field  {
  color: #111111;
  margin-top: 3px;
  margin-bottom: 3px;
}
.panel-default .form-group > div.field > input {
  display: inline-block;
  margin-right: 2px;
  padding: 6px 12px;
  height: auto;
  text-align: center;
}
.panel-default .form-group > div.field > input:nth-child(n + 2) {
  margin-left: 2px;
}
.panel-default .form-group > div.field > div > button {
  padding: 8px 12px 4px;
}
.panel-default > div > div:last-child {
  margin-top: 15px;
  margin-bottom: 15px;
}
textarea {
  max-width: 90%;
}
.textarea-auto-resize {
    overflow: hidden !important;
}
.input-sm {
    width: 55px;
}
.panel-heading {
  text-align: center;
  font-size: 18px;
  font-weight: 600;
}
.box-heading {
  color: #01a46a;
  font-size: 16px;
  font-weight: 600;
  margin-top: 15px;
  margin-bottom: 10px;
}
.panel-default > .panel-body {
  padding: 0px 0px;
}
.panel-default > .panel-body > .frame {
  padding: 5px 0px;
  background-color: #f6f5f7;
}
input.datepicker {
  width: 100px;
}
#modalBodyReq {
  line-height: 0.4;
}
#modalBodyReq .panel-heading {
  font-size: 17px;
  color: #2c348e;
}
.stat {
  margin-top: 15px;
}
.status {
  display: inline-block;
  font-size: 15px;
  vertical-align: top;
  margin-top: 19px;
  margin-left: 8px;
}
.modal-stat {
  margin-top: 5px;
}
.modal-stat .st {
  font-size: 32px;
  line-height: 0;
}
input.datepicker {
  width: 105px;
}
.form-control-static {
  color: #016cc7;
}
.panel-body .control-label {
  padding-top: 10px !important;
}
.calendar-days-off .calendar > .btn-group {
    width: 100%;
}
.calendar-days-off .calendar > .btn-group .drop-menu {
    border-radius: 4px;
}
.calendar-navigation > div {
    margin-top: 12px;
}
.calendar-navigation > div:first-child > form > div > span {
  font-style: italic;
}
.calendar-navigation > .nav2,
.calendar-navigation > .nav {
  margin-top: 20px;
  text-align: center;
  margin-bottom: 15px;
}
.calendar-navigation > .nav2 > span,
.calendar-navigation > .nav > span {
  font-size: 17px;
  font-weight: 600;
}
.calendar-navigation > .nav {
  margin-top: 14px;
  margin-bottom: 12px;
  font-size: 15px;
}
.calendar-navigation > .nav > span {
  font-size: 18px;
}
.calendar-navigation > div > b {
  margin-top: 2px;
  display: inline-block;
  font-size: 18px;
  color: #3a1a61;
  float: left;
}
#PrevMonth,
#NextMonth {
  padding: 8px 20px 8px !important;
}
.calendar-date {
  background-color: #e7e7ea;
  border-top: 1px solid #ddddea;
  padding: 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.calendar-date__year {
  padding: 0 15px 0 10px;
  display: inline-block;
  border-right: 1px solid #cbccd2;
}
.calendar-date__year > a {
  color: #646464;
  border: 1px solid #e7e7ea;
  padding: 8px 12px 8px;
  margin: 0 4px;
  border-radius: 4px;
  text-decoration: none;
  font-weight: 600;
}
.calendar-date__year > a:hover {
  border: 1px solid rgba(1, 108, 199, 0.6);
  color: #016cc7;
}
.calendar-date__year > .bootstrap-select {
  margin: 0 5px !important;
}
.calendar-date__year > .bootstrap-select > button {
  background-color: #1289bc !important;
  border-color: #1289bc !important;
}
.calendar-date__year > .bootstrap-select > button > .bs-caret > .caret {
  color: rgba(255, 255, 255, 0.65);
}
.calendar-date__year > .bootstrap-select > button > .filter-option {
  padding-bottom: 6px !important;
  font-weight: 600;
  text-align: center !important;
  font-size: 15px !important;
  color: #fff !important;
}
.calendar-date__year > .bootstrap-select > button:hover,
.calendar-date__year > .bootstrap-select > button:focus,
.calendar-date__year > .bootstrap-select > button:active {
  background-color: #0079ad !important;
  border-color: #016cc7 !important;
}
.calendar-date__month {
  display: inline-block;
}
.calendar-date__month-actual {
  position: relative;
}
.calendar-date__month-actual:after {
  width: 12px;
  height: 2px;
  background: #1289bc;
  border-radius: 4px;
  content: "";
  position: absolute;
  bottom: 5px;
  left: calc(50% - 6px);
}
.calendar-date__month-actual:hover:after {
  background: rgba(1, 108, 199, 0.8);
}
.calendar-date__month-selected.calendar-date__month-actual {
  position: relative;
}
.calendar-date__month-selected.calendar-date__month-actual:after {
  width: 12px;
  height: 2px;
  background: rgba(255, 255, 255, 0.65);
  border-radius: 4px;
  content: "";
  position: absolute;
  bottom: 6px;
  left: calc(50% - 6px);
}
.calendar-date__month-selected.calendar-date__month-actual:hover:after {
  background: rgba(255, 255, 255, 0.65);
}
.calendar-date__month-sm {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  margin-left: 20px;
}
.calendar-date__month-sm > a {
  color: #646464;
  border: 1px solid #e7e7ea;
  padding: 8px 10px 8px;
  margin: 0 3px;
  border-radius: 4px;
  text-decoration: none;
  text-align: center;
  font-weight: 600;
}
.calendar-date__month-sm > a:hover {
  border: 1px solid rgba(1, 108, 199, 0.6);
  color: #016cc7;
}
.calendar-date__month-sm .bootstrap-select > button > .filter-option {
  padding-bottom: 6px !important;
  font-weight: 600;
  text-align: center !important;
  font-size: 15px !important;
}
.calendar-date__month-xl {
  display: none !important;
  margin-left: 15px;
}
.calendar-date__month-xl > div {
  display: inline-block;
}
.calendar-date__month-xl > a {
  color: #646464;
  border: 1px solid #e7e7ea;
  padding: 8px 16px 8px;
  margin: 0 3px;
  border-radius: 4px;
  text-decoration: none;
  text-align: center;
  font-weight: 600;
}
.calendar-date__month-xl > a:hover {
  border: 1px solid rgba(1, 108, 199, 0.6);
  color: #016cc7;
}
.calendar-date__month-xl > .calendar-date__month-selected {
  background-color: #1289bc !important;
  border: 1px solid #1289bc !important;
  padding: 7px 16px 5px;
  margin: 0 4px;
  border-radius: 4px;
  text-decoration: none;
  text-align: center;
  color: #fff;
  font-weight: 600;
  font-size: 15px !important;
}
.calendar-date__month-xl > .calendar-date__month-selected:hover {
  color: #fff;
  background-color: #1289bc !important;
  border: 1px solid #1289bc !important;
}
.calendar-date__type {
  color: #646464;
  padding: 8px 10px 8px;
  border-radius: 4px;
  text-decoration: none !important;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.12);
  font-weight: 600;
}
.calendar-date__type:hover {
  border: 1px solid rgba(1, 108, 199, 0.6);
}
.calendar-date__type-selected {
  display: inline-block;
  background-color: #1289bc !important;
  border: 1px solid #1289bc !important;
  padding: 8px 16px 4px;
  margin: 0 4px;
  border-radius: 4px;
  text-decoration: none !important;
  text-align: center;
  color: #fff;
  font-weight: 600;
  font-size: 14px !important;
}
#calendar-date__type-year {
  margin: 0 10px 0 20px;
}
#calendar-date__type-month {
  margin-left: 20px;
}
.calendar-date__type-section {
  display: inline-block;
}
@media only screen and (min-width: 1350px) {
  #calendar-date__type-month {
    display: none !important;
  }
  .calendar-date__month-xl {
    display: flex !important;
  }
  .calendar-date__month-sm {
    display: none !important;
  }
}
.holiday-info {
  padding-left: 0px;
  margin-bottom: 6px;
}
.holiday-info > div {
  color: #646464;
  display: inline-block;
  font-style: italic;
  font-size: 13px;
  margin-right: 5px;
  margin-bottom: 3px;
}
.holiday-info > div > .plan-count {
  font-style: normal;
  font-weight: 600;
  margin-left: 3px;
  color: #111111;
}
.heightPlan {
  margin-top: 10px;
  padding: 0px;
}
.top-line {
  margin-top: 15px;
  margin-bottom: 10px;
}
.top-line > div.box {
  z-index: 5;
  padding: 0px;
}
.top-line > div.box > .help-block {
  height: auto;
}
.top-line > div.box i {
  color: #016cc7;
}
.top-line > div.box > div {
  display: inline-block;
  margin-left: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
}
.top-line > div.box > div span {
  margin-right: 5px;
  display: inline-block;
}
.top-line > div.box > div input {
  vertical-align: middle;
  display: inline-block !important;
}
.top-line > div.box > div strong {
  font-size: 16px;
  color: #2c348e;
}
.top-line > div.box > .comment {
  background: #FCFBFC;
  /* Old browsers */
  background: -moz-linear-gradient(top, #FFFFFF 1%, #F8F7FA 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #FFFFFF 1%, #F8F7FA 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #FFFFFF 1%, #F8F7FA 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from', endColorstr='@to', GradientType=0);
  /* IE6-9 */
  margin-left: 0px;
  padding-top: 0px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.top-line > div.box > .comment > span {
  display: inline-block !important;
}
.top-line > div.box > .comment > input {
  width: 80%;
  border-color: #dcdbdb;
}
.top-line input[type="submit"] {
  margin-right: 15px;
}
.top-line #AjaxEdit {
  margin-left: 0px;
}
.top-line > .holiday-info {
  margin-top: -2px;
  padding-top: 8px;
  padding-bottom: 6px;
  padding-left: 15px;
  border-left: 1px solid #d6d9e4;
  border-right: 1px solid #d6d9e4;
  border-bottom: 1px solid #d6d9e4;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  background-color: #f6f6f6;
  z-index: 1;
}
.delegation-info h5 {
  color: #01a46a;
  margin-top: 20px;
  margin-left: 50px;
  font-weight: 700;
}
.table-delegation {
  margin-bottom: 30px;
}
.table-delegation tr {
  background-color: white;
}
.table-delegation td {
  padding: 5px 8px;
}
.delegation-section h4 {
  font-weight: 700;
  color: #2c348e;
  font-size: 15px;
  margin-bottom: 15px;
}
@media only screen and (max-width: 1040px) {
    .delegation-section--mob {
        width: 100%;
        overflow-x: auto;
        margin-left: 0 !important;
        padding-left: 15px;
    }
}
@media only screen and (max-width: 480px) {
    .delegation-info--mob {
        width: 100%;
        overflow-x: auto;
    }
}
@media only screen and (max-width: 480px) {
    .el-margin-bottom > a, .el-margin-bottom > button {
        margin-bottom: 15px;
    }
}

#AjaxTransportList th {
    vertical-align: middle;
    text-align: center;
    font-size: 90%;
}
#AjaxTransportList tr {
  background-color: white;
}
#AjaxTransportList tr:nth-child(1) > th:nth-child(2),
#AjaxTransportList tr:nth-child(1) > th:nth-child(3) {
  text-align: left;
  color: #01a46a;
  padding-left: 25px;
}
#AjaxTransportList tr:nth-child(2),
#AjaxTransportList tr:nth-child(1) > th:nth-child(1),
#AjaxTransportList tr:nth-child(1) > th:nth-child(n + 4) {
  border-bottom: 1px solid #ccc;
  background-color: #fff;
}
#AjaxBillList th,
#AjaxFileList th {
  vertical-align: middle;
  text-align: center;
  font-size: 13px;
}
#AjaxBillList tr,
#AjaxFileList tr {
  background-color: white;
}
#AjaxBillList tr:nth-child(1),
#AjaxFileList tr:nth-child(1) {
  border-bottom: 1px solid #ccc;
  background-color: #fff;
}
.table.smallbordered tr > th {
  background-color: #f6f6f6;
  font-size: 90%;
  padding-top: 10px;
  padding-bottom: 0px;
}
.table.smallbordered tr > td:last-child > button,
.table.smallbordered tr > td:last-child > input {
  margin-top: 6px !important;
}
#AjaxAdditionalPrivTransInfo {
  margin-top: 15px;
}
#AjaxAdditionalPrivTransInfo .form-control-static {
  padding-top: 0px;
}
.category-box {
  min-height: 120px;
  margin-left: 15px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.category-box .header-box {
  padding-top: 10px;
  padding-bottom: 12px;
}
.category-box .header-box > span {
  color: #2d344e;
  font-weight: 900;
  margin-right: 6px;
}
.category-box .header-box > span > i {
  color: #24a9e2;
}
.category-box .absent-person {
  margin-top: 8px;
  margin-bottom: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.category-box .absent-person > .absent-data {
  width: calc(100% - 36px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  margin-top: -2px;
}
.category-box .absent-person > .absent-data > span {
  display: block;
}
.category-box .absent-person > .absent-data > div:first-child {
  display: block;
  font-weight: 600;
}
.category-box .absent-person > .absent-data > div:first-child > span:first-child {
  margin-right: 5px;
}
.category-box .absent-person > .absent-data > div:first-child > span {
  display: inline-block;
}
.category-box .absent-person > .absent-data > span {
  margin-top: -4px;
  font-size: 11px;
  color: #016cc7;
  display: block;
}
.category-box .absent-person > .absent-data > span > a {
  display: inline-block;
  font-size: 11px;
  color: #016cc7;
  position: relative;
  top: 1px;
  left: 5px;
}
.category-box .absent-person > .absent-data > div.date-range {
  display: block;
}
.category-box .absent-person > .absent-data > div.date-range > span:first-child {
  margin-right: 5px;
}
.category-box .absent-person > .absent-data > div.date-range > span {
  margin-top: -2px;
  font-size: 12px;
  color: #515252;
  display: inline-block;
}
.category-box .panel-date {
  padding-top: 10px;
  margin-bottom: 10px;
}
.category-box .panel-date > label {
  display: inline-block;
  font-size: 13px;
  color: #676868;
  font-weight: 300;
  margin-right: 6px;
}
.category-box .panel-date > input {
  display: inline-block;
  width: 105px;
}
.category-box .header-box-tab {
  border-bottom: 1px solid #d6d8e0;
  margin-bottom: 8px;
}
.category-box .header-box-tab #category-tab {
  border-bottom: none;
  padding-left: 10px;
  margin: 0px;
}
.category-box .header-box-tab #category-tab > li {
  margin-bottom: 0;
}
.category-box .header-box-tab #category-tab > li > a {
  padding: 0 0;
  border-right: 0px;
  border-left: 0px;
  border-top: 0px;
  border-bottom: 0;
}
.category-box .header-box-tab #category-tab > li > a > div {
  padding: 2px 40px 9px;
  border-bottom: 2px solid white;
}
.category-box .header-box-tab #category-tab > li > a > div > span {
  text-align: center;
  color: #424242;
  font-weight: 900;
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.category-box .header-box-tab #category-tab > li:hover > a,
.category-box .header-box-tab #category-tab > li:active > a {
  padding: 0 0;
  border-right: 0px;
  border-left: 0px;
  border-top: 0;
  border-bottom: 0;
  background-color: white;
}
.category-box .header-box-tab #category-tab > li:hover > a > div,
.category-box .header-box-tab #category-tab > li:active > a > div {
  border-bottom: 2px solid white;
}
.category-box .header-box-tab #category-tab > li:hover > a > div > span,
.category-box .header-box-tab #category-tab > li:active > a > div > span {
  color: #016cc7;
}
.category-box .header-box-tab #category-tab > li.active > a {
  border-right: 0px;
  border-left: 0px;
  border-top: 0px;
  border-bottom: 0px;
}
.category-box .header-box-tab #category-tab > li.active > a > div {
  border-bottom: 2px solid #24a9e2;
}
.category-box .header-box-tab #category-tab > li.active > a > div > span {
  color: #2d344e;
}
.category-box .header-box-tab #category-tab > li.active:hover > a {
  border-right: 0px;
  border-left: 0px;
  border-top: 0px;
  border-bottom: 0px;
}
.category-box .header-box-tab #category-tab > li.active:hover > a > div {
  border-bottom: 2px solid #24a9e2;
}
.category-box .header-box-tab #category-tab > li.active:hover > a > div > span {
  color: #2d344e;
}
.text-date-absent {
  color: #7d7d7d;
}
.list-doc-main {
  padding: 8px 25px 20px;
  width: 100%;
}
.list-doc-main .header-box-tab > ul > li {
  padding-top: 22px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.padding-top-sm {
  padding-top: 5px;
}
.category-small {
  min-height: 170px;
}
.absent-type {
  width: 36px;
  height: 36px;
  border-radius: 4px;
  display: table;
  float: left;
  margin-top: 2px;
}
.absent-type > span {
  font-weight: 600;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.absent-person > .absent-type {
  margin-right: 10px;
}
.absent-leave {
  background-color: #d0eeef;
}
.absent-leave > span {
  color: #0277a2;
}
.absent-delegation {
  background-color: #d9dbf6;
}
.absent-delegation > span {
  color: #5c4492;
}
.absent-leave-box,
.absent-delegation-box {
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 6px;
  padding-right: 3px;
  width: 46px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.limit {
  display: block;
}
.limit > div:first-child {
  text-align: center;
}
.limit > div {
  margin-top: -10px;
  text-align: center;
}
.leave-limit {
  margin-top: 4px;
}
.leave-limit > .limit {
  margin: 10px auto 5px;
}
.leave-limit > .limit > div:first-child {
  font-size: 36px;
  font-weight: 700;
  color: #1692c8;
}
.only-leave-limit > .base-box-header {
  margin-top: 15px;
  margin-bottom: 40px;
}
.only-leave-limit .limit {
  background: url(img/circleLeave.png) no-repeat;
  display: block;
  margin: -30px auto 15px;
  width: 124px;
  height: 124px;
}
.only-leave-limit .limit > div:first-child {
  padding-top: 28px;
  font-size: 36px;
  font-weight: 700;
  color: #026d9f;
}
.delegation-limit {
  margin-top: 4px;
}
.delegation-limit > .limit {
  margin: 10px auto 5px;
}
.delegation-limit > .limit > div:first-child {
  font-size: 36px;
  font-weight: 700;
  color: #7440af;
  padding-top: 6px;
}
.absent-box {
  margin: 10px 0px;
}
.absent-box > a {
  cursor: pointer;
  padding: 4px 0 6px 4px;
  border-top: 1px solid #e7e7ea;
  border-bottom: 1px solid #fff;
  position: relative;
  outline: none;
  /*
    &:before {
      content: '';
      display: block;
      margin: auto;
      height: 1px;
      width: 0px;
      background: transparent;
      transition: width .5s ease, background-color .5s ease;
      position: absolute;
      right: 0;
      bottom: 0;

    }
    &:hover:before {
      width: calc(~"100%");
      background: #01a46a;
    } */
}
.absent-box > a:hover {
  border-bottom: 1px solid #01a46a;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.06);
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.absent-box > a:hover .show-text {
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.absent-box > a:hover .document-number > span:first-child {
  display: none;
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.first-absent {
  border-top: 1px solid #fff !important;
  margin-top: 8px;
}
.absent-box-header {
  margin-top: 10px;
  margin-bottom: 5px;
  color: #a0a0a0;
}
.base-box-header {
  display: block;
  color: #838080;
}
.delegation-box {
  margin: 10px 10px;
}
.delegation-box > .box {
  cursor: pointer;
  margin-top: 6px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.delegation-box > .box:hover {
  border: 1px solid #b2a3c1;
}
.delegation-box > .box > div {
  display: inline-block;
}
.status-info {
  display: inline-block;
  padding-left: 5px;
}
.status-info > .st {
  display: inline-block;
  position: relative;
  top: -5px;
  font-size: 24px;
  margin-left: 5px;
}
.status-info > .status-icon {
  display: inline-block;
  padding-left: 4px;
}
.status-info > .status-icon > span:first-child {
  margin-top: 5px;
  display: block;
  font-weight: 700;
  text-decoration: none;
  color: #111;
  font-size: 14px;
}
.status-info > .status-icon > span:nth-child(2) {
  display: block;
  margin-top: -2px;
  text-decoration: none;
  color: #a5a5a5;
  font-size: 12px;
}
.status-info {
  display: flex;
  align-items: center;
  margin-top: 5px;
}
.status-info > .st {
  top: 0 !important;
  width: 26px;
  text-align: center;
}
.status-info > .status-icon {
  padding-left: 6px;
}
.status-info > .status-icon > span:first-child {
  margin-top: 0 !important;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.person-info {
  padding-left: 10px;
  padding-right: 3px;
}
.person-info > div {
  display: block;
  padding-left: 4px;
}
.person-info > div > span:first-child {
  margin-top: 5px;
  display: block;
  font-weight: 700;
  text-decoration: none;
  color: #111;
  font-size: 14px;
}
.person-info > div > span:nth-child(2) {
  display: block;
  margin-top: -2px;
  text-decoration: none;
  color: #a5a5a5;
  font-size: 11px;
}
.absent-time {
  padding-left: 5px;
  padding-right: 0px;
  margin-top: 0px;
  display: table;
  height: 44px;
  float: left;
}
.absent-time > div {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.absent-time > div > span {
  color: #016cc7;
  display: inline-block;
  font-size: 13px;
}
.absent-time > div > span > span {
  display: inline;
}
.absent-time-dk {
  width: 95px;
}
.time-text {
  color: #111;
  margin-right: 5px;
}
.document-number {
  margin-top: 13px;
  color: #111;
  padding-left: 10px;
  text-align: center;
}
.document-number > .show-text {
  width: 100%;
  display: none;
  font-weight: 900;
  color: #01a46a;
}
.infodemo {
  text-align: center;
  margin-top: 12px;
  margin-bottom: 60px;
}
.infodemo > img {
  margin-top: -14px;
}
.infodemo > .info > .infoheader {
  font-size: 16px;
  font-weight: 900;
}
.infodemo > .info > .infotext {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 14px;
  display: block;
}
.infodemo .btn {
  margin-top: 10px;
}
.infodemo > .phonenumber {
  color: #0e9d6b;
  padding-top: 14px;
  font-size: 16px;
  font-weight: 900;
}
.info-border {
  border-left: 1px solid #e4e7f0;
  border-right: 1px solid #e4e7f0;
}
.main-info,
.start-info {
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: space-around;
  -ms-flex-pack: space-around;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 10px;
}
.start-info {
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
}
.infobox {
  margin: 12px 30px 10px 30px;
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.infobox > img {
  margin-right: 20px;
  width: 80px;
  height: 80px;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}
.infobox > .info > div > .number {
  margin-left: 10px;
  font-size: 36px;
  font-weight: 600;
  display: block;
}
.infobox > .info > div > .number-text {
  font-size: 13px;
  display: block;
  margin-left: 12px;
}
.infobox > .info .btn {
  margin-top: 10px;
  font-size: 11px;
  margin-left: 0;
  color: #13a8e3;
  border: 1px solid #b7d3de;
  border-radius: 3px;
  background-color: #f2f2f5;
  padding: 8px 12px;
}
.infobox > .info .btn:hover {
  border: 1px solid #8ec7de;
}
.info-separator {
  border-right: 1px solid #dddde4;
  height: 80px;
}
.fast-box {
  margin-top: 25px;
  border-top: 1px solid #dddde4;
  padding-top: 30px;
}
.fast-start:link,
.fast-start:active,
.fast-start:visited {
  text-decoration: none;
}
.fast-start > div {
  height: 70px;
  width: 70px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 12px;
  position: relative;
  border-radius: 50%;
}
.fast-start > div > .btn-circle {
  width: 100%;
  height: 100%;
}
.fast-start > div > .btn-circle:after,
.fast-start > div > .btn-circle:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 50%;
}
.fast-start > div > .btn-circle:before {
  border-radius: 70px 70px 0 0;
  background: #00a7e4;
  background-image: -webkit-gradient(linear, left top, right top, from(#89d2f2), to(#00a7e4));
  background-image: -o-linear-gradient(left, #89d2f2, #00a7e4);
  background-image: linear-gradient(to right, #89d2f2, #00a7e4);
}
.fast-start > div > .btn-circle:after {
  top: 50%;
  border-radius: 0 0 70px 70px;
  background: #00a7e4;
  background-image: -webkit-gradient(linear, left top, right top, from(#89d2f2), to(#f0f0f3));
  background-image: -o-linear-gradient(left, #89d2f2, #f0f0f3);
  background-image: linear-gradient(to right, #89d2f2, #f0f0f3);
}
.fast-start > div .btn-all-circle {
  width: 100%;
  height: 100%;
  border-radius: 70px;
  background: #00a7e4;
}
.fast-start > div > .circle-content {
  width: 66px;
  height: 66px;
  font-size: 23px;
  color: #111;
  display: table;
  background: #f2f2f5;
  z-index: 500;
  border-radius: 60px;
  position: absolute;
  top: 2px;
  left: 2px;
}
.fast-start > div > .circle-content > span {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.fast-start:hover > span {
  text-decoration: underline;
}
.rotate-circle1 {
  -webkit-transform: rotate(-225deg);
  -ms-transform: rotate(-225deg);
  transform: rotate(-225deg);
}
.rotate-circle2 {
  -webkit-transform: rotate(-165deg);
  -ms-transform: rotate(-165deg);
  transform: rotate(-165deg);
}
.rotate-circle3 {
  -webkit-transform: rotate(-105deg);
  -ms-transform: rotate(-105deg);
  transform: rotate(-105deg);
}
.rotate-circle4 {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.rotate-circle5 {
  -webkit-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  transform: rotate(15deg);
}
label > .fa-info-circle {
  color: #016cc7;
}
.border-table > thead > tr:first-child {
  border-top: 1px solid #dbdfec;
}
.no-margin-top {
  margin-top: 0;
}
.no-margin-bottom {
  margin-bottom: 0 !important;
}
.no-padding-bottom {
  padding-bottom: 0;
}
.no-padding {
  padding: 0;
}
.main-margin {
  margin-top: 12px;
}
.box-background {
  background: #fff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fbfbfc 1px, #fff 75px);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #fbfbfc 1px, #fff 75px);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f9f9fb 1px, #fff 75px);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
td[data-original-title="Rozwiń"]:hover {
  color: #016cc7;
}
.accept-info {
  display: none;
}
.plan-element ~ .tooltip .tooltip-inner,
.plan-element > .tooltip .tooltip-inner {
  padding: 0 0 !important;
  border-radius: 3px !important;
}
.plan-element ~ .tooltip.top .tooltip-arrow,
.plan-element > .tooltip.top .tooltip-arrow {
  border-top-color: #2d2d2d;
}
.plan-element ~ .tooltip.top-left .tooltip-arrow,
.plan-element > .tooltip.top-left .tooltip-arrow {
  border-top-color: #2d2d2d;
}
.plan-element ~ .tooltip.top-right .tooltip-arrow,
.plan-element > .tooltip.top-right .tooltip-arrow {
  border-top-color: #2d2d2d;
}
.plan-element ~ .tooltip.right .tooltip-arrow,
.plan-element > .tooltip.right .tooltip-arrow {
  border-right-color: #2d2d2d;
}
.plan-element ~ .tooltip.left .tooltip-arrow,
.plan-element > .tooltip.left .tooltip-arrow {
  border-left-color: #2d2d2d;
}
.plan-element ~ .tooltip.bottom .tooltip-arrow,
.plan-element > .tooltip.bottom .tooltip-arrow {
  border-bottom-color: #2d2d2d;
}
.plan-element ~ .tooltip.bottom-left .tooltip-arrow,
.plan-element > .tooltip.bottom-left .tooltip-arrow {
  border-bottom-color: #2d2d2d;
}
.plan-element ~ .tooltip.bottom-right .tooltip-arrow,
.plan-element > .tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: #2d2d2d;
}
.plan-container {
  padding: 0;
  margin: 0;
  list-style: none;
  height: auto;
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.plan-container > .list-worker {
  display: block;
}
.plan-container > .list-worker > .worker {
  font-size: 13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  min-height: 46px;
}
.plan-container > .list-worker > .worker > span {
  max-width: 100%;
}
.plan-container > .plan-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  -ms-flex-line-pack: flex-start;
  align-content: flex-start;
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: scrollbar;
  overflow-x: auto;
}
.plan-container > .plan-content > .plan-row {
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-flex: 2;
  -ms-flex: 2 0 1023px;
  flex: 2 0 1023px;
}
.plan-container > .plan-content > .plan-row > .plan-element {
  padding-top: 4px;
  padding-bottom: 4px;
  min-height: 46px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.plan-container > .plan-content > .plan-row > .plan-element > a {
  text-decoration: none;
}
.work-home {
  flex-grow: 1;
  min-height: 0;
  position: relative;
  max-height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.work-home > img {
  width: 20px;
  height: 20px;
}
.plan-new .btn-group {
  width: calc(100% - 6px);
}
.plan-new .btn-group button {
  background: none;
  color: rgba(0, 0, 0, 0.08) !important;
  font-size: 14px !important;
  font-weight: light;
  padding: 0 0 !important;
  width: 100%;
  height: 37px;
  border-radius: 4px;
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  display: block;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.plan-new .btn-group:hover button {
  background: rgba(0, 0, 0, 0.06);
  color: #016cc7 !important;
  font-size: 14px !important;
  font-weight: light;
  padding: 0 0 !important;
  width: 100%;
  height: 37px;
  border-radius: 4px;
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  display: block;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.plan-new .btn-group button:hover {
  background: rgba(0, 0, 0, 0.12) !important;
}
.plan-new .btn-group.open button {
  display: block;
  background: rgba(0, 0, 0, 0.5) !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: light;
  padding: 0 0 !important;
  width: 100%;
  height: 37px;
  border-radius: 4px;
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.add-plan__worker {
  color: #2c348e;
  font-weight: 900;
  font-size: 18px;
  margin-top: 10px;
  margin-bottom: 15px;
}
.add-plan__worker button > span:first-child {
  font-size: 16px;
  font-weight: 900;
  color: #2c348e;
}
.add-plan__type {
  margin-bottom: 15px;
}
.add-plane__frame > .form-group {
  margin-bottom: 10px !important;
}
.add-plane__frame > .form-group .control-label {
  text-align: right !important;
}
.add-plan__statistic {
  padding-top: 12px;
  padding-bottom: 12px;
  margin-bottom: 18px;
  background-color: #f6f5f7;
}
.add-plan__statistic div {
  font-size: 13px;
}
.add-plan__days {
  font-weight: 900;
  font-size: 15px !important;
}
.add-plan__days-plan {
  color: #01a46a;
}
.border-r {
  border-right: 1px solid #d6d6d6;
}
.plan-item {
  background: #fff;
  color: #111;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  text-align: center;
}
.plan-leave {
  width: 100%;
}
.plan-leave > button {
  display: flex !important;
  color: #fff !important;
}
.last-day {
  border-right: 2px solid #cecccc;
}
.plan-header > .plan-item,
#worker-header,
#worker-header-fixed,
#worker-header-harmonogram,
#worker-header-fixed-harmonogram {
  border-bottom: 1px solid #c6cad8;
}
#plan-content > .plan-header > .plan-item,
#worker-header,
#plan-content-harmonogram > .plan-header > .plan-item,
#worker-header-harmonogram {
  border-top: 1px solid #ddd;
}
.plan-header,
#worker-header,
#worker-header-fixed {
  height: 60px;
}
.plan-header-harmonogram,
#worker-header-harmonogram,
#worker-header-fixed-harmonogram {
  height: 90px !important;
}
#worker-header,
#worker-header-fixed,
#worker-header-harmonogram,
#worker-header-fixed-harmonogram {
  font-weight: 700;
  color: #2c348e;
  font-size: 14px;
}
.worker-empty {
  height: 15px;
  background-color: #f0f0f3;
}
.plan-row-empty {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 80vw;
  flex: 1 1 80vw;
  overflow-x: auto;
  overflow-y: hidden;
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: flex;
}
.plan-element-empty {
  min-height: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 51px;
  flex: 0 0 51px;
  background: #f0f0f3;
  border-right: 1px solid #f0f0f3;
}
.list-worker {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100px;
  flex: 1 0 100px;
}
.list-worker-harmonogram {
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 220px !important;
  flex: 0 0 220px !important;
}
.plan-element {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 32px;
  flex: 1 0 32px;
}
.plan-element > .many-tooltip:not(.event):not(.one-element) {
    width: 100%;
}
#plan-content-harmonogram > .plan-row > .plan-element,
#plan-content-fixed-harmonogram > .plan-row > .plan-element {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 51px;
  flex: 0 0 51px;
}
#plan-content-harmonogram > .plan-row > .plan-element.empty-element,
#plan-content-fixed-harmonogram > .plan-row > .plan-element.empty-element {
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 0 1px !important;
  flex: 1 0 1px !important;
}
#plan-content-harmonogram > .plan-row,
#plan-content-fixed-harmonogram > .plan-row {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 80vw;
  flex: 1 1 80vw;
}
.plan-row > .plan-element .dropdown-toggle {
  display: block;
  margin-bottom: 0;
  cursor: pointer;
}
.plan-row > .plan-element .dropdown-menu {
  margin-top: 0;
}
.plan-row > .plan-element .dropdown-toggle:hover + .dropdown-menu,
.plan-row > .plan-element .dropdown-menu:hover {
  display: block;
}
.plan-content {
  -webkit-box-flex: 26;
  -ms-flex: 26;
  flex: 26;
  -ms-overflow-style: scrollbar;
}
#plan-container-fixed {
  z-index: 1049;
  position: fixed;
  top: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  visibility: hidden;
  -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
}
#plan-container-fixed > .plan-content {
  overflow: hidden;
}
.worker-time {
  font-size: 13px;
  font-weight: 400;
  padding-top: 9px;
  padding-bottom: 5px;
  width: 100%;
  display: inline-block;
}
.padding-plan {
  padding-bottom: 10px;
}
.row-time {
  font-size: 11px;
  font-weight: 400;
}
.time-header {
  font-size: 10px;
  color: #897d96;
}
.total-color {
  color: #2c9423;
}
.nominal-color {
  color: #2c348e;
}
.big-time {
  font-size: 12px;
  font-weight: 600;
}
.surname-time {
  font-weight: 700;
  text-transform: uppercase;
  margin-right: 2px;
}
.full-time {
  font-size: 12px;
  margin: 5px 3px;
  font-weight: 400;
  color: DimGray;
  border-radius: 4px;
  display: block;
}
.full-time > span:nth-child(2n-1) {
  font-weight: 700;
  font-size: 13px;
}
a.full-time:hover {
  background-color: rgba(0, 0, 0, 0.06);
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.hour-time {
  color: black;
}
.add-time {
  font-size: 12px;
  color: #bdbdbd;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 8px 10px;
  border-radius: 4px;
}
.add-time:hover {
  background-color: rgba(0, 0, 0, 0.06);
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
a .hour-time {
  color: #016cc7;
}
.plan-content-harmonogram .event {
  -ms-flex-item-align: end;
  align-self: flex-end;
}
.visible {
  visibility: visible !important;
}
.year-harmonogram {
  text-align: center;
  font-size: 10px;
  color: #897d96;
}
.month-harmonogram {
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  color: #47ab3c;
}
.number-day {
  font-size: 16px;
  font-weight: 700;
  color: #2c348e;
}
.number-day__month {
  display: inline-block;
  position: relative;
  font-size: 22px;
  font-weight: 400;
  color: #2c348e;
  width: 100%;
  text-align: left;
  padding: 12px 0 0 32px;
}
/*

  & > div {
    font-size: 20px;
    background-color: #e7f3f8;
    color: #09445e;
    padding-top: 4px;
    border-radius: 20px;
    width: 34px;
    height: 34px;
    text-align: center;
    position: relative;
    left: -8px;
  }



font-size: 18px;
    background-color: #1289bc;
    color: #fff;
    padding-top: 2px;
    border-radius: 20px;
    width: 30px;
    height: 30px;
    text-align: center;
    position: relative;
    left: -8px;
*/
.week-day {
  font-size: 12px;
}
.week-day__month {
  font-size: 14px;
}
.only-absent {
  -webkit-box-pack: end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}
.only-time {
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}
.comment-harmonogram {
  font-size: 11px;
  position: relative;
  top: -3px;
}
.weekend {
  background-color: #edecec;
}
.holiday-background {
  background-color: #ffd3d3;
}
.event {
  text-decoration: none;
  font-weight: 700;
  height: 37px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
.event > div {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}
.event > div:first-child > i {
  font-size: 8px;
  margin: 1px;
}
.event > div:nth-child(2) > i {
  font-size: 10px;
  margin: 1px;
  text-shadow: none;
}
div.event {
  cursor: default;
}
.event.weekend-element,
.event.sunday-element {
  color: #fff;
}
#plan-content-harmonogram .event {
  height: 10px !important;
  font-size: 8px;
  padding-top: 3px;
}
#plan-content-harmonogram .event > div:nth-child(n + 2) {
  display: none;
}
#plan-content-harmonogram .work-home {
  margin-bottom: 2px;
}
#plan-content-harmonogram .work-home > img {
  width: 12px;
  height: 12px;
}
.start {
  border-radius: 8px 0px 0px 8px;
  margin-left: 2px !important;
  width: calc(100% - 2px);
  border-style: solid;
  border-width: 0px 0px 1px 2px;
}
.start__month {
  margin-left: 10%;
  width: calc(100% - 10%);
  margin-bottom: 10px;
}
.continues {
  width: 100%;
  border-width: 0px 0px 1px 0px;
  border-bottom-style: solid;
  border-radius: 0px;
}
.continues__month {
  margin-bottom: 10px;
}
.end {
  border-radius: 0px 8px 8px 0px;
  margin-right: 2px !important;
  width: calc(100% - 2px);
  border-style: solid;
  border-width: 0px 1px 1px 0px;
}
.end__month {
  margin-right: 10%;
  width: calc(100% - 10%);
  margin-bottom: 10px;
}
.one-element {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  border-left-style: solid;
  border-width: 0px 1px 1px 2px;
  margin-left: 2px !important;
  margin-right: 2px !important;
  width: calc(100% - 4px);
}
.weekend-element {
  background-color: silver;
  border-color: #a9a7a7;
}
.sunday-element {
  background-color: #f0bdc0;
  border-color: #dba8ab;
}
.empty-element {
  background-image: -webkit-repeating-linear-gradient(-45deg, #f6f6f6, #f6f6f6 1px, transparent 1px, transparent 5px);
  background-image: -moz-repeating-linear-gradient(-45deg, #f6f6f6, #f6f6f6 1px, transparent 1px, transparent 5px);
  background-image: -o-repeating-linear-gradient(-45deg, #ddd, #ddd 1px, #fff 1px, #fff 5px);
  background-image: repeating-linear-gradient(-45deg, #ddd, #ddd 1px, #fff 1px, #fff 5px);
}
.leave-element {
  color: #fff;
  background-color: #24a1d2;
  border-bottom-color: #0f8cbd;
  border-right-color: #0f8cbd;
  border-left-color: #04688e;
}
.leave-element:hover,
.leave-element:link,
.leave-element:visited,
.leave-element:active {
  color: #fff;
}
.leave-element > div:nth-child(2) > i {
  color: #04688e;
}
.other-element {
  color: #fff;
  background-color: #ff810d;
  border-bottom-color: #cb6100;
  border-right-color: #cb6100;
  border-left-color: #9f4c00;
}
.other-element:hover,
.other-element:link,
.other-element:visited,
.other-element:active {
  color: #fff;
}
.other-element > div:nth-child(2) > i {
  color: #9f4c00;
}
.holiday-element {
  color: #fff;
  background-color: #f38787;
  border-bottom-color: #cb5454;
  border-right-color: #cb5454;
  border-left-color: #cb5454;
}
.holiday-element:hover,
.holiday-element:link,
.holiday-element:visited,
.holiday-element:active {
  color: #fff;
}
.wait-element {
  color: #fff;
  background-color: #dfd203;
  border-bottom-color: #b3a800;
  border-right-color: #b3a800;
  border-left-color: #8a8100;
}
.wait-element:hover,
.wait-element:link,
.wait-element:visited,
.wait-element:active {
  color: #fff;
}
.wait-element > div:nth-child(2) > i {
  color: #8a8100;
}
.aproved-element {
  color: #fff;
  background-color: #78cc0b;
  border-bottom-color: #5da302;
  border-right-color: #5da302;
  border-left-color: #477d00;
}
.aproved-element:hover,
.aproved-element:link,
.aproved-element:visited,
.aproved-element:active {
  color: #fff;
}
.aproved-element > div:nth-child(2) > i {
  color: #477d00;
}
.accepted-element {
  color: #fff;
  background-color: #348405;
  border-bottom-color: #256400;
  border-right-color: #256400;
  border-left-color: #173d00;
}
.accepted-element:hover,
.accepted-element:link,
.accepted-element:visited,
.accepted-element:active {
  color: #fff;
}
.accepted-element > div:nth-child(2) > i {
  color: #173d00;
}
#menuuu:hover {
  position: absolute !important;
}
.many-elements {
  background-color: #bee2f3;
  border-bottom: 1px solid #6c9eb5;
  color: #096694;
  font-weight: 700;
  text-shadow: none;
  font-size: 13px;
  padding-left: 8px;
}
.many-elements--time {
  color: #096694;
  background-color: #bee2f3;
  border-bottom-color: #6c9fb5;
  border-right-color: #6c9fb5;
  border-left-color: #096694;
}
.many-elements--time:hover,
.many-elements--time:link,
.many-elements--time:visited,
.many-elements--time:active {
  color: #096694;
}
.many-elements--time > div {
  text-shadow: none;
}
#plan-content_tt_active {
  border: 1px solid rgba(0, 0, 0, 0.05);
  background-color: #1d1d1d;
  box-shadow: none !important;
  border-radius: 4px;
  color: #111;
  padding: 0 !important;
  opacity: 0.98 !important;
}
#plan-content_tt_active > .k-tooltip-content {
  width: 100%;
}
.lowest-status__wait-element > span,
.lowest-status__aproved-element > span,
.lowest-status__accepted-element > span {
  padding-left: 10px;
}
.lowest-status__wait-element,
.lowest-status__aproved-element,
.lowest-status__accepted-element {
  position: relative;
}
.lowest-status__wait-element:before,
.lowest-status__aproved-element:before,
.lowest-status__accepted-element:before {
  position: absolute;
  content: "";
  border: 1px solid;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  left: 3px;
}
.lowest-status__wait-element:before {
  background-color: #dfd203;
  border-color: #8a8100;
  border-top-color: #bdb201;
  border-left-color: #bdb201;
}
.lowest-status__aproved-element:before {
  background-color: #78cc0b;
  border-color: #477d00;
  border-top-color: #68b504;
  border-left-color: #68b504;
}
.lowest-status__accepted-element:before {
  background-color: #348405;
  border-color: #173d00;
  border-top-color: #286b00;
  border-left-color: #286b00;
}
.many-elements__container > *:nth-child(n + 2) > .many-elements__plan-statement {
  border-top: 1px dashed #3a3a3a;
}
.many-elements__link {
  text-decoration: none;
}
.many-elements__link:hover > div {
  background-color: #2d2d2d !important;
}
.many-elements__link:hover {
  text-decoration: none !important;
}
.many-elements__container > .many-elements__link > div {
  border-radius: 4px !important;
}
.many-elements__plan-statement {
  padding-top: 6px;
  padding-bottom: 6px;
}
.many-elements__plan-info {
  display: table;
  width: 100%;
}
.many-elements__plan-icon {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding: 5px 5px 5px 10px;
  font-size: 16px;
  width: 30px;
}
.many-elements__plan-details {
  display: table-cell;
  padding: 5px 10px 5px 5px;
}
.many-elements__plan-type {
  font-size: 13px !important;
  color: #fff !important;
  font-weight: 400 !important;
}
.many-elements__plan-status,
.many-elements__plan-hours,
.many-elements__plan-comment {
  color: #a9a9a9 !important;
  font-weight: 400 !important;
  font-size: 11px;
}
.many-elements__plan-from-text,
.many-elements__plan-to-text {
  display: inline;
  text-align: center;
  font-size: 12px;
  color: #969696;
  font-weight: 400;
  padding: 0px 1px 6px 0px;
}
.many-elements__plan-from,
.many-elements__plan-to {
  display: inline;
  text-align: center;
  font-size: 12px;
  color: #2593f1;
  font-weight: 400;
  padding: 0px 3px 6px 0px;
}
.many-elements__plan-comment {
  font-style: italic;
}
.delegation-element {
  color: #fff;
  background-color: #7e6bd4;
  border-bottom-color: #604bbe;
  border-right-color: #604bbe;
  border-left-color: #4b36a9;
}
.delegation-element:hover,
.delegation-element:link,
.delegation-element:visited,
.delegation-element:active {
  color: #fff;
}
.delegation-element > div:nth-child(2) > i {
  color: #4b36a9;
}
.plan-header > .plan-element {
  -webkit-box-pack: center !important;
  -moz-box-pack: center !important;
  -webkit-justify-content: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}
.actual-day > .number-day {
  background-color: #1289bc;
  width: 28px;
  color: #fff;
  -webkit-border-top-left-radius: 2px;
  -moz-border-top-left-radius: 2px;
  border-top-left-radius: 2px;
  -webkit-border-top-right-radius: 2px;
  -moz-border-top-right-radius: 2px;
  border-top-right-radius: 2px;
  padding-top: 5px;
}
.actual-day > .week-day {
  background-color: #1289bc;
  width: 28px;
  color: #def5ff;
  -webkit-border-bottom-left-radius: 2px;
  -moz-border-bottom-left-radius: 2px;
  border-bottom-left-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -moz-border-bottom-right-radius: 2px;
  border-bottom-right-radius: 2px;
  padding-bottom: 5px;
}
.actual-day__month > div {
  font-size: 20px;
  background-color: #1289bc;
  color: #fff;
  padding-top: 2px;
  border-radius: 20px;
  width: 30px;
  height: 30px;
  text-align: center;
  position: relative;
  left: -8px;
}
.plan-header-harmonogram .number-day {
  padding-top: 0px;
}
.plan-header-harmonogram .week-day {
  padding-bottom: 0px;
}
.pseudo-element {
  content: " ";
  display: block !important;
  width: 100%;
  height: 37px;
  margin: 4px 0px 4px;
}
.top-elements {
  -webkit-box-pack: flex-start !important;
  -moz-box-pack: flex-start !important;
  -webkit-justify-content: flex-start !important;
  -ms-flex-pack: flex-start !important;
  justify-content: flex-start !important;
  -webkit-box-align: flex-start !important;
  -moz-box-align: flex-start !important;
  -webkit-align-items: flex-start !important;
  -ms-flex-align: flex-start !important;
  align-items: flex-start !important;
}
.bottom-elements {
  -webkit-box-pack: flex-end !important;
  -moz-box-pack: flex-end !important;
  -webkit-justify-content: flex-end !important;
  -ms-flex-pack: flex-end !important;
  justify-content: flex-end !important;
  -webkit-box-align: flex-end !important;
  -moz-box-align: flex-end !important;
  -webkit-align-items: flex-end !important;
  -ms-flex-align: flex-end !important;
  align-items: flex-end !important;
}
.plan-statement {
  display: inline-block;
  height: auto;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #1d1d1d;
}
.plan-statement > .plan-info {
  -webkit-border-top-left-radius: 3px;
  -moz-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  background-color: #2d2d2d;
  padding: 3px auto 3px auto;
  display: table;
  width: 100%;
}
.plan-statement > .plan-info > .plan-icon {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding: 5px 5px 5px 10px;
}
.plan-statement > .plan-info > .plan-icon > i {
  font-size: 18px;
}
.plan-statement > .plan-info > .plan-detail {
  display: table-cell;
  padding: 5px 10px 5px 5px;
}
.plan-statement > .plan-info > .plan-detail > .plan-status {
  display: block;
  color: #a9a9a9;
  font-size: 11px;
  font-weight: 400;
}
.plan-statement > .plan-info > .plan-detail > .plan-type {
  display: block;
  color: #fff;
  font-weight: 400;
  font-size: 12px;
}
.plan-statement > .plan-other-info {
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
  background-color: #1d1d1d;
  padding: 3px 3px 3px 3px;
  text-align: center;
}
.plan-statement > .plan-other-info > .plan-from,
.plan-statement > .plan-other-info > .plan-to,
.plan-statement > .plan-other-info > .plan-hours {
  display: inline;
  text-align: center;
  font-size: 12px;
  color: #fff;
  font-weight: 400;
  padding: 0px 3px 6px 0px;
}
.plan-statement > .plan-other-info > .plan-from-text,
.plan-statement > .plan-other-info > .plan-to-text {
  display: inline;
  text-align: center;
  font-size: 12px;
  color: #969696;
  font-weight: 400;
  padding: 0px 1px 6px 0px;
}
.plan-statement > .plan-other-info > .plan-comment {
  margin: 0px auto;
  padding-top: 5px;
  border-top: 1px solid #272727;
  max-width: 184px;
  font-size: 12px;
  color: #dedede;
  font-style: italic;
  line-height: 1.2;
}
.leave-statement {
  color: #2ab3f1;
}
.other-statement {
  color: #ff7e01;
}
.holiday-statement {
  color: #fd3f3f;
}
.wait-statement {
  color: #dfd203;
}
.aproved-statement {
  color: #79c615;
}
.accepted-statement {
  color: #46a101;
}
.delegation-statement {
  color: #8054e4;
}
.plan-legend {
  text-align: right;
  font-size: 13px;
  color: grey;
  margin-bottom: 12px;
}
.plan-legend > div {
  margin-top: 8px;
  margin-right: 20px;
  display: inline-block;
}
.plan-legend > div > i {
  margin-right: 5px;
}
.scroll-header {
  overflow: auto !important;
  -webkit-overflow-scrolling: touch !important;
  -ms-overflow-style: scrollbar !important;
  overflow-x: auto !important;
}
.margin-button {
  margin-top: 15px;
  margin-left: 15px;
}
button[disabled="disabled"] {
  opacity: 1;
  background: #b9b9b9;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #cecece), to(#a7a7a7));
  background: -o-linear-gradient(top, #cecece 1%, #a7a7a7 100%);
  background: linear-gradient(to bottom, #cecece 1%, #a7a7a7 100%);
}
button[disabled="disabled"]:hover {
  opacity: 1;
  background: #b9b9b9;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #cecece), to(#a7a7a7));
  background: -o-linear-gradient(top, #cecece 1%, #a7a7a7 100%);
  background: linear-gradient(to bottom, #cecece 1%, #a7a7a7 100%);
}
button.close > span:first-child {
  font-size: 28px !important;
}
.margin-content {
  margin-left: 10px;
  margin-right: 10px;
}
h4.modal-title {
  color: #2c348e;
  font-size: 17px;
  font-weight: 600;
  text-align: center;
}
.k-window-titlebar {
  padding: 15px !important;
}
.k-window-title {
  color: #2c348e;
  font-size: 17px !important;
  font-weight: 600;
}
.k-dialog-content {
    font-size: 14px;
}
.k-dialog-buttongroup {
    padding: 12px;
}
.k-alert > .k-dialog-titlebar,
.k-confirm > .k-dialog-titlebar,
.k-prompt > .k-dialog-titlebar {
    display: none;
}
.k-alert,
.k-confirm,
.k-prompt, .k-window {
    border-color: #eef0f5;
    color: #212529;
    background-color: #fff;
    box-shadow: 0 16px 16px rgba(0, 0, 0, 0.2);
    border-radius: 5px !important;
}
.k-alert .k-window-content,
.k-confirm .k-window-content,
.k-prompt .k-window-content {
    padding: 24px 36px;
}
.k-dialog-button-layout-stretched .k-button {
    margin: 0;
    overflow: visible;
    text-transform: none;
    border-radius: 4px !important;
    padding: 6px 12px;
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    font-size: 14px !important;
    line-height: 1.5;
    font-family: "LatoLatin", "Helvetica", sans-serif;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    display: inline-flex;
    flex: none !important;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    vertical-align: middle;
    user-select: none;
    outline: none;
    -webkit-appearance: none;
    position: relative;
    transition: all 0.2s ease-in-out;
    border-color: #fff;
    color: #5b5b5b !important;
    background-color: #fff;
    cursor: pointer;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    font-weight: 400 !important;
}
.k-dialog-button-layout-stretched .k-button:hover, .k-dialog-button-layout-stretched .k-buttonfocus {
    box-shadow: none !important;
    border-color: #e6e6e6 !important;
    background-color: #eff1f4 !important;
    color: #5b5b5b !important;
}
.k-dialog-button-layout-stretched .k-button.k-primary {
    background: linear-gradient(180deg, #0cb87b 0%, #019d67 100%) !important;
    color: #fff !important;
    font-weight: 400 !important;
}
.k-dialog-button-layout-stretched .k-button.k-primary:hover, .k-dialog-button-layout-stretched .k-button.k-primary:focus {
    background: linear-gradient( 180deg, #0cb87b 0%, #0cb87b 100%) !important;
}
.align-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 768px) {
    .align-content-mob {
        flex-direction: column;
        -webkit-box-align: flex-start;
        -ms-flex-align: flex-start;
        align-items: flex-start;
    }
}
@media only screen and (max-width: 768px) {
    .align-content-mob .control-label {
        text-align: left;
    }
}
.table-border {
  border: 1px solid #dadbdf;
}
.table.table-condensed.table-padding > tbody > tr > td:last-child {
  padding-top: none;
  padding-bottom: none;
}
.margin-bottom {
  margin-bottom: 15px;
}
.margin-left {
  margin-left: 15px;
}
.padding-row {
  padding-top: 10px;
  padding-bottom: 10px;
}
.background-row {
  background-color: #efefef;
}
.inactive-button.padding-button,
.active-button.padding-button {
  padding: 6px 6px !important;
}
fieldset {
  border: 1px solid #cdd1de !important;
  padding: 0 1.4em 1.4em 1.4em !important;
  margin: 0px 0 1.5em 0 !important;
  border-radius: 4px;
}
legend {
  font-size: 15px;
  font-weight: bold !important;
  text-align: left !important;
  width: auto;
  padding: 0 10px;
  border-bottom: none;
  color: #2c348e;
  margin-bottom: 2px;
}
.border-login-panel {
    background-color: #f6f2ee;
}
#news {
    position: relative;
}
#news::after {
    display: block;
    position: absolute;
    content: '';
    width: 265px;
    height: 36px;
    background-repeat: no-repeat;
    background-size: contain;
    top: -64px;
    left: 0;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1693" height="230" viewBox="0 0 1693 230" fill="none"><path d="M0 38.7072C0 17.3298 17.3298 0 38.7072 0H772.755C794.133 0 811.462 17.3298 811.462 38.7072V190.512C811.462 211.889 794.133 229.219 772.755 229.219H38.7072C17.3298 229.219 0 211.889 0 190.512V38.7072Z" fill="%23D6CCFF"/><path d="M189.386 93.8731V147.787C189.386 150.536 188.293 153.174 186.349 155.118C184.405 157.062 181.768 158.155 179.018 158.155M179.018 158.155C176.268 158.155 173.631 157.062 171.687 155.118C169.742 153.174 168.65 150.536 168.65 147.787V75.2107C168.65 74.1108 168.213 73.0559 167.435 72.2782C166.657 71.5004 165.603 71.0635 164.503 71.0635H85.7058C84.6059 71.0635 83.551 71.5004 82.7733 72.2782C81.9955 73.0559 81.5586 74.1108 81.5586 75.2107V149.86C81.5586 152.06 82.4325 154.17 83.988 155.725C85.5435 157.281 87.6532 158.155 89.853 158.155H179.018Z" stroke="%2351009C" stroke-width="7.2" stroke-linecap="round" stroke-linejoin="round"/><path d="M143.766 91.7998H106.441V112.536H143.766V91.7998Z" stroke="%2351009C" stroke-width="7.2" stroke-linecap="round" stroke-linejoin="round"/><path d="M106.441 137.418H143.766" stroke="%2351009C" stroke-width="7.2" stroke-linecap="round" stroke-linejoin="round"/><path d="M267.556 148.513C263.04 148.513 258.856 147.7 255.002 146.074C251.149 144.388 247.807 142.07 244.977 139.12C242.207 136.109 240.04 132.557 238.474 128.462C236.909 124.368 236.126 119.882 236.126 115.005C236.126 110.128 236.878 105.672 238.384 101.638C239.949 97.5438 242.117 94.0214 244.887 91.0711C247.716 88.0605 251.058 85.7424 254.912 84.1167C258.765 82.491 262.95 81.6781 267.466 81.6781C272.523 81.6781 277.069 82.7017 281.104 84.7489C285.138 86.7358 288.419 89.5658 290.948 93.2387C293.537 96.9115 295.133 101.187 295.735 106.064H286.342C285.559 100.946 283.482 96.9718 280.11 94.1418C276.798 91.2517 272.614 89.8066 267.556 89.8066C263.281 89.8066 259.488 90.8603 256.176 92.9677C252.925 95.0149 250.396 97.9351 248.59 101.728C246.783 105.462 245.88 109.887 245.88 115.005C245.88 120.063 246.783 124.518 248.59 128.372C250.456 132.165 253.015 135.116 256.266 137.223C259.518 139.33 263.281 140.384 267.556 140.384C272.614 140.384 276.829 138.969 280.2 136.139C283.632 133.249 285.71 129.245 286.432 124.127H295.916C295.253 129.064 293.628 133.369 291.038 137.042C288.449 140.655 285.138 143.485 281.104 145.532C277.13 147.519 272.614 148.513 267.556 148.513ZM325.829 148.513C321.133 148.513 317.009 147.489 313.456 145.442C309.904 143.334 307.134 140.474 305.147 136.862C303.16 133.189 302.166 129.034 302.166 124.398C302.166 119.701 303.16 115.577 305.147 112.025C307.194 108.472 309.964 105.702 313.456 103.715C317.009 101.668 321.133 100.645 325.829 100.645C330.586 100.645 334.741 101.668 338.293 103.715C341.846 105.702 344.585 108.472 346.512 112.025C348.499 115.577 349.492 119.701 349.492 124.398C349.492 129.034 348.499 133.189 346.512 136.862C344.585 140.474 341.846 143.334 338.293 145.442C334.741 147.489 330.586 148.513 325.829 148.513ZM325.829 140.836C328.659 140.836 331.098 140.143 333.145 138.758C335.253 137.373 336.908 135.447 338.113 132.978C339.317 130.509 339.919 127.619 339.919 124.308C339.919 119.37 338.594 115.487 335.945 112.657C333.356 109.767 329.984 108.322 325.829 108.322C321.735 108.322 318.363 109.767 315.714 112.657C313.125 115.547 311.83 119.431 311.83 124.308C311.83 127.619 312.402 130.509 313.546 132.978C314.751 135.447 316.406 137.373 318.514 138.758C320.681 140.143 323.12 140.836 325.829 140.836ZM376.957 147.609V101.548H385.898V112.386H386.349V147.609H376.957ZM409.651 147.609V117.985C409.651 114.794 408.838 112.416 407.213 110.85C405.647 109.285 403.299 108.502 400.168 108.502C397.458 108.502 395.05 109.104 392.943 110.309C390.895 111.513 389.27 113.169 388.065 115.276C386.921 117.383 386.349 119.882 386.349 122.772L385.175 111.754C386.681 108.322 388.999 105.612 392.13 103.625C395.261 101.638 398.903 100.645 403.058 100.645C407.995 100.645 411.879 102.029 414.709 104.799C417.539 107.569 418.954 111.242 418.954 115.818V147.609H409.651ZM451.779 148.513C447.083 148.513 442.958 147.489 439.406 145.442C435.853 143.334 433.083 140.474 431.096 136.862C429.11 133.189 428.116 129.034 428.116 124.398C428.116 119.701 429.11 115.577 431.096 112.025C433.144 108.472 435.913 105.702 439.406 103.715C442.958 101.668 447.083 100.645 451.779 100.645C456.536 100.645 460.69 101.668 464.243 103.715C467.795 105.702 470.535 108.472 472.462 112.025C474.449 115.577 475.442 119.701 475.442 124.398C475.442 129.034 474.449 133.189 472.462 136.862C470.535 140.474 467.795 143.334 464.243 145.442C460.69 147.489 456.536 148.513 451.779 148.513ZM451.779 140.836C454.609 140.836 457.048 140.143 459.095 138.758C461.202 137.373 462.858 135.447 464.062 132.978C465.266 130.509 465.868 127.619 465.868 124.308C465.868 119.37 464.544 115.487 461.895 112.657C459.305 109.767 455.934 108.322 451.779 108.322C447.685 108.322 444.313 109.767 441.664 112.657C439.074 115.547 437.78 119.431 437.78 124.308C437.78 127.619 438.352 130.509 439.496 132.978C440.7 135.447 442.356 137.373 444.463 138.758C446.631 140.143 449.07 140.836 451.779 140.836ZM493.603 147.609L479.513 101.548H489.177L498.751 138.578H497.396L509.047 101.548H517.175L528.826 138.578H527.562L537.045 101.548H546.257L532.168 147.609H523.949L512.298 111.212H513.653L501.822 147.609H493.603ZM573.755 148.513C569.119 148.513 565.025 147.489 561.472 145.442C557.98 143.395 555.24 140.565 553.254 136.952C551.267 133.339 550.273 129.185 550.273 124.488C550.273 119.732 551.236 115.577 553.163 112.025C555.15 108.412 557.92 105.612 561.472 103.625C565.025 101.638 569.089 100.645 573.665 100.645C578.121 100.645 581.974 101.608 585.226 103.535C588.537 105.401 591.066 108.021 592.812 111.392C594.619 114.764 595.522 118.768 595.522 123.404C595.522 124.127 595.492 124.819 595.431 125.482C595.431 126.084 595.371 126.716 595.251 127.378H556.595V120.334H588.658L586.309 123.134C586.309 118.196 585.196 114.433 582.968 111.844C580.74 109.255 577.639 107.96 573.665 107.96C569.39 107.96 565.988 109.435 563.459 112.386C560.991 115.276 559.756 119.31 559.756 124.488C559.756 129.727 560.991 133.821 563.459 136.771C565.988 139.722 569.48 141.197 573.936 141.197C576.646 141.197 578.994 140.655 580.981 139.571C582.968 138.427 584.443 136.771 585.406 134.604H594.257C592.752 138.939 590.193 142.341 586.58 144.81C583.028 147.278 578.753 148.513 573.755 148.513ZM624.634 167.027C618.854 167.027 614.067 165.703 610.274 163.054C606.541 160.464 604.283 157.002 603.5 152.667H612.351C612.953 154.654 614.278 156.22 616.325 157.364C618.432 158.508 621.232 159.08 624.724 159.08C629.24 159.08 632.612 157.966 634.84 155.738C637.068 153.51 638.182 150.198 638.182 145.803V135.868L638.994 136.049C638.091 139.541 636.134 142.311 633.124 144.358C630.113 146.345 626.501 147.338 622.286 147.338C618.252 147.338 614.699 146.375 611.628 144.448C608.558 142.522 606.179 139.842 604.493 136.41C602.808 132.918 601.965 128.854 601.965 124.217C601.965 119.521 602.838 115.396 604.584 111.844C606.33 108.291 608.768 105.552 611.899 103.625C615.091 101.698 618.794 100.735 623.008 100.735C627.344 100.735 630.926 101.789 633.756 103.896C636.646 105.943 638.483 108.863 639.265 112.657L638.543 112.747V101.548H647.484V145.713C647.484 152.336 645.437 157.544 641.343 161.338C637.309 165.131 631.739 167.027 624.634 167.027ZM625.086 139.752C629.12 139.752 632.341 138.337 634.75 135.507C637.218 132.677 638.453 128.793 638.453 123.856C638.453 119.039 637.218 115.246 634.75 112.476C632.341 109.706 629.09 108.322 624.995 108.322C620.901 108.322 617.65 109.737 615.241 112.566C612.833 115.336 611.628 119.19 611.628 124.127C611.628 128.944 612.833 132.767 615.241 135.597C617.71 138.367 620.991 139.752 625.086 139.752ZM680.746 148.513C676.05 148.513 671.925 147.489 668.373 145.442C664.82 143.334 662.051 140.474 660.064 136.862C658.077 133.189 657.083 129.034 657.083 124.398C657.083 119.701 658.077 115.577 660.064 112.025C662.111 108.472 664.881 105.702 668.373 103.715C671.925 101.668 676.05 100.645 680.746 100.645C685.503 100.645 689.658 101.668 693.21 103.715C696.762 105.702 699.502 108.472 701.429 112.025C703.416 115.577 704.409 119.701 704.409 124.398C704.409 129.034 703.416 133.189 701.429 136.862C699.502 140.474 696.762 143.334 693.21 145.442C689.658 147.489 685.503 148.513 680.746 148.513ZM680.746 140.836C683.576 140.836 686.015 140.143 688.062 138.758C690.169 137.373 691.825 135.447 693.029 132.978C694.234 130.509 694.836 127.619 694.836 124.308C694.836 119.37 693.511 115.487 690.862 112.657C688.273 109.767 684.901 108.322 680.746 108.322C676.652 108.322 673.28 109.767 670.631 112.657C668.042 115.547 666.747 119.431 666.747 124.308C666.747 127.619 667.319 130.509 668.463 132.978C669.667 135.447 671.323 137.373 673.431 138.758C675.598 140.143 678.037 140.836 680.746 140.836Z" fill="%2351009C"/><path d="M871.461 38.7072C871.461 17.3298 888.791 0 910.168 0H1632.22C1653.59 0 1670.92 17.3298 1670.92 38.7072V190.512C1670.92 211.889 1653.59 229.219 1632.22 229.219H910.168C888.791 229.219 871.461 211.889 871.461 190.512V38.7072Z" fill="%23CDF545"/><path d="M1052.55 60.6958H961.314C956.733 60.6958 953.02 64.4093 953.02 68.9902V160.229C953.02 164.809 956.733 168.523 961.314 168.523H1052.55C1057.13 168.523 1060.85 164.809 1060.85 160.229V68.9902C1060.85 64.4093 1057.13 60.6958 1052.55 60.6958Z" stroke="%23004E26" stroke-width="9.6" stroke-linecap="round" stroke-linejoin="round"/><path d="M953.02 89.7271H1060.85" stroke="%23004E26" stroke-width="9.6" stroke-linecap="round" stroke-linejoin="round"/><path d="M986.199 114.609L973.758 127.051L986.199 139.493" stroke="%23004E26" stroke-width="9.6" stroke-linecap="round" stroke-linejoin="round"/><path d="M1031.82 114.609L1044.26 127.051L1031.82 139.493" stroke="%23004E26" stroke-width="9.6" stroke-linecap="round" stroke-linejoin="round"/><path d="M1002.79 143.64L1015.23 106.315" stroke="%23004E26" stroke-width="9.6" stroke-linecap="round" stroke-linejoin="round"/><path d="M1139.02 148.513C1134.5 148.513 1130.32 147.7 1126.46 146.074C1122.61 144.388 1119.27 142.07 1116.44 139.12C1113.67 136.109 1111.5 132.557 1109.93 128.462C1108.37 124.368 1107.59 119.882 1107.59 115.005C1107.59 110.128 1108.34 105.672 1109.84 101.638C1111.41 97.5438 1113.58 94.0214 1116.35 91.0711C1119.18 88.0605 1122.52 85.7424 1126.37 84.1167C1130.23 82.491 1134.41 81.6781 1138.93 81.6781C1143.98 81.6781 1148.53 82.7017 1152.56 84.7489C1156.6 86.7358 1159.88 89.5658 1162.41 93.2387C1165 96.9115 1166.59 101.187 1167.2 106.064H1157.8C1157.02 100.946 1154.94 96.9718 1151.57 94.1418C1148.26 91.2517 1144.07 89.8066 1139.02 89.8066C1134.74 89.8066 1130.95 90.8603 1127.64 92.9677C1124.39 95.0149 1121.86 97.9351 1120.05 101.728C1118.24 105.462 1117.34 109.887 1117.34 115.005C1117.34 120.063 1118.24 124.518 1120.05 128.372C1121.92 132.165 1124.48 135.116 1127.73 137.223C1130.98 139.33 1134.74 140.384 1139.02 140.384C1144.07 140.384 1148.29 138.969 1151.66 136.139C1155.09 133.249 1157.17 129.245 1157.89 124.127H1167.38C1166.71 129.064 1165.09 133.369 1162.5 137.042C1159.91 140.655 1156.6 143.485 1152.56 145.532C1148.59 147.519 1144.07 148.513 1139.02 148.513ZM1177.5 147.609V82.5813H1186.9V147.609H1177.5ZM1210.2 147.609V117.985C1210.2 114.794 1209.39 112.416 1207.76 110.85C1206.2 109.285 1203.85 108.502 1200.72 108.502C1198.01 108.502 1195.6 109.104 1193.49 110.309C1191.44 111.513 1189.82 113.169 1188.61 115.276C1187.47 117.383 1186.9 119.882 1186.9 122.772L1185.72 111.754C1187.23 108.322 1189.55 105.612 1192.68 103.625C1195.81 101.638 1199.45 100.645 1203.61 100.645C1208.54 100.645 1212.43 102.029 1215.26 104.799C1218.09 107.569 1219.5 111.242 1219.5 115.818V147.609H1210.2ZM1260.29 147.609C1259.99 146.465 1259.78 145.201 1259.66 143.816C1259.6 142.431 1259.57 140.745 1259.57 138.758H1259.11V116.811C1259.11 113.861 1258.36 111.663 1256.86 110.218C1255.41 108.713 1253.09 107.96 1249.9 107.96C1246.83 107.96 1244.36 108.562 1242.5 109.767C1240.69 110.971 1239.64 112.687 1239.33 114.915H1230.39C1230.81 110.579 1232.77 107.117 1236.26 104.528C1239.76 101.939 1244.42 100.645 1250.26 100.645C1256.28 100.645 1260.8 102.06 1263.81 104.89C1266.82 107.659 1268.33 111.754 1268.33 117.173V138.758C1268.33 140.143 1268.42 141.558 1268.6 143.003C1268.78 144.448 1269.05 145.984 1269.41 147.609H1260.29ZM1244.39 148.513C1239.7 148.513 1235.96 147.369 1233.19 145.081C1230.42 142.732 1229.04 139.571 1229.04 135.597C1229.04 131.503 1230.48 128.282 1233.37 125.933C1236.32 123.525 1240.54 121.899 1246.02 121.056L1261.19 118.618V125.211L1247.46 127.378C1244.39 127.86 1242.07 128.673 1240.51 129.817C1239 130.961 1238.25 132.617 1238.25 134.784C1238.25 136.892 1238.94 138.487 1240.33 139.571C1241.77 140.595 1243.85 141.107 1246.56 141.107C1250.17 141.107 1253.15 140.234 1255.5 138.487C1257.91 136.741 1259.11 134.544 1259.11 131.894L1260.29 138.578C1259.2 141.769 1257.28 144.238 1254.51 145.984C1251.74 147.67 1248.37 148.513 1244.39 148.513ZM1281.05 147.609V101.548H1289.99V112.386H1290.44V147.609H1281.05ZM1313.75 147.609V117.985C1313.75 114.794 1312.93 112.416 1311.31 110.85C1309.74 109.285 1307.39 108.502 1304.26 108.502C1301.55 108.502 1299.14 109.104 1297.04 110.309C1294.99 111.513 1293.36 113.169 1292.16 115.276C1291.02 117.383 1290.44 119.882 1290.44 122.772L1289.27 111.754C1290.78 108.322 1293.09 105.612 1296.22 103.625C1299.36 101.638 1303 100.645 1307.15 100.645C1312.09 100.645 1315.97 102.029 1318.8 104.799C1321.63 107.569 1323.05 111.242 1323.05 115.818V147.609H1313.75ZM1355.06 167.027C1349.28 167.027 1344.5 165.703 1340.7 163.054C1336.97 160.464 1334.71 157.002 1333.93 152.667H1342.78C1343.38 154.654 1344.71 156.22 1346.75 157.364C1348.86 158.508 1351.66 159.08 1355.15 159.08C1359.67 159.08 1363.04 157.966 1365.27 155.738C1367.5 153.51 1368.61 150.198 1368.61 145.803V135.868L1369.42 136.049C1368.52 139.541 1366.56 142.311 1363.55 144.358C1360.54 146.345 1356.93 147.338 1352.72 147.338C1348.68 147.338 1345.13 146.375 1342.06 144.448C1338.99 142.522 1336.61 139.842 1334.92 136.41C1333.24 132.918 1332.39 128.854 1332.39 124.217C1332.39 119.521 1333.27 115.396 1335.01 111.844C1336.76 108.291 1339.2 105.552 1342.33 103.625C1345.52 101.698 1349.22 100.735 1353.44 100.735C1357.77 100.735 1361.36 101.789 1364.19 103.896C1367.08 105.943 1368.91 108.863 1369.69 112.657L1368.97 112.747V101.548H1377.91V145.713C1377.91 152.336 1375.87 157.544 1371.77 161.338C1367.74 165.131 1362.17 167.027 1355.06 167.027ZM1355.51 139.752C1359.55 139.752 1362.77 138.337 1365.18 135.507C1367.65 132.677 1368.88 128.793 1368.88 123.856C1368.88 119.039 1367.65 115.246 1365.18 112.476C1362.77 109.706 1359.52 108.322 1355.42 108.322C1351.33 108.322 1348.08 109.737 1345.67 112.566C1343.26 115.336 1342.06 119.19 1342.06 124.127C1342.06 128.944 1343.26 132.767 1345.67 135.597C1348.14 138.367 1351.42 139.752 1355.51 139.752ZM1410.99 148.513C1406.36 148.513 1402.26 147.489 1398.71 145.442C1395.22 143.395 1392.48 140.565 1390.49 136.952C1388.51 133.339 1387.51 129.185 1387.51 124.488C1387.51 119.732 1388.48 115.577 1390.4 112.025C1392.39 108.412 1395.16 105.612 1398.71 103.625C1402.26 101.638 1406.33 100.645 1410.9 100.645C1415.36 100.645 1419.21 101.608 1422.46 103.535C1425.78 105.401 1428.31 108.021 1430.05 111.392C1431.86 114.764 1432.76 118.768 1432.76 123.404C1432.76 124.127 1432.73 124.819 1432.67 125.482C1432.67 126.084 1432.61 126.716 1432.49 127.378H1393.83V120.334H1425.9L1423.55 123.134C1423.55 118.196 1422.43 114.433 1420.21 111.844C1417.98 109.255 1414.88 107.96 1410.9 107.96C1406.63 107.96 1403.23 109.435 1400.7 112.386C1398.23 115.276 1397 119.31 1397 124.488C1397 129.727 1398.23 133.821 1400.7 136.771C1403.23 139.722 1406.72 141.197 1411.18 141.197C1413.88 141.197 1416.23 140.655 1418.22 139.571C1420.21 138.427 1421.68 136.771 1422.65 134.604H1431.5C1429.99 138.939 1427.43 142.341 1423.82 144.81C1420.27 147.278 1415.99 148.513 1410.99 148.513ZM1442.37 147.609V82.5813H1451.76V147.609H1442.37ZM1485 148.513C1480.3 148.513 1476.18 147.489 1472.63 145.442C1469.07 143.334 1466.3 140.474 1464.32 136.862C1462.33 133.189 1461.34 129.034 1461.34 124.398C1461.34 119.701 1462.33 115.577 1464.32 112.025C1466.36 108.472 1469.13 105.702 1472.63 103.715C1476.18 101.668 1480.3 100.645 1485 100.645C1489.76 100.645 1493.91 101.668 1497.46 103.715C1501.01 105.702 1503.75 108.472 1505.68 112.025C1507.67 115.577 1508.66 119.701 1508.66 124.398C1508.66 129.034 1507.67 133.189 1505.68 136.862C1503.75 140.474 1501.01 143.334 1497.46 145.442C1493.91 147.489 1489.76 148.513 1485 148.513ZM1485 140.836C1487.83 140.836 1490.27 140.143 1492.31 138.758C1494.42 137.373 1496.08 135.447 1497.28 132.978C1498.49 130.509 1499.09 127.619 1499.09 124.308C1499.09 119.37 1497.76 115.487 1495.11 112.657C1492.53 109.767 1489.15 108.322 1485 108.322C1480.9 108.322 1477.53 109.767 1474.88 112.657C1472.29 115.547 1471 119.431 1471 124.308C1471 127.619 1471.57 130.509 1472.72 132.978C1473.92 135.447 1475.58 137.373 1477.68 138.758C1479.85 140.143 1482.29 140.836 1485 140.836ZM1537.81 167.027C1532.03 167.027 1527.25 165.703 1523.45 163.054C1519.72 160.464 1517.46 157.002 1516.68 152.667H1525.53C1526.13 154.654 1527.46 156.22 1529.5 157.364C1531.61 158.508 1534.41 159.08 1537.9 159.08C1542.42 159.08 1545.79 157.966 1548.02 155.738C1550.25 153.51 1551.36 150.198 1551.36 145.803V135.868L1552.17 136.049C1551.27 139.541 1549.31 142.311 1546.3 144.358C1543.29 146.345 1539.68 147.338 1535.47 147.338C1531.43 147.338 1527.88 146.375 1524.81 144.448C1521.74 142.522 1519.36 139.842 1517.67 136.41C1515.99 132.918 1515.14 128.854 1515.14 124.217C1515.14 119.521 1516.02 115.396 1517.76 111.844C1519.51 108.291 1521.95 105.552 1525.08 103.625C1528.27 101.698 1531.97 100.735 1536.19 100.735C1540.52 100.735 1544.11 101.789 1546.94 103.896C1549.83 105.943 1551.66 108.863 1552.44 112.657L1551.72 112.747V101.548H1560.66V145.713C1560.66 152.336 1558.62 157.544 1554.52 161.338C1550.49 165.131 1544.92 167.027 1537.81 167.027ZM1538.27 139.752C1542.3 139.752 1545.52 138.337 1547.93 135.507C1550.4 132.677 1551.63 128.793 1551.63 123.856C1551.63 119.039 1550.4 115.246 1547.93 112.476C1545.52 109.706 1542.27 108.322 1538.17 108.322C1534.08 108.322 1530.83 109.737 1528.42 112.566C1526.01 115.336 1524.81 119.19 1524.81 124.127C1524.81 128.944 1526.01 132.767 1528.42 135.597C1530.89 138.367 1534.17 139.752 1538.27 139.752Z" fill="%23004E26"/></svg>');
}
[lang="en"] #news::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1693" height="230" viewBox="0 0 1693 230" fill="none"><path d="M0 38.7072C0 17.3298 17.3298 0 38.7072 0H781.755C803.133 0 820.462 17.3298 820.462 38.7072V190.512C820.462 211.889 803.133 229.219 781.755 229.219H38.7072C17.3298 229.219 0 211.889 0 190.512V38.7072Z" fill="%23D6CCFF"/><path d="M189.386 93.8731V147.787C189.386 150.536 188.293 153.174 186.349 155.118C184.405 157.062 181.768 158.155 179.018 158.155M179.018 158.155C176.268 158.155 173.631 157.062 171.687 155.118C169.742 153.174 168.65 150.536 168.65 147.787V75.2107C168.65 74.1108 168.213 73.0559 167.435 72.2782C166.657 71.5004 165.603 71.0635 164.503 71.0635H85.7058C84.6059 71.0635 83.551 71.5004 82.7733 72.2782C81.9955 73.0559 81.5586 74.1108 81.5586 75.2107V149.86C81.5586 152.06 82.4325 154.17 83.988 155.725C85.5435 157.281 87.6532 158.155 89.853 158.155H179.018Z" stroke="%2351009C" stroke-width="7.2" stroke-linecap="round" stroke-linejoin="round"/><path d="M143.766 91.7998H106.441V112.536H143.766V91.7998Z" stroke="%2351009C" stroke-width="7.2" stroke-linecap="round" stroke-linejoin="round"/><path d="M106.441 137.418H143.766" stroke="%2351009C" stroke-width="7.2" stroke-linecap="round" stroke-linejoin="round"/><path d="M255.183 147.609L236.306 82.5813H246.061L262.589 142.461H260.24L275.956 82.5813H287.245L303.051 142.461H300.702L317.23 82.5813H326.443L307.566 147.609H296.367L280.471 89.355H282.368L266.382 147.609H255.183ZM337.09 147.609V82.5813H346.483V147.609H337.09ZM369.785 147.609V117.985C369.785 114.794 368.972 112.416 367.346 110.85C365.781 109.285 363.433 108.502 360.302 108.502C357.592 108.502 355.184 109.104 353.076 110.309C351.029 111.513 349.403 113.169 348.199 115.276C347.055 117.383 346.483 119.882 346.483 122.772L345.309 111.754C346.814 108.322 349.132 105.612 352.263 103.625C355.394 101.638 359.037 100.645 363.192 100.645C368.129 100.645 372.013 102.029 374.843 104.799C377.672 107.569 379.087 111.242 379.087 115.818V147.609H369.785ZM419.873 147.609C419.572 146.465 419.361 145.201 419.241 143.816C419.181 142.431 419.151 140.745 419.151 138.758H418.699V116.811C418.699 113.861 417.946 111.663 416.441 110.218C414.996 108.713 412.678 107.96 409.487 107.96C406.416 107.96 403.947 108.562 402.081 109.767C400.274 110.971 399.221 112.687 398.92 114.915H389.978C390.4 110.579 392.357 107.117 395.849 104.528C399.341 101.939 404.008 100.645 409.848 100.645C415.869 100.645 420.385 102.06 423.396 104.89C426.406 107.659 427.911 111.754 427.911 117.173V138.758C427.911 140.143 428.002 141.558 428.182 143.003C428.363 144.448 428.634 145.984 428.995 147.609H419.873ZM403.977 148.513C399.281 148.513 395.548 147.369 392.778 145.081C390.008 142.732 388.624 139.571 388.624 135.597C388.624 131.503 390.069 128.282 392.959 125.933C395.909 123.525 400.124 121.899 405.603 121.056L420.776 118.618V125.211L407.048 127.378C403.977 127.86 401.659 128.673 400.094 129.817C398.589 130.961 397.836 132.617 397.836 134.784C397.836 136.892 398.528 138.487 399.913 139.571C401.358 140.595 403.436 141.107 406.145 141.107C409.758 141.107 412.738 140.234 415.086 138.487C417.495 136.741 418.699 134.544 418.699 131.894L419.873 138.578C418.789 141.769 416.863 144.238 414.093 145.984C411.323 147.67 407.951 148.513 403.977 148.513ZM458.295 148.513C452.936 148.513 448.993 147.278 446.464 144.81C443.995 142.281 442.761 138.578 442.761 133.701V90.9807L452.063 87.4584V133.791C452.063 136.199 452.696 137.976 453.96 139.12C455.224 140.264 457.272 140.836 460.102 140.836C461.185 140.836 462.149 140.745 462.992 140.565C463.835 140.384 464.557 140.173 465.159 139.932V147.519C464.497 147.82 463.564 148.061 462.36 148.242C461.155 148.422 459.801 148.513 458.295 148.513ZM433.548 109.044V101.548H465.159V109.044H433.548ZM473.599 105.16L470.98 93.329C470.558 91.7033 470.257 90.2883 470.077 89.0841C469.896 87.8799 469.806 86.766 469.806 85.7424C469.806 84.7188 470.016 83.7554 470.438 82.8522C470.859 81.9491 471.462 81.2265 472.244 80.6846C473.087 80.1427 474.111 79.8718 475.315 79.8718C476.519 79.8718 477.543 80.1427 478.386 80.6846C479.229 81.2265 479.831 81.9491 480.192 82.8522C480.614 83.7554 480.824 84.7188 480.824 85.7424C480.824 86.766 480.734 87.8799 480.553 89.0841C480.373 90.2883 480.072 91.7033 479.65 93.329L477.031 105.16H473.599ZM503.119 148.513C497.098 148.513 492.311 147.188 488.759 144.539C485.206 141.889 483.189 138.156 482.708 133.339H491.378C491.8 135.989 493.004 138.036 494.991 139.481C497.038 140.866 499.808 141.558 503.3 141.558C506.371 141.558 508.719 141.016 510.345 139.932C511.97 138.849 512.783 137.313 512.783 135.326C512.783 133.881 512.301 132.677 511.338 131.714C510.435 130.69 508.629 129.847 505.919 129.185L498.513 127.469C493.877 126.325 490.415 124.639 488.127 122.411C485.899 120.123 484.785 117.323 484.785 114.012C484.785 109.857 486.32 106.606 489.391 104.257C492.522 101.849 496.797 100.645 502.216 100.645C507.575 100.645 511.88 101.849 515.131 104.257C518.443 106.666 520.31 110.038 520.731 114.373H512.061C511.699 112.205 510.646 110.549 508.9 109.405C507.214 108.201 504.895 107.599 501.945 107.599C499.175 107.599 497.038 108.111 495.533 109.134C494.088 110.098 493.365 111.453 493.365 113.199C493.365 114.644 493.907 115.848 494.991 116.811C496.135 117.775 498.001 118.588 500.59 119.25L508.177 121.147C512.572 122.23 515.884 124.007 518.112 126.475C520.34 128.884 521.454 131.804 521.454 135.236C521.454 139.391 519.828 142.642 516.576 144.99C513.385 147.338 508.9 148.513 503.119 148.513ZM547.976 147.609V101.548H556.918V112.386H557.369V147.609H547.976ZM580.671 147.609V117.985C580.671 114.794 579.858 112.416 578.232 110.85C576.667 109.285 574.319 108.502 571.188 108.502C568.478 108.502 566.07 109.104 563.962 110.309C561.915 111.513 560.29 113.169 559.085 115.276C557.941 117.383 557.369 119.882 557.369 122.772L556.195 111.754C557.7 108.322 560.019 105.612 563.15 103.625C566.281 101.638 569.923 100.645 574.078 100.645C579.015 100.645 582.899 102.029 585.729 104.799C588.559 107.569 589.974 111.242 589.974 115.818V147.609H580.671ZM622.618 148.513C617.982 148.513 613.888 147.489 610.335 145.442C606.843 143.395 604.103 140.565 602.116 136.952C600.129 133.339 599.136 129.185 599.136 124.488C599.136 119.732 600.099 115.577 602.026 112.025C604.013 108.412 606.783 105.612 610.335 103.625C613.888 101.638 617.952 100.645 622.528 100.645C626.984 100.645 630.837 101.608 634.088 103.535C637.4 105.401 639.929 108.021 641.675 111.392C643.481 114.764 644.385 118.768 644.385 123.404C644.385 124.127 644.354 124.819 644.294 125.482C644.294 126.084 644.234 126.716 644.114 127.378H605.458V120.334H637.52L635.172 123.134C635.172 118.196 634.058 114.433 631.831 111.844C629.603 109.255 626.502 107.96 622.528 107.96C618.253 107.96 614.851 109.435 612.322 112.386C609.853 115.276 608.619 119.31 608.619 124.488C608.619 129.727 609.853 133.821 612.322 136.771C614.851 139.722 618.343 141.197 622.799 141.197C625.508 141.197 627.857 140.655 629.844 139.571C631.831 138.427 633.306 136.771 634.269 134.604H643.12C641.615 138.939 639.056 142.341 635.443 144.81C631.891 147.278 627.616 148.513 622.618 148.513ZM662.506 147.609L648.416 101.548H658.08L667.654 138.578H666.299L677.95 101.548H686.078L697.729 138.578H696.465L705.948 101.548H715.161L701.071 147.609H692.852L681.201 111.212H682.556L670.725 147.609H662.506Z" fill="%2351009C"/><path d="M880.461 38.7072C880.461 17.3298 897.791 0 919.168 0H1641.22C1662.59 0 1679.92 17.3298 1679.92 38.7072V190.512C1679.92 211.889 1662.59 229.219 1641.22 229.219H919.168C897.791 229.219 880.461 211.889 880.461 190.512V38.7072Z" fill="%23CDF545"/><path d="M1061.55 60.6958H970.314C965.733 60.6958 962.02 64.4093 962.02 68.9902V160.229C962.02 164.809 965.733 168.523 970.314 168.523H1061.55C1066.13 168.523 1069.85 164.809 1069.85 160.229V68.9902C1069.85 64.4093 1066.13 60.6958 1061.55 60.6958Z" stroke="%23004E26" stroke-width="9.6" stroke-linecap="round" stroke-linejoin="round"/><path d="M962.02 89.7271H1069.85" stroke="%23004E26" stroke-width="9.6" stroke-linecap="round" stroke-linejoin="round"/><path d="M995.199 114.609L982.758 127.051L995.199 139.493" stroke="%23004E26" stroke-width="9.6" stroke-linecap="round" stroke-linejoin="round"/><path d="M1040.82 114.609L1053.26 127.051L1040.82 139.493" stroke="%23004E26" stroke-width="9.6" stroke-linecap="round" stroke-linejoin="round"/><path d="M1011.79 143.64L1024.23 106.315" stroke="%23004E26" stroke-width="9.6" stroke-linecap="round" stroke-linejoin="round"/><path d="M1148.02 148.513C1143.5 148.513 1139.32 147.7 1135.46 146.074C1131.61 144.388 1128.27 142.07 1125.44 139.12C1122.67 136.109 1120.5 132.557 1118.93 128.462C1117.37 124.368 1116.59 119.882 1116.59 115.005C1116.59 110.128 1117.34 105.672 1118.84 101.638C1120.41 97.5438 1122.58 94.0214 1125.35 91.0711C1128.18 88.0605 1131.52 85.7424 1135.37 84.1167C1139.23 82.491 1143.41 81.6781 1147.93 81.6781C1152.98 81.6781 1157.53 82.7017 1161.56 84.7489C1165.6 86.7358 1168.88 89.5658 1171.41 93.2387C1174 96.9115 1175.59 101.187 1176.2 106.064H1166.8C1166.02 100.946 1163.94 96.9718 1160.57 94.1418C1157.26 91.2517 1153.07 89.8066 1148.02 89.8066C1143.74 89.8066 1139.95 90.8603 1136.64 92.9677C1133.39 95.0149 1130.86 97.9351 1129.05 101.728C1127.24 105.462 1126.34 109.887 1126.34 115.005C1126.34 120.063 1127.24 124.518 1129.05 128.372C1130.92 132.165 1133.48 135.116 1136.73 137.223C1139.98 139.33 1143.74 140.384 1148.02 140.384C1153.07 140.384 1157.29 138.969 1160.66 136.139C1164.09 133.249 1166.17 129.245 1166.89 124.127H1176.38C1175.71 129.064 1174.09 133.369 1171.5 137.042C1168.91 140.655 1165.6 143.485 1161.56 145.532C1157.59 147.519 1153.07 148.513 1148.02 148.513ZM1186.5 147.609V82.5813H1195.9V147.609H1186.5ZM1219.2 147.609V117.985C1219.2 114.794 1218.39 112.416 1216.76 110.85C1215.2 109.285 1212.85 108.502 1209.72 108.502C1207.01 108.502 1204.6 109.104 1202.49 110.309C1200.44 111.513 1198.82 113.169 1197.61 115.276C1196.47 117.383 1195.9 119.882 1195.9 122.772L1194.72 111.754C1196.23 108.322 1198.55 105.612 1201.68 103.625C1204.81 101.638 1208.45 100.645 1212.61 100.645C1217.54 100.645 1221.43 102.029 1224.26 104.799C1227.09 107.569 1228.5 111.242 1228.5 115.818V147.609H1219.2ZM1269.29 147.609C1268.99 146.465 1268.78 145.201 1268.66 143.816C1268.6 142.431 1268.57 140.745 1268.57 138.758H1268.11V116.811C1268.11 113.861 1267.36 111.663 1265.86 110.218C1264.41 108.713 1262.09 107.96 1258.9 107.96C1255.83 107.96 1253.36 108.562 1251.5 109.767C1249.69 110.971 1248.64 112.687 1248.33 114.915H1239.39C1239.81 110.579 1241.77 107.117 1245.26 104.528C1248.76 101.939 1253.42 100.645 1259.26 100.645C1265.28 100.645 1269.8 102.06 1272.81 104.89C1275.82 107.659 1277.33 111.754 1277.33 117.173V138.758C1277.33 140.143 1277.42 141.558 1277.6 143.003C1277.78 144.448 1278.05 145.984 1278.41 147.609H1269.29ZM1253.39 148.513C1248.7 148.513 1244.96 147.369 1242.19 145.081C1239.42 142.732 1238.04 139.571 1238.04 135.597C1238.04 131.503 1239.48 128.282 1242.37 125.933C1245.32 123.525 1249.54 121.899 1255.02 121.056L1270.19 118.618V125.211L1256.46 127.378C1253.39 127.86 1251.07 128.673 1249.51 129.817C1248 130.961 1247.25 132.617 1247.25 134.784C1247.25 136.892 1247.94 138.487 1249.33 139.571C1250.77 140.595 1252.85 141.107 1255.56 141.107C1259.17 141.107 1262.15 140.234 1264.5 138.487C1266.91 136.741 1268.11 134.544 1268.11 131.894L1269.29 138.578C1268.2 141.769 1266.28 144.238 1263.51 145.984C1260.74 147.67 1257.37 148.513 1253.39 148.513ZM1290.05 147.609V101.548H1298.99V112.386H1299.44V147.609H1290.05ZM1322.75 147.609V117.985C1322.75 114.794 1321.93 112.416 1320.31 110.85C1318.74 109.285 1316.39 108.502 1313.26 108.502C1310.55 108.502 1308.14 109.104 1306.04 110.309C1303.99 111.513 1302.36 113.169 1301.16 115.276C1300.02 117.383 1299.44 119.882 1299.44 122.772L1298.27 111.754C1299.78 108.322 1302.09 105.612 1305.22 103.625C1308.36 101.638 1312 100.645 1316.15 100.645C1321.09 100.645 1324.97 102.029 1327.8 104.799C1330.63 107.569 1332.05 111.242 1332.05 115.818V147.609H1322.75ZM1364.06 167.027C1358.28 167.027 1353.5 165.703 1349.7 163.054C1345.97 160.464 1343.71 157.002 1342.93 152.667H1351.78C1352.38 154.654 1353.71 156.22 1355.75 157.364C1357.86 158.508 1360.66 159.08 1364.15 159.08C1368.67 159.08 1372.04 157.966 1374.27 155.738C1376.5 153.51 1377.61 150.198 1377.61 145.803V135.868L1378.42 136.049C1377.52 139.541 1375.56 142.311 1372.55 144.358C1369.54 146.345 1365.93 147.338 1361.72 147.338C1357.68 147.338 1354.13 146.375 1351.06 144.448C1347.99 142.522 1345.61 139.842 1343.92 136.41C1342.24 132.918 1341.39 128.854 1341.39 124.217C1341.39 119.521 1342.27 115.396 1344.01 111.844C1345.76 108.291 1348.2 105.552 1351.33 103.625C1354.52 101.698 1358.22 100.735 1362.44 100.735C1366.77 100.735 1370.36 101.789 1373.19 103.896C1376.08 105.943 1377.91 108.863 1378.69 112.657L1377.97 112.747V101.548H1386.91V145.713C1386.91 152.336 1384.87 157.544 1380.77 161.338C1376.74 165.131 1371.17 167.027 1364.06 167.027ZM1364.51 139.752C1368.55 139.752 1371.77 138.337 1374.18 135.507C1376.65 132.677 1377.88 128.793 1377.88 123.856C1377.88 119.039 1376.65 115.246 1374.18 112.476C1371.77 109.706 1368.52 108.322 1364.42 108.322C1360.33 108.322 1357.08 109.737 1354.67 112.566C1352.26 115.336 1351.06 119.19 1351.06 124.127C1351.06 128.944 1352.26 132.767 1354.67 135.597C1357.14 138.367 1360.42 139.752 1364.51 139.752ZM1419.99 148.513C1415.36 148.513 1411.26 147.489 1407.71 145.442C1404.22 143.395 1401.48 140.565 1399.49 136.952C1397.51 133.339 1396.51 129.185 1396.51 124.488C1396.51 119.732 1397.48 115.577 1399.4 112.025C1401.39 108.412 1404.16 105.612 1407.71 103.625C1411.26 101.638 1415.33 100.645 1419.9 100.645C1424.36 100.645 1428.21 101.608 1431.46 103.535C1434.78 105.401 1437.31 108.021 1439.05 111.392C1440.86 114.764 1441.76 118.768 1441.76 123.404C1441.76 124.127 1441.73 124.819 1441.67 125.482C1441.67 126.084 1441.61 126.716 1441.49 127.378H1402.83V120.334H1434.9L1432.55 123.134C1432.55 118.196 1431.43 114.433 1429.21 111.844C1426.98 109.255 1423.88 107.96 1419.9 107.96C1415.63 107.96 1412.23 109.435 1409.7 112.386C1407.23 115.276 1406 119.31 1406 124.488C1406 129.727 1407.23 133.821 1409.7 136.771C1412.23 139.722 1415.72 141.197 1420.18 141.197C1422.88 141.197 1425.23 140.655 1427.22 139.571C1429.21 138.427 1430.68 136.771 1431.65 134.604H1440.5C1438.99 138.939 1436.43 142.341 1432.82 144.81C1429.27 147.278 1424.99 148.513 1419.99 148.513ZM1451.37 147.609V82.5813H1460.76V147.609H1451.37ZM1494 148.513C1489.3 148.513 1485.18 147.489 1481.63 145.442C1478.07 143.334 1475.3 140.474 1473.32 136.862C1471.33 133.189 1470.34 129.034 1470.34 124.398C1470.34 119.701 1471.33 115.577 1473.32 112.025C1475.36 108.472 1478.13 105.702 1481.63 103.715C1485.18 101.668 1489.3 100.645 1494 100.645C1498.76 100.645 1502.91 101.668 1506.46 103.715C1510.01 105.702 1512.75 108.472 1514.68 112.025C1516.67 115.577 1517.66 119.701 1517.66 124.398C1517.66 129.034 1516.67 133.189 1514.68 136.862C1512.75 140.474 1510.01 143.334 1506.46 145.442C1502.91 147.489 1498.76 148.513 1494 148.513ZM1494 140.836C1496.83 140.836 1499.27 140.143 1501.31 138.758C1503.42 137.373 1505.08 135.447 1506.28 132.978C1507.49 130.509 1508.09 127.619 1508.09 124.308C1508.09 119.37 1506.76 115.487 1504.11 112.657C1501.53 109.767 1498.15 108.322 1494 108.322C1489.9 108.322 1486.53 109.767 1483.88 112.657C1481.29 115.547 1480 119.431 1480 124.308C1480 127.619 1480.57 130.509 1481.72 132.978C1482.92 135.447 1484.58 137.373 1486.68 138.758C1488.85 140.143 1491.29 140.836 1494 140.836ZM1546.81 167.027C1541.03 167.027 1536.25 165.703 1532.45 163.054C1528.72 160.464 1526.46 157.002 1525.68 152.667H1534.53C1535.13 154.654 1536.46 156.22 1538.5 157.364C1540.61 158.508 1543.41 159.08 1546.9 159.08C1551.42 159.08 1554.79 157.966 1557.02 155.738C1559.25 153.51 1560.36 150.198 1560.36 145.803V135.868L1561.17 136.049C1560.27 139.541 1558.31 142.311 1555.3 144.358C1552.29 146.345 1548.68 147.338 1544.47 147.338C1540.43 147.338 1536.88 146.375 1533.81 144.448C1530.74 142.522 1528.36 139.842 1526.67 136.41C1524.99 132.918 1524.14 128.854 1524.14 124.217C1524.14 119.521 1525.02 115.396 1526.76 111.844C1528.51 108.291 1530.95 105.552 1534.08 103.625C1537.27 101.698 1540.97 100.735 1545.19 100.735C1549.52 100.735 1553.11 101.789 1555.94 103.896C1558.83 105.943 1560.66 108.863 1561.44 112.657L1560.72 112.747V101.548H1569.66V145.713C1569.66 152.336 1567.62 157.544 1563.52 161.338C1559.49 165.131 1553.92 167.027 1546.81 167.027ZM1547.27 139.752C1551.3 139.752 1554.52 138.337 1556.93 135.507C1559.4 132.677 1560.63 128.793 1560.63 123.856C1560.63 119.039 1559.4 115.246 1556.93 112.476C1554.52 109.706 1551.27 108.322 1547.17 108.322C1543.08 108.322 1539.83 109.737 1537.42 112.566C1535.01 115.336 1533.81 119.19 1533.81 124.127C1533.81 128.944 1535.01 132.767 1537.42 135.597C1539.89 138.367 1543.17 139.752 1547.27 139.752Z" fill="%23004E26"/></svg>') !important;
}
#news > .news-header {
    margin-top: 85px;
    font-size: 16px;
    color: #c3c3c3;
}
#news .article-container {
  margin-top: 120px;
}
#news .article-container > .article-in-list:last-child img {
    display: none;
}
#news .title-in-list {
    font-size: 44px !important;
    color: #1e1e1e !important;
    font-weight: 400;
    letter-spacing: -1.78px;
    margin-bottom: 24px;
    line-height: 48px;
    display: block;
    font-family: "GT Alpine Standard", "Helvetica", sans-serif !important;
}
#news p {
  color: #494642;
  font-size: 18px;
  line-height: 26px;
  padding-bottom: 48px !important;
}
#news .btn.btn-success-second {
  margin-left: 0px;
  margin-top: 5px;
  margin-bottom: 35px;
  font-size: 12px;
}
#news .date-article {
  color: #1D1C1D;
  font-size: 12px;
  margin-bottom: 12px;
  display: block;
}
.img-article {
    max-width: 100%;
    box-shadow: 0px 8px 16px #1e1e1e1A;
    padding: 16px;
    border-radius: 8px;
    background-color: #FCFAF9;
    margin-bottom: 32px;
}
.body-background {
  background-color: #f6f2ee !important;
}
@media only screen and (max-width: 767px) {
    .col--mob-center {
        text-align: center !important;
        margin-bottom: 15px;
    }
}
#module-info,
#module-contact {
  margin-top: 25px;
  margin-bottom: 25px;
}
#module-info > .col-xs-offset-1,
#module-contact > .col-xs-offset-1 {
  margin-left: 2%;
}
#module-info > .col-xs-10,
#module-contact > .col-xs-10 {
  width: 96%;
}
#module-contact input {
  max-width: 300px;
}
.module-details {
  margin-top: 30px;
  margin-left: 80px;
  margin-right: 10px;
}
.module-details > div {
  margin-left: 10px;
  display: inline-block;
  font-size: 26px;
  font-weight: 300;
  color: #b1b0b5;
}
.module-details > div > span {
  display: block;
  font-weight: 700;
}
.module-details > img {
  vertical-align: text-bottom;
  position: relative;
  top: 8px;
}
.module-details > .details-header {
  margin-top: 40px;
  font-size: 16px;
  font-weight: 400;
  color: #111;
  letter-spacing: 0.3px;
}
.module-details > .advantage-header {
  margin-top: 40px;
  font-size: 20px;
  font-weight: 300;
}
.module-details > .advantage-list {
  list-style: none;
  margin-top: 25px;
  padding-left: 10px;
}
.module-details > .advantage-list li {
  font-size: 16px;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.module-details > .advantage-list li img {
  position: relative;
  top: -4px;
  vertical-align: text-bottom;
  width: 32px;
  height: 32px;
  margin-right: 20px;
  float: left;
}
@-webkit-keyframes show-module-graphic {
  from {
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@keyframes show-module-graphic {
  from {
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}
.module-graphic {
  margin-top: 120px;
}
.module-graphic > img {
  margin-left: 50px;
  height: auto;
  width: 90%;
  max-width: 581px;
  -webkit-animation-name: show-module-graphic;
  animation-name: show-module-graphic;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-transition-duration: 0.25;
  -o-transition-duration: 0.25;
  transition-duration: 0.25;
}
.module-contact-graphic {
  margin-top: 140px;
  margin-bottom: 50px;
}
.module-contact-graphic > img {
  margin-left: 50px;
  height: auto;
  width: 90%;
  max-width: 264px;
}
.module-minicontact-graphic {
  margin-top: 80px;
}
.module-minicontact-graphic > img {
  height: auto;
  width: 90%;
  max-width: 186px;
}
.module-details-contact {
  margin-top: 30px;
  margin-left: 100px;
  margin-right: 10px;
}
.module-details-contact > div:first-child {
  margin-left: 10px;
  display: inline-block;
  font-size: 26px;
  font-weight: 300;
  color: #b1b0b5;
}
.module-details-contact > div:first-child > span {
  display: block;
  font-weight: 700;
}
.module-details-contact button[type="submit"] {
  margin-top: 15px;
  margin-bottom: 15px;
}
.module-details-contact .information {
  max-width: 400px;
  margin-bottom: 50px;
  font-size: 14px;
}
.details-contact {
  padding-top: 30px;
  margin-left: 60px;
  font-size: 16px;
}
.details-contact .field-validation-error {
  color: #fd3f3f;
}
.details-contact-header {
  margin-top: 30px;
  margin-bottom: 25px;
  font-size: 16px;
  font-weight: 400;
  color: #111;
  letter-spacing: 0.3px;
}
.or-module {
  margin-left: 140px;
  margin-top: 12px;
  color: #84898c;
}
.module-thanks {
  margin-top: 35px;
  font-size: 34px;
  font-weight: 300;
  color: #b1b0b5;
}
.module-thanks-detail {
  margin-top: 30px;
  margin-bottom: 90px;
  font-size: 18px;
  color: #03af71;
  font-weight: 600;
  -webkit-animation-name: show-module-graphic;
  animation-name: show-module-graphic;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
}
.module-description div.collapse {
  display: none;
}
.module-description div.collapse.in {
  display: block;
}
.module-description {
  margin-top: 20px;
  padding-left: 100px;
  padding-right: 80px;
  margin-bottom: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: 400;
  color: #111;
  letter-spacing: 0.3px;
}
.module-description .collapse {
  margin-bottom: 25px;
}
.module-description button[aria-expanded="true"] {
  display: none;
}
.module-delegation {
  color: #5f51af;
}
.module-worktime {
  color: #47ab3c;
}
.module-indexcard {
  color: #ded000;
}
.module-contact-header {
  color: #03af71;
}
.btn-interested {
  margin-bottom: 25px;
}
footer {
  padding-top: 10px;
  padding-bottom: 40px;
  background-color: #eee;
}
.padding-left-box {
  padding-left: 20px;
}
.absent-time > div > span {
  font-size: 14px;
}
.absent-time > div > span {
  margin-right: 10px;
}
.fast-box.box .circle-content {
  background: #ffffff;
}
#HolidayLimitUsage tbody tr:first-child,
#HolidayLimitUsage tbody tr:nth-child(2) {
  border-bottom: 1px solid #b0b2ca;
  border-top: none;
}
#HolidayLimitUsage .green,
#HolidayLimitUsage .bluefont {
  font-weight: 700;
}
#HolidayLimitUsage .header-box {
  padding-bottom: 30px;
}
.main-first-box {
  position: relative;
  padding-left: 0;
  padding-right: 0;
  margin-top: 10px;
  margin-bottom: 10px;
}
.main-first-box .change-leave {
  width: 60px;
  height: 100%;
  top: 0;
  position: absolute;
}
.main-first-box .change-leave > i {
  margin-top: 75px;
  font-size: 30px;
  color: #aaaaaa;
}
.main-first-box .change-leave:hover > i {
  color: #016cc7;
}
.main-first-box .next-leave {
  right: 0;
}
.main-first-box .next-leave:hover {
  background: -o-linear-gradient(right, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.03)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(270deg, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0) 100%);
}
.main-first-box .next-leave > i {
  padding-right: 10px;
}
.main-first-box .prev-leave {
  left: 0;
}
.main-first-box .prev-leave:hover {
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.03)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0) 100%);
}
.main-first-box .prev-leave > i {
  padding-left: 10px;
}
.main-first-box > .main-leave-box,
.main-first-box > .main-delegation-box {
  position: relative;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #fff;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #dddde4;
  border-right: none;
}
.main-second-box {
  padding-left: 0;
  padding-right: 0;
  margin-top: 10px;
  margin-bottom: 15px;
}
.main-second-box > .main-leave-box,
.main-second-box > .main-delegation-box {
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #fff;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #dddde4;
  border-left: 1px solid #ebebed;
}
.main-one-box {
  padding: 0;
  margin-top: 10px;
  margin-bottom: 15px;
}
.main-one-box > .main-leave-box,
.main-one-box > .main-delegation-box {
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #fff;
  border-radius: 3px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #dddde4;
}
.main-one-box .change-leave {
  width: 60px;
  height: 100%;
  top: 0;
  position: absolute;
}
.main-one-box .change-leave > i {
  margin-top: 65px;
  font-size: 30px;
  color: #aaaaaa;
}
.main-one-box .change-leave:hover > i {
  color: #016cc7;
}
.main-one-box .next-leave {
  right: 0;
}
.main-one-box .next-leave:hover {
  background: -o-linear-gradient(right, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.03)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(270deg, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0) 100%);
}
.main-one-box .next-leave > i {
  padding-right: 10px;
}
.main-one-box .prev-leave {
  left: 0;
}
.main-one-box .prev-leave:hover {
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.03)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0) 100%);
}
.main-one-box .prev-leave > i {
  padding-left: 10px;
}
@keyframes rotatemaincircle {
  0% {
    -webkit-transform: rotate(-145deg);
    -ms-transform: rotate(-145deg);
    transform: rotate(-145deg);
  }
  100% {
    -webkit-transform: rotate(215deg);
    -ms-transform: rotate(215deg);
    transform: rotate(215deg);
  }
}
.main-symbol {
  display: none;
  font-size: 34px;
}
.main-symbol > i {
  position: relative;
  top: -4px;
  font-size: 26px;
}
.add-text {
  width: 100%;
  display: none;
  font-weight: 900;
  color: #01a46a;
  padding: 20px 20px 35px;
  text-align: center;
}
.main-text {
  display: block;
  font-size: 14px;
  font-weight: 400;
  position: relative;
  top: -6px;
}
.only-mobile .main-leave-box:hover,
.main-first-box .main-leave-box:hover {
  cursor: pointer;
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  /*
    -webkit-box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.06);
    */
  text-decoration: none;
}
.only-mobile .main-leave-box:hover .rotate-circle-module,
.main-first-box .main-leave-box:hover .rotate-circle-module {
  -webkit-animation: rotatemaincircle 0.5s ease-in-out;
  animation: rotatemaincircle 0.5s ease-in-out;
}
.only-mobile .main-leave-box:hover .main-number,
.main-first-box .main-leave-box:hover .main-number {
  display: none;
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.only-mobile .main-leave-box:hover .main-symbol,
.main-first-box .main-leave-box:hover .main-symbol {
  display: table-cell;
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.only-mobile .main-leave-box:hover > .add-text,
.main-first-box .main-leave-box:hover > .add-text {
  display: block;
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.only-mobile .main-leave-box:hover > .head-text,
.main-first-box .main-leave-box:hover > .head-text {
  display: none;
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.leave-main-button {
  margin-top: 15px;
}
.rotate-main-element {
  -webkit-animation: rotatemaincircle 0.5s ease-in-out;
  animation: rotatemaincircle 0.5s ease-in-out;
}
.main-delegation-box:hover {
  cursor: pointer;
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  /*
    -webkit-box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.06);
    */
  text-decoration: none;
}
.main-delegation-box:hover .rotate-circle-module {
  -webkit-animation: rotatemaincircle 0.5s ease-in-out;
  animation: rotatemaincircle 0.5s ease-in-out;
}
.main-delegation-box:hover .main-number {
  display: none;
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.main-delegation-box:hover .main-symbol {
  display: table-cell;
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.main-delegation-box:hover > .add-text {
  display: block;
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.main-delegation-box:hover > .head-text {
  display: none;
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.main-registration-box {
  width: 100%;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-left: 0;
  margin-bottom: 0;
}
.main-registration-box.only-mobile-main {
  margin-left: 15px !important;
}
.fbox-row {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.fbox-col {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 220px;
}
.head-text {
  font-size: 14px;
  color: #2d334e;
  padding: 20px 20px 15px;
  text-align: center;
  width: 100%;
}
.rotate-circle-module {
  -webkit-transform: rotate(-145deg);
  -ms-transform: rotate(-145deg);
  transform: rotate(-145deg);
}
.circle-module-leave {
  height: 120px;
  width: 120px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 12px;
  display: table;
  position: relative;
  border-radius: 50%;
}
.circle-module-leave > .btn-circle {
  width: 120px;
  height: 120px;
  border-radius: 120px;
  background-color: #46c4f2;
  background-image: -webkit-gradient(linear, left top, right top, from(#2bb7ef), to(#d3f2ff));
  background-image: -o-linear-gradient(left, #2bb7ef, #d3f2ff);
  background-image: linear-gradient(to right, #2bb7ef, #d3f2ff);
}
.circle-module-leave > .circle-content {
  width: 112px;
  height: 112px;
  font-size: 28px;
  color: #2d334e;
  display: table;
  background: #fff;
  z-index: 500;
  border-radius: 112px;
  position: absolute;
  top: 4px;
  left: 4px;
}
.circle-module-leave > .circle-content > span,
.circle-module-leave > .circle-content > div {
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
}
.circle-module-leave > .circle-content > span {
  position: relative;
  top: 5px;
  display: table-cell;
}
.circle-module-delegation {
  height: 120px;
  width: 120px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 12px;
  display: table;
  position: relative;
  border-radius: 50%;
}
.circle-module-delegation > .btn-circle {
  width: 120px;
  height: 120px;
  border-radius: 100px;
  background-color: #8b97eb;
  background-image: -o-linear-gradient(left, #7683e6, #dfe3ff);
  background-image: -webkit-gradient(linear, left top, right top, from(#7683e6), to(#dfe3ff));
  background-image: linear-gradient(to right, #7683e6, #dfe3ff);
}
.circle-module-delegation > .circle-content {
  width: 112px;
  height: 112px;
  font-size: 28px;
  color: #2d334e;
  display: table;
  background: #fff;
  z-index: 500;
  border-radius: 112px;
  position: absolute;
  top: 4px;
  left: 4px;
}
.circle-module-delegation > .circle-content > span,
.circle-module-delegation > .circle-content > div {
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
}
.circle-module-delegation > .circle-content > span {
  display: table-cell;
}
.circle-module-delegation > .circle-content > div {
  position: relative;
  top: 3px;
}
.only-mobile-main {
  display: none;
  width: 100%;
}
.show {
  display: table-cell !important;
}
.hide {
  display: none !important;
}
.registration-time {
  margin-top: 5px;
  margin-bottom: 18px;
  border-collapse: initial;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.registration-time > tbody > tr:first-child > td:first-child {
  border-top-left-radius: 4px;
  border-top: 1px solid #dddde4;
}
.registration-time > tbody > tr:first-child > td:last-child {
  border-top-right-radius: 4px;
  border-top: 1px solid #dddde4;
}
.registration-time > tbody > tr > td:first-child {
  border-left: 1px solid #dddde4;
  border-bottom: 1px solid #dddde4;
}
.registration-time > tbody > tr > td:last-child {
  border-right: 1px solid #dddde4;
  border-bottom: 1px solid #dddde4;
}
.registration-time > tbody > tr:last-child > td:first-child {
  border-bottom-left-radius: 4px;
}
.registration-time > tbody > tr:last-child > td:last-child {
  border-bottom-right-radius: 4px;
}
.registration-time tr {
  background-color: #f7f6f7;
}
.registration-time tr:first-child {
  background-color: #ffffff;
}
.registration-time .registration-time__header > td {
  padding: 10px;
}
.registration-time tr > td {
  padding: 6px 10px;
}
.registration-time .glyphicon {
  color: #ffffff;
}
.registration-time__row .btn {
  padding: 5px 8px !important;
  margin-right: 10px;
  margin-left: 0;
  box-sizing: border-box;
}
.registration-time__row .btn > i {
  margin-right: 0;
}
.registration-time__add > div,
.registration-time__add > button {
  display: inline-block;
  margin-right: 10px;
  position: relative;
  top: 0;
}
.registration-time__date {
  display: inline-block;
}
.registration-time__task-select > .btn {
  padding-right: 26px !important;
}
.registration-time__add > .bootstrap-select > button {
  padding-right: 26px !important;
}
.registration-time__row {
  font-size: 13px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.registration-time__difference {
  width: 100%;
}
.registration-time__difference i {
  color: #c2c0c0;
  font-size: 13px;
  margin-right: 10px;
}
.registration-time__difference span {
  font-weight: 600;
}
.registration-time__difference .empty-buttons {
  height: 15px;
  float: right;
  width: 110px;
}
.registration-time__difference > .registration-time__tasknumber {
  margin-top: 3px;
}
.registration-time__difference .registration-time__tasktime {
  margin-top: 0;
  color: #111111;
}
.registration-time__row,
.registration-time__header {
  width: 90%;
}
.worktime-actual {
  font-size: 10px;
  font-weight: 700;
  color: #016cc7;
  letter-spacing: 0.1px;
}
/*
.registration-time-statement {
  color: #ffffff;
  display: inline-block;
  height: auto;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #1d1d1d;
  & > .registration-time-statement__info {
    -webkit-border-top-left-radius: 3px;
    -moz-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    background-color: #2d2d2d;
    padding: 3px auto 3px auto;
    display: table;
    width: 100%;
    & > .registration-time-statement__header {
      display: table-cell;
      padding: 5px;
      font-weight: 400;
      font-size: 12px;
      & > span {
        color: #9DED9E;
        margin-left: 5px;
        font-weight: 700;
        font-size: 13px;
        letter-spacing: 0.4px;
      }
    }
  }
  & > div > .registration-time-statement__task {
    padding: 5px;
    font-size: 13px;
    border-bottom: 1px solid #2d2d2d;
    & > span:first-child {
      color: #bdbdbd;
      width: 20px;
      display: inline-block;
      & > i {
        color: #868686; 
      }
    }
    & > span:last-child {
      color: #64ccfb;
      font-weight: 700;
      margin-left: 10px;
    }
  }
  & > div > .registration-time-statement__task:last-child {
    border-bottom: none;
  }
}

*/
.registration-time__info {
  background-color: rgba(0, 0, 0, 0.06);
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.registration-time__task {
  display: inline-block;
  margin-right: 5px;
  margin-left: 5px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: calc(100% - 130px);
}
.registration-time__task > .bootstrap-select > button {
  padding-right: 25px !important;
}
.registration-time__task > .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 300px;
  flex: 1 1 300px;
  margin-right: 10px;
  margin-top: 2px;
  margin-bottom: 2px;
}
.registration-time__task > .datetimepicker {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 100px;
  flex: 0 1 100px;
}
.registration-time__tasknumber {
  font-weight: 700;
  width: 25px;
  margin-top: 6px;
  margin-left: 20px;
}
.registration-time__tasktime {
  display: inline-block;
  margin-top: 5px;
  font-weight: 600;
  margin-right: 6px;
  color: #016cc7;
}
.registration-time__buttons {
  display: inline-block;
  float: right;
  width: 110px;
}
.registration-time__buttons > button:first-child {
  margin-right: 0;
}
.workTimeHour {
  font-size: 13px;
  color: #4a2f6b;
  font-family: "Lato";
  font-weight: 700;
}
.workedTime {
  text-align: right;
  color: #2ca82f;
  font-family: "Lato";
  font-weight: 700;
  font-size: 13px;
}
.registration-time__workTimeHour {
  font-size: 14px;
  color: #464646;
  font-weight: 400;
  margin-right: 15px;
}
.registration-time__workTimeHour > span {
  margin-right: 5px;
}
.registration-time__workTimeHour .time {
  color: #000000;
  font-weight: 700;
  margin-left: 5px;
  letter-spacing: 0.4px;
}
.registration-time__workTimeHour .date {
  margin-left: 5px;
}
.registration-time__workedTime {
  text-align: right;
  color: #2ca82f;
  font-weight: 600;
  font-size: 14px;
  background-color: #fff;
}
.registration-time__workedTime i {
  color: #c2c0c0;
  font-size: 13px;
  margin-right: 3px;
}
.icon-clock,
.icon-hourglass {
  font-size: 11px;
  color: #b18ddc;
  font-family: "FontAwesome";
  font-weight: 300;
  line-height: 13px;
  position: relative;
  top: -2px;
  margin-right: 5px;
  float: left;
  margin-top: 5px;
  color: #c2c0c0;
  margin-left: 10px;
}
.icon-hourglass:before {
  content: "\f252";
}
.icon-clock:before {
  content: "\f017";
}
.mpw-right-col > .box-second {
  margin-top: 0;
}
#AbsenceListSection > .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.jumbotron p {
  font-weight: 400;
}
::placeholder {
  font-weight: 400 !important;
}
.add-plan__month {
  width: 40px !important;
  position: relative;
}
.add-plan__month button {
  top: -55px;
  position: absolute !important;
}
.harmonogram-element__month {
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: start !important;
  -ms-flex-line-pack: start;
  align-content: start !important;
}
.harmonogram-element__month > .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.harmonogram-element__month > .row > .full-time {
  margin-top: 18px;
  margin-left: 20px;
  font-size: 14px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100px;
  flex: 0 0 100px;
  background-color: rgba(0, 0, 0, 0.04);
}
.harmonogram-element__month > .row > .full-time > span:nth-child(2n-1) {
  font-weight: 400;
  font-size: 14px;
}
.harmonogram-element__month > .row > .comment-harmonogram {
  margin-top: 18px;
  height: 16px;
  padding-left: 5px;
  padding-right: 5px;
  margin-left: auto;
  margin-right: auto;
  font-size: 13px;
}
.harmonogram-element__month > .row > .number-day__month {
  width: 60px;
}
.login-panel-container {
    display: flex;
    flex-direction: row-reverse;
}
.news-container {
    background-color: #FFB397;
}
#news {
    margin-left: auto;
    margin-right: auto;
    max-width: 515px;
    min-height: 100vh;
}
@media only screen and (min-width: 1600px) {
  #login-panel > h1 {
    margin-top: 75px;
  }
  #btn-back {
    padding-right: 260px;
  }
  #sidebar {
    width: 180px;
  }
  .btn-interested {
    display: none;
  }
  #plan-container-fixed {
    width: calc(100% - 180px);
  }
  #content {
    position: relative;
    width: calc(100% - 180px);
    height: auto;
    left: 180px;
  }
  #footer.affix {
    width: calc(100% - 180px);
  }
  #footer.affix-bottom {
    width: 100%;
  }
  #HolidayLimitUsage th,
  #HolidayLimitUsage td {
    font-size: 14px !important;
  }
  .bottom-menu {
    margin-top: 100px;
  }
  .plan-new .btn-group {
    width: calc(100% - 12px);
  }
  /*

  .col-xs-2.absent-time {
    width: 22%;
  }

  .col-xs-3.absent-time {
    width: 35%;
  }

  .col-xs-3.document-number {
    width: 15%;
  }

  .col-lg-5.mpw-right-col {
    width: 35%
  }

  .col-lg-7.mpw-left-col {
    width: 65%;
    & .accept-info {
      display: inline-block;
      width: 35%;
    }
    & .status-info.accept-info>.status-icon>span:first-child, .status-info.accept-info>.status-icon>span:nth-child(2) {
      display: block;
    }
    .status-info.accept-info>.st {
      top: -5px;
    }
    .person-info {
      width: 25%;
    }
    .col-xs-3.absent-time {
      width: 15%;
    }
  }

  .col-lg-4.mphr-right-col {
    width: 40%
  }

  .col-lg-8.mphr-left-col {
    width: 60%;
    & .status-info {
      width: 36%;
    }
    & .col-xs-2.absent-time {
      width: 20%;
    }
    & .col-xs-3.person-info {
      width: 23%;
    }
  }
  */
  .status-info > .status-icon > span:first-child {
    font-size: 15px;
    margin-right: 10px;
  }
  .status-info > .st {
    top: -6px;
  }
  .category-box > div > div > .absent-person {
    padding-left: 20px !important;
  }
  .person-info > div > span {
    display: block;
  }
  .person-info > div span:first-child {
    margin-top: 5px;
    font-size: 15px;
    margin-right: 15px;
  }
  .scroll-content {
    overflow: hidden !important;
  }
  #NextButtonMin,
  #PrevButtonMin {
    display: none;
  }
  .absent-person {
    width: 50%;
  }
  .registration-time__task > .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100px;
    flex: 1 1 100px;
  }
  .registration-time__task > .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 150px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  #login-panel > h1 {
    padding-top: 40px;
  }
  .module-graphic {
    margin-top: 140px;
  }
  #module-info,
  #module-contact {
    margin-top: 20px;
  }
  .module-details {
    margin-left: 40px;
    margin-top: 10px;
    font-size: 14px;
  }
  .module-details > .advantage-header {
    margin-top: 30px;
  }
  .module-details > .advantage-list li,
  .module-details > .details-header {
    font-size: 14px;
  }
  .module-details > .details-header {
    margin-top: 20px;
  }
  .module-description {
    margin-left: 0px;
    padding-left: 60px;
    font-size: 14px;
    margin-top: 15px;
  }
  .details-contact {
    margin-left: 30px;
  }
  .btn-interested {
    display: none;
  }
  #plan-container-fixed {
    width: calc(100% - 170px);
  }
  #content {
    position: relative;
    width: calc(100% - 170px);
    height: auto;
    left: 170px;
  }
  #footer.affix {
    width: calc(100% - 170px);
  }
  #footer.affix-bottom {
    width: 100%;
  }
  #UserDetails > div:nth-child(1) {
    border-right: 1px solid #f2f2f3;
  }
  .padding-scheme {
    padding-left: 0px;
  }
  .scroll-content {
    overflow: auto !important;
  }
  #NextButtonMin,
  #PrevButtonMin {
    display: none;
  }
  .infobox > img {
    width: 60px;
    height: 60px;
  }
  .container-main {
    padding-left: 1vw;
    padding-right: 1vw;
  }
  .infobox {
    margin: 12px 20px 10px;
  }
  .padding-left-box {
    padding-left: 25px;
  }
  .list-doc-main > .header-box-tab {
    padding-left: 0;
    padding-right: 0;
  }
  .list-doc-main > .header-box-tab > .nav-tabs {
    padding-left: 0;
  }
  .plan-content__month > .plan-row {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 0 900px !important;
    flex: 1 0 900px !important;
  }
  .add-plan__month button {
    top: -40px;
  }
  /*

  .col-lg-8.mphr-left-col {
    width: 60%;
    & .status-info {
      width: 40%;
    }
    & .col-xs-2.absent-time {
      width: 20%;
    }
    & .col-xs-3.person-info {
      width: 23%;
    }
  }

  */
  .change-leave {
    width: 50px !important;
  }
  .padding-leave-box {
    padding-left: 30px;
    padding-right: 30px;
  }
  .registration-time__tasknumber {
    margin-left: 5px;
  }
  .registration-time__task > .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100px;
    flex: 1 1 100px;
  }
  .registration-time__task > .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 150px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  #login-panel > h1 {
    padding-top: 40px;
  }
  .module-graphic {
    margin-top: 50px;
  }
  .module-details {
    margin-left: 20px;
    margin-top: 20px;
  }
  .module-description {
    margin-left: 0px;
    padding-left: 60px;
  }
  .btn-interested {
    display: block;
    width: 228px;
  }
  .details-contact {
    margin-left: 0px;
  }
  .module-details-contact {
    margin-left: 40px;
  }
  #plan-container-fixed {
    width: calc(100% - 170px);
  }
  #content {
    position: relative;
    width: calc(100% - 170px);
    height: auto;
    left: 170px;
  }
  #footer.affix {
    width: calc(100% - 170px);
  }
  #footer.affix-bottom {
    width: 100%;
  }
  #UserDetails > div:nth-child(1) {
    border-right: 1px solid #f2f2f3;
  }
  .bottom-menu {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .padding-scheme {
    padding-left: 15px !important;
  }
  .scroll-content {
    overflow: auto !important;
  }
  #NextButtonMin,
  #PrevButtonMin {
    display: none;
  }
  .infobox > img {
    width: 60px;
    height: 60px;
  }
  .container-main {
    padding-left: 1vw;
    padding-right: 1vw;
  }
  .infobox {
    margin: 12px 20px 10px;
  }
  .padding-left-box {
    padding-left: 25px;
  }
  .list-doc-main > .header-box-tab {
    padding-left: 0;
    padding-right: 0;
  }
  .list-doc-main > .header-box-tab > .nav-tabs {
    padding-left: 0;
  }
  .info-separator {
    display: none;
  }
  .main-info > .infobox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .main-info > .infobox > img {
    margin-right: 0;
  }
  .main-info > .infobox > .info {
    text-align: center;
  }
  .main-info > .infobox > .info .number,
  .main-info > .infobox > .info .number-text {
    margin-left: 0;
  }
  .plan-content__month > .plan-row {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 0 600px !important;
    flex: 1 0 600px !important;
  }
  .add-plan__month button {
    top: -40px;
  }
  .registration-time__tasknumber {
    margin-left: 5px;
  }
}
@media only screen and (max-width: 991px) {
  .login-panel-container {
    flex-direction: row;
    flex-direction: column;
  }
  .news-container {
      padding: 0 30px 120px;
  }
  #btn-back {
    padding-right: 30px;
  }
  .module-graphic {
    margin-top: 50px;
  }
  .module-details {
    margin-left: 20px;
    margin-top: 20px;
  }
  .module-description {
    margin-left: 0px;
    padding-left: 40px;
  }
  .btn-interested {
    display: block;
    width: 228px;
  }
  .module-contact-graphic > img {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .module-contact-graphic {
    margin-top: 30px;
  }
  #content {
    position: relative;
    width: 100%;
    height: auto;
    left: 0px;
  }
  #footer {
    width: 100%;
  }
  .padding-scheme {
    padding-left: 15px !important;
  }
  .padding-mob {
    padding-left: 15px !important;
  }
  .bottom-menu {
    margin-top: 30px;
  }
  #NextButton,
  #PrevButton {
    display: none;
  }
  #login-panel .form-control {
    font-size: 24px !important;
  }
  #login-panel h1 {
    margin-top: 75px;
    font-size: 40px !important;
  }
  #login-panel button,
  #login-panel label,
  #login-panel a,
  #btn-back .btn-back-style {
    font-size: 16px !important;
  }
  #login-panel {
    max-width: 500px;
  }
  #news .btn.btn-success-second {
    font-size: 16px;
  }
  #news .news-header,
  #news .title-in-list {
    font-size: 24px;
  }
  #news p {
    font-size: 18px;
  }
  #news .date-article {
    font-size: 16px;
  }
  footer a {
    font-size: 16px !important;
  }
  .infobox > img {
    width: 60px;
    height: 60px;
  }
  .container-main {
    padding-left: 1vw;
    padding-right: 1vw;
  }
  .infobox {
    margin: 12px 20px 10px;
  }
  .padding-left-box {
    padding-left: 25px;
  }
  .list-doc-main > .header-box-tab {
    padding-left: 0;
    padding-right: 0;
  }
  .list-doc-main > .header-box-tab > .nav-tabs {
    padding-left: 0;
  }
  .info-separator {
    display: none;
  }
  .main-info > .infobox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .main-info > .infobox > img {
    margin-right: 0;
  }
  .main-info > .infobox > .info {
    text-align: center;
  }
  .main-info > .infobox > .info .number,
  .main-info > .infobox > .info .number-text {
    margin-left: 0;
  }
  .plan-content__month > .plan-row {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 0 600px !important;
    flex: 1 0 600px !important;
  }
  .harmonogram-element__month > .row > .full-time {
    margin-left: 5px;
  }
  .add-plan__month button {
    top: -40px;
  }
  #calendar-date__type-month {
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  #login-panel > h1 {
    margin-top: 75px;
  }
  .module-graphic {
    margin-top: 50px;
    margin-left: 0;
    left: -5px;
  }
  .module-description {
    padding-left: 40px;
  }
  .module-description button,
  .module-description a {
    margin-top: 10px;
  }
  .module-details {
    margin-left: 15px;
    margin-top: 15px;
  }
  .btn-interested {
    display: block;
    width: 228px;
  }
  .module-details-contact {
    margin-left: 25px;
  }
  .details-contact {
    margin-left: 0;
  }
  #btn-back {
    padding-right: 15px;
  }
  #top-buttons i {
    font-size: 18px !important;
  }
  #UserDetails > div:nth-child(1) {
    border: none;
  }
  #modules-tab i {
    display: block;
    text-align: center;
    margin-bottom: 3px;
  }
  #user-groups {
    margin-top: 0px;
    margin-bottom: 5px;
  }
  #user-groups > h3 {
    margin-right: 5px;
    display: inline-block;
  }
  .bottom-menu {
    margin-top: 10px;
  }
  ul.ui-tabs-nav > li {
    padding: 12px 35px 8px 35px;
  }
  .padding-scheme {
    padding-left: 15px !important;
  }
  .padding-mob {
    padding-left: 15px !important;
  }
  #NextButton,
  #PrevButton {
    display: none;
  }
  .infobox > img {
    width: 60px;
    height: 60px;
  }
  .container-main {
    padding-left: 1vw;
    padding-right: 1vw;
  }
  .infobox {
    margin: 12px 20px 10px;
  }
  .padding-left-box {
    padding-left: 25px;
  }
  .list-doc-main > .header-box-tab {
    padding-left: 0;
    padding-right: 0;
  }
  .list-doc-main > .header-box-tab > .nav-tabs {
    padding-left: 0;
  }
  .info-separator {
    display: none;
  }
  .main-info > .infobox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 10px;
    margin-right: 10px;
  }
  .main-info > .infobox > img {
    margin-right: 0;
  }
  .main-info > .infobox > .info {
    text-align: center;
  }
  .main-info > .infobox > .info .number,
  .main-info > .infobox > .info .number-text {
    margin-left: 0;
  }
  .main-info > .infobox > .info .number {
    font-size: 28px;
  }
  .main-info > .infobox > .info .number-text {
    display: inline-block;
  }
  .category-box .header-box-tab #category-tab {
    padding-left: 0;
  }
  .category-box .header-box-tab #category-tab > li > a > div {
    padding: 2px 20px 9px;
  }
  .alert-main > div:last-child > .alert-danger {
    margin-bottom: 35px;
  }
  .start-info > .infobox {
    width: 50%;
    margin-left: 0;
    margin-right: 0;
  }
  .start-info > .infobox > .infostart {
    margin-left: auto;
    margin-right: auto;
  }
  .list-doc-main {
    margin-top: 5px !important;
  }
  .mphr-left-col > .list-doc-main {
    margin-top: 15px !important;
  }
  .plan-content__month > .plan-row {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 0 400px !important;
    flex: 1 0 400px !important;
  }
  .add-plan__month button {
    top: -40px;
  }
  .calendar-date__type-section {
    padding-top: 10px;
    padding-bottom: 10px;
    width: 43%;
    text-align: center;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .calendar-date__type-section > #calendar-date__type-year {
    margin-left: 10px;
  }
  .calendar-date__month-sm {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #cbccd2;
    margin-left: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .calendar-date__month {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    width: 100%;
  }
  .calendar-date__year {
    border-right: none;
    width: 55%;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .calendar-date {
    padding: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #calendar-date__type-year {
    margin: 0 10px 0 0;
  }
}
@media only screen and (max-width: 500px) {
  .calendar-date__year {
    width: 38%;
  }
  .calendar-date__year > a { 
    display: none;
  }
  .calendar-date__type-section {
    width: 60%;
    text-align: right;
  }
}
.mpw-left-col .list-doc-main .absent-box {
  margin-top: 0;
}
@media only screen and (max-width: 1500px) {
  .harmonogram-element__month .number-day__month {
    width: 40px !important;
    padding: 12px 0 0 20px;
  }
}
@media only screen and (max-width: 1300px) {
  .info-separator,
  .infobox > .info > a {
    display: none;
  }
}
@media only screen and (min-width: 1800px) {
  .col-lg-8.mphr-left-col {
    width: 62%;
  }
  .col-lg-8.mphr-left-col .status-info {
    width: calc(46% - 60px);
  }
  .col-lg-8.mphr-left-col .person-info {
    width: calc(33% - 60px);
  }
  .col-lg-8.mphr-left-col .col-xs-2.absent-time {
    width: 120px;
  }
  .col-lg-8.mphr-left-col .document-number {
    width: calc(21% - 46px);
  }
  .col-lg-4.mphr-right-col {
    width: 38%;
  }
  .mpw-left-col {
    margin-top: 10px;
    width: 54%;
    min-height: 80vh;
  }
  .mpw-left-col .status-info {
    width: calc(55% - 84px);
  }
  .mpw-left-col .person-info {
    width: calc(50% - 84px);
  }
  .mpw-left-col .col-xs-2.absent-time {
    width: 120px;
  }
  .mpw-left-col .document-number {
    width: calc(40% - 84px);
  }
  .mpw-left-col #delegations .person-info {
    width: calc(40% - 84px);
  }
  .mpw-left-col #delegations .col-xs-2.absent-time {
    width: 120px;
  }
  .mpw-left-col #delegations .document-number {
    width: calc(40% - 84px);
  }
  .mpw-left-col #accept-tab .status-info {
    width: 300px;
  }
  .mpw-left-col #accept-tab .person-info {
    width: calc(100% - 595px);
  }
  .mpw-left-col #accept-tab .absent-time {
    width: 120px;
  }
  .mpw-left-col #accept-tab .document-number {
    width: 120px;
  }
  .mpw-right-col {
    width: 44%;
    margin-left: 20px;
    padding-right: 0;
    float: right;
    padding-right: 15px;
  }
  .mpw-box {
    width: 44%;
    float: right;
    margin-left: 20px;
    padding-left: 20px;
    padding-right: 15px;
    margin-top: 10px;
  }
  .category-box .absent-person {
    margin-bottom: 15px;
  }
  .main-one-box .circle-module-leave,
  .main-one-box .circle-module-delegation {
    margin-left: 100px;
    margin-right: 15px;
  }
  .main-one-box .add-text {
    padding: 20px 20px 15px;
  }
  .main-registration-box {
    padding: 15px;
    margin-bottom: 5px;
  }
  .mpw-right-col > .box-second {
    margin-top: 5px !important;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1799px) {
  .col-lg-8.mphr-left-col {
    width: 63%;
  }
  .col-lg-8.mphr-left-col .status-info {
    width: calc(55% - 136px);
  }
  .col-lg-8.mphr-left-col .person-info {
    width: calc(42% - 136px);
  }
  .col-lg-8.mphr-left-col .col-xs-2.absent-time {
    width: 120px;
  }
  .col-lg-8.mphr-left-col .document-number {
    width: 110px;
  }
  .col-lg-4.mphr-right-col {
    width: 37%;
  }
  .padding-box {
    padding: 10px;
  }
  .padding-left-box {
    padding-left: 25px;
  }
  .container-main {
    padding-left: 1vw;
    padding-right: 1vw;
  }
  .mpw-left-col {
    margin-top: 5px;
    width: 58%;
    min-height: 80vh;
  }
  .mpw-left-col .status-info {
    width: calc(60% - 84px);
  }
  .mpw-left-col .person-info {
    width: calc(50% - 84px);
  }
  .mpw-left-col .col-xs-2.absent-time {
    width: 120px;
  }
  .mpw-left-col .document-number {
    width: calc(40% - 84px);
  }
  .mpw-left-col #delegations .person-info {
    width: calc(50% - 84px);
  }
  .mpw-left-col #delegations .col-xs-2.absent-time {
    width: 120px;
  }
  .mpw-left-col #delegations .document-number {
    width: calc(38% - 84px);
  }
  .mpw-left-col #accept-tab .status-info {
    width: 300px;
  }
  .mpw-left-col #accept-tab .person-info {
    width: calc(100% - 595px);
  }
  .mpw-left-col #accept-tab .absent-time {
    width: 120px;
  }
  .mpw-left-col #accept-tab .document-number {
    width: 120px;
  }
  .mpw-right-col {
    width: 42%;
  }
  .mpw-box {
    width: 42%;
    float: right;
    padding-left: 25px;
    padding-right: 15px;
    margin-top: 5px;
  }
  .category-box .absent-person {
    margin-bottom: 15px;
  }
  #showUrlBtn {
    margin-left: 25% !important;
    margin-top: 10px;
  }
  #showDelBtn {
    margin-top: 10px;
  }
  .main-one-box .circle-module-leave,
  .main-one-box .circle-module-delegation {
    margin-left: 75px;
    margin-right: 15px;
  }
  .main-one-box .add-text {
    padding: 20px 20px 15px;
  }
  .mpw-right-col #AbsenceListSection .absent-person {
    width: 50%;
  }
  .mphr-right-col #AbsenceListSection .absent-person {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (min-width: 1401px) and (max-width: 1600px) {
  .col-lg-8.mphr-left-col {
    width: 70%;
  }
  .col-lg-8.mphr-left-col .status-info {
    width: 36%;
  }
  .col-lg-8.mphr-left-col .col-xs-2.absent-time {
    width: 20%;
  }
  .col-lg-8.mphr-left-col .col-xs-3.person-info {
    width: 20%;
  }
  .col-lg-8.mphr-left-col .document-number {
    width: calc(21% - 42px);
  }
  .col-lg-4.mphr-right-col {
    width: 30%;
  }
  .padding-box {
    padding: 10px;
  }
  .mpw-left-col {
    margin-top: 5px;
    width: 56%;
    min-height: 80vh;
  }
  .mpw-left-col .status-info {
    width: calc(60% - 84px);
  }
  .mpw-left-col .person-info {
    width: calc(55% - 84px);
  }
  .mpw-left-col .col-xs-2.absent-time {
    width: 120px;
  }
  .mpw-left-col .document-number {
    width: calc(40% - 84px);
  }
  .mpw-left-col #delegations .person-info {
    width: calc(50% - 84px);
  }
  .mpw-left-col #delegations .col-xs-2.absent-time {
    width: 120px;
  }
  .mpw-left-col #delegations .document-number {
    width: calc(40% - 84px);
  }
  .mpw-left-col #accept-tab .status-info {
    display: none;
  }
  .mpw-left-col #accept-tab .person-info {
    width: calc(100% - 400px);
  }
  .mpw-left-col #accept-tab .absent-time {
    width: 200px;
  }
  .mpw-left-col #accept-tab .document-number {
    width: 120px;
  }
  .mpw-right-col {
    width: 44%;
  }
  .mpw-box {
    width: 44%;
    float: right;
    padding-left: 25px;
    padding-right: 15px;
    margin-top: 5px;
  }
  .category-box .absent-person {
    margin-bottom: 15px;
  }
  #showUrlBtn {
    margin-left: 25% !important;
    margin-top: 10px;
  }
  #showDelBtn {
    margin-top: 10px;
  }
  /*
  .main-first-box {
    width: 100%;
    margin-bottom: 0;
    & > .main-leave-box, & > .main-delegation-box {
      border: 1px solid #dddde4;
      border-bottom: none;
      box-shadow: none;
      border-top-left-radius: 3px;
      border-top-right-radius: 3px;
      border-bottom-left-radius:  0;
    }
  }

  .main-second-box {
    width: 100%;
    margin-top: 0;
    & > .main-leave-box, & > .main-delegation-box {
      border: 1px solid #dddde4;
      border-top: 1px solid #ebebed;
      box-shadow: none;
      border-bottom-left-radius: 3px;
      border-bottom-right-radius: 3px;
      border-top-right-radius:  0;
    }
  }
*/
  .main-one-box .circle-module-leave,
  .main-one-box .circle-module-delegation {
    margin-left: 30px;
    margin-right: 15px;
  }
  .main-one-box .add-text {
    padding: 20px 20px 15px;
  }
  .mpw-right-col #AbsenceListSection .absent-person {
    width: 50%;
    padding-left: 10px;
    padding-right: 10px;
  }
  .category-box .header-box-tab #category-tab > li > a > div {
    padding-left: 30px;
    padding-right: 30px;
    padding: 2px 30px 9px;
  }
}
@media only screen and (max-width: 1400px) {
  .padding-left-box {
    padding-left: 15px;
  }
  .container-main {
    padding-left: 0.2vw;
    padding-right: 0.2vw;
  }
  .category-box .header-box-tab #category-tab > li > a > div {
    padding: 2px 30px 9px;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1400px) {
  .col-lg-8.mphr-left-col {
    width: 72%;
  }
  .col-lg-8.mphr-left-col .status-info {
    width: calc(55% - 136px);
  }
  .col-lg-8.mphr-left-col .col-xs-3.person-info {
    width: calc(40% - 136px);
  }
  .col-lg-8.mphr-left-col .col-xs-2.absent-time {
    width: 120px;
  }
  .col-lg-8.mphr-left-col .document-number {
    width: 110px;
  }
  .col-lg-4.mphr-right-col {
    width: 28%;
  }
  .padding-box {
    padding: 10px;
  }
  .list-doc-main {
    padding: 8px 20px 20px;
  }
  .mpw-left-col {
    width: 57%;
    margin-top: 5px;
    min-height: 80vh;
  }
  .mpw-left-col .status-info {
    width: calc(63% - 84px);
  }
  .mpw-left-col .person-info {
    width: calc(50% - 84px);
  }
  .mpw-left-col .col-xs-2.absent-time {
    width: 120px;
  }
  .mpw-left-col .document-number {
    width: calc(35% - 84px);
  }
  .mpw-left-col #delegations .person-info {
    width: calc(100% - 400px);
  }
  .mpw-left-col #delegations .absent-time {
    width: 200px;
  }
  .mpw-left-col #delegations .document-number {
    width: 120px;
  }
  .mpw-left-col #accept-tab .status-info {
    display: none;
  }
  .mpw-left-col #accept-tab .person-info {
    width: calc(100% - 400px);
  }
  .mpw-left-col #accept-tab .absent-time {
    width: 200px;
  }
  .mpw-left-col #accept-tab .document-number {
    width: 120px;
  }
  .mpw-right-col {
    width: 43%;
  }
  .mpw-box {
    width: 43%;
    float: right;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    margin-top: 5px;
  }
  #showUrlBtn {
    margin-left: 25% !important;
    margin-top: 10px;
  }
  #showDelBtn {
    margin-top: 10px;
  }
  .circle-module-leave,
  .circle-module-delegation {
    margin-bottom: 0;
  }
  .add-text {
    padding: 30px 20px 35px;
  }
  .main-one-box .circle-module-leave,
  .main-one-box .circle-module-delegation {
    margin-left: 25px;
  }
  .main-one-box .add-text {
    padding: 20px 20px 15px;
  }
  .mpw-right-col #AbsenceListSection .absent-person {
    width: 50%;
    padding-left: 5px;
    padding-right: 5px;
  }
  .workTimeHour,
  .workedTime {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1080px) and (max-width: 1280px) {
  .col-lg-8.mphr-left-col {
    padding-right: 15px;
    width: 100%;
  }
  .col-lg-8.mphr-left-col .status-info {
    width: calc(45% - 81px);
  }
  .col-lg-8.mphr-left-col .col-xs-3.person-info {
    width: calc(35% - 81px);
  }
  .col-lg-8.mphr-left-col .col-xs-2.absent-time {
    width: 120px;
  }
  .col-lg-8.mphr-left-col .document-number {
    width: 15%;
  }
  .col-lg-4.mphr-right-col {
    width: 100%;
  }
  .col-lg-4.mphr-right-col .absent-person {
    width: 33%;
  }
  .padding-box {
    padding: 10px;
  }
  .list-doc-main {
    padding: 8px 25px 20px;
    margin-right: 15px;
    width: calc(100% - 30px);
    margin-top: 0;
  }
  #HolidayLimitUsage {
    width: calc(100% - 30px);
  }
  .mpw-left-col {
    width: 100%;
    padding-right: 0;
    margin-top: 5px;
  }
  .mpw-left-col .status-info {
    width: calc(55% - 84px);
  }
  .mpw-left-col .person-info {
    width: calc(50% - 84px);
  }
  .mpw-left-col .col-xs-2.absent-time {
    width: 120px;
  }
  .mpw-left-col .document-number {
    width: calc(40% - 84px);
  }
  .mpw-left-col #delegations .person-info {
    width: calc(40% - 84px);
  }
  .mpw-left-col #delegations .col-xs-2.absent-time {
    width: 120px;
  }
  .mpw-left-col #delegations .document-number {
    width: calc(40% - 84px);
  }
  .mpw-left-col #accept-tab .status-info {
    width: 300px;
  }
  .mpw-left-col #accept-tab .person-info {
    width: calc(100% - 595px);
  }
  .mpw-left-col #accept-tab .absent-time {
    width: 120px;
  }
  .mpw-left-col #accept-tab .document-number {
    width: 120px;
  }
  .mpw-right-col {
    width: 100%;
  }
  .mpw-right-col .absent-person {
    width: 33%;
  }
  .mpw-box {
    width: 100%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    margin-top: 5px;
  }
  .only-mobile-main {
    display: inline-block;
    width: calc(100% - 30px);
    margin-bottom: 0;
    margin-top: 5px;
  }
  .mobile-main {
    display: none;
  }
  .main-one-box .circle-module-leave,
  .main-one-box .circle-module-delegation {
    margin-left: 160px;
  }
  .main-one-box .add-text {
    padding: 20px 20px 15px;
  }
  .tc {
    width: calc(45% - 15px);
    margin-left: 15px;
  }
  .tc .fbox-row.main-leave-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .tc .circle-module-leave {
    margin-left: auto;
    margin-right: auto;
  }
  .tc .main-one-box {
    margin-bottom: 0;
  }
  .main-registration-box.tc {
    padding-right: 0;
    position: relative;
    top: 0;
    float: left;
    min-height: 276px;
    width: calc(55%);
    padding-right: 15px;
  }
  .main-one-box.main-registration-box {
    margin-bottom: 0;
  }
  .main-one-box.main-registration-box.tc {
    margin-left: 0;
    margin-top: 10px;
    margin-bottom: 15px;
  }
  #HolidayLimitUsage {
    margin-top: 15px !important;
  }
  .main-one-box {
    margin-bottom: 10px;
  }
  .main-first-box,
  .main-second-box {
    margin-bottom: 10px;
  }
  .workTimeHour,
  .workedTime {
    font-size: 13px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1080px) {
  .col-lg-8.mphr-left-col {
    padding-right: 15px;
    width: 100%;
  }
  .col-lg-8.mphr-left-col .status-info {
    width: calc(48% - 81px);
  }
  .col-lg-8.mphr-left-col .col-xs-3.person-info {
    width: calc(35% - 81px);
  }
  .col-lg-8.mphr-left-col .col-xs-2.absent-time {
    width: 120px;
  }
  .col-lg-8.mphr-left-col .document-number {
    width: 15%;
  }
  .col-lg-8.mphr-left-col .document-hr {
    width: 100%;
  }
  .col-lg-4.mphr-right-col {
    width: 100%;
  }
  .col-lg-4.mphr-right-col .absent-person {
    width: 50%;
  }
  .padding-box {
    padding: 15px;
  }
  .list-doc-main {
    padding: 8px 15px 20px;
    width: calc(100% - 30px);
    margin-top: 0;
  }
  .info-border {
    border: none;
  }
  #HolidayLimitUsage {
    width: calc(100% - 30px);
  }
  .mpw-left-col {
    margin-top: 5px;
    width: 100%;
    padding-right: 0;
  }
  .mpw-left-col .status-info {
    width: calc(55% - 84px);
  }
  .mpw-left-col .person-info {
    width: calc(50% - 84px);
  }
  .mpw-left-col .col-xs-2.absent-time {
    width: 120px;
  }
  .mpw-left-col .document-number {
    width: calc(40% - 84px);
  }
  .mpw-left-col #delegations .person-info {
    width: calc(40% - 84px);
  }
  .mpw-left-col #delegations .col-xs-2.absent-time {
    width: 120px;
  }
  .mpw-left-col #delegations .document-number {
    width: calc(40% - 84px);
  }
  .mpw-left-col #accept-tab .status-info {
    width: 300px;
  }
  .mpw-left-col #accept-tab .person-info {
    width: calc(100% - 595px);
  }
  .mpw-left-col #accept-tab .absent-time {
    width: 120px;
  }
  .mpw-left-col #accept-tab .document-number {
    width: 120px;
  }
  .mpw-right-col {
    width: 100%;
  }
  .mpw-right-col .absent-person {
    width: 33%;
  }
  .mpw-box {
    width: 100%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    margin-top: 5px;
  }
  .only-mobile-main {
    display: inline-block;
    width: calc(100% - 30px);
    margin-top: 5px;
    margin-bottom: 0;
  }
  .mobile-main {
    display: none;
  }
  .main-one-box .circle-module-leave,
  .main-one-box .circle-module-delegation {
    margin-left: 120px;
  }
  .main-one-box .add-text {
    padding: 20px 20px 15px;
  }
  .tc {
    width: calc(45%);
    margin-bottom: 10px;
    margin-left: 15px;
  }
  .tc .fbox-row.main-leave-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .tc .circle-module-leave {
    margin-left: auto;
    margin-right: auto;
  }
  .main-registration-box.tc {
    padding-right: 0;
    position: relative;
    top: 5px;
    float: left;
    min-height: 276px;
    width: calc(55% - 15px);
    padding-right: 15px;
  }
  .main-one-box.main-registration-box {
    margin-bottom: 0;
  }
  .main-one-box.main-registration-box.tc {
    margin-left: 0;
    margin-top: 5px;
  }
  .box-second {
    margin-bottom: 10px;
  }
  #HolidayLimitUsage {
    margin-top: 15px !important;
  }
  .main-one-box {
    margin-bottom: 10px;
  }
  .main-first-box,
  .main-second-box {
    margin-bottom: 10px;
  }
  .workTimeHour,
  .workedTime {
    font-size: 13px;
  }
  .main-registration-box.tc {
    padding: 10px;
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 880px) and (max-width: 991px) {
  .col-lg-8.mphr-left-col {
    padding-right: 15px;
    width: 100%;
  }
  .col-lg-8.mphr-left-col .status-info {
    width: calc(48% - 81px);
  }
  .col-lg-8.mphr-left-col .col-xs-3.person-info {
    width: calc(35% - 81px);
  }
  .col-lg-8.mphr-left-col .col-xs-2.absent-time {
    width: 120px;
  }
  .col-lg-8.mphr-left-col .document-number {
    width: 15%;
  }
  .col-lg-4.mphr-right-col {
    width: 100%;
  }
  .col-lg-4.mphr-right-col .absent-person {
    width: 50%;
  }
  .padding-box {
    padding: 20px;
  }
  .list-doc-main {
    padding: 8px 15px 20px;
    margin-top: 0;
  }
  .info-border {
    border: none;
  }
  .mpw-left-col {
    margin-top: 5px;
    width: calc(100% - 15px);
  }
  .mpw-left-col .status-info {
    width: calc(55% - 84px);
  }
  .mpw-left-col .person-info {
    width: calc(50% - 84px);
  }
  .mpw-left-col .col-xs-2.absent-time {
    width: 120px;
  }
  .mpw-left-col .document-number {
    width: calc(40% - 84px);
  }
  .mpw-left-col #delegations .person-info {
    width: calc(40% - 84px);
  }
  .mpw-left-col #delegations .col-xs-2.absent-time {
    width: 120px;
  }
  .mpw-left-col #delegations .document-number {
    width: calc(40% - 84px);
  }
  .mpw-left-col #accept-tab .status-info {
    width: 300px;
  }
  .mpw-left-col #accept-tab .person-info {
    width: calc(100% - 595px);
  }
  .mpw-left-col #accept-tab .absent-time {
    width: 120px;
  }
  .mpw-left-col #accept-tab .document-number {
    width: 120px;
  }
  .mpw-right-col {
    width: 100%;
  }
  .mpw-right-col .absent-person {
    width: 33%;
  }
  .mpw-box {
    width: 100%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    margin-top: 5px;
  }
  .only-mobile-main {
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 0;
  }
  .mobile-main {
    display: none;
  }
  .main-one-box .circle-module-leave,
  .main-one-box .circle-module-delegation {
    margin-left: 160px;
  }
  .main-one-box .add-text {
    padding: 20px 20px 15px;
  }
  .main-registration-box {
    margin-top: 20px;
  }
  .main-one-box.main-registration-box {
    margin-top: 10px;
    margin-bottom: 0px;
  }
  .box-second {
    margin-bottom: 10px;
  }
  #HolidayLimitUsage {
    margin-top: 15px !important;
  }
  .main-one-box {
    margin-bottom: 0;
  }
  .main-first-box,
  .main-second-box {
    margin-bottom: 10px;
  }
  .main-one-box .main-leave-box {
    margin-bottom: 10px;
  }
  .main-registration-box {
    padding: 10px;
  }
}
@media only screen and (min-width: 700px) and (max-width: 880px) {
  .col-lg-8.mphr-left-col {
    padding-right: 15px;
    width: 100%;
  }
  .col-lg-8.mphr-left-col .status-info {
    width: calc(58% - 81px);
  }
  .col-lg-8.mphr-left-col .col-xs-3.person-info {
    width: calc(38% - 81px);
  }
  .col-lg-8.mphr-left-col .col-xs-2.absent-time {
    width: 120px;
  }
  .col-lg-8.mphr-left-col .document-number {
    width: 100%;
  }
  .col-lg-4.mphr-right-col {
    width: 100%;
  }
  .col-lg-4.mphr-right-col .absent-person {
    width: 50%;
  }
  .padding-box {
    padding: 20px;
  }
  .list-doc-main {
    padding: 8px 15px 20px;
    margin-top: 0;
  }
  .info-border {
    border: none;
  }
  .mpw-left-col {
    margin-top: 5px;
    width: calc(100% - 15px);
  }
  .mpw-left-col .status-info {
    width: calc(55% - 84px);
  }
  .mpw-left-col .person-info {
    width: calc(50% - 84px);
  }
  .mpw-left-col .col-xs-2.absent-time {
    width: 120px;
  }
  .mpw-left-col .document-number {
    width: calc(40% - 84px);
  }
  .mpw-left-col #delegations .person-info {
    width: calc(40% - 84px);
  }
  .mpw-left-col #delegations .col-xs-2.absent-time {
    width: 120px;
  }
  .mpw-left-col #delegations .document-number {
    width: calc(40% - 84px);
  }
  .mpw-left-col #accept-tab .status-info {
    display: none;
  }
  .mpw-left-col #accept-tab .person-info {
    width: calc(100% - 400px);
  }
  .mpw-left-col #accept-tab .absent-time {
    width: 200px;
  }
  .mpw-left-col #accept-tab .document-number {
    width: 120px;
  }
  .mpw-right-col {
    width: 100%;
  }
  .mpw-right-col .absent-person {
    width: 50%;
  }
  .mpw-box {
    width: 100%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    margin-top: 5px;
  }
  .only-mobile-main {
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 0;
  }
  .mobile-main {
    display: none;
  }
  .main-one-box .circle-module-leave,
  .main-one-box .circle-module-delegation {
    margin-left: 120px;
  }
  .main-one-box .add-text {
    padding: 20px 20px 15px;
  }
  .main-registration-box {
    margin-top: 20px;
  }
  .main-one-box.main-registration-box {
    margin-top: 10px;
    margin-bottom: 0px;
  }
  .box-second {
    margin-bottom: 10px;
  }
  #HolidayLimitUsage {
    margin-top: 15px !important;
  }
  .main-one-box {
    margin-bottom: 0;
  }
  .main-first-box,
  .main-second-box {
    margin-bottom: 10px;
  }
  .main-one-box .main-leave-box {
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 640px) and (max-width: 700px) {
  .col-lg-8.mphr-left-col {
    padding-right: 15px;
    width: 100%;
  }
  .col-lg-8.mphr-left-col .status-info {
    width: calc(55% - 20px);
  }
  .col-lg-8.mphr-left-col .col-xs-3.person-info {
    width: calc(40% - 20px);
  }
  .col-lg-8.mphr-left-col .col-xs-2.absent-time {
    width: 50%;
  }
  .col-lg-8.mphr-left-col .document-number {
    width: 40%;
  }
  .col-lg-4.mphr-right-col {
    width: 100%;
  }
  .col-lg-4.mphr-right-col .absent-person {
    width: 50%;
  }
  .padding-box {
    padding: 20px;
  }
  .list-doc-main {
    padding: 8px 15px 20px;
    margin-top: 0;
  }
  .show-icon {
    display: block !important;
    text-align: right;
    right: 10px;
    top: -8px;
    position: relative;
    color: #01a46a;
  }
  .info-border {
    border: none;
  }
  .mpw-left-col {
    margin-top: 5px;
    width: calc(100% - 15px);
  }
  .mpw-left-col .status-info {
    width: calc(100% - 170px);
  }
  .mpw-left-col .col-xs-2.absent-time {
    width: 50%;
  }
  .mpw-left-col .document-number {
    width: 40%;
  }
  .mpw-left-col #delegations .person-info {
    width: calc(100% - 170px);
  }
  .mpw-left-col #delegations .absent-time {
    width: 50%;
  }
  .mpw-left-col #delegations .document-number {
    width: 40%;
  }
  .mpw-left-col #accept-tab .status-info {
    display: none;
  }
  .mpw-left-col #accept-tab .person-info {
    width: calc(100% - 400px);
  }
  .mpw-left-col #accept-tab .absent-time {
    width: 200px;
  }
  .mpw-left-col #accept-tab .document-number {
    width: 120px;
  }
  .mpw-left-col #accept-tab .show-icon {
    right: -15px;
    top: 10px;
  }
  .mpw-right-col {
    width: 100%;
  }
  .mpw-right-col .absent-person {
    width: 50%;
  }
  .mpw-box {
    width: 100%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    margin-top: 5px;
  }
  .only-mobile-main {
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 0;
  }
  .mobile-main {
    display: none;
  }
  .main-one-box .circle-module-leave,
  .main-one-box .circle-module-delegation {
    margin-left: 100px;
  }
  .main-one-box .add-text {
    padding: 20px 20px 15px;
  }
  .main-registration-box {
    margin-top: 20px;
  }
  .main-one-box.main-registration-box {
    margin-top: 10px;
    margin-bottom: 0px;
  }
  .box-second {
    margin-bottom: 10px;
  }
  #HolidayLimitUsage {
    margin-top: 15px !important;
  }
  .main-one-box {
    margin-bottom: 0;
  }
  .main-first-box,
  .main-second-box {
    margin-bottom: 10px;
  }
  .main-one-box .main-leave-box {
    margin-bottom: 10px;
  }
  .harmonogram-content__month > .plan-row > .plan-element {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 0 105px !important;
    flex: 1 0 105px !important;
  }
}
@media only screen and (max-width: 640px) {
  .col-lg-8.mphr-left-col {
    padding-right: 15px;
    width: 100%;
  }
  .col-lg-8.mphr-left-col .status-info {
    width: calc(100% - 46px);
    margin-top: 5px;
  }
  .col-lg-8.mphr-left-col .col-xs-3.person-info {
    width: 32%;
  }
  .col-lg-8.mphr-left-col .col-xs-2.absent-time {
    width: 35%;
  }
  .col-lg-8.mphr-left-col .document-number {
    width: 25%;
    position: relative;
    right: 5px;
  }
  .col-lg-4.mphr-right-col {
    width: 100%;
  }
  .col-lg-4.mphr-right-col .absent-person {
    width: 50%;
  }
  .padding-box {
    padding: 20px;
  }
  .list-doc-main {
    padding: 8px 0 10px;
    margin-top: 0;
  }
  .list-doc-main > .header-box-tab {
    padding-left: 15px;
  }
  .show-icon {
    display: block !important;
    text-align: right;
    right: -10px;
    top: 10px;
    position: relative;
    color: #01a46a;
  }
  .absent-box > a:hover {
    border-bottom: 1px solid #01a46a;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.06);
  }
  .absent-box > a:hover .show-text {
    display: none !important;
    -webkit-transition-duration: none;
    -o-transition-duration: none;
    transition-duration: none;
  }
  .absent-box > a:hover .document-number > span:first-child {
    display: table-cell;
  }
  .absent-person.col-xs-12 {
    width: 100% !important;
  }
  .info-border {
    border: none;
  }
  .mpw-left-col {
    margin-top: 5px;
    width: calc(100% - 15px);
  }
  .mpw-left-col #accept-tab .status-info {
    display: none;
  }
  .mpw-right-col {
    width: 100%;
  }
  .mpw-box {
    width: 100%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    margin-top: 5px;
  }
  #showUrlBtn {
    margin-left: 25% !important;
    margin-top: 10px;
  }
  #showDelBtn {
    margin-top: 10px;
  }
  .only-mobile-main {
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 0;
  }
  .mobile-main {
    display: none;
  }
  .circle-module-leave,
  .circle-module-delegation {
    margin-bottom: 0;
  }
  .add-text {
    padding: 30px 20px 35px;
  }
  .main-one-box > .fbox-row.main-leave-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .main-registration-box {
    margin-top: 20px;
  }
  .main-one-box.main-registration-box {
    margin-top: 10px;
    margin-bottom: 0px;
  }
  .box-second {
    margin-bottom: 10px;
  }
  #HolidayLimitUsage {
    margin-top: 15px !important;
  }
  .main-one-box {
    margin-bottom: 0;
  }
  .main-first-box,
  .main-second-box {
    margin-bottom: 10px;
  }
  .main-one-box .main-leave-box {
    margin-bottom: 10px;
  }
  .workedTime,
  .workTimeHour {
    font-size: 12px;
  }
  .absent-person.alert {
    padding-right: 15px;
    margin-left: 0 !important;
  }
  .number-day__month {
    padding: 12px 0 0 18px;
  }
  .plan-content__month > .plan-row > .plan-element {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 0 60px !important;
    flex: 1 0 60px !important;
  }
  .harmonogram-content__month > .plan-row > .plan-element {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 0 105px !important;
    flex: 1 0 105px !important;
  }
  .add-plan__month button {
    top: -40px;
  }
  .change-leave {
    width: 40px !important;
  }
  .main-one-box .change-leave {
    width: 60px !important;
  }
  .next-leave > i {
    padding-right: 0 !important;
  }
  .prev-leave > i {
    padding-left: 0 !important;
  }
  .registration-time__add > .bootstrap-select {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 200px;
    flex: 1 1 200px;
  }
}
/*=================================
CENNIK
===================================*/
#inputWorkers {
  height: 60px !important;
  z-index: 1910;
}
.form-workers {
  position: relative;
  top: -25px;
}
.price {
  position: relative;
  top: -10px;
}
@media (max-width: 991.98px) {
  .price {
    top: 0;
  }
}
.price__header {
  font-size: 22px;
  color: #0f7aec;
}
@media (max-width: 991.98px) {
  .price__header div {
    margin-bottom: 10px;
    margin-top: 30px;
  }
}
@media (max-width: 575.98px) {
  .price__header div {
    margin-top: 50px;
  }
}
.price__header input {
  width: 160px;
  text-align: center;
  border-radius: 40px;
  font-size: 30px;
  font-weight: 700;
  border: 2px solid #0f7aec;
  color: #02376d;
}
.price__header input:focus {
  border: 2px solid #429af7;
  color: #02376d;
}
.price__header input:hover {
  border: 2px solid #429af7;
  color: #02376d;
}
.price__module-leave {
  background-color: #b4dff7;
  border-radius: 15px;
  min-height: 120px;
  -webkit-box-shadow: 0 10px 60px 0 rgba(81, 101, 148, 0.15);
  box-shadow: 0 10px 60px 0 rgba(81, 101, 148, 0.15);
}
.price__module-leave--title {
  font-size: 20px;
  font-weight: 700;
  color: #272e5d;
  position: relative;
  top: -8px;
  left: 90px;
}
.price__module-leave--title > div {
  font-weight: 300;
  color: #68b3dc;
  line-height: 14px;
}
.price__module-leave--tag {
  position: absolute;
  right: 20px;
  top: 20px;
  font-size: 10px;
  font-weight: 400;
  padding: 2px 8px;
  border-radius: 10px;
  background-color: #156b97;
  color: #fff;
}
.price__icon--check {
  color: #00a700;
  font-size: 32px;
}
.price__icon--leave {
  position: relative;
  top: 34px;
  left: 25px;
}
.price__plus {
  top: -20px;
  height: 90px;
}
.price__plus > img {
  width: 90px;
  height: 90px;
}
@media (min-width: 1200px) {
  .md-text-right {
    text-align: right;
  }
  .price__module-delegation {
    padding-left: 0 !important;
    padding-right: 22px;
  }
}
@media (min-width: 576px) and (max-width: 1199px) {
  .price__module-delegation {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-top: 28px;
  }
}
@media (max-width: 575.98px) {
  .price__module-delegation {
    padding-left: 14px !important;
    padding-right: 14px !important;
    margin-top: 28px;
  }
}
@media (min-width: 1200px) {
  .price__module-worktime {
    padding-left: 22px;
    padding-right: 0 !important;
  }
}
@media (min-width: 576px) and (max-width: 1199px) {
  .price__module-worktime {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-top: 14px;
    margin-bottom: 7px;
  }
}
@media (max-width: 575.98px) {
  .price__module-worktime {
    padding-left: 14px !important;
    padding-right: 14px !important;
    margin-top: 14px;
    margin-bottom: 7px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .price__module-base {
    margin-bottom: 21px;
  }
}
@media (max-width: 575.98px) {
  .price__module-base {
    padding-left: 14px !important;
    padding-right: 14px !important;
    margin-bottom: 21px;
  }
}
.price__module--title {
  font-size: 20px;
  font-weight: 700;
  color: #272e5d;
  position: relative;
  top: 20px;
  left: 20px;
}
.price__module--title > div {
  font-weight: 300;
  color: #b1c9fb;
  line-height: 14px;
}
.price__module--tag {
  position: absolute;
  right: 20px;
  top: 20px;
  font-size: 10px;
  font-weight: 400;
  padding: 2px 5px;
  border-radius: 10px;
  color: #a8bcef;
}
.price__title {
  font-size: 18px;
  font-weight: 300;
  position: relative;
}
.price .radioGroup [type="radio"] + label::after,
.price .radioGroup [type="radio"]:not(:checked) + label::after {
  background: #fff !important;
}
.radioGroup {
  display: block;
  position: relative;
  z-index: 1950;
}
@media (max-width: 575.98px) {
  .radioGroup {
    top: 0;
  }
}
.radioGroup input[type="radio"] {
  opacity: 0;
  position: absolute;
}
.radioGroup label {
  font-size: 18px;
  cursor: pointer;
}
.radioGroup label:hover .checkR {
  border: 1px solid #0f7aec;
}
.radioGroup .checkR {
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 40px;
  border: 1px solid #97b5ff;
  margin-right: 18px;
  cursor: pointer;
  -webkit-transition: all 200ms ease-in;
  -o-transition: all 200ms ease-in;
  transition: all 200ms ease-in;
}
.radioGroup .checkR:hover {
  border: 1px solid #0f7aec;
}
.radioGroup .inside {
  opacity: 0;
  width: 12px;
  height: 12px;
  border-radius: 20px;
  background-color: #0f7aec;
}
.radioGroup input:checked ~ label .inside {
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 1;
}
.radioGroup input {
  width: 32px;
  height: 32px;
  order: 1;
  z-index: 2;
  position: absolute;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
  visibility: hidden;
}
.inputGroup label {
  background-color: #fff;
  border: 1px solid #cae3fd;
  border-radius: 15px;
  padding: 12px 30px;
  width: 100%;
  display: block;
  text-align: left;
  color: #3c454c;
  cursor: pointer;
  position: relative;
  z-index: 2;
  overflow: hidden;
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  height: 150px;
}
.inputGroup label:hover {
  border: 1px solid #0f7aec;
}
.inputGroup label:hover:after {
  color: #0f7aec;
}
.inputGroup label > img {
  opacity: 0.5;
  width: 45px;
  height: 45px;
  position: relative;
  left: 20px;
  top: 5px;
}
.inputGroup label:before {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  z-index: -1;
}
.inputGroup label:after {
  color: #c6d6ff;
  content: "\f055";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  font-size: 32px;
  z-index: 2;
  position: absolute;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
  -webkit-transition: all 200ms ease-in;
  -o-transition: all 200ms ease-in;
  transition: all 200ms ease-in;
}
.inputGroup input:checked ~ label {
  border: 1px solid #55c755;
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: none;
  -webkit-box-shadow: 0 4px 8px rgba(0, 36, 80, 0.1);
  box-shadow: 0 4px 8px rgba(0, 36, 80, 0.1);
}
.inputGroup input:checked ~ label > img {
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 1;
}
.inputGroup input:checked ~ label .price__module--tag {
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  color: #00a700;
}
.inputGroup input:checked ~ label:before {
  -webkit-transform: translate(-50%, -50%) scale3d(56, 56, 1);
  transform: translate(-50%, -50%) scale3d(56, 56, 1);
  opacity: 1;
}
.inputGroup input:checked ~ label:after {
  content: "\f058";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  font-size: 32px;
  color: #00a700;
}
.inputGroup input {
  width: 32px;
  height: 32px;
  order: 1;
  z-index: 2;
  position: absolute;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
  visibility: hidden;
}
.summary {
  border: 2px solid #cae3fd;
  border-radius: 4px;
}
@media (max-width: 575.98px) {
  .summary {
    position: relative;
    top: 50px;
  }
}
.summary__title {
  font-weight: 700;
  font-size: 17px;
  color: #282d5e;
}
.summary__price--user {
  font-weight: 700;
  color: #00a700;
  font-size: 18px;
}
.summary__price--m {
  font-size: 17px;
}
.summary__price--a {
  font-size: 18px;
  font-weight: 700;
  color: #0f7aec;
  border-bottom: 1px solid #0f7aec;
}
.summary__price--b {
  font-weight: 700;
  display: inline-block;
  font-size: 30px;
}
.summary__contact {
  font-size: 17px;
}
.summary__workers {
  font-size: 20px;
}
.main_box_cennik {
  display: block;
  float: left;
  padding-left: 45px;
  padding-right: 30px;
  line-height: 150%;
  margin-bottom: 35px;
  text-align: left;
  font-size: 1.14px;
}
.main_box_cennik::after {
  color: #437bff;
  content: "\f111";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  z-index: 2;
  position: absolute;
  left: 10px;
  top: 0;
}
.main_box_header {
  color: #02376d;
}
.header_box {
  font-size: 17px;
  padding-bottom: 15px;
  line-height: 150%;
  color: #0f7aec;
  font-weight: 700;
}
.price-info {
  position: relative;
  top: 0px;
}
@media (max-width: 575.98px) {
  .price-info {
    top: 100px;
  }
}
.price-info .container > .row {
  margin-left: 14px;
}
.modules__leave-graphic {
  width: 100%;
  max-width: 481px;
  height: auto;
  position: absolute;
  right: 0;
  top: 0;
  border-top-right-radius: 15px;
}
.modules__module-plus {
  position: relative;
  z-index: 1910;
}
.d-flex {
  display: flex !important;
}
@media (max-width: 480px) {
    .mob-flex-column {
        display: flex;
        flex-direction: column;
    }
}
.d-inline-block {
  display: inline-block !important;
}
.d-none {
  display: none !important;
}
.d-block {
  display: block !important;
}
.flex-row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}
.flex-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}
.align-items-end {
    align-items: flex-end;
}
.w-100 {
    width: 100%;
}
.p-0 {
  padding: 0 !important;
}
.m-auto {
  margin: auto !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mb-3 {
  margin-bottom: 14px !important;
}
.ml-2 {
  margin-left: 7px !important;
}
.mr-2 {
    margin-right: 7px !important;
}
.pr-3 {
  padding-right: 14px !important;
}
.ml-3 {
  margin-right: 14px !important;
}
.mr-3 {
  margin-left: 14px !important;
}
.mt-2 {
  margin-top: 7px !important;
}
.mt-3 {
  margin-top: 14px !important;
}
.pt-3 {
  padding-top: 14px !important;
}
.pt-4 {
  padding-top: 21px !important;
}
.mt-4 {
  margin-top: 21px !important;
}
.mt-5 {
  margin-top: 40px !important;
}
.mb-4 {
  margin-bottom: 21px !important;
}
.mb-5 {
  margin-bottom: 40px !important;
}
.mb-2 {
  margin-bottom: 7px !important;
}
.p-2 {
  padding: 7px !important;
}
.justify-content-center {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}
.justify-content-start {
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: start !important;
}
.justify-content-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: end !important;
}
.justify-content-between {
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}
.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}
.align-items-center {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}
@media (min-width: 576px) {
  .flex-sm-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
}
@media (min-width: 1200px) {
  .flex-lg-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
}
@media (min-width: 992px) {
  .d-lg-inline {
    display: inline !important;
  }
}
.panel-information {
  padding: 35px !important;
  font-size: 16px;
  line-height: 24px;
}
@media (min-width: 1200px) {
  .panel-information {
    padding: 50px !important;
  }
}
.panel-information__content {
  max-width: 1200px;
}
.panel-information__header {
  margin-top: 50px;
}
.change__dk--more {
  position: absolute;
  right: 30px;
}
.change__wo--more {
  position: absolute;
  right: 30px;
  z-index: 100;
}
@media only screen and (max-width: 1280px) {
  .change__dk {
    margin-bottom: 15px !important;
  }
}
@media only screen and (max-width: 600px) {
  .change__dk,
  .change__wo {
    min-height: 90px !important;
  }
  .change__dk--more,
  .change__wo--more {
    position: absolute;
    right: 30px;
    bottom: 10px;
  }
}
@media only screen and (min-width: 1361px) and (max-width: 1500px) {
  .change__wo > div {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: start !important;
    padding-left: 8%;
  }
}
@media only screen and (min-width: 1281px) and (max-width: 1360px) {
  .change__wo > div {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: start !important;
    padding-left: 12px;
  }
  .change__wo--more {
    right: 18px;
  }
}
.schedule__infobox {
  position: relative;
}
.schedule__infobox > span {
  padding-left: 15px;
}
.schedule__infobox::after {
  content: "";
  background-color: yellow;
  position: absolute;
  left: 5px;
  top: 3px;
  width: 20px;
  height: 20px;
  border-radius: 4px;
}
.schedule__infotable {
  position: relative;
}
.schedule__infotable > center {
  padding-left: 15px;
}
.schedule__infotable::before {
  content: "";
  background-color: yellow;
  position: absolute;
  margin-left: -30px;
  margin-top: -2px;
  width: 20px;
  height: 20px;
  border-radius: 4px;
}
.schedule__yellow::after,
.schedule__yellow::before,
.schedule-plan__yellow {
  background-color: #fceeae;
}
.schedule__orange::after,
.schedule__orange::before,
.schedule-plan__orange {
  background-color: #f7d9b8;
}
.schedule__red::after,
.schedule__red::before,
.schedule-plan__red {
  background-color: #ffcabf;
}
.schedule__green::after,
.schedule__green::before,
.schedule-plan__green {
  background-color: #bdf1d4;
}
.schedule__blue::after,
.schedule__blue::before,
.schedule-plan__blue {
  background-color: #bfe1f6;
}
.schedule__violet::after,
.schedule__violet::before,
.schedule-plan__violet {
  background-color: #e1cdea;
}
.schedule__group .dropdown-menu > li > a:hover,
.schedule__group .dropdown-menu > .active > a:hover {
  background-color: none !important;
}
.dropup .dropdown-menu {
  margin-bottom: 0px;
}
.work-data .dropup .dropdown-menu {
  margin-bottom: -5px;
}
tr > .calendar:nth-child(n+27) .dropdown-menu, tr > .blue2:nth-child(n+27) .dropdown-menu {
    right: 0px;
    left: auto;
}
.plan-row > .plan-element:nth-last-child(-n+6) .dropdown-menu {
    right: 0px;
    left: auto;
}
.work-data .add-time {
    width: 40px;
    height: 40px;
    align-items: center;
    display: flex !important;
    justify-content: center;
}
.work-data .dropdown-menu {
    z-index: 1049 !important;
}
.drop--left .dropdown-menu {
    right: 0px;
    left: auto;
}
.half-a-million {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.half-a-million__confetti {
  position: absolute;
  width: 8px;
  height: 16px;
  background: #c9edc5;
  top: 200px;
  opacity: 0;
}
.half-a-million__confetti:nth-child(1) {
  left: 7%;
  -webkit-transform: rotate(-59deg);
  transform: rotate(-59deg);
  -webkit-animation: makeItRain 1500ms infinite ease-out;
  animation: makeItRain 1500ms infinite ease-out;
  -webkit-animation-delay: 426ms;
  animation-delay: 426ms;
  -webkit-animation-duration: 1488ms;
  animation-duration: 1488ms;
}
.half-a-million__confetti:nth-child(2) {
  left: 14%;
  -webkit-transform: rotate(59deg);
  transform: rotate(59deg);
  -webkit-animation: makeItRain 1500ms infinite ease-out;
  animation: makeItRain 1500ms infinite ease-out;
  -webkit-animation-delay: 326ms;
  animation-delay: 326ms;
  -webkit-animation-duration: 1613ms;
  animation-duration: 1613ms;
}
.half-a-million__confetti:nth-child(3) {
  left: 21%;
  -webkit-transform: rotate(27deg);
  transform: rotate(27deg);
  -webkit-animation: makeItRain 1500ms infinite ease-out;
  animation: makeItRain 1500ms infinite ease-out;
  -webkit-animation-delay: 328ms;
  animation-delay: 328ms;
  -webkit-animation-duration: 1366ms;
  animation-duration: 1366ms;
}
.half-a-million__confetti:nth-child(4) {
  left: 28%;
  -webkit-transform: rotate(77deg);
  transform: rotate(77deg);
  -webkit-animation: makeItRain 1500ms infinite ease-out;
  animation: makeItRain 1500ms infinite ease-out;
  -webkit-animation-delay: 289ms;
  animation-delay: 289ms;
  -webkit-animation-duration: 1071ms;
  animation-duration: 1071ms;
}
.half-a-million__confetti:nth-child(5) {
  left: 35%;
  -webkit-transform: rotate(-42deg);
  transform: rotate(-42deg);
  -webkit-animation: makeItRain 1500ms infinite ease-out;
  animation: makeItRain 1500ms infinite ease-out;
  -webkit-animation-delay: 258ms;
  animation-delay: 258ms;
  -webkit-animation-duration: 1316ms;
  animation-duration: 1316ms;
}
.half-a-million__confetti:nth-child(6) {
  left: 42%;
  -webkit-transform: rotate(-27deg);
  transform: rotate(-27deg);
  -webkit-animation: makeItRain 1500ms infinite ease-out;
  animation: makeItRain 1500ms infinite ease-out;
  -webkit-animation-delay: 36ms;
  animation-delay: 36ms;
  -webkit-animation-duration: 1782ms;
  animation-duration: 1782ms;
}
.half-a-million__confetti:nth-child(7) {
  left: 49%;
  -webkit-transform: rotate(-81deg);
  transform: rotate(-81deg);
  -webkit-animation: makeItRain 1500ms infinite ease-out;
  animation: makeItRain 1500ms infinite ease-out;
  -webkit-animation-delay: 5ms;
  animation-delay: 5ms;
  -webkit-animation-duration: 1415ms;
  animation-duration: 1415ms;
}
.half-a-million__confetti:nth-child(8) {
  left: 56%;
  -webkit-transform: rotate(-14deg);
  transform: rotate(-14deg);
  -webkit-animation: makeItRain 1500ms infinite ease-out;
  animation: makeItRain 1500ms infinite ease-out;
  -webkit-animation-delay: 328ms;
  animation-delay: 328ms;
  -webkit-animation-duration: 1212ms;
  animation-duration: 1212ms;
}
.half-a-million__confetti:nth-child(9) {
  left: 63%;
  -webkit-transform: rotate(-85deg);
  transform: rotate(-85deg);
  -webkit-animation: makeItRain 1500ms infinite ease-out;
  animation: makeItRain 1500ms infinite ease-out;
  -webkit-animation-delay: 294ms;
  animation-delay: 294ms;
  -webkit-animation-duration: 1691ms;
  animation-duration: 1691ms;
}
.half-a-million__confetti:nth-child(10) {
  left: 70%;
  -webkit-transform: rotate(-1deg);
  transform: rotate(-1deg);
  -webkit-animation: makeItRain 1500ms infinite ease-out;
  animation: makeItRain 1500ms infinite ease-out;
  -webkit-animation-delay: 237ms;
  animation-delay: 237ms;
  -webkit-animation-duration: 1603ms;
  animation-duration: 1603ms;
}
.half-a-million__confetti:nth-child(11) {
  left: 77%;
  -webkit-transform: rotate(-23deg);
  transform: rotate(-23deg);
  -webkit-animation: makeItRain 1500ms infinite ease-out;
  animation: makeItRain 1500ms infinite ease-out;
  -webkit-animation-delay: 592ms;
  animation-delay: 592ms;
  -webkit-animation-duration: 1451ms;
  animation-duration: 1451ms;
}
.half-a-million__confetti:nth-child(12) {
  left: 84%;
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
  -webkit-animation: makeItRain 1500ms infinite ease-out;
  animation: makeItRain 1500ms infinite ease-out;
  -webkit-animation-delay: 616ms;
  animation-delay: 616ms;
  -webkit-animation-duration: 1318ms;
  animation-duration: 1318ms;
}
.half-a-million__confetti:nth-child(13) {
  left: 91%;
  -webkit-transform: rotate(84deg);
  transform: rotate(84deg);
  -webkit-animation: makeItRain 1500ms infinite ease-out;
  animation: makeItRain 1500ms infinite ease-out;
  -webkit-animation-delay: 50ms;
  animation-delay: 50ms;
  -webkit-animation-duration: 1463ms;
  animation-duration: 1463ms;
}
.half-a-million__confetti:nth-child(14) {
  left: 98%;
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
  -webkit-animation: makeItRain 1500ms infinite ease-out;
  animation: makeItRain 1500ms infinite ease-out;
  -webkit-animation-delay: 563ms;
  animation-delay: 563ms;
  -webkit-animation-duration: 1364ms;
  animation-duration: 1364ms;
}
.half-a-million__confetti:nth-child(15) {
  left: 105%;
  -webkit-transform: rotate(-39deg);
  transform: rotate(-39deg);
  -webkit-animation: makeItRain 1500ms infinite ease-out;
  animation: makeItRain 1500ms infinite ease-out;
  -webkit-animation-delay: 38ms;
  animation-delay: 38ms;
  -webkit-animation-duration: 1164ms;
  animation-duration: 1164ms;
}
.half-a-million__confetti:nth-child(odd) {
  background: #bae8f7;
}
.half-a-million__confetti:nth-child(even) {
  z-index: 1;
}
.half-a-million__confetti:nth-child(4n) {
  width: 5px;
  height: 12px;
  -webkit-animation-duration: 3000ms;
  animation-duration: 3000ms;
}
.half-a-million__confetti:nth-child(3n) {
  width: 5px;
  height: 12px;
  -webkit-animation-duration: 3750ms;
  animation-duration: 3750ms;
  -webkit-animation-delay: 1500ms;
  animation-delay: 1500ms;
}
.half-a-million__confetti:nth-child(4n-7) {
  background: #d9d2f7;
}
.half-a-million__confetti:nth-child(5n) {
  background: #eef4c4;
}
@-webkit-keyframes makeItRain {
  from {
    opacity: 0;
    left: 50%;
  }
  50% {
    opacity: 1;
  }
  to {
    -webkit-transform: translateY(-200px);
    transform: translateY(-200px);
  }
}
@keyframes makeItRain {
  from {
    opacity: 0;
    left: 50%;
  }
  50% {
    opacity: 1;
  }
  to {
    -webkit-transform: translateY(-200px);
    transform: translateY(-200px);
  }
}
#personalFileItems > .contractTypeBox {
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35);
  border-radius: 0.25rem;
  font-weight: 600;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-bottom: 1px solid rgba(17, 17, 17, 0.16);
}
.personal-file-cal .k-event {
  margin-top: 1px;
  padding-top: 2px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-bottom: 1px solid rgba(17, 17, 17, 0.16) !important;
}
.personal-file-cal .k-event a {
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35);
}
.personal-file-cal .k-event a:hover {
  color: #fff;
  text-decoration: none;
}
.personal-file-cal .k-event h3 {
  font-size: 14px;
  margin-top: 4px;
  text-shadow: none;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 30px;
}
.personal-file-cal .k-event .h3-healthExaminations {
  color: #193c27;
}
.personal-file-cal .k-event .h3-contracts {
  color: #4a302d;
}
.personal-file-cal .k-event .h3-oshTrainings {
  color: #10202f;
}
.personal-file-cal .k-event i {
  font-size: 12px;
  color: #fff;
}
.personal-file-cal .k-event .k-event__user-name {
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.personal-file-cal .k-event .k-event__type {
  font-size: 12px;
  font-weight: 700;
}
.personal-file-cal .k-event .k-event__type-a {
  margin-left: 5px;
}
.personal-file-cal .k-event .k-event__end {
  color: red !important;
}
.personal-file-cal .k-event .k-event__date {
  margin: 0 0 5px 10px;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.2px;
}
@media only screen and (min-width: 1367px) {
  .personal-file-cal .k-event .k-event__date {
    font-size: 12px !important;
  }
}
.k-header > .k-nav-fast {
  font-size: 13px;
}
.personal-file-cal .k-nav-day {
  font-size: 16px;
}
@media only screen and (max-width: 600px) {
  .personal-file-cal .k-nav-day {
    font-size: 13px;
  }
}
.personal-file-cal .k-nav-day {
  font-size: 16px;
}
@media only screen and (max-width: 600px) {
  .personal-file-cal .k-nav-day {
    font-size: 13px;
  }
}
.personal-file-cal .k-scheduler-table > tbody > tr > th,
.personal-file-cal .k-scheduler-table > tbody > tr > th > .k-nav-day {
  font-size: 14px !important;
  color: #111;
  font-weight: 600 !important;
  text-transform: capitalize;
}
.personal-file-cal .k-nav-current {
  color: #016cc7 !important;
  margin-left: 15px !important;
}
.personal-file-cal .k-nav-current > .k-icon {
  color: #016cc7 !important;
}
.personal-file-cal .k-nav-current:hover {
  color: #428ac7 !important;
}
.personal-file-cal .k-nav-current:hover > .k-icon {
  color: #428ac7 !important;
}
.personal-file-cal .k-icon.k-i-calendar {
  font-size: 16px;
}
.personal-file-cal .k-sm-date-format {
  font-size: 14px;
  margin-left: 4px;
  font-weight: 700;
}
.personal-file-cal .k-lg-date-format {
  font-size: 16px;
  margin-left: 5px;
  font-weight: 700;
  text-transform: capitalize;
}
.personal-file-cal .k-other-month {
  background-color: #f8f9fa;
}
.personal-file-cal .k-other-month > .k-nav-day {
  color: rgba(33, 37, 41, 0.5);
}
.k-scheduler-header-wrap .k-event {
  min-height: 85px !important;
}
.personal-file-cal .k-scheduler-dayview > tbody > tr:nth-child(2),
.personal-file-cal .k-scheduler-weekview > tbody > tr:nth-child(2) {
  display: none;
}
.personal-file-cal .k-scheduler-dayview > tbody > tr:first-child > td:first-child,
.personal-file-cal .k-scheduler-weekview > tbody > tr:first-child > td:first-child {
  display: none;
}
@media only screen and (max-width: 700px) {
  .personal-file-cal .k-scheduler-dayview .k-event {
    margin-left: 0;
  }
  .personal-file-cal > .k-scheduler-toolbar {
    border-bottom-width: 0 !important;
  }
  .personal-file-cal > table > tbody > tr:first-child .k-scheduler-table > tbody > tr > th {
    border-width: 1px 0 1px 1px !important;
  }
  .personal-file-cal {
    overflow-x: auto !important;
  }
  .personal-file-cal > .k-scheduler-weekview,
  .personal-file-cal > .k-scheduler-monthview {
    width: 710px !important;
    flex: 0 0 710px !important;
  }
}
@media only screen and (min-width: 701px) {
  .personal-file-cal .k-scheduler-dayview .k-event {
    margin-left: 30px;
  }
}
.personal-file-cal .k-scheduler-dayview .k-event {
  max-width: 500px;
}
.k-widget {
  font-size: 13px !important;
}
.k-grid-header {
  background: #fcfbfc !important;
  background: -moz-linear-gradient(top, #fff 1%, #f8f7fa 100%) !important;
  background: -webkit-linear-gradient(top, #fff 1%, #f8f7fa 100%) !important;
  background: linear-gradient(to bottom, #fff 1%, #f8f7fa 100%) !important;
  font-weight: 700 !important;
  color: #2c348e !important;
  font-size: 14px !important;
}
.grid-fixed .k-header {
    padding-right: 8px !important;
}
#ProjectEmployeesDates,
#ProjectEmployeeDates {
  background-color: #f0f0f3 !important;
}
.WorktimeEvidence_Warning {
  font-size: 14px !important;
}
.WorktimeEvidence_Warning > h3,
.WorktimeEvidence_Warning > p {
  font-size: 14px !important;
}
@media only screen and (max-width: 800px) {
  .mpw-left-col #cancel-tab .person-info {
    width: calc(47% - 84px);
  }
}
.checkbox-cont {
  position: relative;
  padding-left: 25px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  font-weight: 400;
  top: -1px;
}
.checkbox-cont_m {
  margin-left: 32px;
}
.checkbox-cont input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkbox-cont .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 19px;
  width: 18px;
  background-color: #fff;
  border-radius: 4px;
  border: 1px #ccc solid;
}
.checkbox-cont:hover input ~ .checkmark {
  background-color: #fff;
  border: 1px #428ac7 solid;
}
.checkbox-cont input:checked ~ .checkmark {
  background-color: #2196f3;
  border: 1px #2196f3 solid;
}
.checkbox-cont:hover input:checked ~ .checkmark {
  background-color: #0e83e0;
  border: 1px #0e83e0 solid;
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.checkbox-cont input:checked ~ .checkmark:after {
  display: block;
}
.checkbox-cont .checkmark:after {
  left: 6px;
  top: 3px;
  width: 5px;
  height: 9px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.checkbox-cont input[disabled] ~ .checkmark {
  background-color: #f7f7f7;
  border: 1px #dcdcdc solid;
}
.checkbox-cont:hover input[disabled] ~ .checkmark {
  background-color: #f7f7f7;
  border: 1px #dcdcdc solid;
}
.checkbox-cont input:checked[disabled] ~ .checkmark {
  background-color: #cacaca;
  border: 1px #cacaca solid;
}
.checkbox-cont:hover input:checked[disabled] ~ .checkmark {
  background-color: #cacaca;
  border: 1px #cacaca solid;
}
.checkbox-cont_disabled {
  cursor: auto;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.sg__box {
  margin-left: 35px;
  margin-right: 35px;
  margin-bottom: 10px;
}
.sg__container {
  padding: 40px 50px 40px;
}
.sg__info {
  background-color: #fff;
  width: 100%;
  height: 100%;
  border-radius: 15px;
  position: relative;
}
.sg__info-title {
  font-size: 20px;
  color: #383e56;
  font-weight: 700;
  padding-bottom: 15px;
}
.sg__info-text {
  font-size: 15px;
  color: #858998;
  line-height: 24px;
  padding-bottom: 15px;
}
.sg__info-act {
  font-size: 17px;
  color: #18a0dc;
  font-weight: 700;
  padding-bottom: 5px;
}
.sg__info-img {
  width: 84px;
  position: absolute;
  right: 0;
  top: calc(50% - 70px);
}
.sg__cont {
  padding: 20px 20px 15px 30px;
  width: calc(100% - 90px);
}
@media only screen and (max-width: 1550px) {
  .sg__container {
    padding: 35px 20px 20px;
  }
  .sg__box {
    margin-left: 0px;
    margin-right: 0px;
  }
  .sg__info-title {
    font-size: 17px;
  }
  .sg__info-text {
    font-size: 13px;
  }
  .sg__info-act {
    font-size: 15px;
  }
  .sg__info-img {
    width: 76px;
    position: absolute;
    right: 0;
    top: calc(50% - 66px);
  }
  .sg__cont {
    padding: 20px 20px 15px 30px;
    width: calc(100% - 75px);
  }
}
a.sg__info-act {
  text-decoration: underline;
  display: block;
}
.e-conf,
.e-conf__subpage {
  width: 100%;
  min-height: 300px;
  padding: 20px 70px;
  background-color: #fff;
}
.e-conf > .row,
.e-conf__subpage > .row {
  background-color: #fff;
}
.e-conf__head,
.e-conf__subpage__head {
  padding-bottom: 40px;
  padding-left: 30px;
  padding-top: 20px;
}
.e-conf__head img,
.e-conf__subpage__head img {
  width: 36px;
  display: inline-block;
  margin-right: 12px;
  padding-bottom: 4px;
}
.e-conf__head div,
.e-conf__subpage__head div {
  display: inline-block;
  font-size: 24px;
  color: #111111;
  font-weight: 800;
}
.e-conf__box,
.e-conf__subpage__box {
  border: 1px solid #e2edf8;
  border-radius: 8px;
  height: 100%;
  padding: 0 10px;
}
.e-conf__box > img,
.e-conf__subpage__box > img {
  width: 56px;
  opacity: 0.75;
  padding-bottom: 10px;
}
.e-conf__box-text,
.e-conf__subpage__box-text {
  font-size: 15px;
  color: #111111;
  font-weight: 600;
  text-align: center;
  min-height: 65px;
  padding-bottom: 5px;
}
.e-conf__box a,
.e-conf__subpage__box a {
  margin-bottom: 15px;
  margin-left: 0 !important;
}
.e-conf__box-active,
.e-conf__subpage__box-active {
  border: 1px solid #5fa6f1;
}
.e-conf__box-active > img,
.e-conf__subpage__box-active > img {
  opacity: 1;
}
.e-conf #top-buttons,
.e-conf__subpage #top-buttons {
  padding-top: 20px;
}
.e-conf #top-buttons .btn,
.e-conf__subpage #top-buttons .btn {
  cursor: pointer;
}
.e-conf #top-buttons .btn svg,
.e-conf__subpage #top-buttons .btn svg {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 20px;
}
.e-conf #top-buttons .btn svg line,
.e-conf__subpage #top-buttons .btn svg line {
  stroke: #676868;
}
.e-conf #top-buttons .btn svg path,
.e-conf__subpage #top-buttons .btn svg path {
  fill: #676868;
}
.e-conf #top-buttons .btn:hover svg line,
.e-conf__subpage #top-buttons .btn:hover svg line {
  stroke: #016cc7;
}
.e-conf #top-buttons .btn:hover svg path,
.e-conf__subpage #top-buttons .btn:hover svg path {
  fill: #016cc7;
}
.e-conf #top-buttons > .btn > i,
.e-conf__subpage #top-buttons > .btn > i {
  font-size: 19px;
}
.e-conf__subpage {
  border-top: 1px solid #dadbdf;
  background-color: transparent;
  margin-top: 20px;
}
.e-conf__subpage > .row {
  background-color: transparent;
  box-shadow: none;
}
.e-conf__subpage .e-conf__box {
  border: 1px solid #e5e6e9;
  background-color: #fff;
}
.e-conf__subpage .e-conf__box-active {
  border: 1px solid #5fa6f1;
}
.ek-steps__step {
  width: 36px;
  height: 36px;
  transform: translateY(-15%);
  border-radius: 36px;
  background-color: #b7d7f9;
  z-index: 10;
  color: #fff;
  font-weight: 900;
}
.ek-steps__step-bg {
  padding: 0 15px;
  margin-top: -16px;
  margin-bottom: 20px;
}
.ek-steps__active:before {
  left: 0;
  top: 0;
  -webkit-transform: translate(-5px, -5px);
  -ms-transform: translate(-5px, -5px);
  transform: translate(-5px, -5px);
  position: absolute;
  background-color: #0f7aec;
  width: 46px;
  height: 46px;
  content: "";
  z-index: -1;
  border-radius: 46px;
  opacity: 0.12;
}
.ek-steps__active:after {
  left: 0;
  top: 0;
  -webkit-transform: translate(-10px, -10px);
  -ms-transform: translate(-10px, -10px);
  transform: translate(-10px, -10px);
  position: absolute;
  background-color: #0f7aec;
  width: 56px;
  height: 56px;
  content: "";
  z-index: -1;
  border-radius: 56px;
  opacity: 0.05;
}
.ek-steps__active {
  background-color: #3e94ef;
  -webkit-box-shadow: 0 10px 10px rgba(0, 36, 80, 0.15) !important;
  box-shadow: 0 10px 10px rgba(0, 36, 80, 0.15) !important;
  z-index: 10;
}
.ek-steps__success {
  background-color: #30b882;
}
.ek-steps__success i {
  font-size: 16px;
}
@media only screen and (max-width: 1550px) {
  .e-conf,
  .e-conf__subpage {
    padding: 20px 5px 10px;
  }
  .e-conf__box-text,
  .e-conf__subpage__box-text {
    font-size: 15px;
  }
}
@media only screen and (max-width: 800px) {
  .e-conf__head div {
    font-size: 21px;
  }
  .e-conf__head img {
    width: 36px;
    margin-right: 12px;
  }
}
.mp_help_li {
  float: right;
  padding: 4px;
}
.mp_help_li-icon {
  width: 24px;
  height: 23px;
  background: url("https://hrnest.s3.eu-central-1.amazonaws.com/img/mp_icon_help.svg") no-repeat;
}
@media only screen and (max-width: 374px) {
  .inp-group-mob {
    display: flex !important;
    flex-direction: column !important;
  }
  .inp-group-mob .input-group-addon {
    padding: 7px 15px;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 4px !important;
    border-left: 1px solid #ccc !important;
    border-top: 0px solid !important;
    width: 100% !important;
  }
  .inp-group-mob .form-control {
    border-top-right-radius: 3px !important;
    border-bottom-left-radius: 0 !important;
  }
  .inp-group-mob .form-control.valid + .input-group-addon {
    border-left: 1px solid #3c763d !important;
  }
}
@media only screen and (min-width: 1800px) {
  .mpw-left-col #cancel-tab .document-number {
    width: calc(35% - 84px);
  }
}
@media only screen and (max-width: 1799px) and (min-width: 1600px) {
  .mpw-left-col #cancel-tab .document-number {
    width: calc(35% - 84px);
  }
}
@media only screen and (max-width: 1280px) and (min-width: 1080px) {
  .mpw-left-col #cancel-tab .document-number {
    width: calc(35% - 84px);
  }
}
@media only screen and (max-width: 1080px) and (min-width: 992px) {
  .mpw-left-col #cancel-tab .document-number {
    width: calc(35% - 84px);
  }
}
@media only screen and (max-width: 991px) and (min-width: 880px) {
  .mpw-left-col #cancel-tab .document-number {
    width: calc(35% - 84px);
  }
}
.element-separator {
  display: block !important;
  height: 1px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.import-items-info {
  width: auto;
  float: right;
  display: inline-block;
  margin-left: 25px;
  margin-right: 15px;
  padding-top: 20px;
  padding-bottom: 15px;
}
.import-items-info > i {
  margin-right: 5px;
}
.k-tabstrip-items .k-item {
    padding: 10px 15px;
    font-size: 14px;
    border-radius: 4px 4px 0 0 !important;
    cursor: pointer;
}
.k-tabstrip-items .k-item:not(.k-state-active):hover {
    background-color: #eee;
    border-color: #eee;
}
.k-tabstrip-items .k-item > .k-link {
    padding: 0;
}

.k-tabstrip-wrapper .k-content {
    border-width: 0;
    padding: 16px 0;
    min-height: 360px;
}
.control-label label {
    margin: 0;
}
.control-label, .field > .form-control-static {
    font-size: 14px;
}
.k-grid {
    font-family: "LatoLatin", "Helvetica", sans-serif !important;
}
.k-grid tbody > tr:hover {
    background-color: #e7f3ff !important;
}
.k-grid tbody > tr.k-detail-row:hover {
    background-color: transparent !important;
}
.k-grid tbody > tr.k-detail-row.k-alt:hover {
    background-color: rgba(0,0,0,.05) !important;
}
.k-grid th {
    border-width: 0 0 1px 0;
    padding: 14px 34px 14px 8px !important;
}
.k-grid thead tr:hover {
    color: #2c348e !important;
    background-color: transparent !important;
}
.k-grid td {
    border-bottom: 1px solid #dbdfec;
    border-width: 0 0 1px 0;
    padding: 8px !important;
    height: 56px;
}
td.k-hierarchy-cell .k-icon.k-i-expand, td.k-hierarchy-cell .k-icon.k-i-collapse {
    height: 38px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 2px;
}

.k-grid tbody > tr.k-detail-row .k-detail-cell {
    padding-bottom: 24px !important;
}
.k-grid td[aria-expanded="true"], .k-grid td[aria-expanded="true"] ~ td {
    border-bottom: 1px solid transparent;
}
.table--k {
    width: 100%;
}
.table--k .k-grid-filter {
  outline: none !important;
}
.table--k .k-grid-filter.k-state-border-down > span {
  color: #1d7fd4 !important;
}
.table--k .k-grid td,
.table--k .k-grid th {
  border-width: 0 0 1px 0 !important;
}
.table--k .k-grid th {
  border-bottom-color: 1px solid #c6cad8 !important;
  padding: 14px 34px 14px 8px !important;
}
.table--k .k-grid td {
  padding: 8px !important;
}
.table--k .k-grid .cell-icon, .k-grid td.cell-icon, .cell-icon__profil span {
    padding: 8px 8px 8px 36px !important;
    position: relative;
}

.cell-icon i {
    position: absolute;
    content: '';
    width: 20px;
    height: 20px;
    font-size: 10px;
    line-height: 12px;
    border-radius: 50%;
    left: 8px;
    top: calc(50% - 10px);
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.table--k .k-grid .k-grid-content,
.table--k .k-grid .k-grid-content-locked,
.table--k .k-grid .k-grid-header-locked,
.table--k .k-grid td {
  border-color: #dbdfec !important;
}
.table--k .k-grid .k-alt {
  background-color: #f0f0f3 !important;
}
.table--k .k-grid .k-alt:hover {
  background-color: #e7f3ff !important;
}
.table--k tbody > tr:hover {
  background-color: #e7f3ff !important;
}
.k-pager-wrap .k-link.k-state-hover,
.k-pager-wrap .k-link:hover,
.k-pager-wrap .k-pager-nav.k-state-hover,
.k-pager-wrap .k-pager-nav:hover {
  background-color: #5259a5 !important;
  border-color: #5259a5 !important;
  color: #fff !important;
}
.k-pager-wrap .k-link.k-state-hover > .k-icon,
.k-pager-wrap .k-link:hover > .k-icon,
.k-pager-wrap .k-pager-nav.k-state-hover > .k-icon,
.k-pager-wrap .k-pager-nav:hover > .k-icon {
  color: #fff !important;
}
.k-pager-wrap .k-link,
.k-pager-wrap .k-pager-nav {
  border-color: #cdcdcd !important;
  box-shadow: none !important;
}
.k-link.k-pager-nav.k-state-disabled {
  background-color: #fff !important;
  opacity: 0.4;
}
.k-pager-wrap.k-grid-pager {
  padding: 10px;
}
.k-pager-wrap .k-link,
.k-pager-wrap .k-state-selected {
  width: calc(2px + 1.2rem + 1.5em) !important;
  height: calc(2px + 1.2rem + 1.5em) !important;
}
.k-pager-wrap {
  background-image: linear-gradient(to bottom, #ffffff 1%, #f8f7fa 100%) !important;
}
.k-pager-sizes .k-dropdown-wrap.k-state-default {
  padding: 0 !important;
}
.k-pager-sizes .k-dropdown-wrap.k-state-default > .k-input {
  padding-left: 12px !important;
}
.k-pager-sizes {
    margin-left: 24px;
    margin-right: 24px;
}
.k-grid-pager {
  border-width: 0 !important;
}
.k-grid-filter.k-state-active {
  border-radius: 4px;
  background-color: #dddddd;
}
.k-pager-numbers {
  font-weight: 600;
}
.table--k > .k-grid {
  overflow-x: auto !important;
}
.table--k-col th {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  background: #FCFBFC;
  background: -moz-linear-gradient(top, #FFFFFF 1%, #F8F7FA 100%);
  background: -webkit-linear-gradient(top, #FFFFFF 1%, #F8F7FA 100%);
  background: linear-gradient(to bottom, #FFFFFF 1%, #F8F7FA 100%);
  border-color: #ddd !important;
  border-bottom: 1px solid #c6cad8 !important;
}
.table--k-col td {
  text-align: center;
  padding-top: 13px !important;
  padding-bottom: 13px !important;
  font-size: 13px;
  color: #000;
  border-bottom: 1px solid #ddd !important;
}
.table--k-col .k-grid {
  overflow-x: auto;
}
.table--k-col .k-grid .k-alt {
  background-color: #f0f0f3 !important;
}
.table--LimitBreakGrid .k-grid-footer > .k-footer-template > td {
  background-color: #edecec !important;
  border-left-width: 0;
}
.table--LimitBreakGrid tbody > tr:hover, .table--k-col .k-grid .k-alt:hover {
  background-color: #e7f3ff !important;
}
.table--LimitBreakGrid .k-grid-footer > .k-footer-template > td:last-child, .table--LimitBreakGrid .k-grid-footer > .k-footer-template > td:nth-child(8) {
  border-left-width: 1px;
}
.k-textbox.k-grid-search {
    padding: 0 !important;
}
.k-toolbar.k-grid-toolbar.k-grid-top {
    border: 0;
    padding: 8px 0;
    margin: -8px 0;
}
.k-grid-search .k-input-icon {
    width: 32px;
}
.k-pager-wrap.k-grid-pager {
    display: flex;
    flex-wrap: wrap;
    row-gap: 24px;
}
.k-numeric-wrap.k-state-default {
    border-radius: 3px !important;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05) !important;
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05) !important;
    color: #016cc7 !important;
    border-color: #cdcdcd !important;
    background-color: #fff !important;
}
.k-numeric-wrap.k-state-default:hover,
.k-numeric-wrap.k-state-default:active {
  border-color: #428ac7 !important;
}
.k-filter-menu.k-popup {
  box-shadow: rgba(0, 0, 0, 0.176) 0px 6px 12px;
}
.k-filter-menu.k-popup .k-action-buttons > button[type="submit"] {
  background: -moz-linear-gradient(top, #02c17e 1%, #01a46a 100%);
  background: -webkit-linear-gradient(top, #02c17e 1%, #01a46a 100%);
  background: linear-gradient(to bottom, #02c17e 1%, #01a46a 100%);
  color: #fff !important;
  border-radius: 0 !important;
  font-weight: 900 !important;
  border: none !important;
}
.k-filter-menu.k-popup .k-action-buttons > button[type="submit"]:hover,
.k-filter-menu.k-popup .k-action-buttons > button[type="submit"]:focus:hover,
.k-filter-menu.k-popup .k-action-buttons > button[type="submit"]:active,
.k-filter-menu.k-popup .k-action-buttons > button[type="submit"]:focus:active {
  background: -moz-linear-gradient(top, #02c17e 1%, #02c17e 100%);
  background: -webkit-linear-gradient(top, #02c17e 1%, #02c17e 100%);
  background: linear-gradient(to bottom, #02c17e 1%, #02c17e 100%);
  color: #fff;
  -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
.k-filter-menu.k-popup .k-action-buttons > button[type="reset"] {
  background-color: #eee !important;
  border-radius: 0 !important;
  color: #666767 !important;
  border: none !important;
}
.k-filter-menu.k-popup .k-action-buttons > button[type="reset"]:hover,
.k-filter-menu.k-popup .k-action-buttons > button[type="reset"]:focus:hover,
.k-filter-menu.k-popup .k-action-buttons > button[type="reset"]:active,
.k-filter-menu.k-popup .k-action-buttons > button[type="reset"]:focus:active {
  color: #016cc7 !important;
}
.k-pager-numbers .k-state-selected,
.k-pager-numbers .k-state-selected:hover {
  border-color: #cdcdcd !important;
  background-color: #dddddd !important;
  color: #262626 !important;
}
tr > td[role="gridcell"]:last-child {
    white-space: nowrap;
}
.grid-wrap-cell tr > td[role="gridcell"]:last-child {
    white-space: pre-wrap;
}
.k-grid-header .k-grid-filter {
  bottom: 10px !important;
}
.k-grid-header .k-grid-filter:focus {
  box-shadow: none !important;
}
@media only screen and (max-width: 1211px) {
  .table--k .k-pager-numbers-wrap {
    height: calc(2px + 1.2rem + 1.5em) !important;
  }
  .table--k .k-pager-numbers-wrap > ul {
    border-color: #cdcdcd !important;
  }
  .table--k .k-pager-numbers .k-link {
    width: 100% !important;
  }
}
.tooltip.in {
  opacity: 0.98 !important;
}
#collapseLeave.collapse,
#collapseWorkTime.collapse,
#collapseBusinessTrips.collapse,
#collapsePersonalFile.collapse,
#collapseLeaveMobile.collapse,
#collapseWorkTimeMobile.collapse,
#collapseBusinessTripsMobile.collapse,
#collapsePersonalFileMobile.collapse {
  display: none;
}
#collapseLeave.collapse.in,
#collapseWorkTime.collapse.in,
#collapseBusinessTrips.collapse.in,
#collapsePersonalFile.collapse.in,
#collapseLeaveMobile.collapse.in,
#collapseWorkTimeMobile.collapse.in,
#collapseBusinessTripsMobile.collapse.in,
#collapsePersonalFileMobile.collapse.in {
  display: block;
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Internet Explorer */
@-ms-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
  from {
    opacity: 0;
    margin-top: -30px;
  }
  to {
    opacity: 1;
    margin-top: 0px;
  }
}
@keyframes fadeinMenu {
  from {
    opacity: 0;
    margin-top: -30px;
  }
  to {
    opacity: 1;
    margin-top: 0px;
  }
}
/* Firefox < 16 */
@-moz-keyframes fadeinMenu {
  from {
    opacity: 0;
    margin-top: -30px;
  }
  to {
    opacity: 1;
    margin-top: 0px;
  }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeinMenu {
  from {
    opacity: 0;
    margin-top: -30px;
  }
  to {
    opacity: 1;
    margin-top: 0px;
  }
}
/* Internet Explorer */
@-ms-keyframes fadeinMenu {
  from {
    opacity: 0;
    margin-top: -30px;
  }
  to {
    opacity: 1;
    margin-top: 0px;
  }
}
/* Opera < 12.1 */
@-o-keyframes fadeinMenu {
  from {
    opacity: 0;
    margin-top: -30px;
  }
  to {
    opacity: 1;
    margin-top: 0px;
  }
}
.menu {
  padding-top: 25px;
  padding-left: 6px;
  padding-right: 6px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.menu__scroll {
  overflow-y: auto;
  height: calc(100vh - 60px);
  scrollbar-color: #525884 #303557;
  scrollbar-width: thin;
}
.menu__scroll::-webkit-scrollbar {
  width: 6px;
}
.menu__scroll::-webkit-scrollbar-track {
  border-radius: 6px;
}
.menu__scroll::-webkit-scrollbar-thumb {
  background: #525884;
  border-radius: 10px;
}
.menu__scroll::-webkit-scrollbar-thumb:hover {
  background: #5d638f;
}
.menu__mobile {
  padding-top: 12px;
  margin-left: auto;
  margin-right: auto;
  max-width: 250px;
  -webkit-animation: fadeinMenu 0.3s;
  /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: fadeinMenu 0.3s;
  /* Firefox < 16 */
  -ms-animation: fadeinMenu 0.3s;
  /* Internet Explorer */
  -o-animation: fadeinMenu 0.3s;
  /* Opera < 12.1 */
  animation: fadeinMenu 0.3s;
}
.menu__modal.in {
  -webkit-animation: fadein 0.3s;
  /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: fadein 0.3s;
  /* Firefox < 16 */
  -ms-animation: fadein 0.3s;
  /* Internet Explorer */
  -o-animation: fadein 0.3s;
  /* Opera < 12.1 */
  animation: fadein 0.3s;
}
.menu__modal > .modal-dialog {
  width: 100vw;
  margin: 0px;
}
.menu__modal > .modal-dialog > .modal-content {
  min-height: 100vh;
  border: none;
  border-radius: 0px;
  background-color: #323658;
}
.menu__modal > .modal-dialog > .modal-content > .modal-header {
  padding-bottom: 10px;
  border-bottom: 1px solid #272a48;
  background-color: #fff;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
}
.menu__modal > .modal-dialog > .modal-content > .modal-header > .user-name-mobile {
  padding-right: 25px;
  font-size: 14px;
  font-weight: 700;
  color: #1e1d1d;
  line-height: 100%;
  margin-top: 2px;
  margin-left: 25px;
  display: inline-block;
}
.menu__modal > .modal-dialog > .modal-content > .modal-header > .user-name-mobile > span {
  color: #01ab6e;
  font-size: 12px;
  margin-right: 2px;
  font-weight: 400;
}
.menu__modal > .modal-dialog button.close {
  opacity: 1;
  text-shadow: none;
  position: relative;
  width: 36px;
  height: 36px;
  margin-right: 30px;
}
.menu__modal > .modal-dialog button.close:before,
.menu__modal > .modal-dialog button.close:after {
  position: absolute;
  right: 20px;
  top: 2px;
  content: " ";
  height: 25px;
  width: 2px;
  background-color: #5b5b5b;
}
.menu__modal > .modal-dialog button.close:before {
  transform: rotate(45deg);
}
.menu__modal > .modal-dialog button.close:after {
  transform: rotate(-45deg);
}
.menu__modal > .modal-dialog .menu__main-link,
.menu__modal > .modal-dialog .menu__settings-link {
  text-align: center;
}
.menu__modal > .modal-dialog .btn {
  display: block;
  margin: 0px auto 15px;
}
.menu__modal > .modal-dialog a {
  text-decoration: none;
}
.menu__header {
  display: block;
  border: 3px solid #323658;
  background-color: #323658;
  border-radius: 3px;
  text-decoration: none;
  font-size: 17px;
  font-weight: 600;
  padding: 4px 16px 4px 10px;
}
.menu__header:hover,
.menu__header:focus,
.menu__header:active {
  text-decoration: none;
}
.menu__header:hover {
  border-radius: 3px;
  background-color: #3e4368;
  border-color: #3e4368;
}
.menu__link,
.menu__link:visited {
    color: #edf1f7;
    font-size: 14px;
    padding: 4px 10px 5px 16px !important;
    border: 3px solid #323658;
    background-color: #323658 !important;
    border-radius: 3px;
    line-height: 21px;
}
.menu__link:hover,
.menu__link:visited:hover {
  color: #fff;
  border-radius: 3px;
  background-color: #3e4368 !important;
  border-color: #3e4368;
}
.menu__main-link,
.menu__main-link:visited,
.menu__settings-link,
.menu__settings-link:visited {
  display: block;
  color: #efeafd;
  font-size: 105% !important;
  font-weight: 400 !important;
  cursor: pointer;
  background-color: #323658 !important;
  margin-left: 6px;
  margin-right: 6px;
  text-decoration: none;
}
.menu__main-link img,
.menu__main-link:visited img,
.menu__settings-link img,
.menu__settings-link:visited img {
  width: 15px;
  height: 14px;
  margin-top: -5px;
  margin-right: 3px;
}
.menu__main-link i,
.menu__main-link:visited i,
.menu__settings-link i,
.menu__settings-link:visited i {
  margin-right: 14px;
}
.menu__main-link .fa-user-circle,
.menu__main-link:visited .fa-user-circle,
.menu__settings-link .fa-user-circle,
.menu__settings-link:visited .fa-user-circle,
.menu__main-link .fa-user-o,
.menu__main-link:visited .fa-user-o,
.menu__settings-link .fa-user-o,
.menu__settings-link:visited .fa-user-o {
  margin-left: 2px;
}
.menu__main-link:hover,
.menu__main-link:visited:hover,
.menu__settings-link:hover,
.menu__settings-link:visited:hover {
  color: #fff;
  border-radius: 3px;
  background-color: #3e4368 !important;
  border-color: #3e4368;
  text-decoration: none;
}
.menu__main-link,
.menu__main-link:visited {
  padding: 8px 10px 8px 12px !important;
}
.menu__settings-link,
.menu__settings-link:visited {
  font-size: 15px;
  color: #bbc0e0;
  padding: 6px 5px 6px 12px !important;
}
.menu__settings-section {
  margin-bottom: 15px;
}
.menu__nav,
.menu__settings-section,
.menu__settings-link {
  border: 3px solid #323658;
  border-radius: 3px;
}
.menu__nav.gc-highlighted,
.menu__settings-section.gc-highlighted,
.menu__settings-link.gc-highlighted,
.menu__nav.gc-highlighted:hover,
.menu__settings-section.gc-highlighted:hover,
.menu__settings-link.gc-highlighted:hover {
  border-color: #007bff;
}
.menu__panel {
  border: 3px solid #323658;
  background-color: #323658;
  border-radius: 3px;
  box-shadow: none;
  margin-bottom: 8px !important;
}
.menu__panel.gc-highlighted {
  border-color: #007bff;
}
.menu [data-toggle="collapse"] {
  position: relative;
}
.menu [data-toggle="collapse"]:after {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  content: "\f105";
  display: inline-block;
  position: absolute;
  right: 8px;
  transition: all 0.2s ease-out;
}
.menu [data-toggle="collapse"][aria-expanded="true"]:after {
  transform: rotate(90deg);
}
div.menu__collpase {
  background-color: #323658 !important;
}
.gc-highlighted > .e-conf__box {
  border: 1px solid rgba(15, 122, 236, 0);
}
.gc-highlighted > .e-conf__box-active {
  border: 2px solid rgba(15, 122, 236, 0);
}
.gc-overlay {
  max-width: 100vw;
  z-index: 1001 !important;
}
.gc-highlight {
  border-radius: 10px !important;
  z-index: 1001 !important;
}
.gc-highlight:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 3px solid #007bff;
  border-radius: 8px !important;
}
.gc-tooltip {
  padding: 25px 20px 0 !important;
  -webkit-box-shadow: 0px 19px 30px 0px rgba(0, 36, 80, 0.15) !important;
  box-shadow: 0px 19px 30px 0px rgba(0, 36, 80, 0.15) !important;
  border-radius: 4px !important;
}
.gc-navigation-next {
  border: none !important;
  transform: rotate(0) !important;
  color: #fff;
}
.gc-navigation-next:after {
  font-size: 13px;
  font-weight: 900;
  content: "DALEJ";
  display: inline-block;
  position: absolute;
  top: 6px;
  right: 24px;
}
.gc-navigation-next:before {
  content: "";
  display: block;
  position: absolute;
  width: 90px;
  height: 34px;
  right: 0px;
  top: -2px;
  background: #0e7fe3;
  background: -webkit-gradient(linear, left top, left bottom, from(#40a6ff), to(#0e7fe3));
  background: linear-gradient(180deg, #40a6ff 0%, #0e7fe3 100%);
  border-radius: 2px !important;
}
.gc-navigation-next:hover:before {
  background: -webkit-gradient(linear, left top, left bottom, from(#40a6ff), to(#40a6ff));
  background: linear-gradient(180deg, #40a6ff 0%, #40a6ff 100%);
}
.gc-navigation-prev {
  border: none !important;
  transform: rotate(0) !important;
  color: #d4d4d4;
}
.gc-navigation-prev:after {
  font-size: 13px;
  font-weight: 900;
  content: "POWRÓT";
  display: inline-block;
  position: absolute;
  top: 6px;
  left: 24px;
}
.gc-navigation-prev:before {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  content: "\f104";
  top: 3px;
  left: 6px;
  font-size: 16px;
  position: absolute;
}
.gc-navigation-prev:hover:after,
.gc-navigation-prev:hover:before {
  color: #007bff;
}
.gc-highlight.gc-fixed[style*="left: -5px;"] {
  display: none;
}
#sidebar.gc-fix-stacking-context {
  z-index: 1002 !important;
}
.gc-en .gc-navigation-next:after {
  content: "NEXT" !important;
  right: 26px;
}
.gc-en .gc-navigation-prev:after {
  content: "PREVIOUS" !important;
}
.gc-control {
  max-width: 100%;
}
.gc-control [role="progress"],
.gc-copyright {
  display: none;
}
.gc-pagination-item {
  background-color: #d4d4d4 !important;
}
.gc-pagination-active {
  background-color: #4489d4 !important;
}
.gc-pagination-item:hover {
  background-color: #007bff !important;
}
.gc-close:after,
.gc-close:before {
  background: #777 !important;
}
.gc-navigation {
  border-top: 1px solid #eef0f5;
  padding: 15px 20px 30px !important;
  margin-left: -20px !important;
  margin-right: -20px !important;
}
.gc-title {
  font-weight: 900 !important;
}
.gc-title > span {
  font-size: 16px !important;
  font-weight: 400 !important;
  opacity: 0.6;
}
.gc-description {
  max-height: 300px !important;
  font-size: 16px !important;
}
.gc-pagination {
  display: none !important;
}
.product-tour {
  width: 140px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  text-align: center;
  font-weight: 900;
  color: #fff;
  font-size: 15px;
  border-radius: 2px;
  border-width: 0px;
  background: #0e7fe3;
  background: -webkit-gradient(linear, left top, left bottom, from(#40a6ff), to(#0e7fe3));
  background: linear-gradient(180deg, #40a6ff 0%, #0e7fe3 100%);
  display: none;
  padding-top: 7px;
  padding-bottom: 7px;
  position: relative;
}
.product-tour > i {
  padding-right: 4px;
}
.product-tour:hover {
  cursor: pointer;
  background: -webkit-gradient(linear, left top, left bottom, from(#40a6ff), to(#40a6ff));
  background: linear-gradient(180deg, #40a6ff 0%, #40a6ff 100%);
}
.btn-tour,
.btn-tour:focus {
  font-size: 15px;
  text-transform: inherit;
  padding: 6px 15px;
}
.menu--sm .product-tour {
  font-size: 1.32rem;
}
@media only screen and (max-width: 991px) {
  .btn-tour {
    display: none !important;
  }
}
@keyframes showProductTour {
  0% {
    opacity: 0;
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(1.15);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
/* Firefox < 16 */
@-moz-keyframes showProductTour {
  0% {
    opacity: 0;
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes showProductTour {
  0% {
    opacity: 0;
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
/* Internet Explorer */
@-ms-keyframes showProductTour {
  0% {
    opacity: 0;
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
/* Opera < 12.1 */
@-o-keyframes showProductTour {
  0% {
    opacity: 0;
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.show-product-tour {
  display: block;
  -webkit-animation: showProductTour 0.7s;
  /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: showProductTour 0.7s;
  /* Firefox < 16 */
  -ms-animation: showProductTour 0.7s;
  /* Internet Explorer */
  -o-animation: showProductTour 0.7s;
  /* Opera < 12.1 */
  animation: showProductTour 0.7s;
}
@media only screen and (max-width: 991px) {
  .gc-overlay,
  .gc-default,
  .gc-highlight,
  .gc-interaction,
  .gc-control,
  .show-product-tour {
    display: none;
  }
}
@media only screen and (min-width: 992px) {
  .menu__modal {
    display: none;
  }
}
@media only screen and (max-width: 1540px) {
  #TimetableExecSummaryDates {
    width: 100%;
  }
}
.d-block {
  display: block !important;
}
.tooltip.in {
  opacity: 0.98 !important;
}
.sg__box {
  margin-left: 35px;
  margin-right: 35px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 1550px) {
  .sg__box {
    margin-left: 0px;
    margin-right: 0px;
  }
}
#collapseLeave.collapse,
#collapseWorkTime.collapse,
#collapseBusinessTrips.collapse,
#collapsePersonalFile.collapse,
#collapseLeaveMobile.collapse,
#collapseWorkTimeMobile.collapse,
#collapseBusinessTripsMobile.collapse,
#collapsePersonalFileMobile.collapse {
  display: none;
}
#collapseLeave.collapse.in,
#collapseWorkTime.collapse.in,
#collapseBusinessTrips.collapse.in,
#collapsePersonalFile.collapse.in,
#collapseLeaveMobile.collapse.in,
#collapseWorkTimeMobile.collapse.in,
#collapseBusinessTripsMobile.collapse.in,
#collapsePersonalFileMobile.collapse.in {
  display: block;
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Internet Explorer */
@-ms-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
  from {
    opacity: 0;
    margin-top: -30px;
  }
  to {
    opacity: 1;
    margin-top: 0px;
  }
}
@keyframes fadeinMenu {
  from {
    opacity: 0;
    margin-top: -30px;
  }
  to {
    opacity: 1;
    margin-top: 0px;
  }
}
/* Firefox < 16 */
@-moz-keyframes fadeinMenu {
  from {
    opacity: 0;
    margin-top: -30px;
  }
  to {
    opacity: 1;
    margin-top: 0px;
  }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeinMenu {
  from {
    opacity: 0;
    margin-top: -30px;
  }
  to {
    opacity: 1;
    margin-top: 0px;
  }
}
/* Internet Explorer */
@-ms-keyframes fadeinMenu {
  from {
    opacity: 0;
    margin-top: -30px;
  }
  to {
    opacity: 1;
    margin-top: 0px;
  }
}
/* Opera < 12.1 */
@-o-keyframes fadeinMenu {
  from {
    opacity: 0;
    margin-top: -30px;
  }
  to {
    opacity: 1;
    margin-top: 0px;
  }
}
.menu {
  padding-top: 25px;
  padding-left: 6px;
  padding-right: 6px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.menu__scroll {
  overflow-y: auto;
  height: calc(100vh - 60px);
}
.menu__scroll::-webkit-scrollbar {
  width: 6px;
}
.menu__scroll::-webkit-scrollbar-track {
  border-radius: 6px;
}
.menu__scroll::-webkit-scrollbar-thumb {
  background: #525884;
  border-radius: 10px;
}
.menu__scroll::-webkit-scrollbar-thumb:hover {
  background: #5d638f;
}
.menu__mobile {
  padding-top: 12px;
  margin-left: auto;
  margin-right: auto;
  max-width: 320px;
  -webkit-animation: fadeinMenu 0.3s;
  /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: fadeinMenu 0.3s;
  /* Firefox < 16 */
  -ms-animation: fadeinMenu 0.3s;
  /* Internet Explorer */
  -o-animation: fadeinMenu 0.3s;
  /* Opera < 12.1 */
  animation: fadeinMenu 0.3s;
}
.menu__modal.in {
  -webkit-animation: fadein 0.3s;
  /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: fadein 0.3s;
  /* Firefox < 16 */
  -ms-animation: fadein 0.3s;
  /* Internet Explorer */
  -o-animation: fadein 0.3s;
  /* Opera < 12.1 */
  animation: fadein 0.3s;
}
.menu__modal > .modal-dialog {
  width: 100vw;
  margin: 0px;
}
.menu__modal > .modal-dialog > .modal-content {
  min-height: 100vh;
  border: none;
  border-radius: 0px;
  background-color: #323658;
}
.menu__modal > .modal-dialog > .modal-content > .modal-header {
  padding-bottom: 10px;
  border-bottom: 1px solid #272a48;
  background-color: #fff;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
}
.menu__modal > .modal-dialog > .modal-content > .modal-header > .user-name-mobile {
  padding-right: 25px;
  font-size: 14px;
  font-weight: 700;
  color: #1e1d1d;
  line-height: 100%;
  margin-top: 2px;
  margin-left: 25px;
  display: inline-block;
}
.menu__modal > .modal-dialog > .modal-content > .modal-header > .user-name-mobile > span {
  color: #01ab6e;
  font-size: 12px;
  margin-right: 2px;
  font-weight: 400;
}
.menu__modal > .modal-dialog button.close {
  opacity: 1;
  text-shadow: none;
  position: relative;
  width: 36px;
  height: 36px;
  margin-right: 30px;
}
.menu__modal > .modal-dialog button.close:before,
.menu__modal > .modal-dialog button.close:after {
  position: absolute;
  right: 20px;
  top: 2px;
  content: " ";
  height: 25px;
  width: 2px;
  background-color: #5b5b5b;
}
.menu__modal > .modal-dialog button.close:before {
  transform: rotate(45deg);
}
.menu__modal > .modal-dialog button.close:after {
  transform: rotate(-45deg);
}
.menu__modal > .modal-dialog .menu__main-link,
.menu__modal > .modal-dialog .menu__settings-link {
  text-align: center;
}
.menu__modal > .modal-dialog .btn {
  display: block;
  margin: 0px auto 15px;
}
.menu__modal > .modal-dialog a {
  text-decoration: none;
}
.menu__header {
  display: block;
  border: 3px solid #323658;
  background-color: #323658;
  border-radius: 3px;
  text-decoration: none;
  font-size: 17px;
  font-weight: 600;
  padding: 4px 16px 4px 10px;
}
.menu__header:hover,
.menu__header:focus,
.menu__header:active {
  text-decoration: none;
}
.menu__header:hover {
  border-radius: 3px;
  background-color: #3e4368;
  border-color: #3e4368;
}
.menu--sm .menu__header {
  font-size: 1.38rem;
  padding: 4px 4px 4px 0px;
}
@media only screen and (min-width: 1600px) {
  .menu--sm .menu__header {
    font-size: 1.48rem;
  }
}
.menu__link,
.menu__link:visited {
  color: #edf1f7;
  font-size: 14px;
  padding: 5px 10px 5px 16px !important;
  border: 3px solid #323658;
  background-color: #323658 !important;
  border-radius: 3px;
}
.menu__link:hover,
.menu__link:visited:hover {
  color: #fff;
  border-radius: 3px;
  background-color: #3e4368 !important;
  border-color: #3e4368;
}
.menu--sm .menu__link {
  font-size: 1.34rem;
  padding: 5px 6px 5px 8px !important;
}
.menu__main-link,
.menu__main-link:visited,
.menu__settings-link,
.menu__settings-link:visited {
  display: block;
  color: #efeafd;
  font-size: 105% !important;
  font-weight: 400 !important;
  cursor: pointer;
  background-color: #323658 !important;
  margin-left: 6px;
  margin-right: 6px;
  text-decoration: none;
}
.menu__main-link img,
.menu__main-link:visited img,
.menu__settings-link img,
.menu__settings-link:visited img {
  width: 15px;
  height: 14px;
  margin-top: -5px;
  margin-right: 3px;
}
.menu__main-link i,
.menu__main-link:visited i,
.menu__settings-link i,
.menu__settings-link:visited i {
  margin-right: 14px !important;
}
.menu__main-link .fa-user-circle,
.menu__main-link:visited .fa-user-circle,
.menu__settings-link .fa-user-circle,
.menu__settings-link:visited .fa-user-circle,
.menu__main-link .fa-user-o,
.menu__main-link:visited .fa-user-o,
.menu__settings-link .fa-user-o,
.menu__settings-link:visited .fa-user-o {
  margin-left: 2px;
}
.menu__main-link:hover,
.menu__main-link:visited:hover,
.menu__settings-link:hover,
.menu__settings-link:visited:hover {
  color: #fff;
  border-radius: 3px;
  background-color: #3e4368 !important;
  border-color: #3e4368;
  text-decoration: none;
}
.menu__main-link,
.menu__main-link:visited {
  padding: 8px 10px 8px 12px !important;
}
.menu--sm .menu__main-link {
  font-size: 1.38rem !important;
  padding: 8px 0px 8px 4px !important;
}
.menu--sm .menu__settings-link {
  font-size: 1.38rem !important;
  padding: 6px 0px 6px 4px !important;
}
@media only screen and (max-width: 1599px) {
  .menu--sm .menu__main-link,
  .menu--sm .menu__settings-link {
    font-size: 1.34rem !important;
    padding-left: 2px !important;
  }
}
.menu__settings-link,
.menu__settings-link:visited {
  font-size: 15px;
  color: #bbc0e0;
  padding: 6px 5px 6px 12px !important;
}
.menu__settings-section {
  margin-bottom: 15px;
}
.menu__nav,
.menu__settings-section,
.menu__settings-link {
  border: 3px solid #323658;
  border-radius: 3px;
}
.menu__nav.gc-highlighted,
.menu__settings-section.gc-highlighted,
.menu__settings-link.gc-highlighted,
.menu__nav.gc-highlighted:hover,
.menu__settings-section.gc-highlighted:hover,
.menu__settings-link.gc-highlighted:hover {
  border-color: #007bff;
}
.menu__panel {
  border: 3px solid #323658;
  background-color: #323658;
  border-radius: 3px;
  box-shadow: none;
  margin-bottom: 8px !important;
}
.menu__panel.gc-highlighted {
  border-color: #007bff;
}
.menu [data-toggle="collapse"] {
  position: relative;
}
.menu [data-toggle="collapse"]:after {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  content: "\f105";
  display: inline-block;
  position: absolute;
  right: 8px;
  transition: all 0.2s ease-out;
}
.menu--sm .menu__header[data-toggle="collapse"]:after {
  right: 4px;
}
.menu [data-toggle="collapse"][aria-expanded="true"]:after {
  transform: rotate(90deg);
}
.menu__language > button {
  background-color: #fff;
  color: #5b5b5b;
  padding: 8px;
}
.menu__language > button:hover {
  color: #01bafe;
}
.menu__language > button:active,
.menu__language > button:focus {
  box-shadow: none;
  background-color: #efefef;
}
.menu__language-mobile {
  width: 100%;
}
.menu__language-mobile > button {
  width: calc(100% - 12px);
  margin: 0 6px 6px !important;
  text-align: center;
  background-color: #323658;
  color: #bbc0e0;
  font-size: 105% !important;
  font-weight: 400 !important;
  border: 3px solid #323658;
  border-radius: 3px;
}
.menu__language-mobile > button:active,
.menu__language-mobile > button:focus,
.menu__language-mobile > button:hover {
  color: #bbc0e0;
  box-shadow: none;
  background-color: #3e4368 !important;
  border-color: #3e4368;
  color: #fff;
}
div.menu__collpase {
  background-color: #323658 !important;
}
@keyframes show-bottom {
  0% {
    margin-top: -6px;
    opacity: 0;
  }
  100% {
    margin-top: 0;
    opacity: 1;
  }
}
.header__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.header__buttons > a,
.header__buttons > .dropdown {
  margin-bottom: 11px;
}
.header-buttons__add {
  position: relative;
  z-index: 1501;
}
.header-buttons__add > i {
  font-size: 10px !important;
  margin-right: 5px;
  position: relative;
  top: -1px;
}
.header-buttons__dropdown:hover > [aria-expanded="false"] + .dropdown-menu--documents {
  display: block;
  -webkit-animation: show-bottom 0.12s ease-out 0s 1 forwards normal running;
  animation: show-bottom 0.12s ease-out 0s 1 forwards normal running;
}
.dropdown-item {
  padding: 12px 15px 12px 24px !important;
  font-size: 16px;
}
.dropdown-item:hover {
  background-color: #f0f0f3 !important;
  color: #262626 !important;
}
.dropdown-item--leave {
  border-left: 2px solid #0eb2ff !important;
}
.dropdown-item--worktime {
  border-left: 2px solid #13cb63 !important;
}
.dropdown-item--businesstrips {
  border-left: 2px solid #987aef !important;
}
.dropdown-item--personalfile {
  border-left: 2px solid #e0d921 !important;
}
.dropdown-item--configuration {
  border-left: 2px solid #cdcdcd !important;
}
.dropdown-menu--documents {
  margin: 0px 0px 0px 10px;
  padding: 0px !important;
}
.dropdown-menu--documents:hover {
  display: block;
}
.dropdown-menu--documents > .divider {
  margin: 0px !important;
}
.dropdown-menu--documents > li:first-child > .dropdown-item {
  border-top-left-radius: 2px;
}
.dropdown-menu--documents > li:last-child > .dropdown-item {
  border-bottom-left-radius: 2px;
}
.menu__top {
  margin-bottom: 11px;
  padding-left: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.menu__top-mobile {
  padding-right: 15px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.gc-highlighted > .e-conf__box {
  border: 1px solid rgba(15, 122, 236, 0);
}
.gc-highlighted > .e-conf__box-active {
  border: 2px solid rgba(15, 122, 236, 0);
}
.gc-overlay {
  max-width: 100vw;
  z-index: 1001 !important;
}
.gc-highlight {
  border-radius: 10px !important;
  z-index: 1001 !important;
}
.gc-highlight:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 3px solid #007bff;
  border-radius: 8px !important;
}
.gc-tooltip {
  padding: 25px 20px 0 !important;
  -webkit-box-shadow: 0px 19px 30px 0px rgba(0, 36, 80, 0.15) !important;
  box-shadow: 0px 19px 30px 0px rgba(0, 36, 80, 0.15) !important;
  border-radius: 4px !important;
}
.gc-navigation-next {
  border: none !important;
  transform: rotate(0) !important;
  color: #fff;
}
.gc-navigation-next:after {
  font-size: 13px;
  font-weight: 900;
  content: "DALEJ";
  display: inline-block;
  position: absolute;
  top: 6px;
  right: 24px;
}
.gc-navigation-next:before {
  content: "";
  display: block;
  position: absolute;
  width: 90px;
  height: 34px;
  right: 0px;
  top: -2px;
  background: #0e7fe3;
  background: -webkit-gradient(linear, left top, left bottom, from(#40a6ff), to(#0e7fe3));
  background: linear-gradient(180deg, #40a6ff 0%, #0e7fe3 100%);
  border-radius: 2px !important;
}
.gc-navigation-next:hover:before {
  background: -webkit-gradient(linear, left top, left bottom, from(#40a6ff), to(#40a6ff));
  background: linear-gradient(180deg, #40a6ff 0%, #40a6ff 100%);
}
.gc-navigation-prev {
  border: none !important;
  transform: rotate(0) !important;
  color: #d4d4d4;
}
.gc-navigation-prev:after {
  font-size: 13px;
  font-weight: 900;
  content: "POWRÓT";
  display: inline-block;
  position: absolute;
  top: 6px;
  left: 24px;
}
.gc-navigation-prev:before {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  content: "\f104";
  top: 3px;
  left: 6px;
  font-size: 16px;
  position: absolute;
}
.gc-navigation-prev:hover:after,
.gc-navigation-prev:hover:before {
  color: #007bff;
}
.gc-highlight.gc-fixed[style*="left: -5px;"] {
  display: none;
}
#sidebar.gc-fix-stacking-context {
  z-index: 1002 !important;
}
.gc-en .gc-navigation-next:after {
  content: "NEXT" !important;
  right: 26px;
}
.gc-en .gc-navigation-prev:after {
  content: "PREVIOUS" !important;
}
.gc-control {
  max-width: 100%;
}
.gc-control [role="progress"],
.gc-copyright {
  display: none;
}
.gc-pagination-item {
  background-color: #d4d4d4 !important;
}
.gc-pagination-active {
  background-color: #4489d4 !important;
}
.gc-pagination-item:hover {
  background-color: #007bff !important;
}
.gc-close:after,
.gc-close:before {
  background: #777 !important;
}
.gc-navigation {
  border-top: 1px solid #eef0f5;
  padding: 15px 20px 30px !important;
  margin-left: -20px !important;
  margin-right: -20px !important;
}
.gc-title {
  font-weight: 900 !important;
}
.gc-title > span {
  font-size: 16px !important;
  font-weight: 400 !important;
  opacity: 0.6;
}
.gc-description {
  max-height: 300px !important;
  font-size: 16px !important;
}
.gc-pagination {
  display: none !important;
}
.product-tour {
  width: 140px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  text-align: center;
  font-weight: 900;
  color: #fff;
  font-size: 15px;
  border-radius: 2px;
  border-width: 0px;
  background: #0e7fe3;
  background: -webkit-gradient(linear, left top, left bottom, from(#40a6ff), to(#0e7fe3));
  background: linear-gradient(180deg, #40a6ff 0%, #0e7fe3 100%);
  display: none;
  padding-top: 7px;
  padding-bottom: 7px;
  position: relative;
}
.product-tour > i {
  padding-right: 4px;
}
.product-tour:hover {
  cursor: pointer;
  background: -webkit-gradient(linear, left top, left bottom, from(#40a6ff), to(#40a6ff));
  background: linear-gradient(180deg, #40a6ff 0%, #40a6ff 100%);
}
.btn-tour,
.btn-tour:focus {
  font-size: 15px;
  text-transform: inherit;
  padding: 6px 15px;
}
@media only screen and (max-width: 991px) {
  .btn-tour {
    display: none !important;
  }
}
@keyframes showProductTour {
  0% {
    opacity: 0;
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(1.15);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
/* Firefox < 16 */
@-moz-keyframes showProductTour {
  0% {
    opacity: 0;
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes showProductTour {
  0% {
    opacity: 0;
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
/* Internet Explorer */
@-ms-keyframes showProductTour {
  0% {
    opacity: 0;
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
/* Opera < 12.1 */
@-o-keyframes showProductTour {
  0% {
    opacity: 0;
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.show-product-tour {
  display: block;
  -webkit-animation: showProductTour 0.7s;
  /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: showProductTour 0.7s;
  /* Firefox < 16 */
  -ms-animation: showProductTour 0.7s;
  /* Internet Explorer */
  -o-animation: showProductTour 0.7s;
  /* Opera < 12.1 */
  animation: showProductTour 0.7s;
}
@media only screen and (max-width: 991px) {
  .gc-overlay,
  .gc-default,
  .gc-highlight,
  .gc-interaction,
  .gc-control,
  .show-product-tour {
    display: none;
  }
}
@media only screen and (min-width: 992px) {
  .menu__modal {
    display: none;
  }
}
@media only screen and (max-width: 1540px) {
  #TimetableExecSummaryDates {
    width: 100%;
  }
}
.modal-fixed-right {
  padding-right: 0 !important;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}
.modal-fixed-right.in .modal-dialog {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.modal-fixed-right:not(.in) .modal-dialog {
  -webkit-transform: translateX(100px);
  transform: translateX(100px);
}
.modal-fixed-right > .modal-dialog {
  max-width: 1000px;
  margin: 0 0 0 auto;
  width: auto;
}
.work-time-modal .modal-body {
  padding: 0;
  background-color: #f2f3f6;
  padding-bottom: 32px;
  min-height: calc(100vh - 72px);
}
.work-time-modal .modal-content {
  -webkit-box-shadow: 0 16px 16px rgba(0, 0, 0, 0.2);
  box-shadow: 0 16px 16px rgba(0, 0, 0, 0.2);
  border-radius: 0px;
  border-width: 0px;
}
.work-time-modal .modal-header,
.project-modal .modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-width: 0px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 0 solid #dee2e6;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.work-time-modal .modal-header:after,
.project-modal .modal-header:after,
.work-time-modal .modal-header:before,
.project-modal .modal-header:before {
  content: none;
}
.work-time-modal .modal-header .close,
.project-modal .modal-header .close {
  padding: 1.5rem 2.5rem;
  margin: -1.5rem -2.5rem -1.5rem auto;
}
.work-time-modal .modal-header svg,
.project-modal .modal-header svg {
  width: 20px;
}
.work-time-modal .modal-header .close-color,
.project-modal .modal-header .close-color {
  outline: 0;
  fill: none;
  stroke: #000000;
  stroke-width: 3;
  stroke-miterlimit: 10;
}
.work-time-modal .modal-header {
  padding: 24px 108px;
}
@media only screen and (min-width: 700px) and (max-width: 900px) {
  .work-time-modal .modal-header {
    padding: 24px 48px;
  }
}
@media only screen and (max-width: 699px) {
  .work-time-modal .modal-header {
    padding: 24px 20px;
  }
}
.project-modal .modal-header {
  padding: 24px 40px;
}
.project-modal .modal-header h4 {
  font-size: 21px;
  margin-bottom: 4px;
  font-weight: 700;
}
.project-modal .modal-body {
  padding: 15px 40px;
}
.project-modal .modal-footer {
  border-top: 1px solid #eef0f5;
}
.project-modal .modal-content {
  -webkit-box-shadow: 0 16px 16px rgba(0, 0, 0, 0.2);
  box-shadow: 0 16px 16px rgba(0, 0, 0, 0.2);
  border-width: 0px;
}
.project-modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform 0.2s ease-out;
  -o-transition: -o-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  -webkit-transform: translate(0, -15px);
  -ms-transform: translate(0, -15px);
  -o-transform: translate(0, -15px);
  transform: translate(0, -15px);
}
.project-modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.project-modal .modal-title {
  color: #111111;
}
.work-time-modal__header {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 22px;
  font-weight: 700;
  padding-left: 42px;
  position: relative;
}
.work-time-modal__header:before {
  content: "";
  background: url(https://s3.eu-central-1.amazonaws.com/hrnest/img/projects_list.svg) no-repeat;
  position: absolute;
  top: -2px;
  left: 0;
  width: 32px;
  height: 32px;
}
.work-time-modal__day {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  padding-left: 108px;
  padding-right: 48px;
  padding-bottom: 16px;
  margin-bottom: 16px;
}
@media only screen and (min-width: 700px) and (max-width: 900px) {
  .work-time-modal__day {
    padding-left: 48px;
  }
}
@media only screen and (max-width: 699px) {
  .work-time-modal__day {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.work-time-modal__day--text {
  margin-right: 20px;
  color: #6d757d;
  font-size: 15px;
}
.work-time-modal__next,
.work-time-modal__previous {
  font-size: 20px;
  padding: 10px 15px;
  border: 1px solid rgba(213, 218, 225, 0.9);
  border-radius: 5px;
  font-weight: bold;
  color: #5b5b5b;
}
.work-time-modal__next:hover,
.work-time-modal__previous:hover {
  cursor: pointer;
  border-color: rgba(0, 139, 255, 0.75);
}
.work-time-modal__date {
  margin-left: 40px;
  margin-right: 40px;
  letter-spacing: 0.01rem;
  text-align: center;
}
.work-time-modal__date > a {
  font-size: 20px;
  font-weight: 800;
  color: #191a1d;
}
@media only screen and (max-width: 600px) {
  .work-time-modal__date > a {
    font-size: 18px;
  }
}
.work-time-modal__date > div {
  font-weight: 400;
  font-size: 12px;
  margin-top: -4px;
  color: rgba(40, 41, 44, 0.6);
}
.work-time-modal__date > a:hover {
  color: #0f79eb;
  text-decoration: none;
}
.work-time-modal .close {
  float: right;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
}
.work-time-modal .close,
.project-modal .close {
  opacity: 0.3;
}
.work-time-modal .close:hover,
.project-modal .close:hover {
  opacity: 0.5;
}
.work-time-modal__container {
  margin-left: 108px;
  margin-right: 108px;
}
@media only screen and (min-width: 700px) and (max-width: 900px) {
  .work-time-modal__container {
    margin-left: 48px;
    margin-right: 48px;
  }
}
@media only screen and (max-width: 699px) {
  .work-time-modal__container {
    margin-left: 20px;
    margin-right: 20px;
  }
}
.work-time-modal__container--header {
  color: #5b5b5b;
  padding-bottom: 6px;
  font-size: 16px;
}
.work-time-modal__btn {
  padding: 8px 12px 6px !important;
}
.work-time-modal__btn > span {
  color: #fff !important;
  font-weight: 800 !important;
  margin-right: 3px;
}
.work-time-modal__box,
.work-time-modal__box--btn {
  margin-top: 16px;
  background-color: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 36, 80, 0.18);
  box-shadow: 0px 1px 2px rgba(0, 36, 80, 0.18);
  border: 1px solid #fff;
}
.work-time-modal__box--btn:hover {
  cursor: pointer;
  border-color: rgba(0, 139, 255, 0.75);
}
.work-time__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 0;
  margin-left: 0;
  border-radius: 0;
  padding: 8px 0 4px 0;
}
.work-time__row--one {
  padding: 4px 0 12px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 0;
  margin-left: 0;
  border-radius: 0;
}
.work-time__header .work-time__start-time,
.work-time__header .work-time__stop-time,
.work-time__header .work-time__worked-time,
.work-time__header .work-time__projects {
  color: rgba(145, 145, 145, 0.85);
  font-size: 11px;
  font-weight: 400;
}
.work-time__start-time,
.work-time__stop-time,
.work-time__worked-time,
.work-time__projects {
  width: 150px;
  text-align: center;
  font-size: 18px;
  font-weight: 900;
}
@media only screen and (max-width: 800px) {
  .work-time__start-time > span,
  .work-time__stop-time > span,
  .work-time__worked-time > span,
  .work-time__projects > span {
    display: none;
  }
}
@media only screen and (max-width: 600px) {
  .work-time__start-time,
  .work-time__stop-time,
  .work-time__worked-time,
  .work-time__projects {
    font-size: 16px;
  }
}
.work-time__separator--header {
  width: 30px;
}
.work-time__separator {
  width: 30px;
  height: 2px;
  background-color: #cfcfd0;
}
.work-time-modal__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.work-time__comment svg .dot-bg {
  fill: #939495;
}
.work-time__comment svg .line-bg {
  fill: none;
  stroke: #939495;
  stroke-width: 2px;
  stroke-miterlimit: 10;
}
.work-time__comment svg {
  width: 20px;
  margin-top: 4px;
}
.work-time__comment {
  margin-right: 25px !important;
  margin: 4px;
}
.work-time__show {
  color: #12a771;
  font-size: 19px;
  padding: 0rem 0.5rem;
  margin-right: 10px;
  margin-top: 5px;
}
.work-time__buttons {
  width: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.work-time__worked-time {
  font-weight: 700;
  color: #04a46c;
  margin-right: auto;
  margin-left: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.work-time__projects {
  font-weight: 700;
}
.work-time-modal__nav .work-time-modal__next,
.work-time-modal__nav .work-time-modal__previous {
  border-width: 0px;
  font-size: 18px;
  border: 1px solid #f2f3f6;
}
.work-time-modal__nav .work-time-modal__next:hover,
.work-time-modal__nav .work-time-modal__previous:hover {
  border: 1px solid rgba(0, 139, 255, 0.75);
}
.work-time-modal__nav-number {
  padding-left: 8px;
  padding-right: 8px;
  letter-spacing: 2px;
  font-size: 16px;
}
.work-time-modal__nav span {
  color: #5b5b5b;
}
.work-time-modal__nav a {
  color: #5b5b5b;
  text-decoration: none;
  background-color: transparent;
  font-size: 16px;
}
.work-time-modal__nav a:hover {
  color: #0f79eb;
  text-decoration: none;
}
.work-time-modal__box > .work-time__row--one {
  border-bottom: 1px solid #dee2e6;
}
@media (max-width: 1280px) {
  .work-time-flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
}
.project__container {
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 32px;
}
.project__list {
  max-height: 232px;
  overflow-y: auto;
  padding-right: 8px;
  margin-right: -8px;
}
.project__header {
  font-size: 16px;
  padding: 16px 16px 8px;
  font-weight: 700;
  color: #0f79eb;
}
.project__row,
.project__row--add {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 8px 16px;
  border-bottom: 1px solid #fff;
  outline: 0 !important;
}
.project__row--add:hover {
  background-color: rgba(238, 241, 245, 0.8);
  border-radius: 8px;
  border-bottom: 1px solid #dee2e6;
  cursor: pointer;
  text-decoration: none;
}
.project__row--add:focus {
  text-decoration: none;
}
.project__row:hover > .project__name,
.project__row--add:hover > .project__name {
  font-weight: 700;
}
.btn-green--list .plus-svg {
  stroke: #12a771;
  stroke-opacity: 1;
  stroke-width: 2px;
  margin-top: 2px;
}
.project__row:hover .plus-svg,
.project__row--add:hover .plus-svg {
  stroke: #191a1d;
}
.project__input {
  width: 80px;
  margin-right: 10px;
}
.project-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.project-info__title {
  margin-right: 5px;
}
.project-info__text {
  color: #000000;
  font-weight: 700;
  margin-left: 5px;
  letter-spacing: 0.4px;
}
.project__name {
  font-size: 15px;
  letter-spacing: 0.1px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  min-width: 0;
  max-width: 100%;
  padding-right: 10px;
  color: #191a1d;
}
.project__name--header {
  font-size: 16px;
  font-weight: 400;
  opacity: 0.5;
}
.project__number {
  width: 32px;
  font-weight: 700;
  color: #04a46c;
  font-size: 16px;
}
.project__number > i {
  color: #babfc3;
}
.project__name > span {
  color: #787f87;
}
.project__time,
.project__time--edit,
.project__time-total {
  width: 80px;
  margin-right: 10px;
  text-align: center;
  font-weight: 600;
  font-size: 15px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.project__time--edit {
  border: 1px solid #ced4da;
  border-radius: 4px;
}
.project__time--edit:hover,
.project__time--edit:focus,
.project__time--edit:visited {
  text-decoration: none;
}
.project__time--edit:hover {
  border-color: #428ac7;
}
.project__time,
.project__time--edit {
  color: #0f79eb;
}
.project__time-total {
  margin-right: 40px;
}
.project__input {
  width: 80px;
  margin-right: 10px;
}
.project__input > input {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.5;
  color: #0f79eb;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  text-align: center;
}
.project__search {
  padding-left: 16px;
  padding-right: 16px;
  width: calc(100% - 16px);
}
.project__search input {
  padding-bottom: 8px;
  border-width: 0 0 1px 0;
  border-radius: 0;
  border-color: #e5e5e5;
  height: 44px;
  min-height: 44px;
  font-size: 15px;
  padding-left: 0px !important;
  margin-bottom: 16px;
  box-shadow: none;
}
.work-time-modal {
  z-index: 1039 !important;
}
.modal-backdrop.in:nth-of-type(even) {
  z-index: 1038 !important;
}
.project-modal .modal-dialog-center {
  margin-right: 250px;
  margin-top: 20vh;
  max-width: 500px;
}
@media only screen and (max-width: 1000px) {
  .project-modal .modal-dialog-center {
    margin-right: auto;
  }
}
.project-time {
  max-width: 250px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
}
.project-time .glyphicon-chevron-up,
.project-time .glyphicon-chevron-down {
  color: #8ecbff !important;
}
.project-time .timepicker-hour,
.project-time .timepicker-minute,
.project-time .timepicker .separator {
  font-size: 26px !important;
  font-family: "LatoLatin", "Helvetica", sans-serif;
  font-weight: 700;
  color: #016cc7;
}
.project-time td {
  padding: 0px !important;
}
.project__text {
  font-size: 15px;
}
.project__comment {
  max-width: 100%;
}
.btn-white {
  color: #939495;
  background: white !important;
}
.btn-white:hover,
.btn-white:active,
.btn-white:focus {
  background: #f2f3f6 !important;
  box-shadow: none;
}
.btn-white svg {
  margin-top: 5px;
}
.btn-white .dot-bg {
  fill: #939495;
}
.btn-white:hover,
.btn-white:active {
  background: #eef0f5;
}
.btn-white:hover .dot-bg {
  fill: #0f79eb;
}
.btn-link-modal {
  color: #676868;
}
.btn-link-modal:hover {
  color: #016cc7;
}
.btn-link-modal:active {
  box-shadow: none;
}
@-webkit-keyframes cookieanim {
  from {
    bottom: -90px;
  }
  to {
    bottom: 0px;
  }
}
@keyframes cookieanim {
  from {
    bottom: -90px;
  }
  to {
    bottom: 0;
  }
}
.cookie-show {
  animation-name: cookieanim;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  animation-duration: 1s;
}
.cookie-info {
    position: fixed;
    bottom: 0;
    left: 0;
    font-size: 14px;
    border-radius: 4px;
    width: 100%;
    min-height: 40px;
    padding: 12px 12px;
    background-color: #FCFAF9;
    color: #1e1e1e;
    z-index: 10000;
    -webkit-box-shadow: 0 5px 45px 0 rgba(30, 30, 30, 0.12);
    box-shadow: 0 5px 45px 0 rgba(30, 30, 30, 0.12);
}
.cookie-info > span > a {
  color: #1e1e1e;
}
.cookie-info__text {
  margin-right: 30px;
  margin-left: 30px;
}
@include media-breakpoint-down(sm) {
  margin: 0px 0px 15px;
}
.cookie-info__buttons {
  display: flex;
  flex-wrap: nowrap;
}
.cookie-info__btn-accept {
    background-color: #FCFAF9;
    border-color: #1e1e1e;
    color: #1e1e1e;
    font-weight: 500;
    border-radius: 30px;
    padding: 12px 24px;
    transition: all 0.35s cubic-bezier(.4, 0, .2, 1);
}
    .cookie-info__btn-accept:hover {
        color: #FCFAF9 !important;
        background-color: #1e1e1e;
        border-color: #1e1e1e;
    }
.cookie-info__btn-accept:focus {
  box-shadow: none;
}
.cookie-info__btn-info {
  text-decoration: underline;
  color: #1e1e1e;
  padding: 12px 24px;
}
    .cookie-info__btn-info:hover {
        color: #1e1e1e;
        text-decoration: none;
    }
.cookie-info__btn-info:focus {
  box-shadow: none;
}
@media (max-width: 767.98px) {
  .cookie-info__text {
    margin: 0px 0px 15px;
  }
}
.bg--w {
  background-color: #fff;
}
.background-info-message .app-description_m {
  background-color: #f0f0f3 !important;
  padding-bottom: 0px;
}
#category_list.no-background {
  background-color: #f0f0f3 !important;
  padding-bottom: 10px;
}
.k-checkbox {
    margin: 0 !important;
    border-color: #cdcdcd !important;
}
.k-checkbox:checked:disabled {
    background-color: #c1d3fa !important;
    border-color: #c1d3fa !important;
}
.k-checkbox, .k-checkbox::before {
    width: 18px !important;
    height: 18px !important;
    box-shadow: none !important;
}
.k-checkbox:checked {
    border-color: #007bff !important;
}
.k-switch, .k-switch-container {
    width: 44px !important;
    height: 24px;
    box-shadow: none !important;
    border-color: #cdcdcd !important;
}
.k-switch-handle {
    top: -3px;
    width: 18px !important;
    height: 18px !important;
}
.k-switch-on .k-switch-handle {
    left: calc(100% - 18px) !important;
}
.k-switch-on .k-switch-container {
    border-color: #007bff !important;
}
.k-input,
.k-calendar,
.k-dateinput,
.k-datepicker,
.k-datetimepicker,
.k-timepicker,
.k-dropdown,
.k-dropdowntree,
.k-grid,
.k-popup,
.k-group-header,
.k-item,
.k-list-optionlabel,
.k-button,
.k-textbox {
    font-family: "LatoLatin", "Helvetica", sans-serif !important;
}
.k-list .k-item.k-first {
    margin-top: 16px;
    padding-top: 3px;
}
.k-list .k-item.k-first .k-group {
	top: -16px !important;
	left: 0;
	right: auto !important;
    padding: 0 6px !important;
    margin: 0 !important;
	pointer-events: none;
	font-size: 8px !important;
	font-weight: 700;
    min-height: 16px !important;
    display: flex;
    align-items: center;
    padding: 0 6px;
}
.k-list .k-item.k-first .k-group:before {
    left: 100% !important;
    top: 0 !important;
    border-left: 0 !important;
    border-bottom: 0 !important;
    border-top: 16px solid #212529 !important;
	border-right: 16px solid transparent !important;
}
.k-list .k-item.k-first:before {
	top: -16px !important;
}
.k-group-header {
    color: #f2f3f6 !important;
    background-color: #212529;
    padding: 0 6px !important;
    font-size: 8px !important;
    line-height: 1rem;
    background-color: #212529;
    text-transform: uppercase;
    border-width: 0 !important;
    margin: 0 !important;
    position: relative;
    max-width: max-content;
    font-weight: 700 !important;
    min-height: 16px !important;
    display: flex;
    align-items: center;
}
.k-group-header:before {
	content: '';
	border-top: 16px solid #212529 !important;
	border-right: 16px solid transparent !important;
	width: 0;
	height: 0;
	position: absolute;
	left: 100% !important;
	top: 0 !important;
}

.k-button,
.k-button-group .k-button.k-state-disabled:not(.k-state-active),
.k-button-group.k-state-disabled .k-button:not(.k-state-active),
.k-colorpicker .k-picker-wrap,
.k-combobox .k-select,
.k-dateinput .k-select,
.k-datetimepicker .k-select,
.k-timepicker .k-select,
.k-dropdown .k-dropdown-wrap,
.k-dropdowntree .k-dropdown-wrap,
.k-editor-toolbar a.k-tool,
.k-fieldselector .k-list li.k-item,
.k-gantt-views li,
.k-grouping-header .k-group-indicator,
.k-handle,
.k-list-container .k-nodata .k-button,
.k-map .k-navigator,
.k-numerictextbox .k-select,
.k-pivot-toolbar .k-button,
.k-scheduler-footer li,
.k-spreadsheet-filter,
.k-task-single,
.k-timepicker .k-select,
.k-datepicker > .k-picker-wrap.k-state-default,
.k-timepicker > .k-picker-wrap.k-state-default {
  border-radius: 3px !important;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05) !important;
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05) !important;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05) !important;
  color: #016cc7 !important;
  border-color: #cdcdcd !important;
  background-color: #fff !important;
  font-weight: 400 !important;
  font-size: 14px !important;
}
.k-action-buttons .k-button:hover,
.k-button.k-state-hover,
.k-button:hover,
.k-colorpicker .k-select.k-state-hover,
.k-colorpicker .k-select:hover,
.k-colorpicker .k-state-hover,
.k-colorpicker .k-tool-icon.k-state-hover,
.k-colorpicker .k-tool-icon:hover,
.k-combobox .k-state-hover .k-select,
.k-combobox > :hover .k-select,
.k-dateinput .k-state-hover .k-select,
.k-datetimepicker .k-state-hover .k-select,
.k-dropdown .k-state-hover,
.k-dropdown > :hover,
.k-dropdowntree .k-dropdown-wrap.k-state-hover,
.k-dropdowntree .k-dropdown-wrap:hover,
.k-editor-toolbar a.k-tool.k-state-hover,
.k-editor-toolbar a.k-tool:hover,
.k-fieldselector .k-list li.k-item.k-state-hover,
.k-fieldselector .k-list li.k-item:hover,
.k-gantt-views li.k-state-hover,
.k-ghost-splitbar,
.k-handle:hover,
.k-numerictextbox .k-state-hover .k-select,
.k-pivot-toolbar .k-button.k-state-hover,
.k-pivot-toolbar .k-button:hover,
.k-scheduler-footer li:hover,
.k-spreadsheet-filter:hover,
.k-datepicker > .k-picker-wrap.k-state-default:hover,
.k-timepicker > .k-picker-wrap.k-state-default:hover {
  border-radius: 3px !important;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05) !important;
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05) !important;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05) !important;
  color: #016cc7 !important;
  border-color: #428ac7 !important;
  background-color: #fff !important;
  font-weight: 400 !important;
  font-size: 14px !important;
}
.k-action-buttons .k-button:active,
.k-button-group > input[type="radio"]:checked + .k-button,
.k-button-group > input[type="checkbox"]:checked + .k-button,
.k-button.k-state-active,
.k-button.k-state-selected,
.k-button:active,
.k-colorpicker .k-state-active,
.k-combobox .k-state-active .k-select,
.k-dateinput .k-link.k-state-selected,
.k-datetimepicker .k-state-active .k-select,
.k-dropdown .k-state-active,
.k-editor-toolbar a.k-tool.k-state-active,
.k-editor-toolbar a.k-tool.k-state-selected,
.k-editor-toolbar a.k-tool:active,
.k-fieldselector .k-list li.k-item.k-state-active,
.k-fieldselector .k-list li.k-item:active,
.k-gantt-views li.k-state-selected,
.k-numerictextbox .k-link.k-state-selected,
.k-pivot-toolbar .k-button.k-state-active,
.k-pivot-toolbar .k-button:active,
.k-spreadsheet-filter.k-state-active,
.k-datepicker > .k-picker-wrap.k-state-default:active,
.k-timepicker > .k-picker-wrap.k-state-default:active {
  border-radius: 3px !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  color: #016cc7 !important;
  background-color: #fff !important;
  border-color: #428ac7 !important;
  font-weight: 400 !important;
  font-size: 14px !important;
}
.k-icon {
  color: #111 !important;
  font-size: 14px !important;
}
.k-icon.k-i-sort-asc-sm,
.k-icon.k-i-sort-desc-sm {
  color: #007bff !important;
}
.k-list .k-item {
  font-weight: 400 !important;
}
.k-list .k-item,
.k-list-optionlabel {
  transition-property: none !important;
  box-shadow: none !important;
  font-size: 14px !important;
  padding: 3px 20px !important;
}
.k-button.k-state-active,
.k-list-container .k-button:active,
.k-list-optionlabel.k-state-selected,
.k-menu-group .k-item.k-state-selected,
.k-menu.k-context-menu .k-item.k-state-selected,
.k-spreadsheet-popup .k-button.k-state-active,
.k-spreadsheet-popup .k-button.k-state-selected,
.k-spreadsheet-popup .k-button:active {
  background-color: #ddd !important;
  color: #262626 !important;
}
.k-column-menu .k-menu:not(.k-context-menu) .k-item.k-state-selected,
.k-list .k-item.k-state-selected,
.k-list-container .k-button.k-state-active,
.k-list-container .k-button:active,
.k-list-optionlabel.k-state-selected,
.k-menu-group .k-item.k-state-selected,
.k-menu.k-context-menu .k-item.k-state-selected,
.k-spreadsheet-popup .k-button.k-state-active,
.k-spreadsheet-popup .k-button.k-state-selected,
.k-spreadsheet-popup .k-button:active {
  background-color: #ddd !important;
  color: #262626 !important;
}
.k-column-list-item:hover,
.k-column-menu .k-menu:not(.k-context-menu) .k-item.k-state-hover,
.k-column-menu .k-menu:not(.k-context-menu) .k-item:hover,
.k-columnmenu-item:hover,
.k-list .k-item.k-state-hover,
.k-list .k-item:hover,
.k-list-container .k-button.k-state-hover,
.k-list-container .k-button:hover,
.k-list-optionlabel.k-state-hover,
.k-list-optionlabel:hover,
.k-menu-group .k-item.k-state-hover,
.k-menu-group .k-item:hover,
.k-menu.k-context-menu .k-item.k-state-hover,
.k-menu.k-context-menu .k-item:hover,
.k-spreadsheet-filter-menu > .k-menu .k-item.k-state-hover,
.k-spreadsheet-filter-menu > .k-menu:not(.k-context-menu) .k-item.k-state-hover,
.k-spreadsheet-popup .k-button.k-state-hover,
.k-spreadsheet-popup .k-button:hover {
  background-color: #5259a5 !important;
  color: #fff !important;
}
.k-list-container {
    border-radius: 4px;
}
.k-list-container.k-state-border-up {
    margin-top: 2px;
}
.k-list-container .k-list-filter {
    padding: 4px 8px 8px;
}
.k-list-container .k-list-filter > .k-textbox {
    padding-left: 8px !important;
}
.k-list-container .k-list-filter > .k-textbox:focus {
    border-color: #4e55a0 !important;
}
.k-input.k-textbox,
.k-textarea,
.k-textbox {
    border-radius: 3px !important;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05) !important;
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05) !important;
    color: #016cc7 !important;
    border-color: #cdcdcd !important;
    background-color: #fff !important;
    font-weight: 400 !important;
    font-size: 14px !important;
}
.k-input.k-textbox.k-state-hover,
.k-input.k-textbox:hover,
.k-textarea.k-state-hover,
.k-textarea:hover,
.k-textbox.k-state-hover,
.k-textbox:hover {
  border-radius: 3px !important;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05) !important;
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05) !important;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05) !important;
  color: #016cc7 !important;
  border-color: #428ac7 !important;
  background-color: #fff !important;
  font-weight: 400 !important;
  font-size: 14px !important;
}
.k-input.k-textbox.k-state-focused,
.k-input.k-textbox:focus,
.k-textarea.k-state-focused,
.k-textarea:focus,
.k-textbox.k-state-focused,
.k-textbox:focus {
  border-radius: 3px !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  color: #016cc7 !important;
  background-color: #fff !important;
  border-color: #428ac7 !important;
  font-weight: 400 !important;
  font-size: 14px !important;
}
.k-input,
.k-textbox {
  font-size: 14px !important;
  line-height: 20px !important;
  height: auto !important;
  padding: 6px 8px 6px 12px !important;
  font-weight: 400 !important;
  color: #016cc7 !important;
}
.k-dateinput .k-select,
.k-datepicker .k-select,
.k-datetimepicker .k-select,
.k-timepicker .k-select {
  border-color: #e4e7eb !important;
  color: #212529 !important;
  background-color: #e4e7eb !important;
  padding: 0 8px !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.k-dropdown .k-dropdown-wrap .k-select,
.k-dropdowntree .k-dropdown-wrap .k-select {
  padding: 0.375rem 8px 0.375rem 0 !important;
}
.k-list-optionlabel {
  box-shadow: none;
}
.k-popup {
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18) !important;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18) !important;
}
.k-command-cell {
  white-space: nowrap;
}
.k-button {
  gap: 0 !important;
  border: none !important;
  align-items: center !important;
}
.k-button > .k-icon + .k-button-text {
  margin-left: 5px;
}
.k-scheduler-navigation.k-button-group .k-button,
.k-scheduler-footer .k-button,
.k-scheduler-views > .k-button {
  font-size: 13px !important;
  background-color: #e4e7eb !important;
  color: #212529 !important;
  box-shadow: none !important;
}
.k-scheduler-navigation.k-button-group .k-button > .k-button-text,
.k-scheduler-footer .k-button > .k-button-text,
.k-scheduler-views > .k-button > .k-button-text {
  color: #212529 !important;
}
.k-scheduler-navigation.k-button-group .k-button:hover,
.k-scheduler-footer .k-button:hover,
.k-scheduler-views > .k-button:hover {
  background-color: #c6cdd5 !important;
}
.k-scheduler-views.k-button-group > .k-button,
.k-scheduler-navigation.k-button-group > .k-button {
  border-radius: 0 !important;
}
.k-scheduler-views.k-button-group > .k-button:first-child,
.k-scheduler-navigation.k-button-group > .k-button:first-child {
  border-top-left-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
}
.k-scheduler-views.k-button-group > .k-button:last-child,
.k-scheduler-navigation.k-button-group > .k-button:last-child {
  border-top-right-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
}
.k-scheduler-views.k-button-group > .k-button.k-state-selected,
.k-scheduler-navigation.k-button-group > .k-button.k-state-selected {
  background-color: #c6cdd5 !important;
}
.k-numerictextbox .k-select {
  border: none !important;
  box-shadow: none !important;
}
.k-datepicker > .k-picker-wrap > .k-select:hover,
.k-timepicker > .k-picker-wrap > .k-select:hover {
  background-color: #c6cdd5 !important;
}
.k-numerictextbox .k-select > .k-link {
  background-color: #e4e7eb !important;
}
.k-numerictextbox .k-select > .k-link:hover {
  background-color: #c6cdd5 !important;
}
.k-numerictextbox .k-select > .k-link > span {
  font-size: 13px !important;
}
.k-numerictextbox .k-select > .k-link.k-state-selected {
  border-radius: 0 !important;
}
.black-week {
  background-color: #1e2952;
  color: #fff;
  position: relative;
  display: flex;
  padding: 8px 25px;
  min-height: 50px;
}
.black-week > div {
  position: relative;
  z-index: 1;
}
.black-week__baner {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
  row-gap: 12px;
}
@media only screen and (max-width: 520px) {
  .black-week__baner {
    gap: 16px;
  }
}
.black-week__baner-header {
  font-weight: 800;
  font-size: 30px;
  letter-spacing: 0.3px;
  line-height: 28px;
}
.black-week__baner-btn,
.black-week__baner-btn:focus {
  background-color: #34c537;
  border: none;
  padding: 8px 25px 6px;
}
.black-week__baner-btn > span,
.black-week__baner-btn:focus > span {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #fff !important;
}
.black-week__baner-btn:hover,
.black-week__baner-btn:active {
  background-color: #218838 !important;
}
.black-week__baner-text {
  font-weight: 600;
  font-size: 22px;
  padding-left: 48px;
}
@media only screen and (max-width: 1180px) {
  .black-week__baner-text {
    display: none;
  }
}
.black-week__baner-close,
.black-week__baner-close:focus {
  font-size: 30px;
  justify-self: flex-end;
  right: 30px;
  padding-left: 16px !important;
  margin-left: auto;
  text-shadow: none;
  color: #626a86;
  font-weight: bold;
  opacity: 1;
}
.black-week__baner-close:hover,
.black-week__baner-close:focus:hover,
.black-week__baner-close:active,
.black-week__baner-close:focus:active {
  color: #787e98;
  opacity: 1;
}
.black-week:after {
  position: absolute;
  content: "";
  background: url(https://s3.eu-central-1.amazonaws.com/hrnest/img/pricing/blackweek_bg1.png) left top no-repeat;
  border-top-left-radius: 0.2rem;
  background-size: cover;
  width: 803px;
  height: 100%;
  top: 0px;
  left: -370px;
}
@media only screen and (max-width: 500px) {
  .black-week:after {
    width: 700px;
  }
}
.black-week-modal {
  background-color: rgba(30, 41, 82, 0.3) !important;
}
.black-week-modal .modal-dialog {
  min-width: 950px;
}
@media (max-width: 1000px) {
  .black-week-modal .modal-dialog {
    min-width: 750px;
  }
}
@media (max-width: 780px) {
  .black-week-modal .modal-dialog {
    min-width: 100%;
    margin: 0;
  }
}
.black-week-modal .modal-content {
  text-align: center;
}
.black-week-modal .modal-content {
  background-color: #1e2952;
  border-radius: 5px;
  min-height: 300px;
  box-shadow: none !important;
}
.black-week-modal .modal-content:after {
  position: absolute;
  content: "";
  background: url(https://s3.eu-central-1.amazonaws.com/hrnest/img/pricing/blackweek_bg1.png) left top no-repeat;
  border-top-left-radius: 0.2rem;
  background-size: contain;
  width: 86%;
  height: 230px;
  top: 0px;
  left: 0px;
}
@media only screen and (max-width: 500px) {
  .black-week-modal .modal-content:after {
    width: 90%;
  }
}
.black-week-modal__header {
  color: #fff;
  font-weight: 900;
  font-size: 80px;
  text-align: center;
  margin: 0 30px 0;
  position: relative;
  z-index: 1;
  line-height: 84px;
}
@media (max-width: 500px) {
  .black-week-modal__header {
    font-size: 70px;
  }
}
.black-week-modal__header-sec {
  color: #fff;
  font-weight: 700;
  font-size: 34px;
  text-align: center;
  width: 100%;
  position: relative;
  z-index: 1;
  padding: 20px 20px 0;
  letter-spacing: 0.3px;
}
@media (max-width: 500px) {
  .black-week-modal__header-sec {
    font-size: 30px;
  }
}
.black-week-modal__btn {
  font-size: 22px;
  font-weight: 700;
  margin: 30px auto;
  padding: 17px 65px 15px !important;
}
@media (max-width: 500px) {
  .black-week-modal__btn {
    font-size: 20px;
    padding: 17px 25px 15px !important;
  }
}
.black-week-modal__description {
  color: #fff;
  font-size: 15px;
  position: relative;
  z-index: 1;
  text-align: center;
  margin: 10px auto 30px;
  max-width: 90%;
}
.black-week-modal .close,
.black-week-modal .close:focus {
  font-size: 40px;
  justify-self: flex-end;
  right: 30px;
  padding-left: 16px !important;
  margin-left: auto;
  text-shadow: none;
  color: #626a86 !important;
  font-weight: bold;
  opacity: 3;
}
.black-week-modal .close:hover,
.black-week-modal .close:focus:hover,
.black-week-modal .close:active,
.black-week-modal .close:focus:active {
  color: #787e98 !important;
  opacity: 1;
}
.black-week-modal .modal-header {
  border-width: 0 !important;
}
.dashboard__change {
  font-size: 15px;
  line-height: 15px;
  color: #5b5b5b;
  display: flex;
  align-items: center;
  gap: 12px;
}
.dashboard-link {
  cursor: default;
}
.dashboard-btn {
  width: 44px;
  min-height: 24px;
  height: 24px;
  border-width: 0px !important;
  background-color: #808297;
  border-radius: 24px;
  position: relative;
  padding: 0;
  margin: 0 !important;
  display: flex !important;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden !important;
}
.dashboard-btn > div {
  width: 20px;
  height: 20px;
  background-color: #fff;
  margin: 2px;
  border-radius: 50%;
  box-shadow: 0px 3px 6px #0000002e;
}
.dashboard-btn.dashboard-active {
  justify-content: flex-end;
  background-color: #02c17e;
}
.menu__modal > .modal-dialog .menu__main-link,
.menu__modal > .modal-dialog .menu__main-link,
.menu__modal > .modal-dialog .menu__settings-link,
.menu__language-mobile > button {
  text-align: left;
}
.menu__mobile .btn-action {
  text-align: center !important;
}
.dashboard-beta {
  background-color: rgba(30, 41, 82, 0.3) !important;
}
.dashboard-beta .modal-header {
  border-bottom: none;
}
.dashboard-beta .modal-content {
  box-shadow: none;
  border-radius: 0;
}
.dashboard-beta .modal-body {
  margin-top: -20px;
  padding: 0 40px 40px;
}
.dashboard-beta__header {
  font-size: 24px;
  line-height: 26px;
  font-weight: 700;
  color: #191a1d;
  padding-bottom: 16px;
  margin-bottom: 24px;
  border-bottom: 2px solid #f2f2f2;
}
.dashboard-beta__title {
  font-size: 16px;
  line-height: 30px;
  padding-bottom: 8px;
  font-weight: 700;
  color: #191a1d;
}
.dashboard-beta__description,
.dashboard-beta__description-link {
  color: #5b5b5b;
  line-height: 26px;
}
.dashboard-beta__description {
  margin-bottom: 24px;
}
.dashboard-beta__team {
  font-size: 16px;
  font-style: italic;
  color: #191a1d;
  margin-top: 24px;
  line-height: 19px;
}
.dashboard-beta__img {
  box-shadow: 0px 4px 20px #00000029;
  margin-bottom: 24px;
}
.dashboard-beta__link {
  color: #007bff;
}
.dashboard-beta .close,
.dashboard-beta .close:focus {
  font-size: 30px;
  justify-self: flex-end;
  right: 30px;
  padding-left: 16px !important;
  margin-left: auto;
  text-shadow: none;
  color: #dfe0e4 !important;
  font-weight: bold;
  opacity: 3;
}
.dashboard-beta .close:hover,
.dashboard-beta .close:focus:hover,
.dashboard-beta .close:active,
.dashboard-beta .close:focus:active {
  color: #787e98 !important;
  opacity: 1;
}
@media only screen and (min-width: 700px) {
  .dashboard-beta .modal-content {
    min-width: 640px;
  }
}
@media only screen and (max-width: 500px) {
  .k-widget.k-window.k-dialog {
    width: 100% !important;
  }
}
@media only screen and (max-width: 400px) {
  #editOrCreateWorkTimeRecordDialogModal .col-xs-6 {
    width: 100% !important;
  }
  #editOrCreateWorkTimeRecordDialogModal > form > div > div.col-xs-6 > span {
    width: 100% !important;
  }
}
.l-subpage {
  padding: 24px;
}
.title > h1 {
  font-family: "LatoLatin", "Helvetica", sans-serif;
  font-size: 24px;
  font-weight: 600;
  margin: 0 0 48px;
}
.settings {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(306px, 1fr));
  gap: 24px;
}
.settings__box {
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.05);
  border: 1px solid #dddde4;
  border-radius: 3px;
  background-color: #fff;
}
.settings__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 16px;
  box-shadow: 0px 1px 2px #00000029;
  border-radius: 3px 3px 0px 0px;
}
.settings__header-text {
  font-size: 20px;
  line-height: 26px;
  color: #1e2952 !important;
}
.settings__header-img {
  width: 40px;
  height: 40px;
}
.settings__header--dark {
  background-color: #323658;
}
.settings__header--dark .settings__header-text {
  color: #fff !important;
}
.settings__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: calc(100% - 72px);
  margin: 8px 0;
}
.settings__description {
  padding: 8px 16px;
  color: #191a1d;
  opacity: 0.6;
  font: italic normal normal 12px/24px Lato;
}
.settings__list {
  padding: 0;
  margin: 0;
  list-style: none;
}
.settings__list-link,
.settings__link {
  padding: 16px;
  font-size: 14px;
  line-height: 16px;
  display: block;
}
.settings__list-link:hover,
.settings__link:hover,
.settings__list-link:focus,
.settings__link:focus {
  background-color: rgba(240, 240, 243, 0.4);
}
.settings__list-link {
  color: #191a1d;
  position: relative;
}
.settings__list-link:after {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  content: "\f105";
  position: absolute;
  font-size: 22px;
  width: 22px;
  height: 22px;
  text-align: center;
  margin-top: -3px;
  right: 16px;
  opacity: 0.48;
}
.settings__list-link:hover,
.settings__list-link:focus {
  color: #0f7aec;
  text-decoration: none;
}
.settings__list-link:hover:after,
.settings__list-link:focus:after {
  opacity: 1;
}
.settings__link {
  color: #0f7aec;
}
.settings__link:hover,
.settings__link:focus {
  color: #0f7aec;
}




.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}


:root {
    --clr-primary: hsl(208, 88%, 47%);
    --clr-success: hsl(159, 99%, 32%);
    --clr-bg: hsl(225, 18%, 96%);
    --clr-bg-l: hsl(0, 100%, 100%);
}

body {
    --fs-400: 14px;
    --spacing-300: 8px;
    --spacing-400: 16px;
    --spacing-500: 24px;
    --spacing-600: 36px;
    --spacing-700: 48px;
}





.header-buttons__add {
    padding: 6px 16px !important;
    position: relative;
    background: #0e7fe3;
    background: linear-gradient( 180deg, #40a6ff 0%, #0e7fe3 100%);
    border: none;
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    min-height: 34px;
    display: flex;
    align-items: center;
    margin-left: 0px;
    border-radius: 4px;
    font-weight: 600;
    text-transform: capitalize;
    box-shadow: none;
}

.header-buttons__add:hover {
    color: #fff;
    background: linear-gradient( 180deg, #40a6ff 0%, #40a6ff 100%);
}

.header-buttons__add:active {
    background: linear-gradient(180deg, #0e7fe3 0%, #0e7fe3 100%);
}

.dropdown-menu--documents {
    margin-left: 0;
    border: 1px solid #d6dbe0;
    border-radius: 5px;
    box-shadow: 0px 10px 20px 0px rgb(0 36 80 / 15%);
}

.dropdown-menu--documents > li > a {
    padding: 12px 24px 12px 26px !important;
    line-height: 21px;
}

.menu__top {
    margin-bottom: 0 !important;
    grid-gap: 8px;
}

.notification-icon {
    padding: 8px;
}

.language-icon > button {
    border-width: 0;
}

@media (max-width: 991px) {
    .notification-icon, .messages-icon, .contact-icon, .language-icon {
        display: none;
    }
    .header-user {
        margin-right: 8px !important;
    }
}
.messages-icon {
    padding: 8px;
}
.messages-icon > div > i {
    padding: 0 !important;
}

.modal-fixed-left--60vw > .modal-dialog > .modal-content {
    border-radius: 0;
    height: 100%;
    overflow-y: auto;
}

.mobile-menu-main .modal-header {
    margin-left: 0px !important;
    padding: 24px 16px 24px 34px !important;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
}
    .mobile-menu-main .modal-header:before, .mobile-menu-main .modal-header:after {
        display: none;
    }


.mobile-menu-main .modal-header > h5 {
    background-color: #323658 !important;
    color: #fff;
    border-width: 0;
    border-radius: 0;
    font-size: 24px;
    font-weight: 700;
}




@media (min-width: 576px) {
    .mobile-menu-main .modal-dialog {
        max-width: 500px;
    }
}


.mobile-menu-main > .modal-dialog {
    margin: 0px;
    
}




.modal-body > .menu__mobile {
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
    overflow-y: hidden;
    height: max-content;
    justify-content: flex-start;
    max-width: 100%;
}

.modal-header .close {
    padding: 0;
    width: 36px;
    height: 36px;
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.5;
}

.close svg {
    width: 18px;
}

.close .close-color--white {
    outline: 0;
    fill: none;
    stroke: white;
    stroke-width: 3;
    stroke-miterlimit: 10;
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 0 solid rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    box-shadow: 0 0.5rem 0.5rem rgb(0 0 0 / 20%);
    outline: 0;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 12px 24px;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

.dropdown-item:active {
    text-decoration: none;
}

.mobile-menu__btn-add {
    border-width: 0px;
    background: #0e7fe3;
    background: linear-gradient( 180deg, #40a6ff 0%, #0e7fe3 100%);
}

.mobile-menu__modal-add.modal.in + .mobile-menu__btn-add > svg {
    transform: rotate( 135deg);
}

.mobile-menu__modal-add.modal.show + .mobile-menu__btn-add {
    z-index: 1041;
}

.mobile-menu__btn-add > svg, .mobile-menu__btn-add:focus > svg {
    width: 18px;
    height: 18px;
    transition: all 0.3s ease-out;
    fill: none;
    stroke: #FFFFFF;
    stroke-linecap: round;
    stroke-width: 2;
    stroke-miterlimit: 10;
    display: inline-block;
}

.dropdown-menu .divider {
    height: 0 !important;
    margin: 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef !important;
}

@keyframes show-btn-add-top {
    0% {
        bottom: 64px;
        opacity: 0;
    }

    100% {
        bottom: 84px;
        opacity: 1;
    }
}

.mobile-menu__modal-add.fade .modal-dialog {
    transform: translate(0, 0);
    animation: show-btn-add-top 0.25s ease-out 0s 1 forwards normal running;
}

.mobile-menu__modal-add.modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
}


.modal-fixed, .modal-fixed-left--60vw, .modal-fixed-right {
  padding-right: 0 !important;
}
.modal-fixed > .modal-dialog, .modal-fixed-left--60vw > .modal-dialog, .modal-fixed-right > .modal-dialog {
  height: 100%;
  margin: 0;
}
.modal-fixed > .modal-dialog > .modal-content, .modal-fixed-left--60vw > .modal-dialog > .modal-content, .modal-fixed-right > .modal-dialog > .modal-content {
  border-radius: 0;
  height: 100%;
  overflow-y: auto;
}

.modal-fixed-left--60vw .modal-dialog {
  min-width: 60vw;
  margin-right: auto;
}
.modal-fixed-left--60vw.fade .modal-dialog {
  -webkit-transform: translateX(-100%);
  transform: translateX(-30px);
}
.modal-fixed-left--60vw.in .modal-dialog {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.modal-fixed-left--60vw .modal-content {
  overflow-y: auto;
}

@media (min-width: 992px) {
  .modal-fixed-left--60vw {
    display: none !important;
  }
}

.modal-fixed-left--60vw.fade .modal-dialog {
    transition: transform 0.3s ease-out;
}




.l-body {
    display: grid;
    grid-template-rows: 60px 1fr;
    grid-template-columns: 100%;
    grid-template-areas: "header" "alerts" "main";
    padding-bottom: 70px;
}

@media (min-width: 992px) {
    .l-body {
        grid-template-columns: 170px calc(100% - 170px);
        grid-template-areas: "sidebar header" "sidebar alerts" "sidebar main";
        padding-bottom: 0;
    }
}

@media (min-width: 1600px) {
    .l-body {
        grid-template-columns: 180px calc(100% - 180px);
    }
}

header {
    grid-area: header;
}

.l-main {
    grid-area: main;
}

.l-alerts {
    grid-area: alerts;
}

.l-sidebar {
    width: 170px;
    position: fixed;
    display: none;
    z-index: 101;
}

@media (min-width: 992px) {
    .l-sidebar {
        display: block;
    }
}

@media (min-width: 1600px) {
    .l-sidebar {
        width: 180px;
    }
}

.l-mobile-menu {
    width: 100%;
    max-width: 100vw;
    position: fixed;
    bottom: 0;
    height: 50px;
    z-index: 1030;
    background-color: #fff;
    box-shadow: 0px -15px 20px 0px rgba(0, 36, 80, 0.05);
}

@media (min-width: 992px) {
    .l-mobile-menu {
        display: none;
    }
}

.logo {
    position: relative;
    height: 59px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
}

.logo--border-right > .logo__line {
    height: 59px;
    margin-top: 0;
}

.logo__img {
    width: 115px;
    margin-right: 8px;
}

.logo__line {
    content: "";
    height: 28px;
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 16px;
    width: 1px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    border-right: 1px solid #dadbe0;
}

.menu {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 22px;
    padding-left: 6px;
    padding-right: 6px;
    overflow-y: auto;
    height: calc(100vh - 59px);
    min-height: calc(100vh - 59px);
    background-color: #323658;
    scrollbar-color: #525884 #303557;
    scrollbar-width: thin;
}

    .menu::-webkit-scrollbar {
        width: 6px;
    }

    .menu::-webkit-scrollbar-track {
        border-radius: 6px;
    }

    .menu::-webkit-scrollbar-thumb {
        background: #525884;
        border-radius: 10px;
    }

        .menu::-webkit-scrollbar-thumb:hover {
            background: #5d638f;
        }

@media (max-width: 1600px) {
    .menu {
        width: 170px;
    }
}

.menu__list {
    border-radius: 3px;
    border: 3px solid #323658;
}

.menu__item {
    display: block;
    padding: 4px 10px 4px 9px !important;
    margin: 0px 3px 10px;
    color: #edf1f7;
    font-size: 14px !important;
    line-height: 22px !important;
    border-radius: 3px;
    border: 3px solid #323658;
}

    .menu__item:hover {
        border-color: #393f65;
        background: #393f65;
        border-radius: 3px;
        color: #fff;
        text-decoration: none;
    }

.menu__img {
    margin-top: -4px;
    margin-right: 3px;
}

.menu-section {
    margin-top: 0px !important;
    margin-bottom: 7px !important;
    border-radius: 3px !important;
    border: 3px solid #323658;
}

.menu-section__list {
    width: 100%;
}

.menu-section__header {
    padding: 4px 16px 4px 10px !important;
    display: block;
    position: relative;
    border-radius: 3px;
    border: 3px solid #323658;
    font-size: 17px;
    line-height: 25px !important;
    font-weight: 600;
}

    .menu-section__header:not(.inactive):after {
        display: inline-block;
        position: absolute;
        right: 8px;
        transition: all 0.2s ease-out;
        content: "";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
    }

    .menu-section__header:hover {
        border-color: #393f65;
        background: #393f65;
        border-radius: 3px;
        color: #fff;
    }

    .menu-section__header.inactive {
        color: #545b80 !important;
    }

        .menu-section__header.inactive:hover, .menu-section__header.inactive:active {
            color: #a5add0 !important;
            -webkit-transition-duration: 0.25s;
            -o-transition-duration: 0.25s;
            transition-duration: 0.25s;
            text-decoration: none;
        }

@media (max-width: 1199.98px) {
    .menu-section__header {
        font-size: 15px;
    }
}

.menu-section__header[aria-controls=collapseLeave], .menu-section__header[aria-controls=collapseLeaveMob] {
    color: #7ed8ed;
}

    .menu-section__header[aria-controls=collapseLeave]:hover, .menu-section__header[aria-controls=collapseLeaveMob]:hover {
        color: #7ed8ed;
    }

.menu-section__header[aria-controls=collapseWorkTime], .menu-section__header[aria-controls=collapseWorkTimeMob] {
    color: #9ded9f;
}

    .menu-section__header[aria-controls=collapseWorkTime]:hover, .menu-section__header[aria-controls=collapseWorkTimeMob]:hover {
        color: #9ded9f;
    }

.menu-section__header[aria-controls=collapseBusinessTrips], .menu-section__header[aria-controls=collapseBusinessTripsMob] {
    color: #9da2f7;
}

    .menu-section__header[aria-controls=collapseBusinessTrips]:hover, .menu-section__header[aria-controls=collapseBusinessTripsMob]:hover {
        color: #9da2f7;
    }

.menu-section__header[aria-controls=collapsePersonalFile], .menu-section__header[aria-controls=collapsePersonalFileMob] {
    color: #fbf274;
}

    .menu-section__header[aria-controls=collapsePersonalFile]:hover, .menu-section__header[aria-controls=collapsePersonalFileMob]:hover {
        color: #fbf274;
    }

.menu-section__header[data-toggle=collapse]:not([aria-expanded="false"]):after {
    transform: rotate(90deg);
}

.menu-section__link {
    color: #edf1f7 !important;
    display: block;
    padding: 4px 10px 5px 16px !important;
    border-radius: 3px;
    border: 3px solid #323658;
    font-size: 14px;
    line-height: 21px;
    background: #323658 !important
}

    .menu-section__link:hover, .menu-section__link:active, menu-section__link:focus {
        border-color: #393f65 !important;
        background: #393f65 !important;
        border-radius: 3px;
        color: #fff;
    }

.menu-settings {
    margin-bottom: 22px;
    border-radius: 3px;
    border: 3px solid #323658;
}

.menu-settings__link {
    display: block;
    padding: 6px 5px 6px 12px;
    margin: 0px 6px;
    color: #bac0df;
    border-radius: 3px;
    border: 3px solid #323658;
    font-size: 14px;
    line-height: 22px;
    text-decoration: none !important;
}

    .menu-settings__link:hover {
        border-color: #393f65;
        background: #393f65;
        border-radius: 3px;
        color: #fff;
    }

.menu-settings__i {
    width: 15px;
    margin-right: 15px;
    text-align: center;
}

.header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 var(--spacing-400);
    background-color: var(--clr-bg-l);
    border-bottom: 1px solid var(--clr-bg);
}

@media (min-width: 992px) {
    .header {
        padding: 0 var(--spacing-500);
    }
}

.header-buttons {
    display: none;
}

@media (min-width: 992px) {
    .header-buttons {
        display: flex;
        align-items: center;
        gap: 32px;
    }
}

.header-buttons:hover > [aria-expanded=false] + .dropdown-menu {
    -webkit-animation: show-bottom 0.12s ease-out 0s 1 forwards normal running;
    animation: show-bottom 0.12s ease-out 0s 1 forwards normal running;
}

.header-buttons__add {
    padding-left: 1rem;
    padding-right: 1rem;
    position: relative;
}

    .header-buttons__add + .dropdown-menu {
        top: 100% !important;
        transform: none !important;
    }

    .header-buttons__add:hover {
        z-index: 1501;
    }

        .header-buttons__add:hover + .dropdown-menu {
            display: block;
        }

.dashboard__change {
    font-size: 15px;
    line-height: 15px;
    color: #5B5B5B;
    display: flex;
    align-items: center;
    gap: 12px;
}

.dashboard-btn {
    width: 44px;
    min-height: 24px;
    height: 24px;
    background-color: #808297;
    border-radius: 24px;
    position: relative;
    padding: 0;
    justify-content: flex-start;
    overflow: hidden !important;
}

    .dashboard-btn > div {
        width: 20px;
        height: 20px;
        background-color: #fff;
        margin: 2px;
        border-radius: 50%;
        box-shadow: 0px 3px 6px #0000002E;
    }

    .dashboard-btn.dashboard-active {
        justify-content: flex-end;
        background-color: #02C17E;
    }

.dashboard-item {
    margin-left: 6px;
    margin-right: 6px;
}

.notification-warning {
    color: #fa3f3f !important;
}

    .notification-warning > div {
        background-color: #fa3f3f !important;
    }

    .notification-warning > .fa.fa-bell {
        display: block !important;
    }

    .notification-warning > .fa.fa-bell-o {
        display: none !important;
    }

.header-menu {
    display: flex;
    align-items: center;
    grid-gap: var(--spacing-300);
}

.header-menu__notification, .header-menu__messages, .header-menu__contact {
    padding: var(--spacing-300);
    font-size: 21px;
    font-weight: 300;
    line-height: 1.2;
    position: relative;
    display: none;
}

@media (min-width: 992px) {
    .header-menu__notification, .header-menu__messages, .header-menu__contact {
        display: block;
    }
}

.header-menu__notification-icon > div {
    width: 14px;
    height: 14px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background: #01bafe;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    margin-top: 2px;
    font-size: 10px;
    font-weight: 700;
    color: #fff;
    position: absolute;
    right: 0px;
    top: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-menu__notification-icon > .fa.fa-bell {
    display: none;
}

.header-menu__notification-icon, .header-menu__help-icon {
    padding: 4px;
}

.header-menu__help-icon > svg {
    height: 23px;
}

.header-menu__help .svg-help1 {
    fill: #A1CAF5;
    stroke: #1C7DE9;
    stroke-width: 0.5;
    stroke-miterlimit: 10;
}

.header-menu__help .svg-help2 {
    fill: none;
    stroke: #1C7DE9;
    stroke-width: 1.0577;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

.header-menu__log-out-link {
    padding: var(--spacing-300);
    font-size: 15px;
    line-height: 20px;
}

    .header-menu__log-out-link > span {
        display: none;
    }

@media (min-width: 992px) {
    .header-menu__log-out-link > span {
        display: block;
    }
}

.header-menu__log-out-link:after {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    content: "";
    font-size: 21px;
    width: 40px;
    height: 40px;
    line-height: 22px;
}

@media (min-width: 992px) {
    .header-menu__log-out-link:after {
        display: none;
    }
}

.header-menu__language > .dropdown-toggle {
    background-color: #fff;
    color: #5b5b5b;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    display: none;
    padding: var(--spacing-300);
}

@media (min-width: 992px) {
    .header-menu__language > .dropdown-toggle {
        display: block;
    }
}

.header-menu__language > .dropdown-toggle:hover {
    color: #0f7aec;
}

.header-menu__language > .dropdown-toggle:after {
    content: none;
}

.header-user {
    position: relative;
    padding-right: 0;
    margin-right: 0;
    max-width: calc(100vw - 265px);
}

@media (min-width: 992px) {
    .header-user {
        padding-right: var(--spacing-500);
        margin-right: var(--spacing-300);
        max-width: auto;
    }
}

.header-user:after {
    content: "";
    height: 28px;
    position: absolute;
    right: 0;
    top: 6px;
    width: 1px;
    border-right: 1px solid #dadbe0;
}

@media (max-width: 991.98px) {
    .header-user:after {
        display: none;
    }
}

.header-user__content {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.header-user__name {
    margin-top: 2px;
    color: #1e1d1d;
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
}

.header-user__position {
    margin-top: -2px;
    color: #01ab6e;
    font-size: 12px;
    line-height: 18px;
}

.header-user__name, .header-user__position {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
}

@media (min-width: 992px) {
    .header-user__name, .header-user__position {
        width: max-content;
    }
}

.header-logo-mob__content {
    display: none;
}

@media (max-width: 991.98px) {
    .header-logo-mob__content {
        display: block;
    }
}

.header-logo-mob__img {
    width: 115px;
    height: 25px;
    margin-right: 8px;
}

.change-permission {
    padding: 0 15px;
}

.menu__top > #permissionForm {
    display: none;
}

nav > #permissionForm {
    margin-bottom: var(--spacing-400);
}

@media (min-width: 992px) {
    .menu__top > #permissionForm {
        display: block;
    }
}

nav > .change-permission {
    margin-bottom: var(--spacing-400);
}

.mobile-menu {
    display: flex;
    align-items: center;
    color: #505052;
    background-color: #323658;
    padding: 0 var(--spacing-400);
}

@media (min-width: 992px) {
    .mobile-menu {
        display: none;
    }
}

.mobile-menu__language {
    position: relative;
}

.contact-icon {
    padding: 8px !important;
}

.contact-icon i {
    padding: 0px !important;
}

    .notification-icon:hover, .contact-icon:hover, .messages-icon:hover, .language-icon:hover > button, #log-out-link:hover {
        color: #0f7aec !important;
    }

.mobile-menu__language .dropdown-menu {
    top: inherit;
    bottom: 36px;
}

.mobile-menu__language > button, .mobile-menu__language > button:focus {
    color: #bac0df;
    background-color: transparent;
    font-weight: 600;
}

    .mobile-menu__language > button:after {
        display: none;
    }

    .mobile-menu__language > button:hover {
        color: #fff;
    }

.mobile-menu__btn-notification {
    position: relative;
}

    .mobile-menu__btn-notification > div {
        width: 14px;
        height: 14px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        background: #01bafe;
        padding: 0;
        text-align: center;
        vertical-align: middle;
        font-size: 10px;
        font-weight: 700;
        color: #fff;
        position: absolute;
        right: 0px;
        top: 6px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .mobile-menu__btn-notification > .fa.fa-bell {
        display: none;
    }

.mobile-menu__btn-menu, .mobile-menu__btn-notification, .mobile-menu__btn-menu:focus, .mobile-menu__btn-notification:focus {
    padding: 6px var(--spacing-400);
    z-index: 1030;
    color: #bac0df;
    font-size: 20px !important;
    bottom: 1px;
    display: block;
    text-decoration: none;
}

.mobile-menu__btn-menu.btn {
    font-size: 20px !important;
    border-width: 0;
}

.mobile-menu__btn-menu:active, .mobile-menu__btn-notification:active, .mobile-menu__btn-menu:hover, .mobile-menu__btn-notification:hover {
    color: #fff;
    text-decoration: none;
}

.mobile-menu__language > button {
    border-width: 0;
}


@media (min-width: 992px) {
    .mobile-menu__btn-add, .mobile-menu__btn-add:focus {
        display: none;
    }
}

@media (max-width: 991.98px) {
    .mobile-menu__btn-add, .mobile-menu__btn-add:focus {
        display: flex;
        justify-content: center;
        align-items: center;
        position: fixed;
        bottom: var(--spacing-500);
        left: calc(100vw - 68px);
        z-index: 1037;
        padding: 10px;
        width: 52px;
        height: 52px;
        border-radius: 50%;
        -webkit-box-shadow: 0px 6px 12px 0px rgba(0, 36, 80, 0.15) !important;
        box-shadow: 0px 6px 12px 0px rgba(0, 36, 80, 0.15) !important;
        font-size: 27px;
    }

        .mobile-menu__btn-add > svg, .mobile-menu__btn-add:focus > svg {
            width: 18px;
            height: 18px;
            transition: all 0.3s ease-out;
            fill: none;
            stroke: #FFFFFF;
            stroke-linecap: round;
            stroke-width: 2;
            stroke-miterlimit: 10;
        }
}

.mobile-menu__dropdown > .dropdown-header {
    font-weight: 500;
    color: #fff;
    background-color: #0f7aec;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    margin-top: -1px;
    padding: 12px 24px;
}

.mobile-menu__dropdown > .dropdown-item {
    font-size: 14px;
    padding: 13px 24px !important;
    text-decoration: none !important;
}

    .mobile-menu__dropdown > .dropdown-item:first-child {
        border-top-left-radius: 3px;
    }

    .mobile-menu__dropdown > .dropdown-item:last-child {
        border-bottom-left-radius: 3px;
    }

.mobile-menu__modal-add .modal-content {
    box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.2);
}

.mobile-menu__dropdown > .dropdown-header {
    font-size: 14px;
}

@media (min-width: 992px) {
    .mobile-menu__modal-add {
        display: none !important;
    }
}

@media (max-width: 991.98px) {
    .mobile-menu__modal-add .modal-dialog {
        position: fixed;
        right: var(--spacing-400);
        bottom: 92px;
        transform: translate(0, 0);
        margin: 0 auto;
        max-width: 300px;
    }

    .mobile-menu__modal-add .modal-body {
        padding: 0px;
    }

        .mobile-menu__modal-add .modal-body > .modal-item:first-child {
            border-top-left-radius: 3px;
        }

        .mobile-menu__modal-add .modal-body > .modal-item:last-child {
            border-bottom-left-radius: 3px;
        }

    .mobile-menu__modal-add.fade .modal-dialog {
        transform: translate(0, 0);
        animation: show-btn-add-top 0.25s ease-out 0s 1 forwards normal running;
    }

    .mobile-menu__modal-add.modal.in + .mobile-menu__btn-add {
        z-index: 1041;
    }

        .mobile-menu__modal-add.modal.show + .mobile-menu__btn-add > svg {
            transform: rotate(135deg);
        }

    .mobile-menu__modal-add.modal.show ~ .modal-backdrop {
        z-index: 1032;
    }
}

.dropdown-divider {
    height: 0;
    margin: 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef;
}

.mobile-menu-main {
    z-index: 1111;
    max-width: 100vw;
}

@media (min-width: 992px) {
    .mobile-menu-main {
        display: none;
    }
}

.mobile-menu-main .modal-content {
    border-radius: 0;
    background-color: #323658;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    scrollbar-color: #525884 #303557;
    scrollbar-width: thin;
    overflow-x: hidden;
}

    .mobile-menu-main .modal-content::-webkit-scrollbar {
        width: 6px;
    }

    .mobile-menu-main .modal-content::-webkit-scrollbar-track {
        border-radius: 6px;
    }

    .mobile-menu-main .modal-content::-webkit-scrollbar-thumb {
        background: #525884;
        border-radius: 10px;
    }

        .mobile-menu-main .modal-content::-webkit-scrollbar-thumb:hover {
            background: #5d638f;
        }

.mobile-menu-main .modal-header {
    background-color: #323658 !important;
    color: #fff;
    border-width: 0;
    border-radius: 0;
    margin-left: 18px;
}

@media (max-width: 400px) {
    .mobile-menu-main .modal-header {
        padding: 1.5rem 1.5rem;
    }

        .mobile-menu-main .modal-header > h5 {
            font-size: 19px;
        }
}

.mobile-menu-main .modal-body {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-color: #323658;
    border-radius: 0;
}

    .mobile-menu-main .modal-body > nav {
        margin-right: auto;
    }

@media (max-width: 575.98px) {
    .mobile-menu-main .modal-body > nav {
        margin-left: auto;
        margin-right: auto;
    }
}

.mobile-menu-main .modal-body > nav .menu__section-link {
    padding: 4px 10px 5px 32px;
}

.mobile-menu-main__log-out {
    display: block;
    padding: 6px 5px 6px 12px;
    margin: 0px 12px 30px;
    color: #edf1f7;
    border-radius: 3px;
    border: 3px solid #323658;
    font-size: 0.96rem;
    text-align: center;
}

    .mobile-menu-main__log-out:hover {
        border-color: #393f65;
        background: #393f65;
        border-radius: 3px;
        color: #fff;
    }


.mobile-menu-main .menu__mobile {
    justify-content: flex-end;
    min-height: 100%;
}


@media (max-width: 991px) {
    .dataTables_wrapper {
        overflow-x: auto;
        padding-bottom: 150px;
    }

    .dataTables_wrapper .bottom {
        position: absolute;
    }

    #table {
        overflow-x: auto;
    }

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

}


.menu-section__header.leave {
    color: #7ed8ed !important;
}
.menu-section__header.worktime {
    color: #9ded9f !important;
}
.menu-section__header.businesstrips {
    color: #9da2f7 !important;
}
.menu-section__header.personalfile {
    color: #fbf274 !important;
}
.label-mob-align {
    text-align: right;
}
@media only screen and (max-width: 768px) {
    .label-mob-align {
        text-align: left;
    }
}
.modal-dialog {
    max-width: 100vw;
}
@media only screen and (max-width: 768px) {
    .modal-dialog {
        margin: 0;
    }
    .modal:not(.mobile-menu__modal-add) .modal-content {
        border-radius: 0;
        min-height: 100vh;
    }
}
.modal-header .close > span {
    color: #000 !important;
    opacity: 0.5;
}
.modal-header .close:hover > span {
    opacity: 1;
}
@media only screen and (max-width: 768px) {
    .btn-group-mob .btn-group {
        max-width: 100%;
    }
}
@media only screen and (max-width: 540px) {
    #modalFileBody table tr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 8px;
    }
    #modalFileBody #uploadFile {
        max-width: 60vw;
    }
}

.overflow-x-auto {
    overflow-x: auto;
}

@media only screen and (max-width: 768px) {
    .scroll-modal {
        overflow-y: auto !important;
    }
    .modal-bg:before {
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        background-color: #111;
        opacity: 0.5;
    }
}

@media only screen and (max-width: 768px) {
    .flex-mob-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }
}

.userlist-modal {
    max-height: 30vh;
    overflow-y: scroll;
    margin-top: 15px;
}


@media only screen and (max-width: 768px) {
    .userlist-modal {
        max-height: max-content;
        overflow-y: hidden;
    }
}


.document-preview .close,
.document-preview .btn-edit {
    display: none;
}

.document-preview .modal-content {
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
    border: 1px solid #d6d9e4;
    border-radius: 4px;
    margin: 15px 0;
}

.document-preview .modal-title {
    color: #2c348e;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
}

body .container-fluid {
    padding-bottom: 96px !important;
}

.test-account .container-fluid {
    padding-bottom: 200px !important;
}

@media only screen and (max-width: 991px) {
    #chat-widget-container {
        bottom: 80px !important;
        right: 6px !important;
        z-index: 1040 !important;
        max-height: calc(100% - 80px) !important;
    }
}


.alert {
    background-color: #fcfaf9;
}

.k-animation-container {
    display: block;
    position: fixed;
    top: 16px;
    z-index: 10050;
    opacity: 1;
    margin: 0px;
    transform: translate(-50%);
    border-radius: 0 0 .375rem .375rem;
}

.passive-alert {
    animation: show-notification-top .2s ease-out 0s 1 normal forwards running;
    left: 50% !important;
    padding: 0 16px 24px !important;
}

.alert-passive {
    border-width: 0;
}

.alert:before {
    background-color: transparent;
    background-size: 18px;
    content: "" !important;
    height: 18px;
    left: 15px;
    position: absolute;
    top: 14px;
    width: 18px;
    background-repeat: no-repeat;
}


.k-animation-container .alert--error {
    background-color: #f8eae8 !important;
}

    .k-animation-container .alert--error:before {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='%23c92519' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.429'%3E%3Ccircle cx='9.286' cy='9.286' r='9.286' transform='translate(.714 .714)'/%3E%3Cpath d='M10 5v4.286'/%3E%3Ccircle cx='.714' cy='.714' r='.714' transform='translate(9.286 12.857)'/%3E%3C/g%3E%3C/svg%3E");
    }

.k-animation-container .alert--warning {
    background-color: #fbf1ea !important;
}

    .k-animation-container .alert--warning:before {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.035' height='19.996' viewBox='0 0 20.035 19.996'%3E%3Cg fill='none' stroke='%23f72' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.43' transform='translate(.232 .209)'%3E%3Cpath d='M9.786 6.927v4.286'/%3E%3Ccircle cx='.725' cy='.725' r='.725' transform='translate(8.993 14.506)'/%3E%3Cpath d='M11.058 1.283a1.429 1.429 0 0 0-2.543 0L.656 17a1.43 1.43 0 0 0 1.272 2.072h15.717A1.43 1.43 0 0 0 18.916 17Z'/%3E%3C/g%3E%3C/svg%3E");
    }

.k-animation-container .alert--info {
    background-color: #eff4fa !important;
}

    .k-animation-container .alert--info:before {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='%232af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.43' transform='translate(.215 .215)'%3E%3Ccircle cx='9.285' cy='9.285' r='9.285' transform='translate(.5 .5)'/%3E%3Cpath d='M9.576 9.501v5'/%3E%3Ccircle cx='.714' cy='.714' r='.714' transform='translate(8.862 5.378)'/%3E%3C/g%3E%3C/svg%3E");
    }

.alert__content {
    color: #1e1e1e !important;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.alert__text.text-bold {
    font-weight: 600;
}

.k-notification, .k-notification *, .k-notification :after, .k-notification :before {
    box-sizing: border-box;
}


.k-notification {
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    cursor: default;
    display: block;
    background-color: transparent;
    border-width: 0 !important;
    font-size: 14px;
    line-height: 1.5;
    outline: 0;
    padding: 1rem;
    position: relative;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    border-width: 0 !important;
    box-shadow: 0px 6px 10px #0000004d !important;
    margin: 0 !important;
    max-width: 360px;
    min-height: 48px;
    opacity: 1 !important;
    padding: 0 !important;
}


body{
  -ms-overflow-style: scrollbar;
}

.top-buttons {
    position: absolute;
    top: 60px;
    right: 0px;
}

.dataTables_wrapper .bottom:not(.tooltip) {
   background-image: linear-gradient(to bottom, rgb(255, 255, 255) 1%, rgb(248, 247, 250) 100%);
   border: 1px solid rgb(219, 223, 236);
   padding: 6px 12px;
   font-family: Lato,Helvetica,sans-serif;
   min-height: 50px;

}

.dataTables_wrapper .dataTables_length label,
.dataTables_wrapper .dataTables_filter label {
    font-family: Lato,Helvetica,sans-serif;
    font-weight: normal;
}

.dataTables_wrapper .dataTables_length select,
.dataTables_wrapper .dataTables_filter input {
    padding: 6px 12px;
    line-height: 140%;
    border: 1px solid rgb(204, 204, 204);
    border-radius: 3px;
    margin-left: 3px;
    margin-right: 3px;
}

.dataTables_wrapper .dataTables_filter {
    border-left: 1px solid #dbdfec;
    min-width: 250px;
    float: left;
    padding-left: 15px;
}

.dataTables_wrapper .dataTables_length {
    width: 200px;
    float: left;
}

.dataTables_wrapper .dataTables_paginate,
.dataTables_wrapper .dataTables_info {
    float: right;
    width: 350px;
}

.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate {
    padding-top: 6px;
}

.dataTables_wrapper .sorting,
.dataTables_wrapper .sorting_asc,
.dataTables_wrapper .sorting_desc {
    cursor: pointer;
}

.dataTables_wrapper .dataTables_paginate a {
    padding-left: 3px;
    padding-right: 3px;
    cursor: pointer;
}

.dataTables_wrapper a.paginate_button {
    border: 1px solid rgb(204, 204, 204);
    margin-left: -1px;
    padding: 8px 12px;
    background-color: #fff;
    color: #262626;
}
.dataTables_wrapper .dataTables_paginate .ellipsis {
    margin-left: 4px;
    margin-right: 4px;
}

.dataTables_wrapper a.paginate_button.previous {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

.dataTables_wrapper a.paginate_button.next {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

.dataTables_wrapper a.paginate_button:hover {
    background-color: #5259a5;
    color: #fff;
    text-decoration: none;
}

.dataTables_wrapper a.paginate_button.current {
    background-color: #dddddd;
    border-color: rgb(204, 204, 204);
}

#user-info > #UserDetails div {
    padding-left: 5px;
    padding-right: 15px;
}

#user-info > #UserDetails span,
#user-info > #UserDetails div.button-inside {
    padding-left: 0;
}


.dataTables_wrapper .sorting_desc:after {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f0d7";
    margin-left: 3px;
}

.dataTables_wrapper .sorting_asc:after {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f0d8";
    margin-left: 3px;
}



.tooltip-inner {
    max-width: 350px;
}

button > span:first-child {
    line-height: 17px;
}

.btn-info {
    background-color: #fff;
}

.bluefont,
.noborderblue {
    font-weight: bold;
    color: #1691c6!important;
}

#updating,
#updating2
{
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -42px;
    margin-left: -42px;
    z-index: 10000;
    width: 83px;
    height: 83px;
    padding: 10px;
}

.noscreen {
    display: none;
}

.st {display: inline-block; font-size: 38px;}

.ui-tabs-nav.list-inline > li > span > a {
    font-size: 16px;
    font-weight: 400;
    color: #646464;
}

.ui-tabs-nav.list-inline > li:hover > span > a {
    color: #016cc7;
    text-decoration: none;
}

i.fa.statusicon {
    font-size: 18px;
    width: 20px;
    margin-left: 5px;
}

.st1, .dst2, .R2, .R3
{
    color: #dfd203;
}

.st2, .st8, .st12, .dst3, .dst5, .R5
{
    color: #7dcd16;
}

.st3, .dst6, .R4
{
    color: #3b8305;
}

.st9
{
    color: #4eab06;
}

.st4, .st5, .st10, .st13, .dst4, .dst7
{
    color: #cf101f;
}

.st6, .st7, .st14, .dst1, .dst8, .R1
{
    color: #aaaaaa;
}

.table > thead > tr > th.autowidth {
    width: auto;
}

#left-menu > li > ul > li > a > div, #mob-menu > li > ul > li > a > div {
    padding-left: 13px;
    font-size: 100%;
}

.panel-default > .panel-body > .frame {
    margin-bottom: 5px;
}

.heightPlan th.worker,
.heightPlan th.days {
    font-weight: bold;
}

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

td.red {
   background-color: #f7e3e4 !important
}

.table-delegation label  {
    margin-bottom: 0;
}

.table-delegation td {
    padding-bottom: 10px;
}

#AjaxBasicDetails .frame {
    padding: 5px 0;
    background-color: #F6F6F6;
}

.delegation-table-list {
    font-size: 14px;
}

.table.smallbordered td, .table.smallbordered th,
.table.table-condensed.bordered td, .table.table-condensed.bordered th
{
    text-overflow: initial;
    white-space: initial;
}

.table.table-condensed.bordered .btn-success > i,
.table.smallbordered .btn-success > i,
#CostReturn .btn-success > i {
    margin-right: 0;
}

#AjaxDietaList tr,
#AjaxDelegationDetailsList tr,
#AjaxCompanyTransportList tr,
#AjaxBillList tr,
#AjaxLumpSumList tr,
#AjaxCurrienciesList tr,
#AjaxFamilyMembersList tr
{
    background-color: #fff;
}

#HolidayLimitUsage tbody tr {
  border-bottom: 1px solid #d6d9e4;
  padding-bottom: 0px;
  background-color: #f0f0f3;
}

#HolidayLimitUsage tbody tr:last-child {
    border-bottom: none;
}

#HolidayLimitUsage .table > thead > tr > th {
    padding-top: 2px;
    padding-bottom: 2px;
}

#AjaxDietaList th,
#AjaxDelegationDetailsList th,
#AjaxCompanytransportList th,
#AjaxBillList th,
#AjaxLumpSumList th,
#AjaxCurrienciesList th,
#AjaxFamilyMembersList th,
#HolidayLimitUsage th {
    vertical-align: middle;
    text-align: center;
    font-size: 90%;
}

#AjaxDietaList tr:nth-child(1),
#AjaxCompanyTransportList tr:nth-child(2),
#AjaxDelegationDetailsList tr:nth-child(1),
#AjaxCompanytransportList tr:nth-child(1),
#AjaxBillList tr:nth-child(1),
#AjaxLumpSumList tr:nth-child(1),
#AjaxCurrienciesList tr:nth-child(1),
#AjaxFamilyMembersList tr:nth-child(1) {
    border-bottom: 1px solid #ccc;
    background-color: #fff;
}

#AjaxTransportList tr:nth-child(1) > th:nth-child(2), #AjaxTransportList tr:nth-child(1) > th:nth-child(3),
#AjaxCompanyTransportList tr:nth-child(1) > th:nth-child(2), #AjaxCompanyTransportList tr:nth-child(1) > th:nth-child(3)
{
    text-align: center;
    border-bottom: 1px solid #ccc;
    border-left: 10px solid #fff;
}

#HolidayLimitUsage tr:nth-child(1) > th:nth-child(3) {
    text-align: center;
    border-bottom: 1px solid #e0e2e8;
    color: #01a46a;
    background: none;

}

#HolidayLimitUsage {
  margin-top: 30px;
  background: #f0f0f3; /* Old browsers */
}

#HolidayLimitUsage tr:nth-child(1), #HolidayLimitUsage tr:nth-child(2) {
  background: none;
}


#AjaxCompanyTransportList tr:nth-child(1) > th:nth-child(2), #AjaxCompanyTransportList tr:nth-child(1) > th:nth-child(3) {
    color: #01a46a;
}

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

.btn-default-table {
    padding: 4px 8px;
}

.panel-default .form-group > div.field > input {
    text-align: left;
}

.delegation-li > a  {
    text-decoration: none;
}

.delegation-li > a > .delegation  {
    cursor: pointer;
    text-decoration: none;
    font-style: normal;
    font-size: 17px;
    font-variant: normal;
    font-weight: 700;
    padding: 0 10px;
    color: #c5aaff;
    text-decoration: none;
}

.delegation-li > a:hover > .delegation  {
    color: #ead9ff;
    text-decoration: none;
}

.personalfile span,
.personalfile i {
    color: #fbf274;
}

.personalfile-li > a  {
    text-decoration: none;
}

.personalfile-li > a > .personalfile  {
    cursor: pointer;
    text-decoration: none;
    font-style: normal;
    font-size: 17px;
    font-variant: normal;
    font-weight: 700;
    padding: 0 10px;
    color: #c5aaff;
    text-decoration: none;
}

.personalfile-li > a:hover > .personalfile  {
    color: #ead9ff;
    text-decoration: none;
}


#header > div > #user > #user-name, #mini-header > div > #user > #user-name {
    margin-right: 10px;
}

#modules > div > .tab-content > .tab-pane.message-modules div.field {
    text-align: left;
}

div.schemat
{
    display: block;
    width: 272px;
    height: 220px;
    background: url("../content/images/schematNew/schemat_w1.png?v=1234") no-repeat;
    margin: 0 auto;
}

div.schemat2
{
    display: block;
    width: 272px;
    height: 255px;
    background: url("../content/images/schematNew/schemat_w2.png?v=1234") no-repeat;
    margin: 0 auto;
}

div.schemat3
{
    display: block;
    width: 272px;
    height: 147px;
    background: url("../content/images/schematNew/schemat_w3.png?v=1234") no-repeat;
    margin: 0 auto;
}


.category-box>div>div>.absent-person{display:inline-block;margin-top:15px; padding-left: 15px; padding-right: 0px;}
.category-box>div>div>.absent-person>.absent-data{display:inline-block;margin-left:10px;margin-top:-2px}
.category-box>div>div>.absent-person>.absent-data>span{display:block}
.category-box>div>div>.absent-person>.absent-data>span:first-child{font-weight:600}
.category-box>div>div>.absent-person>.absent-data>span:nth-child(2){margin-top:-4px;font-size:11px;color:#016CC7}
.category-box>div>div>.absent-person>.absent-data>span:nth-child(3){margin-top:-2px;font-size:12px;color:#676868}

#user-info > #UserDetails-edit > form > div > div > label {
    text-align: right;
}

#ButtonSection > input {
    margin-top: 0!important;
    margin-bottom: 0!important;
}

.field-validation-error {
    color: #fd3f3f;
}

.btn-circle1{background:url(/Content/new_layout/img/circle/szybki_start_1a.png) no-repeat}.btn-circle2{background:url(/Content/new_layout/img/circle/szybki_start_2a.png) no-repeat}.btn-circle3{background:url(/Content/new_layout/img/circle/szybki_start_3a.png) no-repeat}.btn-circle4{background:url(/Content/new_layout/img/circle/szybki_start_4a.png) no-repeat}.btn-circle5{background:url(/Content/new_layout/img/circle/szybki_start_5a.png) no-repeat}.btn-circle6{background:url(/Content/new_layout/img/circle/szybki_start_6.png) no-repeat;cursor:auto}.fast-start:hover>.btn-circle1{background:url(/Content/new_layout/img/circle/szybki_start_1b.png) no-repeat}.fast-start:hover>.btn-circle2{background:url(/Content/new_layout/img/circle/szybki_start_2b.png) no-repeat}.fast-start:hover>.btn-circle3{background:url(/Content/new_layout/img/circle/szybki_start_3b.png) no-repeat}.fast-start:hover>.btn-circle4{background:url(/Content/new_layout/img/circle/szybki_start_4b.png) no-repeat}.fast-start:hover>.btn-circle5{background:url(/Content/new_layout/img/circle/szybki_start_5b.png) no-repeat}

.fht-fixed-column .fht-table td,
.fht-fixed-column .fht-table th
{
    background-color: #fff;
    border: 1px solid #ddd;
}
/*.fht-fixed-column .fht-table th
{
    font-size:14px;border-bottom:1px solid #c6cad8;text-align:center;padding-top:15px;padding-bottom:15px;color:#442482;background:#fcfbfc;background:-moz-linear-gradient(top,#fff 1%,#f8f7fa 100%);background:-webkit-linear-gradient(top,#fff 1%,#f8f7fa 100%);background:linear-gradient(to bottom,#fff 1%,#f8f7fa 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='@from', endColorstr='@to', GradientType=0)
}*/

.ui-tabs-nav.list-inline > li > span > a {
    font-size: 15px;
}

ul.ui-tabs-nav > li.ui-tabs-selected > span >  a{
    color: #171718;
}

h3 .glyphicon {
    font-size: 12px;
    margin-left: 5px;
}

.category-box {
    min-height: 175px;
}

.table > tbody > tr > td.redfont {
   color: #fd3f3f;
   font-weight: bold;
}

h5 {
    margin-left: 10px;
}


/* validate password */
.password-meter {
	position:relative;
	width: 180px;
    margin-top: 5px;
}
.password-meter-message {
	text-align: right;
	font-weight: bold;
	color: #676767;
}
.password-meter-bg, .password-meter-bar {
	height: 4px;
}
.password-meter-bg {
	top: 8px;
	background: #e0e0e0;
}

.password-meter-message-very-weak {
	color: #aa0033;
}
.password-meter-message-weak {
	color: #a94442;
}
.password-meter-message-good {
	color: #6699cc;
}
.password-meter-message-strong {
	color: #008000;
}

.password-meter-bg .password-meter-very-weak {
	background: #aa0033;
	width: 30px;
}
.password-meter-bg .password-meter-weak {
	background: #a94442;
	width: 60px;
}
.password-meter-bg .password-meter-good {
	background: #6699cc;
	width: 135px;
}
.password-meter-bg .password-meter-strong {
	background: #008000;
	width: 180px;
}
/***/

ul.ui-tabs-nav > li {
    padding: 0;
}

ul.ui-tabs-nav > li > a  {
    text-decoration: none;
    padding: 4px 35px 8px;
    display: block;
}

ul.ui-tabs-nav > li > a > span  {
    color: #646464;
    font-size: 15px;
    font-weight: 400;
}

ul.ui-tabs-nav > li > a > i {
    color: #646464;
    margin-right: 5px;
    font-size: 15px;
}

.ui-tabs-nav.list-inline > li:hover > a > span,
.ui-tabs-nav.list-inline > li:hover > a > i  {
    color: #016cc7;
}

ul.ui-tabs-nav > li.ui-tabs-selected > a > span  {
    color: #171718;
}

ul.ui-tabs-nav > li.ui-tabs-selected > a > i {
    color: #7A03DE;
}


.document-number {
    margin-top: 0px;
    display: table;
    height: 44px;
}

.document-hr {
    width: 12%;
}

.document-number span,
.absent-box > a:hover .show-text {
    display: table-cell;
}

.document-number span,
.document-number span.show-text {
    vertical-align: middle;
    text-align: center;
}

.openDialog {
    cursor: pointer;
}

button.close > span:first-child {
    font-size: 18px;
    color: #000;
}

.st0 .fa-edit {
    color: #aaa;
}

.table td.w1,
.table td.w14
{
    background-color: #dfd203;
    color: #ffffff;
}

.w1-text,
.w14-text {
    color: #dfd203;
}

.table td.w2,
.table td.w8,
.table td.w9,
.table td.w12
{
    background-color: #79c615;
    color: #ffffff;
}

.w2-text,
.w8-text,
.w9-text,
.w12-text {
    color: #79c615;
}

.table td.w3
{
    background-color: #46a101;
    color: #ffffff;
}

.w3-text {
    color: #46a101;
}

.table td.plan {
    border: 2px solid #228fc1!important;
}

.no-padding-right {
    padding-right: 0;
}

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

.no-padding-left {
    padding-left: 0!important;
}

#mob-menu {
    width: auto!important;
}

td.status-cell {
    min-width: 22%;
}

.category-box > div > div > .absent-person > .absent-data{
    max-width: calc(100% - 50px);
}

.table td.verydarkgray {
    background-color: #edecec!important;
}

#tabs,
.ui-tabs-nav.list-inline {
    margin-top: 10px!important;
}



.leave-limit > .limit,
.delegation-limit > .limit {
    background: none;
}

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

 #wrap {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -73px;
}

 .navbar {
     min-height: 70px;
 }

 .navbar-default {
     background-color: transparent;
     background: none;
     border: none;
 }

 footer {
     background-color: #fff;
 }

 .filterMobile {
     display: none;
 }

@media (max-width: 800px) {
    .form-group {
        padding-left: 15px;
    }

    .panel-default .form-group > div.field > p {
        padding-top: 0px;
        margin-top: -8px;
    }

    .nav-tabs > li,
    .nav-tabs > li:hover {
        margin-top: 5px;
    }

    .col-xs-3.infobox .btn {
        display: none;
    }

     #view-filters>div {
        position: relative;
        top: 4px;
    }

     #filters {
        margin-top: 10px;
    }

     .mini-menu-button {
         max-width: 170px;
        text-overflow: ellipsis;
        word-wrap: break-word;
        overflow: hidden;
        margin-left: 5px;
     }

     a.active-button span {
         display: none;
     }

     a.active-button:after {
        font: normal normal normal 14px/1 FontAwesome;
        content: "\f0ec";
        margin-left: 3px;
    }
      .filterMobile {
         display: block;
     }

      .panel-default .form-group > div.field {
          margin-top: 18px;
      }
}

@media (max-width: 550px) {
    #backOV {
        display: none;
    }
    #accept-tab .col-xs-3.document-number,
    #delegations .col-xs-4.document-number  {
        width: 27%;
    }

     #wrap {
    margin: 0 auto -53px;
}

 .navbar {
     min-height: 50px;
 }
  #view-filters>div {
        position: relative;
        top: 4px;
    }

  #filters {
        margin-top: 10px;
    }
  .filterMobile {
         display: block;
     }
}


@media (max-width: 480px) {
    #backOV,
    #category {
        display: none;
    }

    #top-buttons {
        display: none;
    }

    div#mini-button {
        margin-left: -20px;
    }

    .dataTables_wrapper .dataTables_filter {
        padding-left: 5px;
    }

     #view-filters>div {
        position: relative;
        top: 4px;
    }

     .btn-success.filterbutton-line {
         margin-top: 20px!important;
     }

     #filters {
        margin-top: 10px;
    }
     .filterMobile {
         display: block;
     }
}

@media (max-width: 450px) {
    .dataTables_wrapper .dataTables_filter {
        margin-top: 10px;
        border-left: none;
    }

    .dataTables_wrapper .dataTables_paginate {
        margin-top: 11px;
    }

    .dataTables_wrapper .dataTables_paginate,
    .dataTables_wrapper .dataTables_info {
        float: left;
        width: auto!important;
    }

     #view-filters>div {
        position: relative;
        top: 4px;
    }

     #filters {
        margin-top: 10px;
    }
     .filterMobile {
         display: block;
     }
}

@media (max-width: 410px) {
     .dataTables_wrapper .dataTables_info {
        margin-top: 10px;
        padding-left: 10px;
        margin-bottom: 20px;
    }

    .filterMobile {
        display: block;
    }

    #view-filters>div {
        position: relative;
        top: 4px;
    }

    #filters {
        margin-top: 10px;
    }

    .select-mobile {
        width: 220px!important;
    }
    .fbox-col {
        height: 235px;
    }
}

@media (max-width: 640px) {
    .col-xs-5.status-info,
    .col-xs-6.status-info {
        width: 85%;
        margin-right: 0;
        padding-right: 0;
    }

    .col-xs-2.absent-time {
        width: 40%;
    }

    .col-xs-1.document-number {
        width: 30%;
    }
    .col-xs-2.absent-time.absent-time-dk {
        width: 30%;
    }

    .col-xs-3.document-number {
        width: 40%;
    }

     #accept-tab .col-xs-3.absent-time,
     #delegations .col-xs-3.absent-time {
         width: 30%;
     }

     #accept-tab .person-info,
     #delegations .person-info  {
         width: 38%;
     }

     #accept-tab .col-xs-3.absent-time span,
     #delegations .col-xs-3.absent-time span,
     #documents-tab .absent-time span,
     #accept-tab .document-number span,
     #delegations .document-number span,
     #documents-tab .document-number span {
        font-size: 80%;
      }

    #accept-tab .col-xs-3.document-number,
    #delegations .col-xs-3.document-number  {
        width: 16%;
        padding: 0;
    }

    .show-icon {
        display: block!important;
        text-align: right;
        right: -15px;
        top: 10px;
        position: relative;
        color: #01a46a;
    }

    #accept-tab .show-icon,
    #delegations .show-icon {
        display: none!important;
    }

    .nav-tabs > li {
        margin-top: 5px;
        margin-bottom: 1px;
        padding-bottom: 0px;
    }

    .nav-tabs > li:hover {
        margin-bottom: 1px;
    }
    .nav-tabs > li:active,
    .nav-tabs > li:focus,
    .nav-tabs > li:active:hover {
        padding-bottom: 0px!important;
    }

    .absent-box > a .document-number > span:first-child {
        word-break: break-all;
    }

    .absent-box > a:hover .document-number > span:first-child {
        display: table-cell;
    }
    a:hover .document-number .show-text {
        display: none;
    }

    #fast-start {
        display: none;
    }

    .category-box > .header-box-tab #category-tab > li > a > div {
        padding: 2px 15px 9px;
    }

    .category-box > .header-box-tab #category-tab {
        padding-left: 0px;
    }

    #filters {
        margin-top: 10px;
    }
    .filterMobile {
         display: block;
     }
}

@media (max-width: 370px) {
    .info-mob {
        left: -15px;
    }
}

 @media (max-width: 1200px) {
        .no-padding-right {
            padding-right: 15px!important;
        }       
}

.plan-container.no-padding-right {
    padding-right: 0 !important;
}


.only-leave-limit .limit {
    background: url(/Content//new_layout//img//circleLeave.png) no-repeat;
}

.category-box > div > div > .absent-person {
    margin-top: 0px;
    margin-bottom: 15px;
}

.padding-mob .box {
    margin-bottom: 6px;
}

.only-leave-limit > .base-box-header {
    margin-top: 25px;
    margin-bottom: 30px;
}

.only-leave-limit .limit {
    margin: -20px auto 3px;
}

div.schemat4
{
    display: block;
    width: 272px;
    height: 320px;
    background: url("../content/images/schematNew/schemat_w4.png?v=1234") no-repeat;
    margin: 0 auto;
}

div.schematENG
{
    display: block;
    width: 272px;
    height: 220px;
    background: url("../content/images/schematNew/schemat_w1Eng.png?v=1234") no-repeat;
    margin: 0 auto;
}

div.schematENG2
{
    display: block;
    width: 270px;
    height: 255px;
    background: url("../content/images/schematNew/schemat_w2Eng.png?v=1234") no-repeat;
    margin: 0 auto;
}

div.schematENG3
{
    display: block;
    width: 270px;
    height: 145px;
    background: url("../content/images/schematNew/schemat_w3Eng.png?v=1234") no-repeat;
    margin: 0 auto;
}

div.schematENG4
{
    display: block;
    width: 270px;
    height: 320px;
    background: url("../content/images/schematNew/schemat_w4Eng.png?v=1234") no-repeat;
    margin: 0 auto;
}


.bottom-menu {
    margin-top: 0;
}

td.last-child .btn-danger-table,
td.last-child .btn:last-child{
    margin-right: 0!important;
}


input.form-control:not(.datepicker):not(.selectpicker) {
    line-height: 30px!important;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    input.form-control:not(.datepicker):not(.selectpicker) {
         padding-top: 0px!important;
    }
}

#filters .form-control {
    padding-left: 0!important;
    padding-right: 0!important;

}

.form-control.datepicker {
    height: 34px!important;
}

#filters .form-control.datepicker {
    text-align: center;
}

.help-block.field-validation-error {
    padding-left: 15px;
}

.form-control.datepicker.inline {
    display: inline;
}

input::-ms-clear {
    display: none;
}

.table > tbody > tr > td:last-child:not(.worker) > span {
    padding-top: 6px;
    display: block;
}


#filters>div>button {
    margin-top: 32px;
}

[type=radio]:checked, [type=radio]:not(:checked) {
    position: inherit;
}

#modalBodyReq {
    line-height: normal;
}

#modalBodyReq .form-group {
    margin-top: 0px;
    margin-bottom: 0px;
}

#modalBodyReq .form-control-static {
    padding-top: 10px;
}

#modalBodyReq .status {
    margin-top: 7px;
}

#modalBodyReq .panel-heading {
    padding-bottom: 5px;
}

 .checkcontainer {
              display: block;
              position: relative;
              padding-left: 35px;
              margin-bottom: 12px;
              cursor: pointer;
              -webkit-user-select: none;
              -moz-user-select: none;
              -ms-user-select: none;
              user-select: none;
              float: right;
              margin-right: 0;
              padding-right: 0;
              width: 41%;
        }

        .checkcontainer input {
          position: absolute;
          opacity: 0;
          cursor: pointer;
        }

        .checksign {
            position: absolute;
            top: -3px;
            left: 0;
            height: 25px;
            width: 25px;
             border-radius: 3px;
            border: 1px solid #C4C1BE;
            background-color: #FCFAF9;
        }


        .checkcontainer:hover input ~ .checksign {
            border-color: #1e1e1e;
        }

        .checksign:after {
          content: "";
          position: absolute;
          display: none;
        }

        .checkcontainer input:checked ~ .checksign:after {
          display: block;
        }

        .checkcontainer input:checked ~ .checksign {
            border: 1px solid #1e1e1e;
            background-color: #1e1e1e;
        }


        .checkcontainer .checksign:after {
            top: 4px;
            left: 8px;
            width: 7px;
            height: 12px;
            border: solid #FCFAF9;
            border-width: 0 2px 2px 0;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }

.alert-success {
    background-color: #f6fbf9;
}

.dropdown-menu {
    z-index: 1500!important;
}

.bs-searchbox > input.form-control,
#filters .bs-searchbox > input.form-control {
    padding-left: 8px!important;
}

.plan-statement {
    margin-left: -4px;
    margin-right: -4px;
}

/*fix IE - planowanie flex*/
@supports (-ms-ime-align: auto) and (not (object-fit: cover)) and (max-width: 1200px) {
  .plan-container > .plan-content {
    overflow-x: scroll;
  }
}

@media screen and (-ms-high-contrast: active) and (max-width: 1340px), (-ms-high-contrast: none) and (max-width: 1340px) {
  .plan-container > .plan-content {
    overflow-x: scroll;
  }
}

.fa.fa-usd {
    min-width: 14px;
}

div.schematdel
{
    display: block;
    width: 273px;
    height: 449px;
    background: url("../content/images/schematNew/schemat1.png") no-repeat;
    margin: 0 auto;
}

.btn-small {
    padding: 1px 5px;
    margin-left: 10px;
    line-height: 1.5;
    border-radius: 3px;
    box-shadow: none;
}

.btn-default.btn-small {
    padding: 2px 5px;
}
.btn-default.btn-small:hover,
.btn-primary.btn-small {
    background-color: #d0eeef;
    color: #0277a2;
    border-color: #0277a2;
}

@media only screen and (min-width:2300px) {
    .plan-container > .plan-content > .plan-row {
        flex:2 0 1524px;
    }
}

@media only screen and (min-width:3300px) {
    .plan-container > .plan-content > .plan-row {
        flex:2 0 2024px;
    }
}

@media only screen and (min-width:4400px) {
    .plan-container > .plan-content > .plan-row {
        flex:2 0 3024px;
    }
}

.absent-worktime{background-color:#9ded86}
.absent-worktime>span{color:#445f3d}
.absent-worktime-box{padding:4px 3px 4px 6px;width:46px;border-top-left-radius:3px;border-bottom-left-radius:3px}


.jumb-arrow{background:url(/Content/new_layout/img/arrow.png) no-repeat; width: 28px; height: 17px; display: inline-block;}

#header > div > a > #notification > div {
    background-color: #fa3f3f;
}

#notification i.fa.fa-bell {
    color: #fa3f3f!important;
}

#notification i.fa.fa-bell:hover {
    color: #01BAFE!important;
}



#filters .filterelement input.days {
    padding-left: 10px!important;
}

.btn-mobile {
    max-width: 90%;
    white-space: normal;
}

span.description {
    color: #a2a2a2; font-style: italic;
}

.grey-tooltip {
    color: #aaa;
    margin-left: 3px;
    font-size: 80%;
}

.absent-personalfile-box {
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 6px;
    padding-right: 3px;
    width: 46px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.absent-personalfile {
    background-color: #fbf274;
}

.sunday {
    background-color: #f7e3e4;
}

.comment-harmonogram {
    top: 3px;
    font-size: 12px;
}

#AbsenceListSection > .row {
    width: 100%;
}

.st18, .st19 {
    color: #dfd203;
}

#header > div > form > #log-out-link,
#mini-header > div > form > #log-out-link {
    color: #5b5b5b;
    -webkit-transition-duration: 0.1s;
    -o-transition-duration: 0.1s;
    transition-duration: 0.1s;
    text-decoration: none;
}

    #header > div > form > #log-out-link:hover,
    #mini-header > div > form > #log-out-link:hover {
        color: #01BAFE;
        -webkit-transition-duration: 0.1s;
        -o-transition-duration: 0.1s;
        transition-duration: 0.1s;
    }

    #header > div > form > #log-out-link > span,
    #mini-header > div > form > #log-out-link > span {
        float: right;
        padding: 6px 15px;
        margin-right: 5px;
        font-size: 15px;
    }

.filterbutton-line.btn-success {
    margin-left: 15px;
    padding: 8px 30px;
}

.calendar-date__month-xl > a.calendar-date__month-selected:hover {
    color: #fff;
}

.calendar-date__year > div > .bootstrap-select > button {
    background-color: #1289bc !important;
    border-color: #1289bc !important;
}

    .calendar-date__year > div > .bootstrap-select > button > .filter-option {
        padding-bottom: 6px !important;
        font-weight: 600;
        text-align: center !important;
        font-size: 15px !important;
        color: #fff !important;
    }

    .calendar-date__year > div > .bootstrap-select > button > .bs-caret > .caret {
        color: rgba(255,255,255,.65);
    }

.no-workers-span {
    line-height: 36px;
    margin-left: 10px;
    font-style: italic;
}

@media only screen and (min-width: 1401px) and (max-width: 1600px) {
    .mpw-left-col .document-number {
        width: calc(40% - 104px);
    }
}

.k-window .k-window-titlebar.k-dialog-titlebar {
    display: none;
}

#modules > div > .tab-content > .tab-pane.message-modules ul li.k-button {
    margin-left: 8px;
    margin-top: 4px;
}

td.action-column {
    min-width: 135px;
}