body {
  padding-right: 0px !important;
  min-width: 360px;
  padding-top: 50px;
  /*min-width: 1024px;*/
}
body .status-bar {
  width: 100%;
  height: 25px;
  position: fixed;
  bottom: 0;
  background: #DCE2E7;
  line-height: 1.7;
  border-top: 1px solid #9E9E9E;
}
.feature-page-not-available-yet {
  font-size: 40px;
  text-align: center;
  line-height: 100px;
  padding-top: 120px;
  opacity: 0.2;
  color: #1C2260;
}
.feature-page-not-available-yet span {
  display: block;
}
.actions-cell {
  white-space: nowrap;
}
.panel-collapse .item-holder {
  text-align: center;
  padding: 5px;
}
/* show the move cursor as the user moves the mouse over the panel header.*/
#modal-dialog-container .modal-header,
#modal-dialog-container2 .modal-header,
.panel-sortable .panel-heading,
.draggablePanelList .panel-heading,
.dd .dd-list .dd-item .dd-handle {
  /*cursor: move;*/
  cursor: pointer;
}
.panel-sortable.ui-sortable-helper .panel-heading,
.draggablePanelList .ui-sortable-helper .panel-heading {
  cursor: move;
}
.dd .dd-list .dd-item .dd-nodrag {
  cursor: default;
}
/* styles for validation helpers */
.field-validation-error {
  color: #e80c4d;
}
.field-validation-valid,
.validation-summary-valid {
  display: none;
}
.validation-summary-errors {
  color: #e80c4d;
  font-size: 1.1em;
}
/*input[type="radio"]*/
.radio-button {
  margin-top: 10px !important;
}
.font-size-large {
  font-size: 15px;
}
.font-size-normal {
  font-size: 14px;
}
.font-size-small {
  font-size: 13px;
}
/* Ovde stoji dok se ne reši za celu app*/
.menulist-group,
.menulist-group {
  width: 0%;
  background-color: transparent;
  border: none;
  padding: 0%;
}
.top-level-second {
  top: 92px;
  background-color: #f5f5f5;
  /*border: 1px solid #e7e7e7;*/
  margin-bottom: 15px;
}
.navbar-level-first.top-level-second {
  top: 50px !important;
}
.top-fixed-menu {
  height: 50px;
  padding: 2px 10px;
  background: white;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.top-fixed-menu .back-to-top {
  cursor: pointer;
  line-height: 50px;
  display: none;
}
.top-fixed-menu .back-to-top i {
  margin-left: 3px;
}
.top-fixed-menu.affix {
  border: 1px solid #8e91b0;
  background: #DCE2E7;
  padding-top: 0;
}
.top-fixed-menu.affix .back-to-top {
  display: inline;
}
.top-fixed-menu button:focus {
  outline: none;
}
button:focus,
button:active,
button:focus-visible,
a.btn:focus,
a.btn:active,
a.btn:focus-visible {
  outline: none !important;
}
.top-fixed-menu-container {
  padding-bottom: 110px;
}
.independent-scroll-dc {
  height: calc(100vh - 110px);
  overflow-y: auto;
}
.independent-scroll-dc .top-fixed-menu-data-capture {
  position: sticky;
  top: 0px;
  z-index: 3;
  background-color: white;
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
}
.independent-scroll-dc #form-container > .navbar-level-first + hr {
  border: none;
}
.independent-scroll-dc .document-outline {
  height: calc(100% - 25px);
}
.independent-scroll-dc .tree-view.treeview {
  max-height: calc(100% - 52px);
  overflow-y: auto;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.independent-scroll-dc .tree-view.treeview .list-group {
  margin-bottom: 0px;
}
.independent-scroll-dc .tree-view.treeview .list-group li {
  border-right: none;
  border-left: none;
}
.independent-scroll-dc .tree-view.treeview .list-group li:first-child {
  border-top: none;
}
.independent-scroll-dc .tree-view.treeview .list-group li:last-child {
  border-bottom: none;
  border-radius: 0px;
}
#design-page-form.independent-scroll-dc {
  height: calc(100vh - 180px);
  padding-right: 10px;
}
.independent-scroll-dc::-webkit-scrollbar,
.independent-scroll-dc .tree-view.treeview::-webkit-scrollbar,
.tiny-scroll::-webkit-scrollbar,
.independent-scroll-dc .organization-container::-webkit-scrollbar {
  width: 10px;
  border-radius: 4px;
}
.independent-scroll-dc::-webkit-scrollbar-track,
.independent-scroll-dc .tree-view.treeview::-webkit-scrollbar-track,
.tiny-scroll::-webkit-scrollbar-track,
.independent-scroll-dc .organization-container::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.independent-scroll-dc::-webkit-scrollbar-thumb,
.independent-scroll-dc .tree-view.treeview::-webkit-scrollbar-thumb,
.tiny-scroll::-webkit-scrollbar-thumb,
.independent-scroll-dc .organization-container::-webkit-scrollbar-thumb {
  background-color: #c2c2c2;
  border-radius: 4px;
}
/*.panel-title.pull-left {
    padding-top: 5px;
}*/
.badge-success {
  background-color: #419641;
  border-color: #3e8f3e;
}
.badge-info {
  background-color: #2aabd2 !important;
  border-color: #28a4c9 !important;
}
.badge-danger {
  background-color: #d9534f !important;
  border-color: #b92c28 !important;
}
.badge-warning {
  background-color: #fbb045;
  border-color: #fbb045;
}
i.icon-sup,
.icon-sup-large {
  top: 0.5em;
  position: relative;
  font-size: 40% !important;
  line-height: 0;
  vertical-align: top;
}
.scrollable-modal-body {
  max-height: calc(100vh - 200px);
  overflow-y: auto;
}
.word-break-break-all {
  word-break: break-all;
}
/*.show-hide-sidebar {
    background: @main-100;

    > a {
        text-decoration: none;
        display: block;
        padding: 10px 15px;
    }
}*/
/*.vertical-text {
    display: inline-block;
    transform: rotate(90deg);
    transform-origin: left center 0;
    white-space: nowrap;
    overflow: hidden;
}*/
.fc-toolbar .fc-center h2 {
  font-size: 24px;
}
.countryInputElementCreated {
  border: none;
  outline: none;
  border-width: 0px;
  background-color: white;
  pointer-events: none;
  margin-top: 5px;
}
.siteInputElementCreated {
  border: none;
  outline: none;
  border-width: 0px;
  background-color: white;
  pointer-events: none;
  margin-top: 5px;
}
.pointer-event-none {
  pointer-events: none;
}
.pt-0 {
  padding-top: 0 !important;
}
.justify-content-space-between {
  justify-content: space-between;
}
.justify-content-space-end {
  justify-content: end;
}
.justify-content-center {
  justify-content: center;
}
.btn-red {
  cursor: pointer;
  color: #E33282;
}
.btn-red > img {
  margin-right: 5px;
}
.btn-blue {
  cursor: pointer;
  color: #337AB7;
}
[class^="indicator-"] {
  border-radius: 3px;
  margin: 0;
  margin-top: 0px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 20px;
  margin-left: 15px;
}
.indicator-archived {
  background: #e1e0e0;
  color: black;
}
.indicator-test {
  background: #FFE4F0;
  color: #E33282;
}
.btn-toolbar.init-affix.affix-top {
  display: inline-block;
}
/**Style for cutom Test/Production toggle*/
.tgl {
  display: none;
}
.tgl:disabled + .tgl-btn {
  cursor: not-allowed;
}
.tgl,
.tgl:after,
.tgl:before,
.tgl *,
.tgl *:after,
.tgl *:before,
.tgl + .tgl-btn {
  box-sizing: border-box;
}
.tgl::-moz-selection,
.tgl:after::-moz-selection,
.tgl:before::-moz-selection,
.tgl *::-moz-selection,
.tgl *:after::-moz-selection,
.tgl *:before::-moz-selection,
.tgl + .tgl-btn::-moz-selection {
  background: none;
}
.tgl::selection,
.tgl:after::selection,
.tgl:before::selection,
.tgl *::selection,
.tgl *:after::selection,
.tgl *:before::selection,
.tgl + .tgl-btn::selection {
  background: none;
}
.tgl + .tgl-btn {
  outline: 0;
  display: block;
  width: 130px;
  height: 37px;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 0;
}
.tgl + .tgl-btn:after,
.tgl + .tgl-btn:before {
  position: relative;
  display: block;
  content: "";
  width: 29px;
  height: 29px;
}
.tgl + .tgl-btn:after {
  left: 2%;
  top: -81%;
}
.tgl + .tgl-btn:before {
  content: "Production";
  color: white;
  left: 30%;
  top: 20%;
}
.tgl:checked + .tgl-btn:before {
  content: "Test";
  left: 10%;
}
.tgl:checked + .tgl-btn:after {
  left: 75%;
  top: -81%;
}
.tgl-light + .tgl-btn {
  background: #337AB7;
  border-radius: 2em;
  padding: 2px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.tgl-light + .tgl-btn:after {
  border-radius: 50%;
  background: #fff;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.tgl-light + .tgl-btn:before {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.tgl-light:checked + .tgl-btn {
  background: #E33282;
}
.text-red {
  color: red;
}
a.disabled-link {
  opacity: 0.3;
  cursor: default;
  pointer-events: none;
}
.warning-color {
  color: #f0ad4e;
}
.info-color {
  color: #2194f3;
}
.min-height-unset {
  min-height: unset !important;
}
.mt-10 {
  margin-top: 10px;
}
.internet-connection {
  margin-right: 17px;
  margin-top: 17px;
  font-size: 16px;
  color: white;
}
.internet-connection .content {
  display: flex;
}
.internet-connection .slash {
  position: relative;
  height: 18px;
  right: 11px;
  bottom: 2px;
  border: 1px solid #D83A3A;
  background-color: #D83A3A;
  transform: rotate(-45deg);
  display: none;
}
.test-indicator-empty-affix.affix {
  padding: 2px 10px;
  padding-top: 0;
  right: 50px !important;
}
.test-indicator-empty-affix.affix-top {
  padding-top: 0;
  float: right;
  padding-right: 45px;
}
.test-indicator-affix.affix {
  padding: 2px 10px;
  padding-top: 0;
  right: 280px !important;
}
.test-indicator-affix.affix-top {
  padding-top: 5px;
  display: inline-block;
  float: right;
}
.alert-sm {
  padding: 10px;
}
.m-0 {
  margin: 0px;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.d-inline-block {
  display: inline-block;
}
.img-color-cccccc {
  filter: invert(100%) sepia(0%) saturate(5774%) hue-rotate(318deg) brightness(120%) contrast(60%);
}
.img-color-dddddd {
  filter: invert(100%) sepia(1%) saturate(2844%) hue-rotate(208deg) brightness(110%) contrast(73%);
}
.no-text-transform {
  text-transform: none;
}
sup.loader {
  position: absolute;
  left: 30px;
  top: 5px;
  border: 1.5px solid transparent;
  border-radius: 50%;
  border-top: 1.5px solid red;
  width: 8px;
  height: 8px;
  -webkit-animation: spin 0.5s linear infinite;
  animation: spin 0.5s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.external-identifier-container {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #eee;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.external-identifier-container .external-identifier-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 95%;
}
.external-identifier-container .clone-action-container {
  display: flex;
  flex-direction: column;
  align-items: end;
  position: relative;
}
.external-identifier-container .clone-action-container i {
  color: #555;
  cursor: pointer;
  right: 25px;
  top: 10px;
}
.external-identifier-container .clone-action-container .tooltip-container {
  pointer-events: none;
  position: absolute;
  left: -17.5px;
  top: 30px;
  display: block;
  opacity: 0;
  transition: opacity 0.3s;
  width: 50px;
  background-color: #555;
  color: #fff;
  text-align: center;
  font-size: 10px;
  font-weight: bold;
  padding: 5px 0;
  border-radius: 3px;
  z-index: 100000;
}
.external-identifier-container .clone-action-container .tooltip-container .tooltip-top {
  position: absolute;
  background-color: #555;
  height: 5px;
  width: 5px;
  transform: rotate(135deg);
  bottom: 21.5px;
  right: 44.5%;
}
/* Style the checkbox input */
input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 13px;
  height: 13px;
  border: 1px solid #767676;
  border-radius: 2px;
  outline: none !important;
  cursor: pointer;
  position: relative;
  min-height: 13px !important;
}
input[type="checkbox"]:hover {
  border-color: #565555;
}
/* Style the checked state for checkbox */
input[type="checkbox"]:checked {
  background-color: #007bff;
  border-color: #007bff;
}
input[type="checkbox"]:checked:hover {
  background-color: #0063ff;
  border-color: #0063ff;
}
input[type="checkbox"]:not(:checked)[disabled] {
  background-color: #F8F8F8;
  border-color: #D1D1D1;
}
input[type="checkbox"]:not(:checked)[disabled]:hover {
  background-color: #F8F8F8;
  border-color: #D1D1D1;
}
input[type="checkbox"]:checked[disabled] {
  background-color: #D1D1D1;
  border-color: #D1D1D1;
}
input[type="checkbox"]:checked[disabled]:hover {
  background-color: #D1D1D1;
  border-color: #D1D1D1;
}
/* Handle the checked state appearance */
input[type="checkbox"]:checked::before {
  content: '';
  position: absolute;
  top: 0px;
  left: 3px;
  width: 5px;
  height: 9px;
  border-style: solid;
  border-width: 0 2px 2px 0;
  border-color: #fff;
  transform: rotate(45deg);
  outline: none;
  display: block;
}
.password-eye-icon {
  cursor: pointer;
  position: relative;
  margin-left: -25px;
  margin-top: 9px;
}
#description-characters-remaning,
.input-characters-remaning {
  font-size: 11px;
  padding-top: 4px;
  color: #979797;
}
.text-description-format {
  display: inline;
  word-break: break-word;
}
.limit-field-width {
  word-break: break-word;
}
span.disabled,
label.disabled {
  opacity: 1 !important;
  color: #999 !important;
}
img.sdv-not-verified {
  content: url("/Content/images/not-verified-icon.svg");
}
img.sdv-not-verified.sdv-not-verified-hover-effect:hover {
  content: url("/Content/images/not-verified-icon-hover.svg");
}
img.sdv-not-verified-disabled {
  content: url("/Content/images/not-verified-icon-disabled.svg");
}
img.file-icon {
  content: url("/Content/images/file-icon.svg");
}
img.file-icon-filled {
  content: url("/Content/images/file-icon-filled.svg");
}
img.file-icon-filled-disabled {
  content: url("/Content/images/file-icon-filled-disabled.svg");
}
img.signature-icon {
  /*BLACK*/
  content: url("/Content/images/signature-icon.svg");
}
img.signature-icon.signature-icon-white {
  /*WHITE*/
  filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(261deg) brightness(104%) contrast(101%);
}
img.signature-icon.signature-indicator-designer {
  /*#BBB*/
  filter: invert(73%) sepia(10%) saturate(0%) hue-rotate(144deg) brightness(105%) contrast(83%);
  opacity: 0.5;
}
img.signature-icon.signature-indicator-designer.active {
  /*#757575*/
  filter: invert(44%) sepia(0%) saturate(689%) hue-rotate(171deg) brightness(101%) contrast(79%);
  opacity: 1;
}
img.signature-icon.signature-available {
  /*#1C2260*/
  filter: invert(14%) sepia(44%) saturate(2255%) hue-rotate(216deg) brightness(91%) contrast(104%);
}
img.signature-icon.signature-available.signature-available-hover-effect:hover {
  /*#23527C*/
  filter: invert(27%) sepia(49%) saturate(702%) hue-rotate(167deg) brightness(93%) contrast(93%);
}
img.signature-icon.signature-revoked {
  /*#FE0100*/
  /*filter: invert(19%) sepia(51%) saturate(6926%) hue-rotate(355deg) brightness(90%) contrast(124%);*/
  /*#E80C4D*/
  filter: invert(15%) sepia(92%) saturate(5104%) hue-rotate(335deg) brightness(92%) contrast(99%);
}
img.signature-icon.signature-partially-signed {
  /*#F4C20D*/
  filter: invert(89%) sepia(31%) saturate(3579%) hue-rotate(353deg) brightness(98%) contrast(96%);
}
img.signature-icon.signature-signed {
  /*#5CB85C*/
  filter: invert(58%) sepia(60%) saturate(382%) hue-rotate(71deg) brightness(96%) contrast(92%);
}
img.signature-icon.signature-disabled {
  /*#D1D1D1*/
  /*filter: invert(80%) sepia(0%) saturate(0%) hue-rotate(188deg) brightness(105%) contrast(95%);*/
  /*#BBB*/
  filter: invert(73%) sepia(10%) saturate(0%) hue-rotate(144deg) brightness(105%) contrast(83%);
  /*#CCC*/
  /*filter: invert(92%) sepia(0%) saturate(12%) hue-rotate(143deg) brightness(88%) contrast(97%);*/
}
img.barcode-icon {
  /*BLACK*/
  content: url("/Content/images/barcode-icon.svg");
}
img.details-icon {
  /*BLACK*/
  content: url("/Content/images/details-icon.svg");
}
img.history-icon {
  /*BLACK*/
  content: url("/Content/images/history-icon.svg");
}
img.attachments-icon {
  /*BLACK*/
  content: url("/Content/images/attachments-icon.svg");
}
img.status-graph-icon {
  /*BLACK*/
  content: url("/Content/images/status-graph-icon.svg");
}
img.export-icon {
  /*BLACK*/
  content: url("/Content/images/export-icon.svg");
}
img.edit-icon {
  /*BLACK*/
  content: url("/Content/images/edit-icon.svg");
}
img.edit-icon.edit-icon-blue {
  filter: invert(40%) sepia(97%) saturate(405%) hue-rotate(166deg) brightness(87%) contrast(86%);
}
@font-face {
  font-family: text-security-disc;
  src: url("/Content/fonts/text-security-disc.woff");
}
.password-input:not(:placeholder-shown) {
  -webkit-text-security: disc;
  font-family: text-security-disc;
}
.cursor-pointer {
  cursor: pointer !important;
}
.align-items-center {
  align-items: center;
}
.m-top-6 {
  margin-top: 6px;
}
.float-right {
  float: right;
}
.query-new {
  color: #ff0000;
  font-weight: 600;
}
.query-active {
  color: #f4c20d;
  font-weight: 600;
}
.query-resolved {
  color: #00e526;
  font-weight: 600;
}
.show-active-inactive {
  display: flex;
  justify-content: right;
  align-items: center;
  height: 34px;
  gap: 20px;
  padding-right: 0px;
}
.show-active-inactive.full-width {
  width: 100%;
  padding-right: 20px;
}
.show-active-inactive .repetitive-group-filter {
  display: none;
  font-weight: 500;
  margin: 0;
}
.show-active-inactive .repetitive-group-filter.active-filter {
  display: flex;
  gap: 5px;
}
.show-active-inactive .view-repetitive-group-filter {
  display: flex;
  cursor: pointer;
  gap: 18px;
}
.show-active-inactive .view-repetitive-group-filter .eye-show {
  content: url("/Content/images/eye_show.svg");
  padding-left: 15px;
}
.show-active-inactive .view-repetitive-group-filter .eye-hide {
  content: url("/Content/images/eye_hide.svg");
  padding-left: 15px;
}
.show-active-inactive .view-repetitive-group-filter .view-hide {
  margin: 0px 0px 0px -17px;
  color: #337AB7;
  width: 30px;
}
.after-confirmation-text {
  margin: 20px 0;
}
.system-settings-icon {
  content: url("/Content/images/system-settings.svg");
  padding-right: 12px;
  height: 14px;
}
.change-initial-password .logo-padding {
  padding-top: 60px;
}
.change-initial-password .content-container {
  margin-top: 20px;
}
.change-initial-password .content-container .title-font {
  font-size: 16px;
}
.change-initial-password .title-container {
  padding-bottom: 20px;
  padding-left: 0px;
}
.change-initial-password .title-container .icon-container {
  margin-left: 12px;
}
.change-initial-password .title-container .text-container {
  padding-top: 5px;
}
.change-initial-password .title-container .left-margin {
  margin-left: -35px;
}
#pleaseWaitDialog {
  padding: 0 !important;
}
#pleaseWaitDialog .please-wait-modal-dialog {
  height: 100%;
  width: 100%;
  opacity: 0.7;
  margin: 0;
}
#pleaseWaitDialog .please-wait-modal-dialog .please-wait-modal-content {
  height: 100%;
  width: 100%;
  border-radius: 0;
}
#pleaseWaitDialog .please-wait-modal-dialog .please-wait-modal-content .please-wait-modal-body {
  margin: auto;
  width: 15%;
  top: 40%;
}
#pleaseWaitDialog .please-wait-modal-dialog .please-wait-modal-content .please-wait-modal-body .please-wait-custom-text {
  color: #181F68;
  font-weight: 500;
  font-size: 16px;
  text-align: center;
}
.animation-container {
  width: 100px;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
}
.justify-space-between {
  justify-content: space-between;
}
.mb-10 {
  margin-bottom: 10px;
}
.laboratory-import-table-wrap {
  width: 100%;
  overflow-x: auto;
  margin: 15px 0 20px 0;
}
.laboratory-import-table-wrap .laboratory-import-table {
  width: 100%;
}
.laboratory-import-table-wrap .laboratory-import-table thead th {
  padding: 0 3px;
}
.laboratory-import-table-wrap .laboratory-import-table tbody tr:nth-child(odd) {
  background-color: #f9f9f9;
}
.laboratory-import-table-wrap .laboratory-import-table tbody td {
  padding: 4px;
}
.wemedoo-animation {
  content: url("/Content/animations/wemedoo-animation.svg");
}
.switch-wrap {
  position: relative;
  width: 50px;
  height: 25px;
}
.switch-wrap .switch,
.show-tree-signalization .switch {
  position: absolute;
  display: inline-block;
  width: 50px;
  height: 25px;
  top: 6px;
  right: 29px;
}
.switch-wrap .switch input,
.show-tree-signalization .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.switch-wrap .slider,
.show-tree-signalization .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.switch-wrap .slider:before,
.show-tree-signalization .slider:before {
  position: absolute;
  content: "";
  height: 19px;
  width: 19px;
  left: 4px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.switch-wrap input:checked + .slider,
.show-tree-signalization input:checked + .slider {
  background-color: #2196F3;
}
.switch-wrap input:focus + .slider,
.show-tree-signalization input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}
.switch-wrap input:checked + .slider:before,
.show-tree-signalization input:checked + .slider:before {
  -webkit-transform: translateX(22px);
  -ms-transform: translateX(22px);
  transform: translateX(22px);
}
.switch-wrap .slider.round,
.show-tree-signalization .slider.round {
  border-radius: 34px;
}
.switch-wrap .slider.round:before,
.show-tree-signalization .slider.round:before {
  border-radius: 50%;
}
.pl-10 {
  padding-left: 10px;
}