@charset "UTF-8";
:root {
  --white: #fff;
  --green5: #368537;
  --green6: #dbf0db;
  --red: #c52a3a;
  --text1: #2e2d2c;
  --border_1: #dcdcdc;
  --border_2: #cdcdcd;
  --alert_bcg: #e7e7e7;
  --alert_text: #777776;
  --btn_bcg: #bdbcbc;
  --btn_color: #767676;
}

.szr-content .active .headline, .szr-content .active .center-right, .szr-content .active .center-left, .szr-content .inactive .headline, .szr-content .inactive .center-right, .szr-content .inactive .center-left, .szr-content a:hover .headline, .szr-content a:hover .center-right, .szr-content a:hover .center-left {
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn {
  background-color: var(--btn_bcg);
  color: var(--btn_color);
  font-weight: bold;
  border: none;
}
.btn:hover {
  color: var(--text1);
  transition: color 200ms ease;
}
.btn.btn-success {
  background-color: var(--btn_bcg);
  color: var(--btn_color);
  font-weight: bold;
  border: none;
}
.btn.btn-success:hover {
  color: white;
  background-color: var(--green5);
  transition: color 200ms ease;
}
.btn.btn-danger {
  background-color: var(--btn_bcg);
  color: var(--btn_color);
  font-weight: bold;
  border: none;
}
.btn.btn-danger:hover {
  color: white;
  background-color: var(--red);
  transition: color 200ms ease;
}

.login-portlet-body-wrapper .btn {
  background-color: #368537;
  color: white;
  font-weight: bold;
  border: none;
}
.login-portlet-body-wrapper .btn:hover {
  background-color: #2b732b;
  transition: color 200ms ease;
  transition: background-color 200ms ease;
}

.display-none {
  display: none;
}

.overflow_hidden {
  overflow: hidden;
}

.width-50 {
  width: 50px;
}

.width-50-right {
  width: 50px;
  text-align: right;
}

.margin-r-20 {
  margin-right: 200px;
}

.margin-r-5 {
  margin-right: 50px;
}

.width-80 {
  width: 80px;
}

.width-100-center {
  width: 100px;
  text-align: center;
}

.width-150-center {
  width: 150px;
  text-align: center;
}

.width-100 {
  width: 100px;
}

.toast {
  margin-top: 1.875rem;
  background-color: #E7E7E7;
  font-size: 0.938rem;
  color: #777776;
  border: none;
  box-shadow: none;
  border-radius: 0.188rem;
  position: relative;
  overflow: initial;
  max-width: 50%;
  padding: 0.625rem;
  opacity: 1;
}
.toast-body {
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.375rem;
  color: #2e2d2c;
}
.toast .close {
  cursor: pointer !important;
}
.toast img {
  top: 5.088rem;
  left: 1rem;
  right: -0.625rem;
  transform: rotate(90deg);
  position: absolute;
}

/* Mobile-first styles FTW */
@media all and (min-width: 22.5em) {
  .container {
    max-width: initial;
  }
  .portlets_wrapper .portlet {
    width: initial;
    padding: initial;
  }
  .portlet-home {
    padding-bottom: 1rem;
  }
  .home-input {
    position: relative;
    border-radius: 0.188rem;
    height: 3.75rem;
    margin: 2rem 0.938rem 0 0.938rem;
  }
  .home-input .dropdown {
    height: 100%;
  }
  .home-input .fornt-focus {
    border: 0.125rem solid #dcdcdc;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    padding: 0;
    right: 0;
  }
  .home-input .fornt-focus a {
    padding: 0.625rem;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 0.125rem solid #dcdcdc;
    display: block;
    color: #2e2d2c;
  }
  .home-input .fornt-focus a:hover {
    color: unset;
    background-color: #e9e9e9;
  }
  .home-content {
    position: relative;
    transition: 1s;
    display: flex;
    height: 100%;
    justify-content: space-between;
  }
  .home-content-title {
    padding: 0 0.938rem;
    font-style: normal;
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 2.25rem;
    color: #2e2d2c;
    margin-bottom: 2rem;
  }
  .home-content-left-side {
    font-size: 0.9rem;
    color: #2e2d2c;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
  }
  .home-content-left-side .links-section {
    padding: 0 0 0 0.938rem;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
  }
  .home-content-left-side .links-section-item {
    display: flex;
    font-size: 1.25rem;
    font-weight: 600;
    color: #2e2d2c;
    /*max-width: 33.33%;*/
    padding-bottom: 1rem;
  }
  .home-content-left-side .links-section-item-header {
    display: flex;
    flex-direction: column;
    margin-top: 0.35rem;
    width: calc(100% - 3.75rem);
  }
  .home-content-left-side .links-section-item-header-btns {
    width: max-content;
    max-width: 100%;
    margin-top: auto;
    /*z-index: 1;*/
  }
  .home-content-left-side .links-section-item-header-btns button {
    font-size: 0.8125rem;
    line-height: normal;
    border: none;
    display: flex;
    flex-direction: row;
    padding: 0.75rem;
    gap: 0.375rem;
    background: var(--white);
    border-radius: 0.188rem;
    height: fit-content;
    align-items: center;
    text-align: left;
  }
  .home-content-left-side .links-section-item-header-btns button .arrow {
    width: 0.438rem;
    height: 0.375rem;
    margin-right: 0.3rem;
    top: 0.625rem;
    position: relative;
  }
  .home-content-left-side .links-section-item-header-btns button .text {
    color: #368537;
    text-transform: uppercase;
    font-weight: 700;
  }
  .home-content-left-side .links-section-item-header-btns button svg.right-arrow-icon {
    min-width: 0.5625rem;
  }
  .home-content-left-side .links-section-item-header-btns button:hover {
    background: var(--green5);
    transition: background 200ms ease;
  }
  .home-content-left-side .links-section-item-header-btns button:hover .text {
    color: var(--white);
    transition: color 200ms ease;
  }
  .home-content-left-side .links-section-item-header-btns button:hover svg.right-arrow-icon path {
    stroke: var(--white);
    transition: stroke 200ms ease;
  }
  .home-content-left-side .links-section-item-sub {
    line-height: 1.375rem;
    font-size: 0.938rem;
    font-weight: normal;
    margin: 0.5rem 0 1rem 0;
  }
  .home-content-left-side .links-section-item img {
    width: 2.5rem;
    height: 2.5rem;
    margin-right: 1rem;
  }
  .home-content-left-side .links-section .last {
    border-top: 0.063rem solid #dcdcdc;
    padding-top: 1rem;
    /*margin-top: 1rem;*/
    border-bottom: 0.063rem solid #dcdcdc;
    /*padding-bottom: 1rem;*/
  }
  .home-content-left-side .links-section .next {
    border-top: 0.063rem solid #dcdcdc;
    padding-top: 1rem;
    /*margin-top: 1rem;*/
  }
  .home-content-right-side {
    font-size: 0.9rem;
    color: #2e2d2c;
    width: 100%;
    scrollbar-color: rgba(154, 154, 154, 0.8);
    scrollbar-width: thin;
  }
  .home-content-right-side::-webkit-scrollbar {
    width: 0.5rem;
    height: 0.5rem;
  }
  .home-content-right-side::-webkit-scrollbar-track {
    background: transparent;
  }
  .home-content-right-side::-webkit-scrollbar-thumb {
    background: rgba(154, 154, 154, 0.8);
    border-right: 0.063rem solid transparent;
    border-radius: 0.188rem;
  }
  .home-content-right-side::-webkit-scrollbar-thumb:hover {
    background: #9a9a9a;
  }
  .home-content-right-side * {
    scrollbar-color: rgba(154, 154, 154, 0.8);
    scrollbar-width: thin;
  }
  .home-content-right-side *::-webkit-scrollbar {
    width: 0.5rem;
    height: 0.5rem;
  }
  .home-content-right-side *::-webkit-scrollbar-track {
    background: transparent;
  }
  .home-content-right-side *::-webkit-scrollbar-thumb {
    background: rgba(154, 154, 154, 0.8);
    border-right: 0.063rem solid transparent;
    border-radius: 0.188rem;
  }
  .home-content-right-side *::-webkit-scrollbar-thumb:hover {
    background: #9a9a9a;
  }
  .home-content-right-side_wrapper {
    flex: auto;
    overflow: auto;
    height: 100%;
  }
  .home-content-right-side_wrapper .item {
    padding: 1rem 0;
    border-bottom: 0.063rem solid #dcdcdc;
    animation: up_fade_id 1s forwards;
    font-style: normal;
    font-weight: 400;
    font-size: 0.938rem;
    line-height: 1.375rem;
    color: #2e2d2c;
  }
  .home-content-right-side_wrapper .item small {
    font-size: 0.7rem;
    font-style: normal;
    font-weight: 800;
    font-size: 0.6875rem;
  }
  .home-content-right-side_wrapper .item.urgent {
    color: #368537;
    transition: color 0.4s;
  }
  .home-content-right-side_wrapper .item.urgent:hover {
    color: #45a946;
  }
  .home-content-right-side .title-btn {
    font-weight: bold;
    font-size: 1rem;
    background-color: #bdbcbc;
    border-radius: 0.188rem;
    color: #767676;
    transform: translateY(0);
    opacity: 1;
    transition: all 0.4s;
  }
  .home-content-right-side .title-btn:hover {
    color: var(--text1);
  }
  .home-content-right-side .title-btn.hide {
    transform: translateY(10rem);
    opacity: 0;
  }
  .home-content .notif-section {
    position: relative;
    flex: 0 0 100%;
    max-width: 100%;
    margin: 1rem 0.938rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 0.063rem solid #dcdcdc;
  }
  .home-content .notif-section-title {
    color: #2e2d2c;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
  .home-content .notif-section .title-btn {
    font-weight: bold;
    font-size: 1rem;
    background-color: #bdbcbc;
    border-radius: 0.188rem;
    color: #767676;
    transform: translateY(0);
    opacity: 1;
    transition: all 0.4s;
  }
  .home-content .notif-section .title-btn:hover {
    color: var(--text1);
  }
  .home-content .notif-section .title-btn.hide {
    transform: translateY(10rem);
    opacity: 0;
  }
  .home-content .wrapper-section {
    padding: 0 0.938rem;
  }
  .home-content .wrapper-section .item {
    padding: 1rem 0;
    border-bottom: 0.063rem solid #dcdcdc;
    animation: up_fade_id 1s forwards;
    font-style: normal;
    font-weight: 400;
    font-size: 0.938rem;
    line-height: 1.375rem;
    color: #2e2d2c;
  }
  .home-content .wrapper-section .item small {
    font-size: 0.7rem;
    font-style: normal;
    font-weight: 800;
    font-size: 0.6875rem;
  }
  .home-content .wrapper-section .item.urgent {
    color: #368537;
    transition: color 0.4s;
  }
  .home-content .wrapper-section .item.urgent:hover {
    color: #45a946;
  }
  .home-content .wrapper-section .item p {
    inline-size: 19.625rem;
  }
  .home-content .wrapper-section-empty ul {
    height: auto;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    padding-inline-start: 0rem;
  }
  .home-content .wrapper-section-empty .faq-item {
    padding: 1rem 0;
    border-bottom: 0.063rem solid #dcdcdc;
    animation: up_fade_id 1s forwards;
  }
  .home-content .faq-item {
    padding: 1rem 0;
    border-bottom: 0.063rem solid #dcdcdc;
    line-height: 1.1;
    animation: up_fade_id 1s forwards;
    cursor: pointer;
  }
  .home-content .faq-item p {
    margin: 0;
  }
  .home-content .faq-item:hover {
    color: #368537;
    border-bottom-color: #368537;
    border-top: 0.125rem solid #368537;
  }
  .home-content .faq-item .placeholder_90 {
    height: 0.8rem;
    background-color: #eaebec;
    width: 90%;
  }
  .home-content .faq-item .placeholder_80 {
    height: 0.8rem;
    background-color: #eaebec;
    width: 80%;
    margin-top: 0.7rem;
  }
  .home-content .faq-item small {
    font-weight: bold;
    font-size: 0.7rem;
  }
  .home-content .faq-item.urgent {
    color: #368537;
    transition: color 0.4s;
  }
  .home-content .faq-item.urgent:hover {
    color: #45a946;
  }
  .home-content #home-faq-block {
    height: calc(47vh - 5.375rem);
  }
  .home-content #home-faq-block-full {
    height: calc(100vh - 9rem);
  }
  .toast {
    position: initial;
    max-width: 100%;
  }
  .card {
    display: inline-block;
    background: none;
    border: none;
    min-height: 5.375rem;
    padding-left: 0.3rem;
    padding-top: 1.25rem;
    margin-right: 0;
    cursor: pointer;
  }
  .card-block {
    padding-left: 0 !important;
  }
  .card-block .card-text.num {
    align-items: center;
    width: 100%;
    text-align: center;
    margin-bottom: 0;
  }
  .card-block .card-text.text {
    justify-content: center;
    text-align: center;
    padding-left: 1rem;
    line-height: 1;
  }
  .card:last-child {
    border: 0;
  }
  .card-deck {
    color: var(--text1);
    padding: 0 0.938rem;
    margin: 0;
  }
  .card-deck .card {
    margin: 0;
  }
}
@media all and (min-width: 33.75em) {
  .home-content .wrapper-section .item p {
    inline-size: 28.625rem;
  }
}
@media all and (min-width: 44.5em) {
  .toast {
    max-width: 18.75rem;
  }
  .home-content .wrapper-section .item p {
    inline-size: initial;
  }
}
@media all and (min-width: 48em) {
  .home-content-left-side .links-section {
    flex-direction: row;
  }
  .home-content-left-side .links-section-item {
    min-width: 12.35rem;
    width: 50%;
    border-right: 0.125rem solid #edeff3;
    /*margin-right: 1rem;*/
    padding-right: 2rem;
    max-width: 33.33%;
    padding-bottom: 1rem;
  }
  .home-content-left-side .links-section-item-sub {
    min-height: 4.125rem;
  }
  .home-content-left-side .links-section .last {
    border: initial;
    padding-top: initial;
    margin-top: initial;
  }
  .home-content-left-side .links-section .next {
    border-top: initial;
    padding-top: initial;
    margin-top: initial;
  }
}
@media all and (min-width: 62em) {
  .home-input {
    width: 100%;
  }
  .card {
    border-right: 0.063rem solid #dcdcdc;
    border-radius: 0;
    width: 21.875rem;
    height: 9.375rem;
  }
  .card-deck {
    width: 100%;
  }
}
@media all and (min-width: 73em) {
  .toast {
    position: fixed;
    left: 2rem;
  }
  .signed .toast {
    bottom: 2rem;
  }
  .signed .home-content-right-side .wrapper-section {
    max-height: 16rem;
    overflow: auto;
  }
  .home-content {
    padding-top: 2rem;
  }
  .home-content-left-side {
    display: flex;
    flex-direction: column;
    height: 100%;
    flex: 0 0 62%;
    max-width: 62%;
    padding-left: 0.938rem;
    padding-top: 3rem;
    box-sizing: content-box;
  }
  .home-content-left-side .links-section-item {
    min-width: initial;
    border-right: initial;
    padding-right: 1rem;
  }
  .home-content-left-side .links-section .last,
  .home-content-left-side .links-section .next {
    border-left: 0.063rem solid #dcdcdc;
    padding-left: 1.5rem;
  }
  .home-content-left-side .wrapper-section {
    height: calc(100vh - 45rem);
    overflow: auto;
    min-height: 10rem;
  }
  .home-content-right-side {
    flex: 0 0 33%;
    max-width: 33%;
    display: initial;
    flex-direction: initial;
    border-left: 0.063rem solid #dcdcdc;
    font-size: 0.9rem;
    color: #2e2d2c;
    margin: 1rem 0 0 1rem;
    padding: 0 0 0 2rem;
    height: initial;
    justify-content: space-between;
    scrollbar-color: rgba(154, 154, 154, 0.8);
    scrollbar-width: thin;
  }
  .home-content-right-side::-webkit-scrollbar {
    width: 0.5rem;
    height: 0.5rem;
  }
  .home-content-right-side::-webkit-scrollbar-track {
    background: transparent;
  }
  .home-content-right-side::-webkit-scrollbar-thumb {
    background: rgba(154, 154, 154, 0.8);
    border-right: 0.063rem solid transparent;
    border-radius: 0.188rem;
  }
  .home-content-right-side::-webkit-scrollbar-thumb:hover {
    background: #9a9a9a;
  }
  .home-content-right-side * {
    scrollbar-color: rgba(154, 154, 154, 0.8);
    scrollbar-width: thin;
  }
  .home-content-right-side *::-webkit-scrollbar {
    width: 0.5rem;
    height: 0.5rem;
  }
  .home-content-right-side *::-webkit-scrollbar-track {
    background: transparent;
  }
  .home-content-right-side *::-webkit-scrollbar-thumb {
    background: rgba(154, 154, 154, 0.8);
    border-right: 0.063rem solid transparent;
    border-radius: 0.188rem;
  }
  .home-content-right-side *::-webkit-scrollbar-thumb:hover {
    background: #9a9a9a;
  }
  .home-content-right-side_wrapper {
    flex: auto;
    overflow: auto;
    height: 100%;
  }
  .home-content-right-side_wrapper .item {
    padding: 1rem 0;
    border-bottom: 0.063rem solid #dcdcdc;
    animation: up_fade_id 1s forwards;
    font-style: normal;
    font-weight: 400;
    font-size: 0.938rem;
    line-height: 1.375rem;
    color: #2e2d2c;
  }
  .home-content-right-side_wrapper .item small {
    font-size: 0.7rem;
    font-style: normal;
    font-weight: 800;
    font-size: 0.6875rem;
  }
  .home-content-right-side_wrapper .item.urgent {
    color: #368537;
    transition: color 0.4s;
  }
  .home-content-right-side_wrapper .item.urgent:hover {
    color: #45a946;
  }
  .home-content-right-side .all_notifications {
    font-weight: bold;
    font-size: 1rem;
    background-color: #eaeff5;
    color: var(--text1);
    transform: translateY(0);
    opacity: 1;
    transition: all 0.4s;
  }
  .home-content-right-side .all_notifications:hover {
    background-color: #2e2d2c;
    color: #eaeff5;
  }
  .home-content-right-side .all_notifications.hide {
    transform: translateY(10rem);
    opacity: 0;
  }
  .home-content .notif-section {
    padding-top: 1rem;
  }
}
:root,
:root .dark-mode {
  --TTSCheck_border: var(--main1);
  --TTSCheck-before_border-left: var(--main1);
  --TTSCheck-before_border-right: var(--main1);
  --TTSCheck-checked-before_border-left: var(--main1);
  --TTSCheck-checked-before_border-right: var(--main1);
  --TTSLabeledComponent-label_color: var(--main2);
  --TTSLabeledComponent-label-required_color: var(--blue5);
  --TTSOptionsList_border: var(--blue3);
  --TTSOptionsList-li-hover_background: var(--blue2);
  --TTSOptionsList-li-active_background: var(--main1);
  --TTSAlert_background: var(--main1);
  --TTSAlert_color: var(--white0);
  --TTSAlert-info_background: var(--main1);
  --TTSAlert-success_background: var(--success);
  --TTSAlert-error_background: var(--danger);
  --TTSAlert-warning_background: var(--warning);
  --TTSBreadcrumbHeader_background: var(--blue15);
  --TTSBreadcrumbHeader-tab_color: var(--blue10);
  --TTSBreadcrumbHeader-tab_background: var(--blue15);
  --TTSBreadcrumbHeader-tab-arrow_border-left: var(--green5);
  --TTSBreadcrumbHeader-tab-first_background: var(--main2-l10);
  --TTSBreadcrumbHeader-tab-first_color: var(--white0);
  --TTSBreadcrumbHeader-tab-first-arrow_color: var(--main2-l10);
  --TTSBreadcrumbHeader-tab-active_background: var(--white0);
  --TTSBreadcrumbHeader-tab-active_color: var(--white1);
  --TTSBreadcrumbHeader-tab-active-arrow_border-left: var(--white0);
  --TTSBreadcrumbHeader-tab-active-arrow_color: var(--white0);
  --TTSButton_background: var(--gray14);
  --TTSButton_color: var(--gray15);
  --TTSButton-path_stroke: var(--main1);
  --TTSButton-path_fill: var(--white1);
  --TTSButton-hover_background: var(--gray14);
  --TTSButton-hover_color: var(--text1);
  --TTSButton-hover-path_color: var(--text1);
  --TTSButton-tAction_background: var(--green5);
  --TTSButton-tAction_color: var(--white1);
  --TTSButton-tAction-path_stroke: var(--white1);
  --TTSButton-tAction-loading_color: var(--white1);
  --TTSButton-tAction-hover_background: var(--main2-l10);
  --TTSButton-tAction-hover_color: var(--white1);
  --TTSButton-tAction-hover-path_stroke: var(--white1);
  --TTSButton-tDanger_background: var(--gray14);
  --TTSButton-tDanger_color: var(--gray15);
  --TTSButton-tDanger-path_stroke: var(--white1);
  --TTSButton-tDanger-loading_color: var(--white1);
  --TTSButton-tDanger-hover_background: var(--green5);
  --TTSButton-tDanger-hover_color: var(--white1);
  --TTSButton-tDanger-hover-path_stroke: var(--white1);
  --TTSButton-tSubmit_background: var(--gray14);
  --TTSButton-tSubmit_background_hover: var(--green5);
  --TTSButton-tSubmit_color: var(--gray15);
  --TTSButton-tSubmit-path_stroke: var(--white0);
  --TTSButton-tSubmit-loading_color: var(--white0);
  --TTSButton-tSubmit-hover_background: var(--green5);
  --TTSButton-tSubmit-hover_color: var(--white0);
  --TTSButton-tSubmit-hover-path_stroke: var(--gray0);
  --TTSButton-tIcon_color: var(--main1);
  --TTSButton-tIcon-hover_color: var(--main1-400);
  --TTSChip_border: var(--green5);
  --TTSConfirm_background: var(--main3);
  --TTSConfirm_color: var(--white0);
  --TTSConfirm-comment_border: var(--main1);
  --TTSConfirm-comment_background: var(--main2-d10);
  --TTSConfirm-comment_color: var(--white0);
  --TTSConfirm-comment-placeholder_color: var(--white0);
  --TTSConfirm-after_border-bottom: var(--main3);
  --TTSConfirm-tTop-after_border-top: var(--main3);
  --TTSConfirmByModal_background: var(--main3);
  --TTSConfirmByModal_color: var(--white0);
  --TTSConfirmByModal-comment_border: var(--main1);
  --TTSConfirmByModal-comment_background: var(--main2-d10);
  --TTSConfirmByModal-comment_color: var(--white0);
  --TTSConfirmByModal-comment-placeholder_color: var(--white0);
  --TTSConfirmByModal-tTop-after_border: var(--main3);
  --TTSFilter_color: var(--gray15);
  --TTSFilter-label-line_border: var(--gray13);
  --TTSFilter-after_border: var(--grey13);
  --TTSFilter-header-title_color: var(--text1);
  --TTSFilter-header-title-polygon_stroke: var(--green5);
  --TTSFilter-header-toggle_background: var(--blue0);
  --TTSFilter-search-input-group_border: var(--gray13);
  --TTSFilter-search-input_border: var(--gray13);
  --TTSFilter-submit-btn_background: var(--main1);
  --TTSFilter-submit-btn_color: var(--white0);
  --TTSFilterInfo-list-label_color: var(--gray2);
  --TTSFilterInfo-list-key_color: var(--gray15);
  --TTSFilterInfo-list-value_border: var(--green5);
  --TTSFilterInfo-list-value_color: var(--green5);
  --TTSFilterInfo-list-value-disabled_color: var(--gray2);
  --TTSFilterInfo-list-value-disabled_border: var(--gray1);
  --TTSFilterInfo-list-value-multi_border: var(--gray13);
  --TTSFilterInfo-list-value-multi-disabled_color: var(--gray1);
  --TTSFilterInfo-total_color: var(--gray2);
  --TTSTableRow-mini-detail-button_color: var(--blue4);
  --TTSTableRow-mini-detail-button-hover_color: var(--blue4-d);
  --TTSTableRow-mini-detail-opened_background: var(--blue0);
  --TTSTableRow-mini-detail-opened-hover_background: var(--blue0);
  --TTSTableRow-checkable-button-span_color: var(--blue4);
  --TTSTableRow-checkable-checked_background: var(--blue5);
  --TTSTableRow-checkable-checked-hover_background: var(--blue5);
  --TTSTableRow-info-hover_background: var(--blue0);
  --TTSTableRow-info-hover_color: var(--main1);
  --TTSTableRow-info-tIcon-path_stroke: var(--main1);
  --TTSTableRow-mini-detail-content_background: var(--blue0);
  --TTSTableRow-mini-detail-content_border-bottom: var(--gray0);
  --TTSTable-container_background: var(--background1);
  --TTSTable-header-col_color: var(--text1);
  --TTSTable-header-col_border-bottom: var(--gray13);
  --TTSTable-header-col-caret_color: var(--text1);
  --TTSTable-header-col-first-before_background: var(--white0);
  --TTSTable-body-row-hover-background: var(--active2);
  --TTSTable-body-row-hover-button_color: var(--blue4);
  --TTSTable-body-col_color: var(--text1);
  --TTSTable-body-col_border-bottom: var(--gray13);
  --TTSTable-sticky-header-col_background: var(--white0);
  --TTSTable-no-results_color: var(--text1);
  --TTSDropdown-toggle-button_background: var(--blue2);
  --TTSDropdown-toggle-button_color: var(--main1);
  --TTSDropdown-toggle-button-tAction_background: var(--main2);
  --TTSDropdown-toggle-button-tAction_color: var(--gray0);
  --TTSDropdown-tOpen-toggle-button_background: var(--main1);
  --TTSDropdown-tOpen-toggle-button_color: var(--white0);
  --TTSDropdown-tOpen-toggle-button-tAction_background: var(--main2);
  --TTSDropdown-tOpen-toggle-button-tAction_color: var(--gray0);
  --TTSDropdown-list_background: var(--main1);
  --TTSDropdown-list_color: var(--white0);
  --TTSDropdown-list-li_border-bottom: var(--white0);
  --TTSDropdown-tAction-list_background: var(--main2);
  --TTSDropdown-tAction-list_color: var(--white0);
  --TTSDropdown-custom-header-btns_background: var(--main2-a);
  --TTSDropdown-custom-header-btns_color: var(--main1);
  --TTSDropdown-custom-header-btns-tAction_background: var(--main2);
  --TTSDropdown-custom-header-btns-tAction_color: var(--gray0);
  --TTSDropdown-custom-header-btns-tOpen_background: var(--main2-a);
  --TTSDropdown-custom-header-btns-tOpen_color: var(--white1);
  --TTSDropdown-custom-header-btns-tOpen-tAction_background: var(--main2);
  --TTSDropdown-custom-header-btns-tOpen-tAction_color: var(--gray0);
  --TTSDropdown-custom-header-btns-list_background: var(--main2-a);
  --TTSDropdown-custom-header-btns-list_color: var(--white1);
  --TTSDropdown-custom-header-btns-list-li_border-bottom: var(--green6);
  --TTSDropdown-custom-header-btns-tAction-list_background: var(--green5);
  --TTSDropdown-custom-header-btns-tAction-list_color: var(--white1);
  --TTSDualList-tClear_color: var(--main1);
  --TTSDualList-options-item-tActive_background: var(--blue2);
  --TTSDualList-options-item-tActive_color: var(--main1);
  --TTSDualList-options-item-tDisabled_background: var(--gray0);
  --TTSDualList-footer-tTitle_color: var(--gray2);
  --TTSGlobalConfirm_background: var(--text1);
  --TTSGlobalConfirm-title_color: var(--white0);
  --TTSGlobalConfirm-content_color: var(--white0);
  --TTSDropzone-input-zone_border: #8ed6f7;
  --TTSDropzone-input-zone_background: var(--main1);
  --TTSDropzone-input-zone-hover_border: rgba(
    $color: lighten($color: #114477, $amount: 20%),
    $alpha: 0.3
  );
  --TTSDropzone-input-zone-center-title_color: #1daeef;
  --TTSDropzone-input-zone-center-subtitle-action_background: var(--main1);
  --TTSDropzone-input-zone-center-subtitle-action_color: var(--white0);
  --TTSDropzone-files-label_color: #01386f;
  --TTSDropzone-files-tag_border: var(--main1);
  --TTSDropzone-files-tag-svg_fill: var(--main1);
  --TTSDropzone-extended-zone_background: rgba(219, 240, 219, 0.3);
  --TTSDropzone-extended-zone_color: var(--gray15);
  --TTSDropzone-extended-zone-hover_background: rgba(219, 240, 219, 0.4);
  --TTSDropzone-extended-zpopis-label_background: var(--white0);
  --TTSDropzone-extended-zpopis-label_color: var(--main2);
  --TTSDropzone-extended-label_background: var(--white0);
  --TTSDropzone-extended-label_color: var(--main2);
  --TTSDropzone-extended-label-required_color: var(--main2);
  --TTSDropzone-edit-required_color: var(--main2);
  --TTSDropzone-edit-tLabel_background: var(--white0);
  --TTSDropzone-edit-tLabel_color: var(--main2);
  --TTSDropzone-edit-span_background: var(--white0);
  --TTSDropzone-edit-span_color: var(--main2);
  --TTSFile-container_border: #d1effc;
  --TTSFile-container_color: #39b2f1;
  --ReactDatePicker-day-selected_background: var(--text1);
  --ReactDatePicker-day-selected-hover_background: var(--text1);
  --ReactDatePicker-month-year-read-view-down-arrow-before_border-bottom: #aeaeae;
  --ReactDatePicker-popper-bottom-triangle_border-bottom: #f0f0f0;
  --ReactDatePicker-popper-bottom-triangle-before_border-bottom: #aeaeae;
  --ReactDatePicker-month-year-read-view-down-arrow-with-before_border-top: #fff;
  --ReactDatePicker-month-year-read-view-down-arrow-before_border-top: #aeaeae;
  --ReactDatePicker_background: #fff;
  --ReactDatePicker_color: #000;
  --ReactDatePicker_border: #aeaeae;
  --ReactDatePicker-header_background: var(--blue0);
  --ReactDatePicker-header_border-bottom: var(--blue4);
  --ReactDatePicker-year-header_color: #000;
  --ReactDatePicker-navigation-previous_border-right: var(--gray15);
  --ReactDatePicker-navigation-previous-hover_border-right: var(--text1);
  --ReactDatePicker-navigation-previous-disabled_border-right: #e6e6e6;
  --ReactDatePicker-navigation-next_border-left: var(--gray15);
  --ReactDatePicker-navigation-next-hover_border-left: var(--text1);
  --ReactDatePicker-navigation-next-disabled_border-left: #e6e6e6;
  --ReactDatePicker-navigation-years-previous_border-top: #ccc;
  --ReactDatePicker-navigation-years-previous-hover_border-top: #b3b3b3;
  --ReactDatePicker-navigation-years-upcoming_border-bottom: #ccc;
  --ReactDatePicker-navigation-years-upcoming-hover_border-bottom: #b3b3b3;
  --ReactDatePicker-time-container_border-left: #aeaeae;
  --ReactDatePicker-time-container-with-button_border: #aeaeae;
  --ReactDatePicker-time-list-item-hover_background: #f0f0f0;
  --ReactDatePicker-time-list-item-selected_background: #216ba5;
  --ReactDatePicker-time-list-item-selected-hover_background: #216ba5;
  --ReactDatePicker-time-list-item-disabled_background: #ccc;
  --ReactDatePicker-week-number_color: #ccc;
  --ReactDatePicker-week-number-clickable-hover_background: #f0f0f0;
  --ReactDatePicker-week-svatek_background: red;
  --ReactDatePicker-day_color: #000;
  --ReactDatePicker-month-selected_background: #216ba5;
  --ReactDatePicker-month-selected_color: #fff;
  --ReactDatePicker-month-selected-hover_background: #1d5d90;
  --ReactDatePicker-month-disabled_color: #ccc;
  --ReactDatePicker-month-text-hover_background: #f0f0f0;
  --ReactDatePicker-month-text-highlighted_background: #3dcc4a;
  --ReactDatePicker-month-text-highlighted_color: #fff;
  --ReactDatePicker-month-text-highlighted-hover_background: #32be3f;
  --ReactDatePicker-month-text-highlighted-custom1_color: magenta;
  --ReactDatePicker-month-text-highlighted-custom2_color: green;
  --ReactDatePicker-month-text-selected_background: #216ba5;
  --ReactDatePicker-month-text-selected_color: #fff;
  --ReactDatePicker-month-text-selected-hover_background: #1d5d90;
  --ReactDatePicker-month-text-keyboard-selected_background: #2a87d0;
  --ReactDatePicker-month-text-keyboard-selected_color: #fff;
  --ReactDatePicker-month-text-keyboard-selected-hover_background: #1d5d90;
  --ReactDatePicker-month-text-in-selecting-range_background: rgba(
    33,
    107,
    165,
    0.5
  );
  --ReactDatePicker-month-selecting-range-text-in-range_background: #f0f0f0;
  --ReactDatePicker-month-selecting-range-text-in-range_color: #000;
  --ReactDatePicker-month-text-disabled_color: #ccc;
  --ReactDatePicker-month-text-with-month-selected-hover_background: #216ba5;
  --ReactDatePicker-month-year-read-view-hover-down-arrow_background: #b3b3b3;
  --ReactDatePicker-month-year-read-view-down-arrow_border-top: #ccc;
  --ReactDatePicker-month-dropdown_background: #f0f0f0;
  --ReactDatePicker-month-dropdown_border: #aeaeae;
  --ReactDatePicker-month-option-hover_background: #ccc;
  --ReactDatePicker-month-option-hover-navigation-years-upcoming_border-bottom: #b3b3b3;
  --ReactDatePicker-month-option-hover-navigation-years-previous_border-top: #b3b3b3;
  --ReactDatePicker-close-icon-after_background: #216ba5;
  --ReactDatePicker-close-icon-after_color: #fff;
  --ReactDatePicker-today-button_background: #f0f0f0;
  --ReactDatePicker-today-button_border-top: #aeaeae;
  --ReactDatePicker-portal_background: rgba(0, 0, 0, 0.8);
  --ReactDatePicker-portal-navigation-previous_border-right: #ccc;
  --ReactDatePicker-portal-navigation-previous-hover_border-right: #b3b3b3;
  --ReactDatePicker-portal-navigation-previous-disabled_border-right: #e6e6e6;
  --ReactDatePicker-portal-navigation-next_border-left: #ccc;
  --ReactDatePicker-portal-navigation-next-hover_border-right: #b3b3b3;
  --ReactDatePicker-portal-navigation-next-disabled_border-right: #e6e6e6;
  --ReactDatePicker-day-weekend_color: #c0c0c0;
  --ReactDatePicker-day-outside-month_color: #e8e8e8;
  --ReactDatePicker-tooltip_color: #ddd;
  --ReactDatePicker-tooltip_background: #333;
  --ReactDatePicker-tooltip_box-shadow: rgba(56, 54, 54, 0.86);
  --ReactDatePicker-tooltip-header_background: #606060;
  --ReactDatePicker-tooltip-footer_background: #606060;
  --ReactDatePicker-tooltip-hover_background: #404040;
  --ReactDatePicker-tooltip-after_border: #333;
  --ReactDatePicker-tooltip-hover-after_border: #808080;
  --TTSDateTimePicker-icon_background: var(--gray14);
  --TTSDateTimePicker-icon-hover_background: var(--gray14);
  --TTSDateTimePicker-input_border: var(--gray13);
  --TTSDateTimePicker-popper_border: var(--gray13);
  --TTSDateTimePicker-calendar_border: var(--gray13);
  --TTSDateTimePicker-calendar-triangle_border-bottom: var(--gray13);
  --TTSDateTimePicker-calendar-triangle-before_border-bottom: var(--gray13);
  --TTSDateTimePicker-calendar-triangle-before_background: var(--background1);
  --TTSDateTimePicker-calendar-month-header_background: var(--white0);
  --TTSDateTimePicker-calendar-month-header_color: var(--text1);
  --TTSDateTimePicker-calendar-month-header-current-month_color: var(--text1);
  --TTSDateTimePicker-calendar-month-header-day-name_color: var(--text1);
  --TTSDateTimePicker-calendar-month-header-dropdown_background: var(--white0);
  --TTSDateTimePicker-calendar-month-header-dropdown_color: var(--text1);
  --TTSDateTimePicker-calendar-month-header-dropdown-current-month_color: var(
    --text1
  );
  --TTSDateTimePicker-calendar-month-header-dropdown-day-name_color: var(
    --text1
  );
  --TTSDateTimePicker-calendar-month-header-dropdown-month-select_color: var(
    --text1
  );
  --TTSDateTimePicker-calendar-month-header-dropdown-month-select_border: var(
    --text1
  );
  --TTSDateTimePicker-calendar-month-header-dropdown-year-select_color: var(
    --text1
  );
  --TTSDateTimePicker-calendar-month-header-dropdown-year-select_border: var(
    --text1
  );
  --TTSDateTimePicker-calendar-month-day-success_color: var(--main1);
  --TTSDateTimePicker-calendar-month-day-success_background: var(--blue1);
  --TTSDateTimePicker-calendar-month-day-selected_background: var(--main1);
  --TTSDateTimePicker-calendar-month-day-selected_color: var(--white0);
  --TTSDateTimePicker-calendar-month-day-tooltip_background: var(--main3);
  --TTSDateTimePicker-calendar-month-day-tooltip_color: var(--white0);
  --TTSDateTimePicker-calendar-month-day-tooltip-after_border-top: var(--main3);
  --TTSDateTimePicker-error-icon_background: var(--danger);
  --TTSDateTimePicker-error-input_border: var(--danger);
  --TTSDateTimePicker-fa-calendar_color: var(--white0);
  --TTSMultiAdd-validation_background: var(--danger-l5);
  --TTSMultiAdd-validation_color: var(--danger);
  --TTSMultiAdd-error-item-arrow_border-bottom: var(--danger);
  --TTSMultiAdd-error-item-message_background: var(--danger);
  --TTSMultiAdd-error-item-message_color: var(--white0);
  --TTSRadioInput-checkmark_background: var(--white0);
  --TTSRadioInput-checkmark_border: var(--main1);
  --TTSRadioInput-checkmark-after_background: var(--main1);
  --TTSRadioInput-checked-checkmark_background: var(--white0);
  --TTSRadioInput-checked-checkmark_border: var(--main1);
  --TTSRadioInput-error-checkmark_border: var(--danger);
  --TTSSelect2-multi-value-placeholder_background: var(--green5);
  --TTSSelect2-multi-value-placeholder_color: var(--white0);
  --TTSSelect2-menu-footer_border-top: var(--gray1);
  --TTSSelect2-val-select-control_border: var(--gray13);
  --TTSSelect2-val-select-control-hover_border: var(--gray16);
  --TTSSelect2-val-select-option-new_border-bottom: var(--main1);
  --TTSSelect2-val-select-menu_background: var(--white0);
  --TTSSelect2-val-select-menu_color: #808080;
  --TTSSelect2-error-select-control_border: var(--danger);
  --TTSSelect2-error-select-indicators_border: var(--danger);
  --TTSSelect2-fast-actions_border: var(--blue4);
  --TTSSelect2-fast-action_color: var(--blue5);
  --TTSSelect2-fast-action_border: var(--blue5);
  --TTSSelect2-fast-action-hover_background: var(--blue1);
  --TTSSelect2-fast-action-selected_background: var(--main1);
  --TTSSelect2-fast-action-selected_color: var(--white0);
  --TTSSelect2-fast-action-selected-hover_color: var(--blue5);
  --TTSSelect2-dial_background: var(--background2);
  --TTSSelect2-dial-hover_background: var(--background4);
  --TTSSelect2-indicator_color: var(--main1);
  --TTSSelect2-indicator-clear-hover_color: var(--danger);
  --TTSSelect2-multi-value_background: var(--main1);
  --TTSSelect2-multi-value-label_color: var(--white0);
  --TTSSelect2-dropdown-indicator_border: var(--gray15);
  --TTSSelect2-dropdown-indicator-hover_border: var(--text1);
  --TTSSwitch-checkbox-icon_background: var(--main0);
  --TTSSwitch-checkbox-icon_border: var(--main0);
  --TTSSwitch-checkbox-icon-checked_background: var(--main1);
  --TTSSwitch-checkbox-icon-checked_border: var(--main1);
  --TTSSwitch-checkbox-icon-before_background: var(--white0);
  --TTSTextInput-val-placeholder_color: #717b85;
  --TTSTextInput-suffix_background: var(--blue3);
  --TTSTextInput-suffix_color: var(--gray15);
  --TTSTextInput-suffix-clickable-hover_background: var(--blue4);
  --TTSTextInput-suffix-clickable-hover_color: var(--text1);
  --TTSTimeAmountInput_border: var(--gray13);
  --TTSTimeAmountInput-hover_border: var(--blue5);
  --TTSInputs-label_color: var(--text1);
  --TTSInputs-label-required_color: var(--blue5);
  --TTSInputs-textarea_border: var(--gray13);
  --TTSInputs-container_border: var(--gray13);
  --TTSInputs-container_background: var(--white1);
  --TTSInputs-error_border: var(--danger);
  --TTSLoading_color: var(--green5);
  --TTSLoading-spinner_border-top: rgba(73, 189, 241, 0.1);
  --TTSLoading-spinner_border-right: rgba(73, 189, 241, 0.1);
  --TTSLoading-spinner_border-bottom: rgba(73, 189, 241, 0.1);
  --TTSModal-content_background: var(--main2-d10-a95);
  --TTSModal_background: var(--background1);
  --TTSModal_color: var(--gray13);
  --TTSModal-header_background: var(--background1);
  --TTSModal-header-close-btn_color: var(--gray15);
  --TTSOperator-list_border: var(--gray13);
  --TTSOperator-item_color: var(--gray1);
  --TTSOperator-item-active_color: var(--text1);
  --TTSTabs-header-container-item_border: var(--blue2);
  --TTSTabs-header-container-item_color: var(--blue5);
  --TTSTabs-header-container-item-last_border-bottom: var(--blue2);
  --TTSTabs-header-container-item-hover_background: var(--blue0);
  --TTSTabs-header-container-item-active_color: var(--main2);
  --TTSTabs-header-item_border: var(--blue2);
  --TTSTabs-header-item_border-bottom: var(--main1);
  --TTSTabs-header-item-last_border-bottom: var(--main1);
  --TTSTabs-header-item-active_border: var(--main1);
  --TTSTabs-header-after-line_border-bottom: var(--main1);
  --TTSTabs-tSideHeader-container-item_border: var(--blue2);
  --TTSTabs-tSideHeader-container-item_border-right: var(--main1);
  --TTSTabs-tSideHeader-container-item-active_border: var(--main1);
  --TTSTooltip_background: var(--text1);
  --TTSTooltip_color: var(--white0);
  --TTSTooltip-after_border-bottom: var(--main3);
  --TTSTooltip-top-after_border-top: var(--main3);
  --SentinelAttach-container_border: var(--blue2);
  --SentinelAttach-container_color: var(--blue5);
  --SentinelDetail-col-after_border-right: var(--gray13);
  --SentinelDetail-cell_border_bottom: var(--gray13);
  --SentinelDetail-cell-first-child_border_top: var(--gray13);
  --SentinelDetail-cell-sLabel_color: var(--gray15);
  --SentinelDetail-container-col-after_color: var(--gray13);
  --SentinelDetail-container-item_border-bottom: var(--gray13);
  --SentinelDetail-container-item-first-child_border-top: var(--gray13);
  --SentinelDetail-container-item-sLabel_color: var(--main2);
  --SentinelDetail-container-multi-cotainer-item-second-child_border-top: var(
                  --gray13
  );
  --SentinelDropAction-item-btn_color: var(--blue4);
  --SentinelDropAction-item-btn-hover_color: var(--white0);
  --SentinelDropAction-item-btn-TTS-loading-indicator_color: var(--white0);
  --SentinelEditableField-input-focus-within_border: var(--gray16);
  --SentinelEditableField-input-hover_border: var(--gray16);
  --SentinelEditableField-sLabel_background: var(--white0);
  --SentinelEditableField-sLabel_color: var(--gray15);
  --SentinelEditableField-sText_border: var(--gray13);
  --SentinelEditableField-not-editable-sLabel_color: var(--gray15);
  --SentinelEditableField-not-editable-sText_color: var(--text1);
  --SentinelEditableField-not-editable-sText_background: var(--background1);
  --SentinelEditableField-value-changed-input-after_border: var(--orange0);
  --SentinelEditableField-value-changed-input-after_background: var(--orange0);
  --SentinelExport-TTS-Modal-header-f-modalTitle_color: var(--text1);
  --SentinelExport-TTS-Export-content-Export-radek_border-top: var(--gray13);
  --SentinelExport-TTS-Export-content-Export-radek_border-bottom: var(--gray13);
  --SentinelExport-TTS-Export-content-h3-nadpis_color: var(--main2);
  --SentinelExport-TTS-Export-content-h4-nadpis_color: var(--main2);
  --SentinelExport-TTS-Export-content-Vyber-exportovanych-sloupcu_border-top: var(
    --blue2
  );
  --SentinelExport-TTS-Export-content-Vyber-exportovanych-sloupcu_border-bottom: var(
    --blue2
  );
  --SentinelExport-TTS-Export-content-Vyber-exportovanych-sloupcu-Levy-sloupec-TTSCheckbox-Input-label_color: var(
    --gray3
  );
  --SentinelExport-TTS-Export-content-Vyber-exportovanych-sloupcu-Pravy-sloupec-TTS-Chip_border: #a4def8;
  --SentinelExport-TTS-Export-content-Vyber-exportovanych-sloupcu-Pravy-sloupec-TTS-Chip_color: var(
    --main1
  );
  --SentinelExport-TTS-Export-content-Vyber-exportovanych-sloupcu-Pravy-sloupec-Sentinel-Sortable-List-footer_color: var(
    --main1
  );
  --SentinelExport-TTS-Export-content-Vyber-exportovanych-sloupcu-Pravy-sloupec-Sentinel-Sortable-List-footer_background: #e2f4fd;
  --SentinelExport-Sentinel-Sortable-Chip-isDragging_color: var(--white0);
  --SentinelParagraph-header-openToggle_color: var(--gray2);
  --SentinelList-header_color: var(--main2);
  --SentinelList-content-list-item_border-top: var(--gray13);
  --SentinelList-content-list-item-last-child_border-bottom: var(--border2);
  --SentinelList-content-list-item-sContent-sIcon_color: var(--blue2);
  --SentinelList-content-list-item-sContent-hover_color: var(--main1);
  --SentinelList-content-list-item-sContent-hover-sIcon_color: var(--main1);
  --SentinelNoData_background: var(--blue1);
  --SentinelNoData_color: var(--main2);
  --SentinelNoData_border: var(--blue5);
  --SentinelNuAction-cotainer-item_border-top: var(--blue3);
  --SentinelNuAction-cotainer-item-error-arrow_border-bottom: var(--danger);
  --SentinelNuAction-cotainer-item-error_background: var(--danger);
  --SentinelNuAction-cotainer-item-error_color: var(--white0);
  --SentinelNuAction-cotainer-multi_border-top: var(--blue3);
  --SentinelNuAction-cotainer-multi-label_color: var(--main2);
  --SentinelNuAction-cotainer-col_border-top: var(--blue3);
  --SentinelNuAction-cotainer-col-label_color: var(--main2);
  --SentinelNuAction-cotainer-row_border-top: var(--blue3);
  --SentinelNuAction-cotainer-row-label_color: var(--main2);
  --SentinelSavedFilters-disabled-label_border: var(--gray7);
  --SentinelSavedFilters-disabled-label_color: var(--white0);
  --SentinelSavedFilters-disabled-label-hover_border: var(--gray7);
  --SentinelSavedFilters-disabled-label-hover_color: var(--white0);
  --SentinelSavedFilters-disabled-label-SavedFilter-count_color: var(--gray7);
  --SentinelSavedFilters-title-sLine-after_border-top: var(--blue4);
  --SentinelSavedFilters-item-label-favourite_color: var(--blue2);
  --SentinelSavedFilters-item-label-favourite-sActive_color: var(--warning);
  --SentinelSavedFilters-item-label-sLabel_color: var(--green5);
  --SentinelSavedFilters-item-label-sLabel_border: var(--green5);
  --SentinelSavedFilters-item-label-sActive_background: var(--green5);
  --SentinelSavedFilters-item-label-sActive_color: var(--white0);
  --SentinelSavedFilters-item-SavedFilter-count_color: var(--green5);
  --SentinelSavedFilters-item-hover-label-sLabel_background: var(--green5);
  --SentinelSavedFilters-item-hover-label-sLabel_border: var(--green5);
  --SentinelSavedFilters-item-hover-label-active_background: var(--green5);
  --SentinelSavedFilters-item-hover-label-active_color: var(--green5);
  --SentinelSavedFilters-item-hover-label-active-TTS-loading-indicator_background: var(
    --white0
  );
  --SentinelSavedFilters-SentinelTable-Filter-Container-body-search-node-title_background: var(
    --background1
  );
  --SentinelSavedFilters-SentinelTable-Filter-Container-body-search-node-title-label_background: var(
    --background1
  );
  --SentinelSortableList-container-Sortable-List-item-isDragging_background: var(
    --main1
  );
  --SentinelSortableList-container-Sortable-List-item-isDragging_color: white;
  --SentinelSortableList-container-Sortable-placeholder-chip_background: var(
    --blue2
  );
  --SentinelSortableList-footer_background: var(--blue3);
  --SentinelSortableList-footer_color: var(--blue5);
  --SentinelTable-FilterSettings-TTS-Modal-header-close_background: var(
    --white0
  );
  --SentinelTable-FilterSettings-left_background: var(--blue0);
  --SentinelTable-FilterSettings-left-header_color: var(--main2);
  --SentinelTable-FilterSettings-left-header-svg-polygon_stroke: var(--main1);
  --SentinelTable-FilterSettings-left-body-TTS-TTSTabs-header-container-item_color: var(
    --main1
  );
  --SentinelTable-FilterSettings-left-body-TTS-TTSTabs-header-container-item-tTabActive_color: var(
    --main1
  );
  --SentinelTable-FilterSettings-left-body-TTS-TTSTabs-header-container-item-tTabActive_background: var(
    --blue1
  );
  --SentinelTable-FilterSettings-right_background: var(--white0);
  --SentinelTable-FilterSettings-right-body-filter-title_color: var(--main2);
  --SentinelTable-FilterSettings-right-body-filter-node-title_color: var(
    --main2
  );
  --SentinelTable-FilterSettings-right-TTS-Filter-Info-list-filteredData-value_border: var(
    --blue5
  );
  --SentinelTable-TTSFilterNode-footer_background: var(--white0);
  --SentinelTable-SentinelTable-Filter-container-header-sFilter-toggle_color: var(
    --main1
  );
  --SentinelTable-SentinelTable-Filter-container-header-sFilter-toggle-polygon_stroke: var(
    --main1
  );
  --SentinelTable-SentinelTable-Main-content-body-error_background: var(
    --danger-l10-a4
  );
  --SentinelTable-SentinelTable-Main-content-body-error_border: var(
    --danger-l5
  );
  --SentinelTable-SentinelTable-Main-content-body-error_color: var(--danger);
  --SentinelTable-main_header_content-functionsBar-path_fill: var(--green5);
  --SentinelTable-TTS-Filter-body-wrapper-SavedFilter-label-sActive_color: var(
    --white0
  );
  --SentinelTable-TTS-Filter-body-wrapper-SavedFilter-label-sActive-sLabel_color: var(
    --white0
  );
  --SentinelTable-TTS-Filter-body-wrapper-SavedFilter-label-sLabel_color: var(
    --green5
  );
  --SentinelTable-TTS-Filter-body-wrapper-SavedFilter-label-sLabel_border: var(
    --green5
  );
  --SentinelTable-TTS-Filter-body-wrapper-search-TTSText-Input-Suffix_background: var(
    --gray14
  );
  --SentinelTable-TTS-Filter-body-wrapper-search-TTSText-Input-Suffix-hover_background: var(
    --background3
  );
  --SentinelTable-container-filter-container-header-toggle_background: var(
    --white0
  );
  --SentinelTable-container-filter-container-header-toggle-icons_background: var(--gray14);
  --SentinelTree-aside_border-right: var(--blue3);
  --SentinelTree-aside-ul_color: var(--main2);
  --SentinelTree-aside-ul-li_border-top: var(--blue3);
  --SentinelTree-aside-ul-li-Sentinel-Tree-Node-hover_background: var(--blue1);
  --SentinelTree-aside-ul-li-sRoot-sActive_border-top: var(--main2);
  --SentinelTree-aside-ul-li-sRoot-sActive-after_background: var(--main2);
}

:root {
  --white: #fff;
  --green5: #368537;
  --green6: #dbf0db;
  --red: #c52a3a;
  --text1: #2e2d2c;
  --border_1: #dcdcdc;
  --border_2: #cdcdcd;
  --alert_bcg: #e7e7e7;
  --alert_text: #777776;
  --btn_bcg: #bdbcbc;
  --btn_color: #767676;
}

.szr-content .active .headline, .szr-content .active .center-right, .szr-content .active .center-left, .szr-content .inactive .headline, .szr-content .inactive .center-right, .szr-content .inactive .center-left, .szr-content a:hover .headline, .szr-content a:hover .center-right, .szr-content a:hover .center-left {
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn {
  background-color: var(--btn_bcg);
  color: var(--btn_color);
  font-weight: bold;
  border: none;
}
.btn:hover {
  color: var(--text1);
  transition: color 200ms ease;
}
.btn.btn-success {
  background-color: var(--btn_bcg);
  color: var(--btn_color);
  font-weight: bold;
  border: none;
}
.btn.btn-success:hover {
  color: white;
  background-color: var(--green5);
  transition: color 200ms ease;
}
.btn.btn-danger {
  background-color: var(--btn_bcg);
  color: var(--btn_color);
  font-weight: bold;
  border: none;
}
.btn.btn-danger:hover {
  color: white;
  background-color: var(--red);
  transition: color 200ms ease;
}

.login-portlet-body-wrapper .btn {
  background-color: #368537;
  color: white;
  font-weight: bold;
  border: none;
}
.login-portlet-body-wrapper .btn:hover {
  background-color: #2b732b;
  transition: color 200ms ease;
  transition: background-color 200ms ease;
}

.display-none {
  display: none;
}

.overflow_hidden {
  overflow: hidden;
}

.width-50 {
  width: 50px;
}

.width-50-right {
  width: 50px;
  text-align: right;
}

.margin-r-20 {
  margin-right: 200px;
}

.margin-r-5 {
  margin-right: 50px;
}

.width-80 {
  width: 80px;
}

.width-100-center {
  width: 100px;
  text-align: center;
}

.width-150-center {
  width: 150px;
  text-align: center;
}

.width-100 {
  width: 100px;
}

.portlet-column-only {
  padding: 0 !important;
}
.portlet-content {
  background-color: transparent !important;
  padding: 0 !important;
}
.portlet-content .portlet-icon-back {
  display: none !important;
}
.portlet-layout.row {
  margin-left: 0;
  margin-right: 0;
}

.portlet-decorate .portlet-section .portlet-content {
  border: none;
  border-width: 0;
}

/* Mobile-first styles FTW */
.login {
  /* Z nějakého důvodu nemá výšku 100%, vož způsobuje chybu - dole vyniká pázdný pruh, ve kterém nemůže být zobrazen obsah */
}
.login div#senna_surface1-default {
  height: 100%;
}
.login .navbar {
  background-color: #ffffff;
  font-size: 0.938rem;
  padding: 0rem;
  width: 100%;
  position: relative;
  display: inline-block;
}
.login .navbar-collapse {
  position: absolute;
  z-index: 1;
  background: #ffffff;
  width: 100%;
}
.login .navbar-nav .nav-link {
  color: #2e2d2c;
  cursor: pointer;
  border-bottom: 0.25rem solid transparent;
  border-right: 0.063rem solid #dcdcdc;
}
.login .navbar-nav .nav-link .item {
  display: flex;
  padding-left: 1.875rem;
  padding-right: 1.875rem;
}
.login .navbar-nav .nav-link .item img {
  height: 2.5rem;
  padding: 0 0.75rem 0 0;
}
.login .navbar-nav .nav-link .item img.home-image {
  height: 1.875rem;
}
.login .navbar-nav .nav-link .item .item-text {
  margin-top: 5%;
  margin-left: 0.625rem;
}
.login .navbar-nav .nav-link .item .item-text.home {
  margin-top: 2%;
}
.login .navbar-nav .nav-link .item .item-text .main-logo-dia {
  margin-right: 1.625rem;
}
.login .navbar-nav .nav-link .item .item-text .main-logo-text-sdm {
  font-size: 15px;
  font-weight: 700;
  color: #2e2d2c;
}
.login .navbar-nav .home {
  background-color: #ffffff;
}
.login .navbar-nav .home .nav-link:hover {
  border-bottom: 0.25rem solid #368537;
}
.login .navbar-nav .home .nav-link.active {
  border-bottom: 0.25rem solid #368537;
  color: #2e2d2c;
}
.login .navbar-nav .home .nav-link:hover .item {
  color: #2e2d2c;
}
.login .navbar-nav .home .item {
  color: #2e2d2c;
}
.login .navbar-nav .request .nav-link:hover {
  border-bottom: 0.25rem solid #368537;
}
.login .navbar-nav .request .nav-link.active {
  border-bottom: 0.25rem solid #368537;
  color: #2e2d2c;
}
.login .navbar-nav .services .nav-link:hover {
  border-bottom: 0.25rem solid #368537;
}
.login .navbar-nav .services .nav-link.active {
  border-bottom: 0.25rem solid #368537;
  color: #2e2d2c;
}
.login .navbar-nav .knowledge .nav-link:hover {
  border-bottom: 0.25rem solid #368537;
}
.login .navbar-nav .knowledge .nav-link.active {
  border-bottom: 0.25rem solid #368537;
  color: #2e2d2c;
}
.login-content {
  margin: 0 !important;
  padding: 0 !important;
  max-width: 100% !important;
}
.login-navbar {
  flex: 1 0 auto;
  justify-content: space-between;
}
.login-navbar .no-link {
  color: #2e2d2c;
  min-height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 2rem;
  border-left: 0.063rem solid #dcdcdc;
}
.login-navbar .no-link a {
  color: #2e2d2c;
  text-decoration: underline;
}
.login-navbar .home-link {
  min-height: 2.5rem;
  align-content: center;
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
  cursor: pointer;
  border-right: 0.063rem solid #eeeeee;
}
.login-navbar li {
  border-bottom: 0.063rem solid #dcdcdc;
}
.login .portlet-body {
  margin-top: -0.625rem;
}
.login-portlet-body {
  color: #2e2d2c;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100vw;
  height: calc(100vh - 2.5625rem);
  padding: 0 0.1875rem;
}
.login-portlet-body-toast {
  font-size: 0.878rem;
  font-weight: 400;
  position: relative;
  background-color: #e7e7e7;
  color: #777776;
  font-style: normal;
  border: none;
  border-radius: 0.188rem;
  max-width: 37.5rem;
  padding: 0.625rem 1.25rem;
  opacity: 1;
  margin-bottom: 0.125rem;
}
.login-portlet-body-toast:before {
  content: "";
  position: absolute;
  top: -0.5rem;
  transform: translateX(-70%);
  border-style: solid;
  border-width: 0 0.625rem 0.5625rem 0.625rem;
  border-color: transparent transparent #e7e7e7 transparent;
  left: 1.9rem;
  display: none;
}
.login-portlet-body-wrapper {
  height: 100%;
  width: 100%;
  align-items: center;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  margin: 0;
  justify-content: start;
  padding: 1.375rem 0;
}
.login-portlet-body-wrapper-info {
  margin: 0;
  width: 100%;
}
.login-portlet-body-wrapper-info .alert-danger {
  margin-top: -6rem;
}
.login-portlet-body-wrapper-info-title {
  display: flex;
  font-size: 1.125rem;
  font-weight: 600;
  padding: 0 0 1rem 0;
  margin-bottom: 0.875rem;
  border-bottom: 0.063rem solid #dcdcdc;
}
.login-portlet-body-wrapper-info-title-header {
  display: flex;
  align-items: center;
}
.login-portlet-body-wrapper-info-title img {
  height: 1.875rem;
  margin-right: 0.75rem;
}
.login-portlet-body-wrapper-info-list {
  list-style: none;
  padding: 1rem 0;
  margin: 0;
  min-height: 9rem;
}
.login-portlet-body-wrapper-info-list li {
  display: flex;
  align-items: center;
}
.login-portlet-body-wrapper-info-list.show {
  display: block;
}
.login-portlet-body-wrapper-info-list.hide {
  display: none;
}
.login-portlet-body-wrapper-info-fieldset {
  display: none;
}
.login-portlet-body-wrapper-info-fieldset.show {
  display: block;
}
.login-portlet-body-wrapper-info-fieldset.show .sign-in-form {
  width: 100%;
  min-height: 9.1875rem;
}
.login-portlet-body-wrapper-info-fieldset .submit-form-btns {
  margin-top: 0.9375rem;
}
.login-portlet-body-wrapper-info-fieldset .submit-form-btns .form-submit-btn {
  background-color: var(--green5);
  height: 2.875rem;
  float: right;
  margin-right: 1.25rem;
}
.login-portlet-body-wrapper-info-fieldset .submit-form-btns button {
  display: none;
}
.login-portlet-body-wrapper-info-fieldset .submit-form-btns button.show {
  display: block;
}
.login-portlet-body-wrapper-info-field {
  display: flex;
}
.login-portlet-body-wrapper-info-field label {
  display: flex;
  align-items: center;
  margin: 0;
  flex: 0 0 20%;
}
.login-portlet-body-wrapper-info-btns, .login-portlet-body-wrapper-info-btn {
  display: flex;
  padding: 0;
}
.login-portlet-body-wrapper-info-btns-choose, .login-portlet-body-wrapper-info-btn-choose {
  display: none;
}
.login-portlet-body-wrapper-info-btns-choose.show, .login-portlet-body-wrapper-info-btn-choose.show {
  display: flex;
  gap: 1rem;
}
.login-portlet-body-wrapper-info-btns-close, .login-portlet-body-wrapper-info-btn-close {
  display: none;
}
.login-portlet-body-wrapper-info-btns-close.show, .login-portlet-body-wrapper-info-btn-close.show {
  display: block;
}
.login-portlet-body-wrapper-info-btns-label, .login-portlet-body-wrapper-info-btn-label {
  display: flex;
  align-items: center;
  margin-right: 0.5rem;
  text-transform: uppercase;
  font-weight: bold;
}
.login-portlet-body-wrapper-info-btns button, .login-portlet-body-wrapper-info-btn button {
  margin-right: 0.8rem;
  height: 2.625rem !important;
}
.login-portlet-body-wrapper-info-btns button .lfr-btn-label, .login-portlet-body-wrapper-info-btn button .lfr-btn-label {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.875rem;
  letter-spacing: 0.063rem;
}
.login-portlet-body-wrapper-info-btns button:last-child, .login-portlet-body-wrapper-info-btn button:last-child {
  margin: 0;
}

@media all and (min-width: 33.75em) {
  .login-portlet-body-toast {
    margin-top: 1rem;
  }
  .login-portlet-body-toast:before {
    display: block;
  }
  .login-portlet-body-wrapper-info {
    margin: 0px 1.25rem 3rem 1.25rem;
    width: 21.875rem;
    background-color: white;
    padding: 1.875rem 1.25rem 1.875rem 1.25rem;
    border-radius: 0.375rem;
  }
}
@media all and (min-width: 46.8em) {
  .login-portlet-body {
    align-items: initial;
  }
  .login-portlet-body-toast {
    left: 5%;
    position: relative;
    font-size: 0.9375rem;
    padding: 1rem;
  }
  .login-portlet-body-wrapper-info-title {
    font-size: 1.25rem;
  }
  .login-portlet-body-wrapper-info-title img {
    /*width: 2.5rem;*/
    height: 1.875rem;
    margin-right: 0.625rem;
  }
  .login-portlet-body-wrapper-info-btns button, .login-portlet-body-wrapper-info-btn button {
    height: 2.875rem !important;
  }
  .login-portlet-body-wrapper-info-btns button .lfr-btn-label, .login-portlet-body-wrapper-info-btn button .lfr-btn-label {
    font-size: 0.9375rem;
  }
  .login-navbar .home-link {
    padding: 0 1.875rem;
  }
  .login-navbar li {
    border-bottom: initial;
  }
}
@media all and (min-width: 48em) {
  .login-navbar {
    height: 3.75rem;
  }
}
/*@media all and (min-width: $bpw-large) { // 800px
  .login {
    &-portlet {
      &-body {
        &-wrapper {
          overflow: auto;

          &-info {
            margin: 0 1rem 3rem 1rem;
          }
        }
      }
    }
  }
}*/
@media all and (min-width: 62em) {
  .login .navbar {
    position: initial;
    display: initial;
  }
  .login .navbar-collapse {
    position: initial;
    z-index: unset;
    background: #ffffff;
    width: 100%;
  }
  .login-portlet-body {
    height: calc(100vh - 3.875rem);
    /*&-wrapper {

         !* overflow: auto;
          margin: 1rem 2rem;
          &-info {
            margin: 0 0rem 3rem 0rem;
          }*!
        }*/
  }
  .login-portlet-body-toast {
    max-width: 25.625rem;
  }
}
@media all and (min-width: 73em) {
  .login-portlet-body-wrapper {
    justify-content: center;
    flex-basis: initial;
    flex-wrap: initial;
    flex-direction: row;
    padding: 0;
  }
  .login-portlet-body-wrapper-info {
    margin: 0px 1.25rem 3rem 1.25rem;
    width: 21.875rem;
    background-color: white;
    padding: 1.875rem 1.25rem 1.875rem 1.25rem;
    border-radius: 0.375rem;
  }
}
.login-portlet-body-wrapper-info-fieldset.show .sign-in-form {
  min-height: 9.1875rem;
}

:root {
  --white: #fff;
  --green5: #368537;
  --green6: #dbf0db;
  --red: #c52a3a;
  --text1: #2e2d2c;
  --border_1: #dcdcdc;
  --border_2: #cdcdcd;
  --alert_bcg: #e7e7e7;
  --alert_text: #777776;
  --btn_bcg: #bdbcbc;
  --btn_color: #767676;
}

.szr-content .active .headline, .szr-content .active .center-right, .szr-content .active .center-left, .szr-content .inactive .headline, .szr-content .inactive .center-right, .szr-content .inactive .center-left, .szr-content a:hover .headline, .szr-content a:hover .center-right, .szr-content a:hover .center-left {
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn {
  background-color: var(--btn_bcg);
  color: var(--btn_color);
  font-weight: bold;
  border: none;
}
.btn:hover {
  color: var(--text1);
  transition: color 200ms ease;
}
.btn.btn-success {
  background-color: var(--btn_bcg);
  color: var(--btn_color);
  font-weight: bold;
  border: none;
}
.btn.btn-success:hover {
  color: white;
  background-color: var(--green5);
  transition: color 200ms ease;
}
.btn.btn-danger {
  background-color: var(--btn_bcg);
  color: var(--btn_color);
  font-weight: bold;
  border: none;
}
.btn.btn-danger:hover {
  color: white;
  background-color: var(--red);
  transition: color 200ms ease;
}

.login-portlet-body-wrapper .btn {
  background-color: #368537;
  color: white;
  font-weight: bold;
  border: none;
}
.login-portlet-body-wrapper .btn:hover {
  background-color: #2b732b;
  transition: color 200ms ease;
  transition: background-color 200ms ease;
}

.display-none {
  display: none;
}

.overflow_hidden {
  overflow: hidden;
}

.width-50 {
  width: 50px;
}

.width-50-right {
  width: 50px;
  text-align: right;
}

.margin-r-20 {
  margin-right: 200px;
}

.margin-r-5 {
  margin-right: 50px;
}

.width-80 {
  width: 80px;
}

.width-100-center {
  width: 100px;
  text-align: center;
}

.width-150-center {
  width: 150px;
  text-align: center;
}

.width-100 {
  width: 100px;
}

.tts-gradient {
  height: 0.625rem;
  background: linear-gradient(180deg, #eef2f5 3.65%, #f1f1f1 100%);
}

.dropdown-menu.notify-drop {
  right: -100%;
  left: auto;
  top: 3.563rem;
  min-width: 20.625rem;
  background-color: #fff;
  min-height: 12.5rem;
  max-height: 22.5rem;
}
.dropdown-menu.notify-drop .notify-drop-title {
  border-bottom: 0.063rem solid #e2e2e2;
  padding: 0.313rem 0.938rem 0.625rem 0.938rem;
}
.dropdown-menu.notify-drop .drop-content {
  min-height: 17.5rem;
  max-height: 17.5rem;
  overflow-y: auto;
}
.dropdown-menu.notify-drop .drop-content::-webkit-scrollbar-track {
  display: none;
}
.dropdown-menu.notify-drop .drop-content::-webkit-scrollbar {
  width: 0.5rem;
  background-color: transparent;
}
.dropdown-menu.notify-drop .drop-content::-webkit-scrollbar-thumb {
  border-radius: 0.313rem;
  background-color: #ccc;
}
.dropdown-menu.notify-drop .drop-content > li {
  border-bottom: 0.063rem solid #e2e2e2;
  padding: 0.625rem 0rem 0.313rem 0rem;
}
.dropdown-menu.notify-drop .drop-content > li:nth-child(2n+0) {
  background-color: #fafafa;
}
.dropdown-menu.notify-drop .drop-content > li:after {
  content: "";
  clear: both;
  display: block;
}
.dropdown-menu.notify-drop .drop-content > li:hover {
  background-color: #fcfcfc;
}
.dropdown-menu.notify-drop .drop-content > li:last-child {
  border-bottom: none;
}
.dropdown-menu.notify-drop .drop-content > li .notify-img {
  display: inline-block;
  width: 2.813rem;
  height: 2.813rem;
  margin: 0.5rem 0rem;
}
.dropdown-menu.notify-drop .allRead {
  margin-right: 0.438rem;
}
.dropdown-menu.notify-drop .rIcon {
  float: right;
  color: #999;
}
.dropdown-menu.notify-drop .rIcon:hover {
  color: #333;
}
.dropdown-menu.notify-drop .drop-content > li a {
  font-size: 0.75rem;
  font-weight: normal;
}
.dropdown-menu.notify-drop .drop-content > li {
  font-weight: bold;
  font-size: 0.6875rem;
}
.dropdown-menu.notify-drop .drop-content > li hr {
  margin: 0.313rem 0;
  width: 70%;
  border-color: #e2e2e2;
}
.dropdown-menu.notify-drop .drop-content .pd-l0 {
  padding-left: 0;
}
.dropdown-menu.notify-drop .drop-content > li p {
  font-size: 0.6875rem;
  color: #666;
  font-weight: normal;
  margin: 0.188rem 0;
}
.dropdown-menu.notify-drop .notify-drop-footer {
  border-top: 0.063rem solid #e2e2e2;
  bottom: 0;
  position: relative;
  padding: 0.5rem 0.938rem;
}
.dropdown-menu.notify-drop .notify-drop-footer a {
  color: #777;
  text-decoration: none;
}
.dropdown-menu.notify-drop .notify-drop-footer a:hover {
  color: #333;
}
.dropdown-menu.notify-drop .drop-content {
  min-height: 9.375rem;
}
.dropdown-menu.notify-drop .drop-content .row {
  margin: 0;
  padding: 0;
}
.dropdown-menu.notify-drop .drop-content li {
  border-bottom: none;
  padding: 0;
  margin: 0;
}
.dropdown-menu.notify-drop .drop-content li .time {
  font-size: 0.85rem;
  font-weight: 900;
  margin: 0.5rem 0rem 0rem 0rem;
  padding: 0rem 0.188rem;
  font-style: bold;
  position: relative;
  display: inline-block;
}
.dropdown-menu.notify-drop .drop-content li .text {
  font-weight: normal;
  font-size: 0.8rem;
}
.dropdown-menu.notify-drop .drop-content li:hover {
  background-color: #EDF7ED;
}
.dropdown-menu.notify-drop .drop-content li.urgent {
  background-color: #368537;
  color: white;
}
.dropdown-menu.notify-drop .drop-content li.urgent:hover {
  background-color: #45a946;
}
.dropdown-menu.notify-drop .drop-content .notify-img img {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
}
.dropdown-menu.notify-drop .drop-content .rIcon {
  position: absolute;
  top: 30%;
  right: -15%;
  font-size: 1rem;
}

.user {
  font-size: 0.875rem;
  margin: 0 1rem;
}
.user .avatar img {
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 50%;
}
.user .role {
  font-style: italic;
}

.user-navbar {
  margin-left: 1.25rem;
}
.user-navbar .nav_notification {
  cursor: pointer;
  padding: 0 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.user-navbar .nav_help {
  display: flex;
  align-items: center;
  height: auto;
  width: auto;
  font-size: 1.25rem;
  color: #3a4652;
  padding: 0 1.5rem;
  margin-left: 1.5rem;
  text-decoration: none;
  border-left: 0.063rem solid #eeeeee;
  border-right: 0.063rem solid #eeeeee;
  cursor: pointer;
  transition: all 0.3s;
}
.user-navbar .nav_help:hover {
  background-color: #fbfbfc;
}
.user-navbar .nav_user {
  display: flex;
  align-items: center;
  cursor: pointer;
  margin: 0 1rem;
  height: 3.75rem;
}
.user-navbar .nav_user .dropdown_user .user {
  font-size: 0.875rem;
  margin: 0 1rem;
}
.user-navbar .nav_user .dropdown_user .user-info {
  margin-right: 1rem;
  color: #368537;
  font-size: 0.938rem;
  font-weight: 400;
}
.user-navbar .nav_user .dropdown_user .user .avatar img {
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 50%;
}
.user-navbar .nav_user .dropdown_user .user .role {
  font-style: italic;
}
.user-navbar .nav_user .dropdown_user .dropdown-item {
  display: flex !important;
  flex-direction: column;
}
.user-navbar .nav_user .dropdown_user .dropdown-item label {
  font-weight: bold;
  font-size: 1rem;
  display: block;
}
.user-navbar .nav_user .dropdown_user .dropdown-item.dropdown_user_drop_switch .link {
  color: #2e2d2c;
  text-decoration: unset;
}
.user-navbar .nav_user .dropdown_user .dropdown-item.dropdown_user_drop_checbox {
  padding: 0 3rem;
}
.user-navbar .nav_user .dropdown_user .dropdown-item.dropdown_user_drop_logout .logout {
  float: right;
  background: none;
  border-radius: 3rem;
  color: #2e2d2c;
  text-decoration: unset;
}
.user-navbar .nav_user .dropdown_user .dropdown-item.dropdown_user_drop_logout .logout .i_logout {
  color: #368537;
}

/* Mobile-first styles FTW */
@media all and (min-width: 22.5em) {
  .page .user-navbar {
    margin-left: initial;
    flex-direction: row;
    justify-content: space-between;
  }
  .page .user-navbar .nav_help {
    border: initial;
    margin-left: 1rem;
    height: 3.75rem;
  }
  .page .navbar {
    background-color: #ffffff;
    font-size: 0.938rem;
    padding: 0rem;
    width: 100%;
    position: relative;
    display: inline-block;
    width: 100%;
  }
  .page .navbar-collapse {
    position: absolute;
    z-index: 1;
    background: #ffffff;
    width: 100%;
  }
  .page .navbar .navbar-nav {
    /* styl ikon hlavního menu */
  }
  .page .navbar .navbar-nav .dropdown-menu {
    position: absolute !important;
  }
  .page .navbar .navbar-nav .nav-item .item-text {
    margin-left: 0.625rem;
  }
  .page .navbar .navbar-nav .nav-item .nav-link.active .svg-color-path, .page .navbar .navbar-nav .nav-item:hover .svg-color-path {
    fill: var(--green5);
    transition: fill 100ms ease;
  }
  .page .navbar .navbar-nav .nav-link {
    color: #2e2d2c;
    cursor: pointer;
    border-bottom: 0.25rem solid transparent;
    border-right: 0.063rem solid #eeeeee;
  }
  .page .navbar .navbar-nav .nav-link .item {
    display: flex;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }
  .page .navbar .navbar-nav .nav-link .item img {
    height: 2.5rem;
    padding: 0 0.75rem 0 0;
  }
  .page .navbar .navbar-nav .nav-link .item img.home-image {
    height: 1.875rem;
  }
  .page .navbar .navbar-nav .nav-link .item .item-text {
    margin-top: 0.55rem;
    font-weight: 600;
    margin-left: 0.625rem;
    white-space: nowrap;
  }
  .page .navbar .navbar-nav .nav-link .item .item-text.home {
    margin-top: 2%;
  }
  .page .navbar .navbar-nav .nav-link .item .item-text .main-logo-dia {
    margin-right: 1.625rem;
  }
  .page .navbar .navbar-nav .nav-link .item .item-text .main-logo-text-sdm {
    font-size: 15px;
    font-weight: 700;
    color: var(--text1);
  }
  .page .navbar .navbar-nav .home {
    background-color: #ffffff;
  }
  .page .navbar .navbar-nav .home .nav-link:hover {
    border-bottom: 0.25rem solid #368537;
  }
  .page .navbar .navbar-nav .home .nav-link.active {
    border-bottom: 0.25rem solid #368537;
    color: #2e2d2c;
  }
  .page .navbar .navbar-nav .home .nav-link:hover .item {
    color: #2e2d2c;
  }
  .page .navbar .navbar-nav .home .item {
    color: #2e2d2c;
  }
  .page .navbar .navbar-nav .request .nav-link:hover {
    border-bottom: 0.25rem solid #368537;
  }
  .page .navbar .navbar-nav .request .nav-link.active {
    border-bottom: 0.25rem solid #368537;
    color: #2e2d2c;
  }
  .page .navbar .navbar-nav .services .nav-link:hover {
    border-bottom: 0.25rem solid #368537;
  }
  .page .navbar .navbar-nav .services .nav-link.active {
    border-bottom: 0.25rem solid #368537;
    color: #2e2d2c;
  }
  .page .navbar .navbar-nav .knowledge .nav-link:hover {
    border-bottom: 0.25rem solid #368537;
  }
  .page .navbar .navbar-nav .knowledge .nav-link.active {
    border-bottom: 0.25rem solid #368537;
    color: #2e2d2c;
  }
  .page-navbar {
    flex: 1 0 auto;
    justify-content: space-between;
  }
  .page-navbar .no-link {
    color: #2e2d2c;
    min-height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 2rem;
    border-left: 0.063rem solid #dcdcdc;
  }
  .page-navbar .no-link a {
    color: #2e2d2c;
    text-decoration: underline;
  }
  .page-navbar .home-link {
    min-height: 2.5rem;
    align-content: center;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    cursor: pointer;
    border-right: 0.063rem solid #eeeeee;
  }
  .page-navbar-right {
    display: flex;
    justify-content: flex-end;
    border-bottom: 0.063rem solid #dcdcdc;
  }
  .page-navbar li {
    border-bottom: 0.063rem solid #dcdcdc;
  }
}
@media all and (min-width: 62em) {
  .page .user-navbar .nav_help {
    border-left: 0.063rem solid #eeeeee;
    border-right: 0.063rem solid #eeeeee;
  }
  .page .navbar-collapse {
    position: initial;
    z-index: unset;
    background: #ffffff;
    width: 100%;
  }
  .page .navbar .signed {
    display: initial !important;
  }
  .page .navbar .signed .nav_help {
    border-right: initial;
    border-left: initial;
  }
  .page .navbar .signed .sdm-content {
    border-left: initial;
  }
  .page-navbar {
    height: initial;
    flex: initial;
    justify-content: initial;
  }
  .page-navbar-right {
    border-bottom: initial;
  }
  .page-navbar .home-link {
    padding: 0 1.875rem;
  }
  .page-navbar li {
    border-bottom: initial;
  }
}
@media all and (min-width: 80em) {
  .page .navbar .signed {
    display: flex !important;
  }
  .page .navbar .signed .nav_help {
    border-right: 0.063rem solid #eeeeee;
    border-left: 0.063rem solid #eeeeee;
  }
  .page .navbar .signed .sdm-content {
    border-left: 0.063rem solid #eeeeee;
  }
}
.tts-ie-message {
  display: none;
}
.tts-ie-message-header {
  display: block;
}
.tts-ie-message-portlet {
  display: block;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ */
  .tts-ie-message {
    display: block;
    margin: 40vh auto auto auto;
    width: 40%;
    text-align: center;
    padding: 0.625rem;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
  }
  .tts-ie-message-header {
    display: none;
  }
  .tts-ie-message-portlet {
    display: none;
  }
}
.TTS-Modal-header-custom-content .TTS-Dropdown {
  margin: 0 1rem 1rem 0;
}

.TTS-Modal-header .h2-bold {
  margin: 0 0 1rem 0;
  color: var(--text1);
  font-weight: bold;
}

.TTS-container-table-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.TTS-container-table-header-title {
  color: var(--text1);
}
@media (max-width: 1000px) {
  .TTS-container-table-header-title {
    padding: 0 1rem;
  }
}
.TTS-container-table-header-content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.TTS-container-table-header-info {
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  .TTS-container-table-header-info {
    margin: 0.5rem 0rem;
  }
}
.TTS-container-table-header-btns {
  display: flex;
  gap: 0.5rem;
}

@media (max-width: 767px) {
  .SentinelTable-container .SentinelTable-Main-content-footer {
    padding: 0 0 0 1rem;
  }
}

@media (max-width: 75rem) {
  .Sentinel-modal {
    max-height: 100% !important;
    max-width: 80% !important;
    width: auto !important;
    height: auto !important;
  }
}
@media (max-width: 767px) {
  .Sentinel-modal {
    max-width: 100% !important;
    width: 100% !important;
  }
}

.new-item-custom-info-empty {
  background-color: var(--blue1);
  border-top: 0.063rem solid #bde8fc;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2rem;
  font-weight: bold;
  color: #1daeef;
}

@media (min-width: 22.5em) {
  .TicketsInfo-header {
    display: flex;
    flex-flow: row;
    align-items: center;
    border-bottom: solid 0.063rem var(--gray13);
  }
  .TicketsInfo-header .TTS-Tooltip:first-child {
    padding-right: 1.125rem;
  }
  .TicketsInfo-header .TTS-Tooltip:last-child {
    margin-left: auto;
    padding-left: 2rem;
  }
  .TicketsInfo-content {
    display: flex;
    flex-wrap: wrap;
    border: none;
    margin-top: 1.25rem;
  }
  .TicketsInfo-content .prvni-sloupec,
  .TicketsInfo-content .druhy-sloupec,
  .TicketsInfo-content .treti-sloupec {
    border: none;
    padding-left: 0;
    padding-right: 0;
  }
}
.refresh-icon-container {
  cursor: pointer;
}

.notification-datum {
  color: var(--text1);
  font-size: 0.6875rem;
  font-weight: 700;
}

.Sentinel-paragraph-content {
  color: var(--text1);
  font-size: 0.875rem;
  font-weight: 400;
}

.UserPersonalBar {
  display: flex;
  flex-direction: row;
}
.UserPersonalBar-item {
  height: 3.75rem;
  display: flex;
  padding: 0 1.5rem;
  border-left: solid var(--border1) 0.063rem;
  align-items: center;
}
.UserPersonalBar-item .sLabel {
  margin-right: 1rem;
  color: var(--green5);
}
.UserPersonalBar-item svg {
  cursor: pointer;
}
.UserPersonalBar-item .user-avatar-image svg path {
  fill: var(--green5);
}

:root {
  --white: #fff;
  --green5: #368537;
  --green6: #dbf0db;
  --red: #c52a3a;
  --text1: #2e2d2c;
  --border_1: #dcdcdc;
  --border_2: #cdcdcd;
  --alert_bcg: #e7e7e7;
  --alert_text: #777776;
  --btn_bcg: #bdbcbc;
  --btn_color: #767676;
}

.szr-content .active .headline, .szr-content .active .center-right, .szr-content .active .center-left, .szr-content .inactive .headline, .szr-content .inactive .center-right, .szr-content .inactive .center-left, .szr-content a:hover .headline, .szr-content a:hover .center-right, .szr-content a:hover .center-left {
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn {
  background-color: var(--btn_bcg);
  color: var(--btn_color);
  font-weight: bold;
  border: none;
}
.btn:hover {
  color: var(--text1);
  transition: color 200ms ease;
}
.btn.btn-success {
  background-color: var(--btn_bcg);
  color: var(--btn_color);
  font-weight: bold;
  border: none;
}
.btn.btn-success:hover {
  color: white;
  background-color: var(--green5);
  transition: color 200ms ease;
}
.btn.btn-danger {
  background-color: var(--btn_bcg);
  color: var(--btn_color);
  font-weight: bold;
  border: none;
}
.btn.btn-danger:hover {
  color: white;
  background-color: var(--red);
  transition: color 200ms ease;
}

.login-portlet-body-wrapper .btn {
  background-color: #368537;
  color: white;
  font-weight: bold;
  border: none;
}
.login-portlet-body-wrapper .btn:hover {
  background-color: #2b732b;
  transition: color 200ms ease;
  transition: background-color 200ms ease;
}

.display-none {
  display: none;
}

.overflow_hidden {
  overflow: hidden;
}

.width-50 {
  width: 50px;
}

.width-50-right {
  width: 50px;
  text-align: right;
}

.margin-r-20 {
  margin-right: 200px;
}

.margin-r-5 {
  margin-right: 50px;
}

.width-80 {
  width: 80px;
}

.width-100-center {
  width: 100px;
  text-align: center;
}

.width-150-center {
  width: 150px;
  text-align: center;
}

.width-100 {
  width: 100px;
}

/* scroll settings */
/* width */
::-webkit-scrollbar {
  width: 0.313rem;
  height: 0.313rem;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 0.313rem #c7ced2;
  border-radius: 0.313rem;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #2e2d2c;
  border-radius: 0.313rem;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #2e2d2c;
}

/* scroll settings ^^^ */
/* SS Styl odkazu */
.text a {
  color: #368537 !important;
  text-decoration: none !important;
  cursor: pointer;
}
.text a:hover {
  color: #164088 !important;
}

/* SS Styl odkazu ^^^ */
.center-content {
  width: 100%;
}

.flipped {
  height: 90vh;
}

html {
  position: relative;
  min-height: 100%;
  color: #2e2d2c;
}
html body {
  font-family: "DM_Sans", Arial, sans-serif;
  background: #f1f1f1;
  height: 100vh;
  overflow: auto;
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
}
html body header,
html body footer {
  flex: none;
}
html body main {
  flex: 1;
}
html body footer {
  position: relative;
}

.attachments-list {
  overflow-y: auto;
  overflow-x: hidden;
  min-height: 40%;
}

.file-container {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.2s;
  padding: 0.625rem 1.25rem;
  border-top: 0.063rem solid #d6dce2;
  border-bottom: 0.063rem solid #d6dce2;
  box-shadow: inset 0 31px 31px -40px #d6dce2;
}
.file-container .file-image {
  transition: all 0.4s;
  margin-right: 1.25rem;
  border-radius: 50%;
  background-color: #e1e7ee;
  padding: 0.313rem 0.938rem;
  font-size: 24px;
  justify-content: center;
  align-items: center;
}
.file-container:hover {
  cursor: pointer;
  color: #368537 !important;
  text-decoration: none !important;
  border-color: #368537;
}
.file-container:hover .file-image {
  color: white;
  background-color: #368537;
}
.file-container.link {
  display: block;
  background-color: unset !important;
  color: #2e2d2c;
}

.dropzone {
  position: relative;
  min-height: 40vh;
  padding-top: 8%;
  border: 0.938rem dashed rgba(0, 0, 0, 0.08);
  border-radius: 0.625rem;
}
.dropzone .dz-message {
  color: rgba(0, 0, 0, 0.2);
  font-size: 2rem;
  font-weight: 600;
}
.dropzone .dz-clickable {
  cursor: pointer !important;
}
.dropzone .dz-details {
  cursor: pointer !important;
}
.dropzone .dz-remove {
  cursor: pointer !important;
  position: absolute !important;
  font-size: 1.563rem !important;
  color: rgba(140, 140, 140, 0.7019607843) !important;
  transition: all 0.4s;
  top: 0;
  right: 0;
  z-index: 30 !important;
  transform: scale(1) !important;
}
.dropzone .dz-remove:hover {
  transform: scale(1.1) !important;
  color: #b7b7b7 !important;
}

.szr-content {
  height: auto;
  margin: 0;
  padding: 0;
  align-items: center;
  width: 100%;
  max-width: 100%;
}
.szr-content::-webkit-scrollbar {
  width: 0.625rem;
}
.szr-content::-webkit-scrollbar-thumb {
  border-radius: 0.313rem;
  background-color: rgba(0, 0, 0, 0.1);
}
.szr-content::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.3);
}
.szr-content .header1 {
  position: relative;
  color: #2e2d2c;
  font-weight: bold;
  font-size: 1.5625rem;
  padding: 0.4375rem;
}
.szr-content .header1:after {
  content: "";
  position: absolute;
  transform: rotate(90deg);
  bottom: 0.938rem;
  right: -1rem;
  width: 2.125rem;
  border-bottom: 0.0625rem solid #edeff3;
}
.szr-content .header2 {
  color: #2e2d2c;
  font-weight: bold;
  font-size: 1.4375rem;
  padding: 0.4375rem 0;
}
.szr-content .header2_unset {
  color: #2e2d2c;
  font-weight: unset;
  font-size: 1.4375rem;
  padding: 0.4375rem 0;
}
.szr-content .btn_header2 {
  float: right;
  margin-top: 0.65rem;
}
.szr-content .nav-item {
  padding: 0;
  min-width: -webkit-fill-available;
  cursor: pointer;
}
.szr-content a:hover {
  color: #368537;
  transformsubmenu: "../../images/pozadavek-aktivni.png", #368537;
}
.szr-content a:hover .center-left {
  height: 60px;
  transformcenteredcontent: 60px;
  float: left;
}
.szr-content a:hover .center-right {
  height: 60px;
  transformcenteredcontent: 60px;
  float: right;
}
.szr-content a:hover .headline {
  padding-left: 7px;
  float: left;
  height: 60px;
  transformcenteredcontent: 60px;
}
.szr-content .inactive {
  color: #b7c2cf;
  transformsubmenu: "../../images/pozadavek.png", #b7c2cf;
  overflow: hidden;
  border-top: 0.063rem solid #dcdcdc;
  border-right: 0.063rem solid #dcdcdc;
}
.szr-content .inactive .center-left {
  height: 60px;
  transformcenteredcontent: 60px;
  float: left;
}
.szr-content .inactive .center-right {
  height: 60px;
  transformcenteredcontent: 60px;
  float: right;
}
.szr-content .inactive .headline {
  padding-left: 7px;
  float: left;
  height: 60px;
  transformcenteredcontent: 60px;
}
.szr-content .active {
  color: #368537;
  transformsubmenu: "../../images/pozadavek-aktivni.png", #368537;
}
.szr-content .active .center-left {
  height: 60px;
  transformcenteredcontent: 60px;
  float: left;
}
.szr-content .active .center-right {
  height: 60px;
  transformcenteredcontent: 60px;
  float: right;
}
.szr-content .active .headline {
  padding-left: 7px;
  float: left;
  height: 60px;
  transformcenteredcontent: 60px;
}
.szr-content .state-purple {
  color: #ffffff;
  background-color: #368537;
  font-weight: bold;
  padding: 0.25rem 0.5rem 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 30px;
  display: inline-block;
  white-space: nowrap;
}
.szr-content .state-ochor {
  color: #ffffff;
  background-color: #368537;
  font-weight: bold;
  padding: 0.25rem 0.5rem 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 30px;
  display: inline-block;
  white-space: nowrap;
}
.szr-content .state-yellow {
  color: #ffffff;
  background-color: #368537;
  font-weight: bold;
  padding: 0.25rem 0.5rem 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 30px;
  display: inline-block;
  white-space: nowrap;
}
.szr-content .state-blue {
  color: #ffffff;
  background-color: #35398e;
  font-weight: bold;
  padding: 0.25rem 0.5rem 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 30px;
  display: inline-block;
  white-space: nowrap;
}
.szr-content .state-red {
  color: #ffffff;
  background-color: #c52a3a;
  font-weight: bold;
  padding: 0.25rem 0.5rem 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 30px;
  display: inline-block;
  white-space: nowrap;
}
.szr-content .state-green {
  color: #ffffff;
  background-color: #368537;
  font-weight: bold;
  padding: 0.25rem 0.5rem 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 30px;
  display: inline-block;
  white-space: nowrap;
}

.top50 {
  padding-top: 50px;
}

.main-content .table-header {
  font-size: 13px;
  color: #3a4652;
  text-transform: uppercase;
  font-weight: bold;
  border-top: 0.063rem solid #c3ccd4;
  border-bottom: 0.063rem solid #c3ccd4;
  padding-top: 0.313rem;
  padding-bottom: 0.313rem;
}
.main-content .container {
  display: table;
  width: 100%;
}
.main-content .table-row {
  padding-top: 0.188rem;
  padding-bottom: 0.188rem;
  cursor: pointer;
}
.main-content .table-row:hover {
  color: #368537;
  border-top: 0.125rem solid #368537;
  border-bottom: 0.125rem solid #368537;
}

.left_nav_col {
  z-index: 100;
  min-width: 200px;
}

.right-nav-col {
  max-width: calc(100% - 200px);
}

.request #content_wrapp {
  padding-top: 3vh;
  flex-wrap: nowrap;
}
.request #content_wrapp .header1 {
  position: relative;
  color: #2e2d2c;
  font-weight: bold;
  font-size: 1.5625rem;
  padding: 0.4375rem;
}
.request #content_wrapp .header1:after {
  content: "";
  position: absolute;
  transform: rotate(90deg);
  bottom: 0.938rem;
  right: -1rem;
  width: 2.125rem;
  border-bottom: 0.0625rem solid #edeff3;
}
.request #content_wrapp .header2 {
  color: #2e2d2c;
  font-weight: bold;
  font-size: 1.4375rem;
  padding: 0.4375rem 0;
}
.request #content_wrapp .header2_unset {
  color: #2e2d2c;
  font-weight: unset;
  font-size: 1.4375rem;
  padding: 0.4375rem 0;
}
.request .btn {
  border-radius: 0.188rem;
  background-color: var(--white);
  color: var(--green5);
}
.request .btn:hover {
  color: white !important;
  background-color: #368537;
  transition: background-color 200ms ease;
  transition: color 200ms ease;
}
.request .btn:focus {
  background-color: #368537;
  box-shadow: none;
}
.request .request-info {
  min-height: 150px;
  max-height: 80vh;
  overflow: hidden;
  transition: all 0.7s;
  opacity: 0;
  transform: translateX(120%);
}
.request .request-info.show {
  opacity: 1;
  transform: translateX(0);
}
.request .header2 {
  padding-left: 1.25rem;
}
.request .request-table {
  margin: 0;
}
.request .request-table * {
  margin: 0;
}
.request .request-table table thead .header_cell {
  display: flex;
}
.request .request-table table thead .header_cell .sort_arrows {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin-left: 0.313rem;
}
.request .request-table table thead .header_cell .sort_arrows a.sort {
  right: 0;
  display: block;
  width: 1.25rem;
  height: 9px;
  font-size: 6px;
}
.request .request-table table thead .header_cell .sort_arrows a.sort.asc {
  top: 17px;
  background: url("../images/arrows.png") 0 0;
}
.request .request-table table thead .header_cell .sort_arrows a.sort.asc.clicked {
  background: url("../images/arrows.png") 0 -9px;
  transition: 200ms cubic-bezier(0.09, 0.11, 0.24, 0.91);
}
.request .request-table table thead .header_cell .sort_arrows a.sort.asc:hover {
  background: url("../images/arrows.png") 0 -9px;
  transition: 200ms cubic-bezier(0.09, 0.11, 0.24, 0.91);
}
.request .request-table table thead .header_cell .sort_arrows a.sort.desc {
  top: 26px;
  background: url("../images/arrows.png") -20px 0;
}
.request .request-table table thead .header_cell .sort_arrows a.sort.desc.clicked {
  background: url("../images/arrows.png") -20px 9px;
  transition: 200ms cubic-bezier(0.09, 0.11, 0.24, 0.91);
}
.request .request-table table thead .header_cell .sort_arrows a.sort.desc:hover {
  background: url("../images/arrows.png") -20px 9px;
  transition: 200ms cubic-bezier(0.09, 0.11, 0.24, 0.91);
}
.request .request-table table thead .header_cell .sort_arrows a.sort.unclicked {
  opacity: 0.4;
}
.request .request-table table thead tr th:nth-of-type(1) {
  width: 5%;
}
.request .request-table table thead tr th:nth-of-type(2) {
  width: 5%;
}
.request .request-table table thead tr th:nth-of-type(3) {
  width: 50%;
}
.request .request-table table thead thead tr th:last-child {
  min-width: 120px;
}
.request .request-table table tr:last-child {
  border-bottom: 0.125rem solid #dee2e6;
}
.request .request-table table .table-row {
  padding-top: 0.313rem !important;
  padding-bottom: 0.313rem !important;
  border-top: 0.125rem solid #dee2e6;
}
.request .request-table table .table-row td:nth-of-type(1) {
  width: 5% !important;
}
.request .request-table table .table-row td:nth-of-type(2) {
  width: 5% !important;
}
.request .request-table table .table-row td:nth-of-type(3) {
  width: 50% !important;
}
.request .request-table table .table-row:hover {
  border-top: 0.125rem solid #368537;
  border-bottom: 0.125rem solid #368537;
}
.request .request-table .request_table_body {
  max-height: 57vh;
  height: 57vh;
  min-height: 20vh;
}

.center-text {
  text-align: center;
  justify-content: center;
}

.prior-tooltip {
  left: -50px !important;
}
.prior-tooltip .arrow {
  left: 30% !important;
}

.attachments-tooltip {
  left: -8% !important;
}
.attachments-tooltip .arrow {
  left: 10% !important;
}
.attachments-tooltip .tooltip-inner {
  border-radius: 0 !important;
  padding: 0.6rem !important;
}

.info-tooltip {
  left: -2% !important;
}
.info-tooltip .arrow {
  left: 10% !important;
}

.info-tooltip-summary {
  opacity: 0 !important;
}
.info-tooltip-summary .tooltip-inner {
  justify-content: start;
  text-align: start;
}

.header-tooltip {
  top: -10px !important;
  font-weight: 600 !important;
  font-size: 16px !important;
}
.header-tooltip .tooltip-inner {
  padding: 0.625rem !important;
  border-radius: 0 !important;
}

.list-back-button-div {
  padding-top: 0.625rem;
}

.scroll-overflow {
  overflow: auto;
  overflow-x: hidden;
  padding-right: 1.25rem;
}

.scroll-overflow::-webkit-scrollbar {
  width: 0.625rem;
}

.scroll-overflow::-webkit-scrollbar-thumb {
  border-radius: 0.313rem;
  background-color: rgba(0, 0, 0, 0.05);
}

.scroll-overflow::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.3);
}

.detail {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #f6f7f8;
  border-left: 0.063rem solid #c3ccd4;
  transition: all 0.8s;
  width: calc(100% - 120px);
  height: 78vh;
  padding-left: 35px;
  z-index: 50;
  padding-right: 7%;
  transform: translateX(100vw);
  color: #2e2d2c;
}
.detail .col-8 {
  height: 65vh;
}
.detail .action-buttons {
  border-top: 0.063rem solid #c3ccd4;
  padding: 0.938rem;
}
.detail .action-buttons .refresh-detail-btn {
  color: var(--green5);
  cursor: pointer;
}
.detail .scroll-overflow {
  height: 58vh;
}
.detail .btn_zpet {
  z-index: 15;
  position: absolute;
  top: 25%;
  left: -100px;
  padding: 0.625rem;
  border-radius: 0.25rem;
  font-size: 18px;
  border: none;
  color: white;
  transition: all 0.5s;
  opacity: 1;
  cursor: pointer;
  text-align: center;
  background-color: var(--green5);
  display: flex;
}
.detail .btn_zpet:hover {
  opacity: 1 !important;
}
.detail .btn_zpet span {
  cursor: pointer;
  position: relative;
  transition: 0.5s;
}
.detail .btn_zpet span:after {
  content: "←";
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}
.detail .btn_zpet:hover span {
  padding-right: 1.563rem;
}
.detail .btn_zpet:hover span:after {
  opacity: 1;
  right: 0;
}
.detail .header {
  color: #3a4652;
  font-weight: bold;
  font-size: 30px;
}
.detail .short-description {
  padding: 0.625rem 0.313rem;
  font-size: 1.375rem;
}
.detail .full-description {
  padding: 0.938rem 0.313rem;
  border-top: 0.063rem solid #c3ccd4;
  border-bottom: 0.063rem solid #c3ccd4;
}
.detail .full-description::-webkit-scrollbar {
  width: 0.625rem;
}
.detail .full-description::-webkit-scrollbar-thumb {
  border-radius: 0.313rem;
  background-color: rgba(0, 0, 0, 0.05);
}
.detail .full-description::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.3);
}
.detail .full-description .span-header {
  font-weight: bold;
  margin-right: 0.625rem;
}
.detail table {
  color: currentColor;
  border-top: 0.063rem solid #c3ccd4;
  border-bottom: 0.063rem solid #c3ccd4;
}
.detail table td {
  padding: 0.75rem 0.2rem;
}
.detail .szr-table-info {
  margin: 0.938rem;
}
.detail .table-header {
  font-size: 13px;
  color: #3a4652;
  text-transform: uppercase;
  font-weight: bold;
  border-top: 0.063rem solid #c3ccd4;
  border-bottom: 0.063rem solid #c3ccd4;
  padding-top: 0.313rem;
  padding-bottom: 0.313rem;
}
.detail .container {
  display: table;
  width: 100%;
  padding-right: 30px;
}
.detail .table-row {
  padding-top: 0.188rem;
  padding-bottom: 0.188rem;
}
.detail .detail-plus {
  margin-top: 30px;
  overflow: hidden;
  padding-right: 1rem;
  padding-bottom: 0.5rem;
}
.detail .detail-plus .detail-comment-style {
  padding-right: 50px;
  border-right: 0.063rem solid #c3ccd4;
}
.detail .detail-plus .comments-context {
  overflow: hidden;
  height: 45vh;
}
.detail .detail-plus .comments-context .comments-content {
  width: 100%;
  overflow: auto;
  padding-right: 1.25rem;
}
.detail .detail-plus .comments-context .comments-content::-webkit-scrollbar {
  width: 0.5rem;
}
.detail .detail-plus .comments-context .comments-content::-webkit-scrollbar-thumb {
  border-radius: 0.313rem;
  background-color: rgba(0, 0, 0, 0.1);
}
.detail .detail-plus .comments-context .comments-content::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.3);
}
.detail .detail-plus .comments-context .detail-comments-header {
  margin-bottom: 1.25rem;
  overflow: hidden;
}
.detail .detail-plus .comments-context .detail-comments-header p {
  margin: auto 10%;
  margin-left: 25%;
}
.detail .detail-plus .comments-context .detail-comments-header .btn {
  font-size: 32px;
  padding: 0 0.938rem;
  text-align: center;
  justify-content: center;
}
.detail .detail-plus .comments-context .comment-bubble {
  margin-top: 1.25rem;
}
.detail .detail-plus .comments-context .comment-bubble .comment-header {
  overflow: hidden;
}
.detail .detail-plus .comments-context .comment-bubble .comment-header img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-right: 0.625rem;
  float: left;
}
.detail .detail-plus .comments-context .comment-bubble .comment-header .comment-header-name {
  margin-top: 0.938rem;
  font-weight: 600;
  float: left;
}
.detail .detail-plus .comments-context .comment-bubble .comment-header .comment-header-date {
  margin-top: 0.938rem;
  float: right;
}
.detail .detail-plus .comments-context .comment-bubble .comment-content {
  background-color: white;
  margin-top: 0.938rem;
  padding: 0.625rem;
  position: relative;
}
.detail .detail-plus .comments-context .comment-bubble .comment-content img {
  position: absolute;
  top: -10px;
  left: 0.938rem;
}
.detail .detail-plus .comments-context .comment-bubble:first-child {
  margin-top: 0;
}
.detail .detail-plus .comments-context .comment-curr-user .comment-header img {
  float: right !important;
  margin-right: 0 !important;
  margin-left: 0.625rem !important;
}
.detail .detail-plus .comments-context .comment-curr-user .comment-header-name {
  float: right !important;
}
.detail .detail-plus .comments-context .comment-curr-user .comment-header-date {
  float: left !important;
}
.detail .detail-plus .comments-context .comment-curr-user .comment-content {
  background-color: #edf0f4;
}
.detail .detail-plus .comments-context .comment-curr-user .comment-content img {
  position: absolute;
  top: -10px;
  left: unset;
  right: 0.938rem;
}
.detail .container-comments {
  margin-top: 0.938rem;
  border-top: 0.063rem solid #c3ccd4;
  padding-top: 1.563rem;
}
.detail .close_window {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 200;
  justify-content: center;
}
.detail .close_window.c_background {
  background-color: rgba(255, 255, 255, 0.5);
}
.detail .close_window_form {
  height: 100%;
  margin: 0;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  text-align: center;
  align-items: center;
}
.detail .close_window_form-inner {
  width: 20%;
  background-color: #f1f1f1;
  padding: 12px;
}
.detail .close_window_form-inner_btns {
  display: flex;
  background-color: #e4e4e4;
  justify-content: space-between;
  padding: 0.313rem 0.6875rem;
}
.detail:after {
  content: "";
  z-index: -1;
  position: absolute;
  width: 100%;
  left: -1px;
  height: 100%;
  bottom: 0;
  transition: 1s;
  box-shadow: -90px 0.625rem 90px 80px #f6f7f8;
}
.detail:after:hover ~ .detail .btn_zpet {
  opacity: 1;
}
.detail .detail_hover_active {
  position: absolute;
  left: -100%;
  top: 0;
  width: 100%;
  height: 100%;
}
.detail .detail_hover_active:hover ~ .btn_zpet {
  opacity: 1 !important;
}
.detail:hover ~ .btn_zpet {
  opacity: 0 !important;
}

.show-detail {
  transform: translateX(10%);
}

.footer {
  display: flex;
  align-items: center;
  flex: none;
  height: 5.5rem;
  position: relative;
  bottom: 0;
  z-index: 200;
  width: 100%;
  background-color: #3a4652;
}
.footer-container {
  width: 100%;
  padding-right: 50px;
  padding-left: 50px;
  color: #c2c6c9;
  font-size: 0.875rem;
}
.footer-container .logo {
  height: 100%;
  display: flex;
  align-items: center;
}
.footer-container .logo .header {
  padding: 0.625rem;
  font-size: 16px;
}
.footer-container .address {
  height: 100%;
  text-align: right;
  padding: 0;
}
.footer-container .address a {
  color: #c2c6c9;
}
.footer-container .address a:hover {
  color: #368537;
}
@media (max-width: 1000px) {
  .footer {
    position: relative;
    margin: 0;
    padding: 0;
    flex: none;
    display: flex;
  }
  .footer .row {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .footer .row .logo {
    height: 100%;
  }
  .footer .row .address {
    height: 100%;
  }
}

.left_nav_menu {
  list-style: none;
  position: relative;
  border-top: 0.063rem solid #dcdcdc;
  margin: 0;
  padding: 0;
}
.left_nav_menu li {
  padding: 0;
  width: 100%;
  overflow: hidden;
  cursor: pointer;
  color: #2e2d2c;
  transition: all 0.4s;
}
.left_nav_menu li a {
  position: relative;
  border: 0.063rem solid #dcdcdc;
  border-left: none;
  border-color: #dcdcdc;
  background-color: #f1f1f1;
  color: #2e2d2c;
  padding: 0.938rem 0;
  padding-right: 30px;
  width: 100%;
  height: 100%;
  display: flex;
  transition: all 0.4s;
}
.left_nav_menu li a .icon {
  float: left;
  align-items: center;
  width: 30px;
  height: 30px;
  margin-top: 0.313rem;
  margin-right: 0.938rem;
  background-image: url("../../images/pozadavek.png");
  background-repeat: no-repeat;
  background-size: contain;
}
.left_nav_menu li a .title {
  font-size: 0.938rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.left_nav_menu li a .number {
  position: absolute;
  right: 0.313rem;
  top: 0;
  height: 100%;
  width: 1.25rem;
  max-width: 1.25rem;
  color: #2e2d2c;
  font-size: 0.6875rem;
  font-weight: bold;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.left_nav_menu li a .number span {
  width: 100%;
  text-align: center;
  border-radius: 0.188rem;
  background-color: #b7c2cf;
}
.left_nav_menu li a:hover, .left_nav_menu li a.active {
  font-size: unset !important;
}
.left_nav_menu li a.active {
  border-right: none;
}
.left_nav_menu li.ticket {
  transition: all 0.5s;
  transform: translateX(-150%);
  opacity: 0;
}
.left_nav_menu li.ticket a:hover,
.left_nav_menu li.ticket a.active {
  color: #368537;
}
.left_nav_menu li.ticket a:hover .icon,
.left_nav_menu li.ticket a.active .icon {
  background-image: url("../../images/pozadavek-aktivni.png");
}
.left_nav_menu li.ticket a:hover .number span,
.left_nav_menu li.ticket a.active .number span {
  color: #ffffff;
  background-color: #368537;
}
.left_nav_menu li.ticket.loaded {
  transform: translateX(0%);
  opacity: 1;
}
.left_nav_menu:after, .left_nav_menu:before {
  content: "";
  width: 0.063rem;
  height: 40px;
  position: absolute;
  right: 0;
  border-right: 2px solid #dcdcdc;
}
.left_nav_menu:after {
  bottom: -40px;
}
.left_nav_menu:before {
  top: -40px;
}

tbody#requestTableContent {
  transition: all 0.4s;
  transform: translateX(0);
}
tbody#requestTableContent tr.table-row {
  transition: none;
}
tbody#requestTableContent tr.table-row.remove {
  display: none;
}

.portlets_wrapper {
  position: relative;
  height: auto;
  margin: 0 auto;
}
.portlets_wrapper .portlet {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transition: all 0.6s;
  padding: 0 1rem;
  margin: 0 auto;
  opacity: 1;
}
.portlets_wrapper .portlet.portlet-home {
  margin: 0;
}
.portlets_wrapper .portlet.portlet-active {
  position: relative;
  display: block;
  transform: translateX(0);
}
.portlets_wrapper .portlet.portlet-inactive {
  position: absolute;
  opacity: 0;
}
.portlets_wrapper .portlet.portlet-inactive.right {
  transform: translateX(200%);
}
.portlets_wrapper .portlet.portlet-inactive.left {
  transform: translateX(-200%);
}

li .nav-menu-letter {
  display: flex;
}
li .nav-menu-letter-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-right: 0.625rem;
}
li .nav-menu-letter-wrapper-icon {
  min-width: 30px;
  max-width: 30px;
  height: 30px;
  padding: 0.188rem;
  justify-content: center;
  border: 0.188rem solid var(--text1);
  border-radius: 50%;
  align-items: center;
  transition: all 0.5s;
}
li .nav-menu-letter-wrapper-icon span {
  background: transparent;
  border: 0 solid transparent;
  border-radius: 50%;
  color: var(--text1);
  margin: 0 auto;
  font-size: 0.875rem;
  font-weight: 900;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 0.25rem;
  line-height: 0.8;
  text-align: center;
  justify-content: center;
  transition: all 0.5s;
}
li .nav-menu-letter:hover {
  color: #368537;
}
li .nav-menu-letter:hover .nav-menu-letter-wrapper-icon {
  border-color: #368537;
}
li .nav-menu-letter:hover .nav-menu-letter-wrapper-icon span {
  border-color: #368537;
  background: #368537;
  color: white;
}
li.ticket .nav-menu-letter:hover, li.ticket .nav-menu-letter.active {
  color: #368537;
}
li.ticket .nav-menu-letter:hover .nav-menu-letter-wrapper-icon, li.ticket .nav-menu-letter.active .nav-menu-letter-wrapper-icon {
  border-color: #368537;
}
li.ticket .nav-menu-letter:hover .nav-menu-letter-wrapper-icon span, li.ticket .nav-menu-letter.active .nav-menu-letter-wrapper-icon span {
  border-color: #368537;
  background: #368537;
  color: white;
}
li.catalog .nav-menu-letter:hover, li.catalog .nav-menu-letter.active {
  color: #368537;
  cursor: pointer;
}
li.catalog .nav-menu-letter:hover .nav-menu-letter-wrapper-icon, li.catalog .nav-menu-letter.active .nav-menu-letter-wrapper-icon {
  border-color: #368537;
}
li.catalog .nav-menu-letter:hover .nav-menu-letter-wrapper-icon span, li.catalog .nav-menu-letter.active .nav-menu-letter-wrapper-icon span {
  border-color: #368537;
  background: #368537;
  color: white;
}
li.center .nav-menu-letter:hover, li.center .nav-menu-letter.active {
  color: #368537;
  cursor: pointer;
}
li.center .nav-menu-letter:hover .nav-menu-letter-wrapper-icon, li.center .nav-menu-letter.active .nav-menu-letter-wrapper-icon {
  border-color: #368537;
}
li.center .nav-menu-letter:hover .nav-menu-letter-wrapper-icon span, li.center .nav-menu-letter.active .nav-menu-letter-wrapper-icon span {
  border-color: #368537;
  background: #368537;
  color: white;
}

.c_ticket_list_wrapp {
  position: relative;
  transition: all 0.5s;
}

#requestTableContent .table-row {
  opacity: 0;
  transform: scale(0) translateY(-100px);
}
#requestTableContent .table-row.loaded {
  opacity: 1;
  transform: scale(1) translateY(0);
}
#requestTableContent .table-row.loaded.remove {
  display: none;
}

.ticket_paginator {
  width: 100%;
  display: flex;
}
.ticket_paginator-wrapper {
  display: flex;
  margin: 0 auto;
}
.ticket_paginator-wrapper .page_btn {
  padding: 0.188rem 0.625rem;
  margin: 0 0.313rem;
  margin-top: 0.625rem;
  background-color: var(--btn_bcg);
  border-radius: 0.188rem;
  color: var(--btn_color);
  opacity: 1;
  cursor: pointer;
  transition: all 0.2s;
}
.ticket_paginator-wrapper .page_btn svg path {
  fill: var(--btn_color);
  transition: all 0.2s;
}
.ticket_paginator-wrapper .page_btn:hover {
  color: var(--text1);
}
.ticket_paginator-wrapper .page_btn:hover svg path {
  fill: var(--text1);
  transition: all 0.2s;
}
.ticket_paginator-wrapper .page_btn.active {
  background-color: #368537;
  color: #ffffff;
}
.ticket_paginator-wrapper .page_btn.active svg path {
  fill: #ffffff;
  transition: all 0.2s;
}
.ticket_paginator-wrapper .page_btn.dot {
  transform: scale(0.8);
}
.ticket_paginator-wrapper .page_btn.dot:hover {
  background-color: #2e2d2c;
  color: #ffffff;
  transform: scale(0.8);
}
.ticket_paginator-wrapper .page_btn.inactive {
  opacity: 0.2;
}

.nav_title .breadcrumbs {
  margin-bottom: 1rem;
}
.nav_title .breadcrumbs_item {
  cursor: pointer;
  transition: all 0.4s;
}
.nav_title .breadcrumbs_item .title {
  text-decoration: underline;
}
.nav_title .breadcrumbs_item .devider {
  margin: 0 0.3rem;
}
.nav_title .breadcrumbs_item:hover {
  font-size: 0.88rem;
}

.catalog .breadcrumbs_item:hover {
  color: #368537;
}

.center .breadcrumbs_item:hover {
  color: #368537;
}

.single_ticket_detail {
  display: none;
  position: relative;
  min-width: 80%;
  max-height: 75vh;
  margin: 0 5% 0 10%;
  transition: all 0.5s;
  z-index: 100;
  opacity: 0;
  transform: translateX(120%);
}
.single_ticket_detail.show-detail {
  display: block;
  opacity: 1;
  transform: translateX(0);
}

.single_portal_detail.show-detail {
  transform: translateX(0%);
}

.portal_notification {
  position: absolute;
  top: 10%;
  right: 5%;
  transition: all 0.6s;
  z-index: 1000;
  opacity: 0;
  transform: translateX(0);
}
.portal_notification.show {
  opacity: 1;
}
.portal_notification.hide {
  opacity: 0;
  transform: translateX(200%);
}

@keyframes showLoad_1 {
  0% {
    transform: rotateZ(-45deg) translateY(-100%) scaleY(0);
  }
  100% {
    transform: rotateZ(-45deg) translateY(0%) scaleY(1);
  }
}
@keyframes showLoad_2 {
  0% {
    transform: rotateZ(45deg) translateY(-100%) scaleY(0);
  }
  100% {
    transform: rotateZ(45deg) translateY(0%) scaleY(1);
  }
}
@keyframes showLoad_3 {
  0% {
    transform: rotateZ(135deg) translateY(-100%) scaleY(0);
  }
  100% {
    transform: rotateZ(135deg) translateY(0%) scaleY(1);
  }
}
@keyframes showLoad_4 {
  0% {
    transform: rotateZ(-135deg) translateY(-100%) scaleY(0);
  }
  100% {
    transform: rotateZ(-135deg) translateY(0%) scaleY(1);
  }
}
.load-spinner {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  z-index: 200;
}
.load-spinner.load-spinner-background {
  background-color: rgba(255, 255, 255, 0.5);
}
.load-spinner-spinner {
  position: relative;
  height: 100%;
  margin: 0;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  text-align: center;
  align-items: center;
}
.load-spinner-spinner-szr {
  position: relative;
}
.load-spinner-spinner-szr .dia_gif {
  top: 0;
  left: 0;
  background-image: url("../images/loading/spinner_dia_big.gif");
  width: 96px;
  height: 96px;
  background-size: cover; /* nebo můžete zkusit 'contain' pro zachování poměru stran */
  background-repeat: no-repeat;
}
.load-spinner-spinner-szr .load {
  position: absolute;
  width: 1.25rem;
  height: 30px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: transform 0.6s;
  transform: scaleY(0);
}
.load-spinner-spinner-szr .load_1 {
  top: 0;
  left: 0;
  background-image: url("../images/loading/load_green.png");
}
.load-spinner-spinner-szr .load_2 {
  top: 0;
  right: 0;
  background-image: url("../images/loading/load_yellow.png");
}
.load-spinner-spinner-szr .load_3 {
  bottom: 0;
  right: 0;
  background-image: url("../images/loading/load_orange.png");
}
.load-spinner-spinner-szr .load_4 {
  bottom: 0;
  left: 0;
  background-image: url("../images/loading/load_purple.png");
}
.load-spinner-spinner-szr .load_1 {
  animation: 1s ease infinite showLoad_1;
  animation-delay: 0.3s;
}
.load-spinner-spinner-szr .load_2 {
  animation: 1s ease infinite showLoad_2;
  animation-delay: 0.6s;
}
.load-spinner-spinner-szr .load_3 {
  animation: 1s ease infinite showLoad_3;
  animation-delay: 0.9s;
}
.load-spinner-spinner-szr .load_4 {
  animation: 1s ease infinite showLoad_4;
  animation-delay: 1.2s;
}

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