@media (min-width: 1200px) { div.container.wider{ max-width:2000px !important; } }

/* Import UbuntuSans files localy */
/* '../fonts/UbuntuSans/UbuntuSans-Bold.ttf' */
@font-face {
    font-family: 'Ubuntu Sans';
    src: url('../fonts/UbuntuSans/UbuntuSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
/* '../fonts/UbuntuSans/UbuntuSans-BoldItalic.ttf' */
@font-face {
    font-family: 'Ubuntu Sans';
    src: url('../fonts/UbuntuSans/UbuntuSans-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}
/* '../fonts/UbuntuSans/UbuntuSans-ExtraBold.ttf' */
@font-face {
    font-family: 'Ubuntu Sans';
    src: url('../fonts/UbuntuSans/UbuntuSans-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}
/* '../fonts/UbuntuSans/UbuntuSans-ExtraBoldItalic.ttf' */
@font-face {
    font-family: 'Ubuntu Sans';
    src: url('../fonts/UbuntuSans/UbuntuSans-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}
/* '../fonts/UbuntuSans/UbuntuSans-ExtraLight.ttf' */
@font-face {
    font-family: 'Ubuntu Sans';
    src: url('../fonts/UbuntuSans/UbuntuSans-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}
/* '../fonts/UbuntuSans/UbuntuSans-ExtraLightItalic.ttf' */
@font-face {
    font-family: 'Ubuntu Sans';
    src: url('../fonts/UbuntuSans/UbuntuSans-ExtraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}
/* '../fonts/UbuntuSans/UbuntuSans-Italic.ttf' */
@font-face {
    font-family: 'Ubuntu Sans';
    src: url('../fonts/UbuntuSans/UbuntuSans-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}
/* '../fonts/UbuntuSans/UbuntuSans-Light.ttf' */
@font-face {
    font-family: 'Ubuntu Sans';
    src: url('../fonts/UbuntuSans/UbuntuSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
/* '../fonts/UbuntuSans/UbuntuSans-LightItalic.ttf' */
@font-face {
    font-family: 'Ubuntu Sans';
    src: url('../fonts/UbuntuSans/UbuntuSans-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}
/* '../fonts/UbuntuSans/UbuntuSans-Medium.ttf' */
@font-face {
    font-family: 'Ubuntu Sans';
    src: url('../fonts/UbuntuSans/UbuntuSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
/* '../fonts/UbuntuSans/UbuntuSans-MediumItalic.ttf' */
@font-face {
    font-family: 'Ubuntu Sans';
    src: url('../fonts/UbuntuSans/UbuntuSans-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}
/* '../fonts/UbuntuSans/UbuntuSans-Regular.ttf' */
@font-face {
    font-family: 'Ubuntu Sans';
    src: url('../fonts/UbuntuSans/UbuntuSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/* '../fonts/UbuntuSans/UbuntuSans-SemiBold.ttf' */
@font-face {
    font-family: 'Ubuntu Sans';
    src: url('../fonts/UbuntuSans/UbuntuSans-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
/* '../fonts/UbuntuSans/UbuntuSans-SemiBoldItalic.ttf' */
@font-face {
    font-family: 'Ubuntu Sans';
    src: url('../fonts/UbuntuSans/UbuntuSans-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}
/* '../fonts/UbuntuSans/UbuntuSans-Thin.ttf' */
@font-face {
    font-family: 'Ubuntu Sans';
    src: url('../fonts/UbuntuSans/UbuntuSans-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}
/* '../fonts/UbuntuSans/UbuntuSans-ThinItalic.ttf' */
@font-face {
    font-family: 'Ubuntu Sans';
    src: url('../fonts/UbuntuSans/UbuntuSans-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

:root {
    --primary-color-design:#009b8c;
    --primary-color-design2:#008377;
    --bg-color-theme-design:#fffaf0;
    --gray-design-color:#d9d9d9;
    --graydark-design-color:#afafaf;
    --graydarktwo-design-color:#f0f0f0;
    --yellow-design-color:#fdc801;
    --yellow-dark-design-color:#efbc00;
    --secondary-design-color:#f1f1f1;
    --green-color-design:#81c784;
    --green-color2-design:#71b273;
    --yellow-color2-design:#f6d879;
    --danger-lite:#e55f69;
    --gray-color:#6c757d;
    --light-blue-color:#8ccfea;
    --light-blue-hover-color:#5cbae0;
    --lighter-blue-color:#def2fd;
    --dark-blue-color:#576ba5;
    --light-second-blue-color:#1a9fd5;
    --light-green-color:#7fcdc5;
    --light-gray:#ededef;
    --lighter-gray-color:#d3d3d3;
    --lighter2-gray-color:#adadad;
    --orange-color:#ffbf33;
}

body{ padding-top:50px; }
.body-content{ padding-left:15px;padding-right:15px; }
.dl-horizontal dt{ white-space:normal; }
input, select, textarea{ max-width:280px; }
.text-danger:not(h4){ font-size:14px; }
.min-height-24{ min-height:24px !important; }
.min-height-45{ min-height:45px !important; }
.min-height-42{ min-height:42px !important; }
.min-height-40{ min-height:40px !important; }
.min-height-100{ min-height:calc(100vh - 50px); }
.min-height-100px{ min-height:100px !important; }
.min-height-400{ min-height:400px !important; }
.min-height-489{ min-height:489px !important; }
.font-30px{ font-size:30px; }
.font-60px{ font-size:60px; }
.font-90px{ font-size:90px; }
.font-size-11{ font-size:11px !important; }
.font-size-14{ font-size:14px !important; }
.font-size-16{ font-size:16px !important; }
.white-space-nowrap{ white-space:nowrap; }
.dim-background{ background:rgba(0, 0, 0, 0.03); }
.dim-background.lighter{ background:rgba(0, 0, 0, 0.01); }
.primary-color-design{ color:var(--primary-color-design); }
.primary-border-design{ border:1px solid var(--primary-color-design) !important; }
.primary-color-design-background{ background-color:var(--primary-color-design); }
.primary-color-design-background-noh:not(:hover){ background-color:var(--primary-color-design) !important;color:white !important; }
.white-space-pre{ white-space:pre; }
.list-style-type-none{ list-style-type:none; }
.usual-table thead tr th,
.usual-table-records thead tr th,
.usual-table thead tr th{font-size:14px;padding-bottom:8px;text-transform:capitalize;border-top:0px;font-weight:600; }
.usual-table thead tr th:first-child{ padding-left:0px; }
.usual-table tbody tr td:first-child{ padding-left:0px; }
.usual-table tbody tr td:last-child{ padding-right:0px; }
.usual-table tbody tr td{ /*vertical-align:middle;*/ font-size: 14px; }
.usual-table .status span{ padding:0px 7px;border-radius:4px;color:white; }
.usual-table .status.Active span{ background:#59d475; }
.usual-table .status.Previous span{background:#ff8a65; }
.usual-table .status.Passive span{ background: #6c757d; }
.usual-table .label-danger{ background:#dc3545;border-radius:2px !important;padding:2px 5px; }
.usual-table .label-info{ border-radius:2px !important;padding:2px 5px; }
.users-table .Klient.Klienti, .users-table .Shofer.Shoferi, .users-table .Zyre.Zyrja{ background:#007bff;color:white; }
.users-table .role-btn{ padding:0 5px;border-radius:3px; }
.dark-backgrounded{ background:rgba(0,0,0,0.05); }
.shofer-btn:focus, .outline-0{ outline:0 !important; }
.shofer-btn.collapsed::after{ margin-bottom:2px;transform:rotate(-45deg); }
.font-weight-400{ font-weight:400 !important; }
.font-weight-500{ font-weight:500 !important; }
.font-weight-600{ font-weight:600 !important; }
.font-josefin{ font-family:"Josefin Sans", sans-serif !important; }
.arrow-down-icon{ position:relative; }
.shofer-btn::after{ content:'';display:inline-block;width:8px;height:8px;border:2px solid #000;border-top:0;border-right:0;margin-left:10px;transform:rotate(133deg); }
.arrow-down-icon::before{ content:'';position:absolute;top:64px;right:11px;width:32px;height:30px;background:white;pointer-events:none;z-index:1; }
.arrow-down-icon::after{ content:'';position:absolute;top:68px;right:17px;transform:rotate(-45deg);background:white;width:18px;height:17px;border:2px solid #000;border-top-color:transparent;border-right-color:transparent;z-index:2;pointer-events:none; }
.dotted-border-2{ border-bottom:2px dotted var(--dark); }
.border-radius-7{ border-radius:7px !important; }
.border-radius-10{ border-radius:10px !important; }
.border-radius-15{ border-radius:15px !important; }
.border-radius-17{ border-radius:17px !important; }
.border-radius-20{ border-radius:20px !important; }
.border-radius-25{ border-radius:25px !important; }
.green-left-border{ border-left:1px solid #28a745; }
.pl-40px{ padding-left:40px !important; }
.pl-35px{ padding-left:35px !important; }
.line-height-normal{ line-height:normal; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6, p{ font-family:"Open Sans", sans-serif !important; }

.border-secondary-noxolo{ border:1px solid var(--graydark-design-color) !important; }

.opacity-1{ opacity:1 !important; }
.opacity-75{ opacity:0.75 !important; }
.opacity-50{ opacity:0.50 !important; }
.opacity-25{ opacity:0.25 !important; }
.opacity-0{ opacity:0 !important; }
.lh-1{ line-height: 1!important; }

.bg-white.bg-for-overvoltage{ background-color:#ffcccc !important; }

.terms-and-conditions{ max-height:100px;overflow-y:auto; }
.page-wrapper.house-plan-wrapper{ width:100%;max-width:1400px;margin:auto;display:flex;justify-content:center; }
.house-plan-wrapper .image-wrapper{ position:relative;margin:0px 40px 10px;align-self:flex-start; }
.house-plan-wrapper .image-wrapper img{display:block; }
.house-plan-wrapper .buttons-wrapper{ display:flex;flex-direction:column;max-height:808px;flex-wrap:wrap; }
.house-plan-wrapper .buttons-wrapper .flex-column{ display:flex;flex-direction:column;margin-bottom:10px;padding:0px 7px;max-width:90px; }
.house-plan-wrapper .buttons-wrapper .flex-column span{ font-size:14px;text-align:center; }
/*.house-plan-wrapper .buttons-wrapper .flex-column:not(:nth-last-child(1)){ margin-bottom:15px; }*/
.house-plan-wrapper .buttons-wrapper .sensor-trigger{ padding:0px;border:0;cursor:pointer;outline:0 !important;overflow:hidden;border-radius:15px;border:1px solid #343a40;background:transparent;max-width:70px;min-width:60px; }
.house-plan-wrapper .buttons-wrapper .sensor-trigger img{ transform:scale(1.09); }
.house-plan-wrapper .buttons-wrapper .sensor-trigger[disabled]{ opacity:.6;pointer-events:none; }
.house-plan-wrapper .buttons-wrapper .sensor-trigger:focus{ outline:0 !important; }
.house-plan-wrapper .buttons-wrapper .sensor-trigger.active{ outline:0 !important;background:var(--primary-color-design);border-color:transparent; }
.house-plan-wrapper .buttons-wrapper .sensor-trigger.hovered:hover{ outline:0 !important;background:var(--primary-color-design);border-color:transparent; }
.house-plan-wrapper .buttons-wrapper .sensor-trigger.active img{ filter:invert(100%); }
.house-plan-wrapper .buttons-wrapper .sensor-trigger.hovered:hover img{ filter:invert(100%); }
.house-plan-wrapper .sensor-trigger img{ display:block;width:100%;user-select:none;pointer-events:none;max-width:75px;max-height:75px; }
.house-plan-wrapper .buttons-wrapper .sensor-trigger:not(:nth-last-of-type(1)){ margin-bottom:15px; }
.house-plan-wrapper .image-wrapper .sensor{ display:block;position:absolute;bottom:23.3%;background:var(--primary-color-design);width:10px;height:10px;border-radius:4px;opacity:0;transform:scale(0);transition:all .2s ease;z-index:2; }
.house-plan-wrapper .image-wrapper .room{ display:flex;justify-content:center;align-items:center;color:white;background:#b2b2b2;position:absolute;z-index:1;pointer-events:none;display:none; }
.house-plan-wrapper .image-wrapper .room.Terrasse{ top:0px;left:50%;transform:translate3d(-50%,0,0);width:calc(100% - 8px);height:14.4%;background-color:rgba(0,0,0,0.3); }
.house-plan-wrapper .image-wrapper .room.Wohnzimmer{ top:16.2%;left:4.4%;width:62.3%;height:22.8%; }
.house-plan-wrapper .image-wrapper .room.Kuche{ top:16.1%;right:4.6%;width:28.4%;height:22.9%; }
.house-plan-wrapper .image-wrapper .room.Kuche2{ top:37.8%;right:4.6%;height:4%;width:23.6%; }
.house-plan-wrapper .image-wrapper .room.Bad{ top:40.8%;left:6.2%;width:26.1%;height:11.2%; }
.house-plan-wrapper .image-wrapper .room.WC{ top:40.8%;left:34.6%;width:9.2%;height:11.2%; }
.house-plan-wrapper .image-wrapper .room.Flur{ top:39.2%;right:33.3%;width:17.7%;height:26.3%; }
.house-plan-wrapper .image-wrapper .room.Flur2 { top:39.2%;left:46.5%;height:12.8%;width:22.5%;display:flex !important;z-index:0 !important; }
.house-plan-wrapper .image-wrapper .room.HWR{ top:43.1%;right:4.6%;width:23.6%;height:9%; }
.house-plan-wrapper .image-wrapper .room.Schlafzimmer{ bottom:25.7%;left:4.5%;height:20.8%;width:41.5%; }
.house-plan-wrapper .image-wrapper .room.MFR{ bottom:25.7%;right:4.6%;height:20.8%;width:26.1%; }
.house-plan-wrapper .image-wrapper .room.Diele { bottom:25.7%;right:33.2%;width:18%;height:7.3%; }
.house-plan-wrapper .image-wrapper .room.Eingang{ bottom:0.7%;left:50%;transform:translate3d(-50%,0,0);width:91%;height:22.8%;background-color:rgba(0,0,0,0.3); }
.house-plan-1 .room.Eingang,
.house-plan-2 .room.Diele,
.house-plan-3 .room.Flur, .house-plan-3 .room.Flur2,
.house-plan-4 .room.Schlafzimmer,
.house-plan-5 .room.MFR,
.house-plan-6 .room.Bad,
.house-plan-7 .room.WC,
.house-plan-8 .room.HWR,
.house-plan-9 .room.Kuche,
.house-plan-9 .room.Kuche2,
.house-plan-10 .room.Wohnzimmer,
.house-plan-11 .image-wrapper .room.Terrasse,
.house-plan-14 .image-wrapper .room.Terrasse{ display:flex; }


.house-plan-wrapper .image-wrapper .sensor.lit{ opacity:1;transform:scale(1); }
.house-plan-wrapper.house-plan-1 .image-wrapper .sensor.sensor-1{ top:36.5%;left:15% }
.house-plan-wrapper.house-plan-1 .image-wrapper .sensor.sensor-2{ right: 32.2%;}
.house-plan-wrapper.house-plan-1 .image-wrapper .sensor.sensor-3{ left: 185px; }
.house-plan-wrapper.house-plan-1 .image-wrapper .sensor.sensor-4{ left: 58.4%; }
.house-plan-wrapper.house-plan-1 .image-wrapper .sensor.sensor-5{ left: 5.5%; }
.house-plan-wrapper.house-plan-1 .image-wrapper .sensor.sensor-6{ right: 5.5%; }
.house-plan-wrapper.house-plan-1 .image-wrapper .sensor.sensor-7{ right: 35%; }
.house-plan-wrapper.house-plan-1 .image-wrapper .sensor.sensor-8{ right: 36.3%; }
.house-plan-wrapper.house-plan-1 .image-wrapper .sensor.sensor-9{ left: 60.2%; }
.house-plan-wrapper.house-plan-1 .image-wrapper .sensor.sensor-10{ left: 59.5%; }
.house-plan-wrapper.house-plan-1 .image-wrapper .sensor.sensor-11{ bottom:10%;right:9.5%; }
.house-plan-wrapper.house-plan-1 .image-wrapper .sensor.sensor-12{ bottom:23%;right:39.4%; }


.house-plan-wrapper.house-plan-2 .image-wrapper .sensor.sensor-1{ top:0%;left:10%; }
.house-plan-wrapper.house-plan-2 .image-wrapper .sensor.sensor-2{ left:16.4%;top:10%; }
.house-plan-wrapper.house-plan-2 .image-wrapper .sensor.sensor-3{ left:19%;top:24%; }
.house-plan-wrapper.house-plan-2 .image-wrapper .sensor.sensor-4{ left:60.9%;bottom:24.8%; }
.house-plan-wrapper.house-plan-2 .image-wrapper .sensor.sensor-5{ left:58.5%; top:66.2%; }
.house-plan-wrapper.house-plan-2 .image-wrapper .sensor.sensor-6{ left:57.7%;bottom:24.8%; }
.house-plan-wrapper.house-plan-2 .image-wrapper .sensor.sensor-7{ left:47.5%;bottom:30.5%; }
.house-plan-wrapper.house-plan-2 .image-wrapper .sensor.sensor-8{ left:47.5%;bottom:26%; }
.house-plan-wrapper.house-plan-2 .image-wrapper .sensor.sensor-9{ left:57.7%;bottom:23.8%; }
.house-plan-wrapper.house-plan-2 .image-wrapper .sensor.sensor-10{ right:33.1%;bottom:32.6%; }
.house-plan-wrapper.house-plan-2 .image-wrapper .sensor.sensor-11{ right:31.5%;bottom:29%; }
.house-plan-wrapper.house-plan-2 .image-wrapper .sensor.sensor-12{ left:58%;bottom:24.8%; }
.house-plan-wrapper.house-plan-2 .image-wrapper .sensor.sensor-13{ left:62.5%;bottom:24.8%; }
.house-plan-wrapper.house-plan-2 .image-wrapper .sensor.sensor-14{ bottom:32.3%;right:39%; }
.house-plan-wrapper.house-plan-2 .image-wrapper .sensor.sensor-15{ bottom:24.8%;right:39.4%; }
.house-plan-wrapper.house-plan-2 .image-wrapper .sensor.sensor-16{ bottom:28.8%;right:50%; }
.house-plan-wrapper.house-plan-2 .image-wrapper .sensor.sensor-17{ bottom:28.8%;right:31.8%; }
.house-plan-wrapper.house-plan-2 .image-wrapper .sensor.sensor-18{ bottom:24.9%;right:38.8%; }
.house-plan-wrapper.house-plan-2 .image-wrapper .sensor.sensor-19{ bottom:31.5%;right:40.8%; }
.house-plan-wrapper.house-plan-2 .image-wrapper .sensor.sensor-20{ bottom:31.5%;right:40.8%; }


.house-plan-wrapper.house-plan-3 .image-wrapper .sensor.sensor-1{ top:9%;left:16%; }
.house-plan-wrapper.house-plan-3 .image-wrapper .sensor.sensor-2{ top:23%;left:15%; }
.house-plan-wrapper.house-plan-3 .image-wrapper .sensor.sensor-3{ top:49.6%;left:68.6%; }
.house-plan-wrapper.house-plan-3 .image-wrapper .sensor.sensor-4{ top:62%;right:32%; }
.house-plan-wrapper.house-plan-3 .image-wrapper .sensor.sensor-5{ top:39.3%;left:44.7%; }
.house-plan-wrapper.house-plan-3 .image-wrapper .sensor.sensor-6{ top:52.3%;left:47.3%; }
.house-plan-wrapper.house-plan-3 .image-wrapper .sensor.sensor-7{ top:63.4%;left:47.3%; }
.house-plan-wrapper.house-plan-3 .image-wrapper .sensor.sensor-8{ top:64.1%;left:47.3%; }
.house-plan-wrapper.house-plan-3 .image-wrapper .sensor.sensor-9{ top:23%;right:17%; }
.house-plan-wrapper.house-plan-3 .image-wrapper .sensor.sensor-10{ top:41.3%;left:44.7%; }
.house-plan-wrapper.house-plan-3 .image-wrapper .sensor.sensor-11{ top:54%;left:47.3%; }
.house-plan-wrapper.house-plan-3 .image-wrapper .sensor.sensor-12{ top:63.8%;right:32%; }
.house-plan-wrapper.house-plan-3 .image-wrapper .sensor.sensor-13{ top:51%;left:68.6%; }
.house-plan-wrapper.house-plan-3 .image-wrapper .sensor.sensor-14{ top:40.3%;left:44.7%; }
.house-plan-wrapper.house-plan-3 .image-wrapper .sensor.sensor-15{ top:53.2%;left:47.3%; }
.house-plan-wrapper.house-plan-3 .image-wrapper .sensor.sensor-16{ top:50.3%;left:68.6%; }
.house-plan-wrapper.house-plan-3 .image-wrapper .sensor.sensor-17{ top:62.9%;right:32%; }
.house-plan-wrapper.house-plan-3 .image-wrapper .sensor.sensor-18{ top:64.7%;left:47.3%; }
.house-plan-wrapper.house-plan-3 .image-wrapper .sensor.sensor-19{ top:39.5%;left:45.3%; }
.house-plan-wrapper.house-plan-3 .image-wrapper .sensor.sensor-20{ top:39.5%;right:29.4%; }
.house-plan-wrapper.house-plan-3 .image-wrapper .sensor.sensor-21{ top:49.8%;right:29.4%; }
.house-plan-wrapper.house-plan-3 .image-wrapper .sensor.sensor-22{ top:61.7%;left:65.5%; }
.house-plan-wrapper.house-plan-3 .image-wrapper .sensor.sensor-23{ bottom:38.8%;left:47.8%; }
.house-plan-wrapper.house-plan-3 .image-wrapper .sensor.sensor-24{ top:49.5%;left:45.3%; }
/* .house-plan-wrapper.house-plan-3 .image-wrapper .sensor.sensor-25{ bottom:45%;right:50%; } */
.house-plan-wrapper.house-plan-3 .image-wrapper .sensor.sensor-26{ bottom:35%;left:47.5%; }
.house-plan-wrapper.house-plan-3 .image-wrapper .sensor.sensor-27{ bottom:46.4%;left:47.5%; }
.house-plan-wrapper.house-plan-3 .image-wrapper .sensor.sensor-28{ top:64.1%;left:47.3%; }
.house-plan-wrapper.house-plan-3 .image-wrapper .sensor.sensor-29{ top:55.7%;right:31.7%; }
.house-plan-wrapper.house-plan-3 .image-wrapper .sensor.sensor-30{ top:54%;right:40.9%; }
.house-plan-wrapper.house-plan-3 .image-wrapper .sensor.sensor-31{ top:54%;right:40.9%; }

.house-plan-wrapper.house-plan-4 .image-wrapper .sensor.sensor-1{ top:9%;left:16%; }
.house-plan-wrapper.house-plan-4 .image-wrapper .sensor.sensor-2{ top:23%;left:15%; }
.house-plan-wrapper.house-plan-4 .image-wrapper .sensor.sensor-3{ top:49.6%;left:68.6%; }
.house-plan-wrapper.house-plan-4 .image-wrapper .sensor.sensor-4{ top:52.4%;left:16.9%; }
.house-plan-wrapper.house-plan-4 .image-wrapper .sensor.sensor-5{ top:52.4%;left:12.7%; }
.house-plan-wrapper.house-plan-4 .image-wrapper .sensor.sensor-6{ top:74.7%;left:32.4%; }
.house-plan-wrapper.house-plan-4 .image-wrapper .sensor.sensor-7{ top:74.7%;left:20.3%; }
.house-plan-wrapper.house-plan-4 .image-wrapper .sensor.sensor-8{ top:74.1%;left:22.6%; }
.house-plan-wrapper.house-plan-4 .image-wrapper .sensor.sensor-9{ bottom:20.3%;left:20.1%; }
.house-plan-wrapper.house-plan-4 .image-wrapper .sensor.sensor-10{ bottom:20.3%;left:32.4%; }
.house-plan-wrapper.house-plan-4 .image-wrapper .sensor.sensor-11{ top:52.4%;left:28%; }
.house-plan-wrapper.house-plan-4 .image-wrapper .sensor.sensor-12{ top:73.8%;right:62%; }
.house-plan-wrapper.house-plan-4 .image-wrapper .sensor.sensor-13{ top:52.2%;left:45.3%; }
.house-plan-wrapper.house-plan-4 .image-wrapper .sensor.sensor-14{ top:52.7%;left:45.3%; }
.house-plan-wrapper.house-plan-4 .image-wrapper .sensor.sensor-15{ top:53%;left:45.3%; }
.house-plan-wrapper.house-plan-4 .image-wrapper .sensor.sensor-16{ top:53.8%;left:45.3%; }
.house-plan-wrapper.house-plan-4 .image-wrapper .sensor.sensor-17{ top:54.4%;left:45.3%; }
.house-plan-wrapper.house-plan-4 .image-wrapper .sensor.sensor-18{ bottom:45.3%;left:44.9%; }
.house-plan-wrapper.house-plan-4 .image-wrapper .sensor.sensor-19{ bottom:23%;right:63%; }
.house-plan-wrapper.house-plan-4 .image-wrapper .sensor.sensor-20{ bottom:23.5%;left:25%; }
.house-plan-wrapper.house-plan-4 .image-wrapper .sensor.sensor-21{ bottom:23.5%;left:27.7%; }
.house-plan-wrapper.house-plan-4 .image-wrapper .sensor.sensor-22{ bottom:45.3%;left:44.9%; }
.house-plan-wrapper.house-plan-4 .image-wrapper .sensor.sensor-23{ bottom:41%;left:25.7%; }
.house-plan-wrapper.house-plan-4 .image-wrapper .sensor.sensor-24{ bottom:37.5%;left:20.4%; }
.house-plan-wrapper.house-plan-4 .image-wrapper .sensor.sensor-25{ top:52.6%;left:17.5%; }
.house-plan-wrapper.house-plan-4 .image-wrapper .sensor.sensor-26{ top:54.5%;left:45%; }
.house-plan-wrapper.house-plan-4 .image-wrapper .sensor.sensor-27{ bottom:40%;left:17.4%; }
.house-plan-wrapper.house-plan-4 .image-wrapper .sensor.sensor-28{ bottom:30.5%;left:17.5%; }
.house-plan-wrapper.house-plan-4 .image-wrapper .sensor.sensor-29{ bottom:37%;left:30.7%; }
.house-plan-wrapper.house-plan-4 .image-wrapper .sensor.sensor-30{ bottom:37%;left:30.7%; }
.house-plan-wrapper.house-plan-4 .image-wrapper .sensor.sensor-31{ bottom:46%;left:16.7%; }
.house-plan-wrapper.house-plan-4 .image-wrapper .sensor.sensor-32{ bottom:45%;left:44.7%; }
.house-plan-wrapper.house-plan-4 .image-wrapper .sensor.sensor-33{ bottom:40%;left:14.7%; }
.house-plan-wrapper.house-plan-4 .image-wrapper .sensor.sensor-34{ bottom:36.3%;left:3.4%; }
.house-plan-wrapper.house-plan-4 .image-wrapper .sensor.sensor-35{ bottom:31.5%;left:14.5%; }
.house-plan-wrapper.house-plan-4 .image-wrapper .sensor.sensor-36{ bottom:25%;left:35.5%; }


.house-plan-wrapper.house-plan-5 .image-wrapper .sensor.sensor-1{ top:9%;left:16%; }
.house-plan-wrapper.house-plan-5 .image-wrapper .sensor.sensor-2{ top:23%;left:15%; }
.house-plan-wrapper.house-plan-5 .image-wrapper .sensor.sensor-3{ top:49.6%;left:68.6%; }
.house-plan-wrapper.house-plan-5 .image-wrapper .sensor.sensor-4{ top:62.4%;right:30%; }
.house-plan-wrapper.house-plan-5 .image-wrapper .sensor.sensor-5{ top:74.7%;right:12.7%; }
.house-plan-wrapper.house-plan-5 .image-wrapper .sensor.sensor-6{ top:74.8%;right:24.5%; }
.house-plan-wrapper.house-plan-5 .image-wrapper .sensor.sensor-7{ top:78.9%;right:12.7%; }
.house-plan-wrapper.house-plan-5 .image-wrapper .sensor.sensor-8{ top:78.9%;right:24.5%; }
.house-plan-wrapper.house-plan-5 .image-wrapper .sensor.sensor-9{ bottom:25%;right:9.3%; }
.house-plan-wrapper.house-plan-5 .image-wrapper .sensor.sensor-10{ top:61.7%;right:29.7%; }
.house-plan-wrapper.house-plan-5 .image-wrapper .sensor.sensor-11{ top:61.8%;right:29.7%; }
.house-plan-wrapper.house-plan-5 .image-wrapper .sensor.sensor-12{ top:62%;right:29.7%; }
.house-plan-wrapper.house-plan-5 .image-wrapper .sensor.sensor-13{ top:61.7%;right:29.7%; }
.house-plan-wrapper.house-plan-5 .image-wrapper .sensor.sensor-14{ top:61.6%;right:29.7%; }
.house-plan-wrapper.house-plan-5 .image-wrapper .sensor.sensor-15{ top:61.6%;right:30%; }
.house-plan-wrapper.house-plan-5 .image-wrapper .sensor.sensor-16{ bottom:24.9%;right:9.6%; }
.house-plan-wrapper.house-plan-5 .image-wrapper .sensor.sensor-17{ bottom:23.2%;right:17%; }
.house-plan-wrapper.house-plan-5 .image-wrapper .sensor.sensor-18{ bottom:23.2%;right:20.4%; }
.house-plan-wrapper.house-plan-5 .image-wrapper .sensor.sensor-19{ top:62.4%;right:30%; }
.house-plan-wrapper.house-plan-5 .image-wrapper .sensor.sensor-20{ top:52.6%;right:26%; }
.house-plan-wrapper.house-plan-5 .image-wrapper .sensor.sensor-21{ right:3.2%;bottom:39%; }
.house-plan-wrapper.house-plan-5 .image-wrapper .sensor.sensor-22{ top:62%;right:30.2%; }
.house-plan-wrapper.house-plan-5 .image-wrapper .sensor.sensor-23{ top:73.8%;right:10%; }
.house-plan-wrapper.house-plan-5 .image-wrapper .sensor.sensor-24{ top:62%;right:29.7%; }
.house-plan-wrapper.house-plan-5 .image-wrapper .sensor.sensor-25{ top:61.4%;right:15.8%; }
.house-plan-wrapper.house-plan-5 .image-wrapper .sensor.sensor-26{ top:61.4%;right:15.8%; }


.house-plan-wrapper.house-plan-6 .image-wrapper .sensor.sensor-1{ top:9%;left:16%; }
.house-plan-wrapper.house-plan-6 .image-wrapper .sensor.sensor-2{ top:23%;left:15%; }
.house-plan-wrapper.house-plan-6 .image-wrapper .sensor.sensor-3{ top:49.6%;left:68.6%; }
.house-plan-wrapper.house-plan-6 .image-wrapper .sensor.sensor-4{ top:51.3%;left:16.5%; }
.house-plan-wrapper.house-plan-6 .image-wrapper .sensor.sensor-5{ top:40%;left:19.8%; }
.house-plan-wrapper.house-plan-6 .image-wrapper .sensor.sensor-6{ top:50.8%;left:4%; }
.house-plan-wrapper.house-plan-6 .image-wrapper .sensor.sensor-7{ top:51.3%;left:16.5%; }
.house-plan-wrapper.house-plan-6 .image-wrapper .sensor.sensor-8{ top:40%;left:22%; }
.house-plan-wrapper.house-plan-6 .image-wrapper .sensor.sensor-9{ top:40%;left:23%; }
.house-plan-wrapper.house-plan-6 .image-wrapper .sensor.sensor-10{ top:51.3%;left:16.5%; }
.house-plan-wrapper.house-plan-6 .image-wrapper .sensor.sensor-11{ top:51.3%;left:16.5%; }
.house-plan-wrapper.house-plan-6 .image-wrapper .sensor.sensor-12{ top:51.3%;left:16.5%; }
.house-plan-wrapper.house-plan-6 .image-wrapper .sensor.sensor-13{ top:51.3%;left:16.5%; }
.house-plan-wrapper.house-plan-6 .image-wrapper .sensor.sensor-14{ top:51.3%;left:16.5%; }
.house-plan-wrapper.house-plan-6 .image-wrapper .sensor.sensor-15{ top:51.3%;left:16.5%; }
.house-plan-wrapper.house-plan-6 .image-wrapper .sensor.sensor-16{ top:51.3%;left:16.5%; }
.house-plan-wrapper.house-plan-6 .image-wrapper .sensor.sensor-17{ top:40.3%;left:23.4%; }
.house-plan-wrapper.house-plan-6 .image-wrapper .sensor.sensor-18{ top:44.5%;left:31%; }
.house-plan-wrapper.house-plan-6 .image-wrapper .sensor.sensor-19{ top:47%;left:4.3%; }
.house-plan-wrapper.house-plan-6 .image-wrapper .sensor.sensor-20{ top:47%;left:4.3%; }
.house-plan-wrapper.house-plan-6 .image-wrapper .sensor.sensor-21{ top:47%;left:4.3%; }
.house-plan-wrapper.house-plan-6 .image-wrapper .sensor.sensor-22{ top:40.2%;left:12%; }
.house-plan-wrapper.house-plan-6 .image-wrapper .sensor.sensor-23{ top:40.2%;left:21%; }
.house-plan-wrapper.house-plan-6 .image-wrapper .sensor.sensor-24{ top:47%;left:4.3%; }
.house-plan-wrapper.house-plan-6 .image-wrapper .sensor.sensor-25{ top:45.9%;left:23.7%; }
.house-plan-wrapper.house-plan-6 .image-wrapper .sensor.sensor-26{ top:45.9%;left:23.7%; }


.house-plan-wrapper.house-plan-7 .image-wrapper .sensor.sensor-1{ top:9%;left:16%; }
.house-plan-wrapper.house-plan-7 .image-wrapper .sensor.sensor-2{ top:23%;left:15%; }
.house-plan-wrapper.house-plan-7 .image-wrapper .sensor.sensor-3{ top:49.6%;left:68.6%; }
.house-plan-wrapper.house-plan-7 .image-wrapper .sensor.sensor-4{ top:44%;left:33.1%; }
.house-plan-wrapper.house-plan-7 .image-wrapper .sensor.sensor-5{ top:44.7%;left:33.1%; }
.house-plan-wrapper.house-plan-7 .image-wrapper .sensor.sensor-6{ top:45.4%;left:33.1%; }
.house-plan-wrapper.house-plan-7 .image-wrapper .sensor.sensor-7{ top:41.7%;left:42.8%; }
.house-plan-wrapper.house-plan-7 .image-wrapper .sensor.sensor-8{ top:43.2%;left:33.1%; }
.house-plan-wrapper.house-plan-7 .image-wrapper .sensor.sensor-9{ top:41.7%;left:42.8%; }
.house-plan-wrapper.house-plan-7 .image-wrapper .sensor.sensor-10{ top:41.7%;left:43%; }
.house-plan-wrapper.house-plan-7 .image-wrapper .sensor.sensor-11{ top:40.7%;left:43%; }
.house-plan-wrapper.house-plan-7 .image-wrapper .sensor.sensor-12{ top:41.3%;left:43%; }
.house-plan-wrapper.house-plan-7 .image-wrapper .sensor.sensor-13{ top:41.9%;left:43%; }
.house-plan-wrapper.house-plan-7 .image-wrapper .sensor.sensor-14{ top:41.7%;left:42.8%; }
.house-plan-wrapper.house-plan-7 .image-wrapper .sensor.sensor-15{ top:41.7%;left:42.8%; }
.house-plan-wrapper.house-plan-7 .image-wrapper .sensor.sensor-16{ top:44%;left:33.1%; }
.house-plan-wrapper.house-plan-7 .image-wrapper .sensor.sensor-17{ top:44%;left:33.1%; }
.house-plan-wrapper.house-plan-7 .image-wrapper .sensor.sensor-18{ top:40%;left:38.6%; }
.house-plan-wrapper.house-plan-7 .image-wrapper .sensor.sensor-19{ top:42.7%;left:37.9%; }
.house-plan-wrapper.house-plan-7 .image-wrapper .sensor.sensor-20{ top:42.7%;left:37.9%; }
.house-plan-wrapper.house-plan-7 .image-wrapper .sensor.sensor-21{ top:40.3%;left:39.3%; }
.house-plan-wrapper.house-plan-7 .image-wrapper .sensor.sensor-22{ top:45.3%;left:33.2%; }

.house-plan-wrapper.house-plan-8 .image-wrapper .sensor.sensor-1{ top:9%;left:16%; }
.house-plan-wrapper.house-plan-8 .image-wrapper .sensor.sensor-2{ top:23%;left:15%; }
.house-plan-wrapper.house-plan-8 .image-wrapper .sensor.sensor-3{ top:49.6%;left:68.6%; }
.house-plan-wrapper.house-plan-8 .image-wrapper .sensor.sensor-4{ top:43.2%;right:3%; }
.house-plan-wrapper.house-plan-8 .image-wrapper .sensor.sensor-5{ top:44%;right:3%; }
.house-plan-wrapper.house-plan-8 .image-wrapper .sensor.sensor-6{ top:44.7%;right:3%; }
.house-plan-wrapper.house-plan-8 .image-wrapper .sensor.sensor-7{ top:49.4%;right:27.2%; }
.house-plan-wrapper.house-plan-8 .image-wrapper .sensor.sensor-8{ top:49.4%;right:27.2%; }
.house-plan-wrapper.house-plan-8 .image-wrapper .sensor.sensor-9{ top:45.4%;right:3%; }
.house-plan-wrapper.house-plan-8 .image-wrapper .sensor.sensor-10{ top:50%;right:27.2%; }
.house-plan-wrapper.house-plan-8 .image-wrapper .sensor.sensor-11{ top:49.4%;right:27.2%; }
.house-plan-wrapper.house-plan-8 .image-wrapper .sensor.sensor-12{ top:49.4%;right:27.2%; }
.house-plan-wrapper.house-plan-8 .image-wrapper .sensor.sensor-13{ top:50.1%;right:27.2%;}
.house-plan-wrapper.house-plan-8 .image-wrapper .sensor.sensor-14{ top:50.8%;right:27.2%; }
.house-plan-wrapper.house-plan-8 .image-wrapper .sensor.sensor-15{ top:49.4%;right:27.2%; }
.house-plan-wrapper.house-plan-8 .image-wrapper .sensor.sensor-16{ top:42.4%;right:15%; }
.house-plan-wrapper.house-plan-8 .image-wrapper .sensor.sensor-17{ top:49.4%;right:27.2%; }
.house-plan-wrapper.house-plan-8 .image-wrapper .sensor.sensor-18{ top:49.4%;right:27.2%; }
.house-plan-wrapper.house-plan-8 .image-wrapper .sensor.sensor-19{ top:47%;right:21%; }
.house-plan-wrapper.house-plan-8 .image-wrapper .sensor.sensor-20{ top:47%;right:21%; }
.house-plan-wrapper.house-plan-8 .image-wrapper .sensor.sensor-21{ top:45.8%;right:3.3%; }
.house-plan-wrapper.house-plan-8 .image-wrapper .sensor.sensor-22{ top:45.8%;right:3.3%; }

.house-plan-wrapper.house-plan-9 .image-wrapper .sensor.sensor-1{ top:10.8%;right:31%; }
.house-plan-wrapper.house-plan-9 .image-wrapper .sensor.sensor-2{ top:10.8%;right:17.8%; }
.house-plan-wrapper.house-plan-9 .image-wrapper .sensor.sensor-3{ top:13.8%;right:31%; }
.house-plan-wrapper.house-plan-9 .image-wrapper .sensor.sensor-4{ top:13.8%;right:17.8%; }
.house-plan-wrapper.house-plan-9 .image-wrapper .sensor.sensor-5{ top:13.8%;right:26%; }
.house-plan-wrapper.house-plan-9 .image-wrapper .sensor.sensor-6{ top:13.8%;right:22.9%; }
.house-plan-wrapper.house-plan-9 .image-wrapper .sensor.sensor-7{ top:15.3%;right:13.5%; }
.house-plan-wrapper.house-plan-9 .image-wrapper .sensor.sensor-8{ top:41.2%;right:12%; }
.house-plan-wrapper.house-plan-9 .image-wrapper .sensor.sensor-9{ top:38.2%;right:28.1%; }
.house-plan-wrapper.house-plan-9 .image-wrapper .sensor.sensor-10{ top:34%;right:12.3%; }
.house-plan-wrapper.house-plan-9 .image-wrapper .sensor.sensor-11{ top:38.3%;right:28.1%; }
.house-plan-wrapper.house-plan-9 .image-wrapper .sensor.sensor-12{ top:38.4%;right:28.1%; }
.house-plan-wrapper.house-plan-9 .image-wrapper .sensor.sensor-13{ top:38.3%;right:28.1%; }
.house-plan-wrapper.house-plan-9 .image-wrapper .sensor.sensor-14{ top:38.4%;right:29.7%; }
.house-plan-wrapper.house-plan-9 .image-wrapper .sensor.sensor-15{ top:38.4%;right:28.1%; }
.house-plan-wrapper.house-plan-9 .image-wrapper .sensor.sensor-16{ top:26%;right:3.1%; }
.house-plan-wrapper.house-plan-9 .image-wrapper .sensor.sensor-17{ top:31.5%;right:3.1%; }
.house-plan-wrapper.house-plan-9 .image-wrapper .sensor.sensor-18{ top:41.2%;right:22%; }
.house-plan-wrapper.house-plan-9 .image-wrapper .sensor.sensor-19{ top:36.5%;right:3.1%; }
.house-plan-wrapper.house-plan-9 .image-wrapper .sensor.sensor-20{ top:37.3%;right:3.1%; }
.house-plan-wrapper.house-plan-9 .image-wrapper .sensor.sensor-21{ top:41.2%;right:10.7%; }
.house-plan-wrapper.house-plan-9 .image-wrapper .sensor.sensor-22{ top:38.4%;right:28.1%; }
.house-plan-wrapper.house-plan-9 .image-wrapper .sensor.sensor-23{ top:38.3%;right:28.1%; }
.house-plan-wrapper.house-plan-9 .image-wrapper .sensor.sensor-24{ top:38.3%;right:28.1%; }
.house-plan-wrapper.house-plan-9 .image-wrapper .sensor.sensor-25{ top:15.5%;right:16.3%; }
.house-plan-wrapper.house-plan-9 .image-wrapper .sensor.sensor-26{ top:15.4%;right:15.7%; }
.house-plan-wrapper.house-plan-9 .image-wrapper .sensor.sensor-27{ top:20%;right:3.2%; }
.house-plan-wrapper.house-plan-9 .image-wrapper .sensor.sensor-28{ top:29%;right:3.2%; }
.house-plan-wrapper.house-plan-9 .image-wrapper .sensor.sensor-29{ top:29%;right:17.2%; }
.house-plan-wrapper.house-plan-9 .image-wrapper .sensor.sensor-30{ top:38%;right:4.2%; }
.house-plan-wrapper.house-plan-9 .image-wrapper .sensor.sensor-31{ top:38.3%;right:28.1%; }
.house-plan-wrapper.house-plan-9 .image-wrapper .sensor.sensor-32{ top:31.3%;right:3.2%; }
.house-plan-wrapper.house-plan-9 .image-wrapper .sensor.sensor-33{ top:34%;right:12.3%; }
.house-plan-wrapper.house-plan-9 .image-wrapper .sensor.sensor-34{ top:38.3%;right:28.1%; }

.house-plan-wrapper.house-plan-10 .image-wrapper .sensor.sensor-1{ top:10.8%;right:31%; }
.house-plan-wrapper.house-plan-10 .image-wrapper .sensor.sensor-2{ top:10.8%;right:17.8%; }
.house-plan-wrapper.house-plan-10 .image-wrapper .sensor.sensor-3{ top:13.8%;right:31%; }
.house-plan-wrapper.house-plan-10 .image-wrapper .sensor.sensor-4{ top:10.8%;left:17.8%; }
.house-plan-wrapper.house-plan-10 .image-wrapper .sensor.sensor-5{ top:10.8%;left:30.8%; }
.house-plan-wrapper.house-plan-10 .image-wrapper .sensor.sensor-6{ top:10.8%;left:33.9%; }
.house-plan-wrapper.house-plan-10 .image-wrapper .sensor.sensor-7{ top:10.8%;left:47%; }
.house-plan-wrapper.house-plan-10 .image-wrapper .sensor.sensor-8{ top:10.8%;left:50.3%; }
.house-plan-wrapper.house-plan-10 .image-wrapper .sensor.sensor-9{ top:10.8%;right:34.3%; }
.house-plan-wrapper.house-plan-10 .image-wrapper .sensor.sensor-10{ top:14.3%;left:17.8%; }
.house-plan-wrapper.house-plan-10 .image-wrapper .sensor.sensor-11{ top:14.3%;left:30.8%; }
.house-plan-wrapper.house-plan-10 .image-wrapper .sensor.sensor-12{ top:14.3%;left:33.9%; }
.house-plan-wrapper.house-plan-10 .image-wrapper .sensor.sensor-13{ top:14.3%;left:47%; }
.house-plan-wrapper.house-plan-10 .image-wrapper .sensor.sensor-14{ top:14.3%;left:50.3%; }
.house-plan-wrapper.house-plan-10 .image-wrapper .sensor.sensor-15{ top:14.3%;right:34.3%; }
.house-plan-wrapper.house-plan-10 .image-wrapper .sensor.sensor-16{ top:29%;left:3.1%; }
.house-plan-wrapper.house-plan-10 .image-wrapper .sensor.sensor-17{ top:15.6%;left:14.6%; }
.house-plan-wrapper.house-plan-10 .image-wrapper .sensor.sensor-18{ top:38.3%;left:43.5%; }
.house-plan-wrapper.house-plan-10 .image-wrapper .sensor.sensor-19{ top:38.3%;left:43.5%; }
.house-plan-wrapper.house-plan-10 .image-wrapper .sensor.sensor-20{ top:38.3%;left:43.5%; }
.house-plan-wrapper.house-plan-10 .image-wrapper .sensor.sensor-21{ top:38.3%;left:43.5%; }
.house-plan-wrapper.house-plan-10 .image-wrapper .sensor.sensor-22{ top:14.3%;left:23%; }
.house-plan-wrapper.house-plan-10 .image-wrapper .sensor.sensor-23{ top:14.3%;left:25.5%; }
.house-plan-wrapper.house-plan-10 .image-wrapper .sensor.sensor-24{ top:14.3%;left:39.2%; }
.house-plan-wrapper.house-plan-10 .image-wrapper .sensor.sensor-25{ top:14.3%;left:41.8%; }
.house-plan-wrapper.house-plan-10 .image-wrapper .sensor.sensor-26{ top:14.3%;right:42%; }
.house-plan-wrapper.house-plan-10 .image-wrapper .sensor.sensor-27{ top:14.3%;right:39.4%; }
.house-plan-wrapper.house-plan-10 .image-wrapper .sensor.sensor-28{ top:27.2%;left:49.5%; }
.house-plan-wrapper.house-plan-10 .image-wrapper .sensor.sensor-29{ top:36%;left:43.5%; }
.house-plan-wrapper.house-plan-10 .image-wrapper .sensor.sensor-30{ top:38.3%;left:43.5%; }
.house-plan-wrapper.house-plan-10 .image-wrapper .sensor.sensor-31{ top:38.3%;left:43.5%; }
.house-plan-wrapper.house-plan-10 .image-wrapper .sensor.sensor-32{ top:38.3%;left:43.5%; }
.house-plan-wrapper.house-plan-10 .image-wrapper .sensor.sensor-33{ top:38.3%;left:43.5%; }
.house-plan-wrapper.house-plan-10 .image-wrapper .sensor.sensor-34{ top:38.3%;left:43.5%; }
.house-plan-wrapper.house-plan-10 .image-wrapper .sensor.sensor-35{ top:38.3%;left:43.5%; }
.house-plan-wrapper.house-plan-10 .image-wrapper .sensor.sensor-36{ top:16%;left:15%; }
.house-plan-wrapper.house-plan-10 .image-wrapper .sensor.sensor-37{ top:26.6%;left:3%; }
.house-plan-wrapper.house-plan-10 .image-wrapper .sensor.sensor-38{ top:27.2%;left:48.4%; }
.house-plan-wrapper.house-plan-10 .image-wrapper .sensor.sensor-39{ top:38.3%;left:5.5%; }
.house-plan-wrapper.house-plan-10 .image-wrapper .sensor.sensor-40{ top:38.3%;left:43.5%; }
.house-plan-wrapper.house-plan-10 .image-wrapper .sensor.sensor-41{ top:38.3%;left:43.5%; }
.house-plan-wrapper.house-plan-10 .image-wrapper .sensor.sensor-42{ top:27.2%;left:49.5%; }

.house-plan-wrapper.house-plan-11 .image-wrapper .sensor.sensor-1{ top:2.8%;left:5%; }
.house-plan-wrapper.house-plan-11 .image-wrapper .sensor.sensor-2{ top:2.8%;right:5%; }
.house-plan-wrapper.house-plan-11 .image-wrapper .sensor.sensor-3{ top:13.5%;left:9%; }
.house-plan-wrapper.house-plan-11 .image-wrapper .sensor.sensor-4{ top:13.5%;left:10.4%; }
.house-plan-wrapper.house-plan-11 .image-wrapper .sensor.sensor-5{ top:13.5%;right:14%; }
.house-plan-wrapper.house-plan-11 .image-wrapper .sensor.sensor-6{ top:13.5%;left:11.9%; }
.house-plan-wrapper.house-plan-11 .image-wrapper .sensor.sensor-7{ top:13.5%;right:13%; }
.house-plan-wrapper.house-plan-11 .image-wrapper .sensor.sensor-8{ top:13.5%;left:13.6%; }
.house-plan-wrapper.house-plan-11 .image-wrapper .sensor.sensor-9{ top:13.5%;right:11.6%; }
.house-plan-wrapper.house-plan-11 .image-wrapper .sensor.sensor-10{ top:14.3%;left:17.8%; }
.house-plan-wrapper.house-plan-11 .image-wrapper .sensor.sensor-11{ top:14.3%;left:30.8%; }
.house-plan-wrapper.house-plan-11 .image-wrapper .sensor.sensor-12{ top:13.5%;right:15.5%; }
.house-plan-wrapper.house-plan-11 .image-wrapper .sensor.sensor-13{ top:13.5%;right:13%; }
.house-plan-wrapper.house-plan-11 .image-wrapper .sensor.sensor-14{ top:13.5%;right:6.3%; }
.house-plan-wrapper.house-plan-11 .image-wrapper .sensor.sensor-15{ top:13.5%;right:13%; }
.house-plan-wrapper.house-plan-11 .image-wrapper .sensor.sensor-16{ top:13.5%;right:9.9%; }
.house-plan-wrapper.house-plan-11 .image-wrapper .sensor.sensor-17{ top:13.5%;left:15.2%; }
.house-plan-wrapper.house-plan-11 .image-wrapper .sensor.sensor-18{ top:38.7%;left:36%; }
.house-plan-wrapper.house-plan-11 .image-wrapper .sensor.sensor-19{ top:13.5%;right:13.5%; }
.house-plan-wrapper.house-plan-11 .image-wrapper .sensor.sensor-20{ top:5.5%;right:15.5%; }
.house-plan-wrapper.house-plan-11 .image-wrapper .sensor.sensor-21{ top:13.5%;right:11%; }
.house-plan-wrapper.house-plan-11 .image-wrapper .sensor.sensor-22{ top:5%;left:10%; }
.house-plan-wrapper.house-plan-11 .image-wrapper .sensor.sensor-23{ top:5%;right:10%; }
.house-plan-wrapper.house-plan-11 .image-wrapper .sensor.sensor-24{ top:13.5%;left:12%; }
.house-plan-wrapper.house-plan-11 .image-wrapper .sensor.sensor-25{ top:13.5%;right:12%; }

.house-plan-wrapper.house-plan-12 .image-wrapper .sensor.sensor-1{ top:42.4%;right:19%; }
.house-plan-wrapper.house-plan-12 .image-wrapper .sensor.sensor-2{ top:21.8%;right:3%; }
.house-plan-wrapper.house-plan-12 .image-wrapper .sensor.sensor-3{ top:28.5%;right:3%; }
.house-plan-wrapper.house-plan-12 .image-wrapper .sensor.sensor-4{ top:41.2%;right:25.9%; }
.house-plan-wrapper.house-plan-12 .image-wrapper .sensor.sensor-5{ top:41.2%;right:16%; }
.house-plan-wrapper.house-plan-12 .image-wrapper .sensor.sensor-6{ bottom:23.2%;left:14.9%; }
.house-plan-wrapper.house-plan-12 .image-wrapper .sensor.sensor-7{ bottom:23.2%;right:9.5%; }
.house-plan-wrapper.house-plan-12 .image-wrapper .sensor.sensor-8{ bottom:24.8%;right:39.4%; }
.house-plan-wrapper.house-plan-12 .image-wrapper .sensor.sensor-9{ top:13.5%;left:6.6%; }
.house-plan-wrapper.house-plan-12 .image-wrapper .sensor.sensor-10{ top:13.5%;right:13.5%; }
.house-plan-wrapper.house-plan-12 .image-wrapper .sensor.sensor-11{ bottom:10%;right:9.5%; }
.house-plan-wrapper.house-plan-12 .image-wrapper .sensor.sensor-12{ bottom:23%;right:39.4%; }
.house-plan-wrapper.house-plan-12 .image-wrapper .sensor.sensor-13{ bottom:32.3%;right:39%; }
.house-plan-wrapper.house-plan-12 .image-wrapper .sensor.sensor-14{ bottom:38.8%;left:47.8%; }
.house-plan-wrapper.house-plan-12 .image-wrapper .sensor.sensor-15{ top:49.5%;left:45.3%; }
.house-plan-wrapper.house-plan-12 .image-wrapper .sensor.sensor-16{ top:39.5%;left:45.3%; }
.house-plan-wrapper.house-plan-12 .image-wrapper .sensor.sensor-17{ top:39.5%;right:29.4%; }
.house-plan-wrapper.house-plan-12 .image-wrapper .sensor.sensor-18{ top:49.8%;right:29.4%; }
.house-plan-wrapper.house-plan-12 .image-wrapper .sensor.sensor-19{ top:61.7%;left:65.5%; }
.house-plan-wrapper.house-plan-12 .image-wrapper .sensor.sensor-20{ bottom:38.8%;left:45.2%; }
.house-plan-wrapper.house-plan-12 .image-wrapper .sensor.sensor-21{ bottom:25%;left:36%; }
.house-plan-wrapper.house-plan-12 .image-wrapper .sensor.sensor-22{ bottom:30.2%;left:12.5%; }
.house-plan-wrapper.house-plan-12 .image-wrapper .sensor.sensor-23{ bottom:37%;left:3%; }
.house-plan-wrapper.house-plan-12 .image-wrapper .sensor.sensor-24{ bottom:39.8%;left:12.3%; }
.house-plan-wrapper.house-plan-12 .image-wrapper .sensor.sensor-25{ bottom:46%;left:29.5%; }
.house-plan-wrapper.house-plan-12 .image-wrapper .sensor.sensor-26{ top:61.7%;left:68.1%; }
.house-plan-wrapper.house-plan-12 .image-wrapper .sensor.sensor-27{ bottom:46%;right:16%; }
.house-plan-wrapper.house-plan-12 .image-wrapper .sensor.sensor-28{ bottom:41%;right:3%; }
.house-plan-wrapper.house-plan-12 .image-wrapper .sensor.sensor-29{ bottom:32.4%;right:3%; }
.house-plan-wrapper.house-plan-12 .image-wrapper .sensor.sensor-30{ bottom:24.9%;right:9.7%; }
.house-plan-wrapper.house-plan-12 .image-wrapper .sensor.sensor-31{ top:42.8%;right:27%; }
.house-plan-wrapper.house-plan-12 .image-wrapper .sensor.sensor-32{ top:49.8%;right:27%; }
.house-plan-wrapper.house-plan-12 .image-wrapper .sensor.sensor-33{ top:42.4%;right:16.9%; }
.house-plan-wrapper.house-plan-12 .image-wrapper .sensor.sensor-34{ bottom:52.4%;right:3%; }
.house-plan-wrapper.house-plan-12 .image-wrapper .sensor.sensor-35{ bottom:47.5%;right:16%; }
.house-plan-wrapper.house-plan-12 .image-wrapper .sensor.sensor-36{ top:41.2%;right:14%; }
.house-plan-wrapper.house-plan-12 .image-wrapper .sensor.sensor-37{ top:30%;right:28%; }
.house-plan-wrapper.house-plan-12 .image-wrapper .sensor.sensor-38{ top:15.4%;right:13.5%; }
.house-plan-wrapper.house-plan-12 .image-wrapper .sensor.sensor-39{ top:22.6%;right:3%; }
.house-plan-wrapper.house-plan-12 .image-wrapper .sensor.sensor-40{ top:31.6%;right:3%; }
.house-plan-wrapper.house-plan-12 .image-wrapper .sensor.sensor-41{ top:38%;right:3%; }
.house-plan-wrapper.house-plan-12 .image-wrapper .sensor.sensor-42{ left:37%;top:38.5%; }
.house-plan-wrapper.house-plan-12 .image-wrapper .sensor.sensor-43{ left:4.2%;top:38.5%; }
.house-plan-wrapper.house-plan-12 .image-wrapper .sensor.sensor-44{ top:23%;left:3%; }
.house-plan-wrapper.house-plan-12 .image-wrapper .sensor.sensor-45{ top:15.3%;left:8.8%; }
.house-plan-wrapper.house-plan-12 .image-wrapper .sensor.sensor-46{ top:30%;left:41.5%; }
.house-plan-wrapper.house-plan-12 .image-wrapper .sensor.sensor-47{ top:13.5%;left:8.8%; }
.house-plan-wrapper.house-plan-12 .image-wrapper .sensor.sensor-48{ top:13.5%;right:10.9%; }
.house-plan-wrapper.house-plan-12 .image-wrapper .sensor.sensor-49{ top:0.3%;left:8%; }
.house-plan-wrapper.house-plan-12 .image-wrapper .sensor.sensor-50{ top:0.8%;right:13%; }
.house-plan-wrapper.house-plan-12 .image-wrapper .sensor.sensor-31-copy{ top:45.8%;left:4.7%; }
.house-plan-wrapper.house-plan-12 .image-wrapper .sensor.sensor-32-copy{ top:40%;left:21%; }
.house-plan-wrapper.house-plan-12 .image-wrapper .sensor.sensor-33-copy{ top:45.6%;left:31%; }
.house-plan-wrapper.house-plan-12 .image-wrapper .sensor.sensor-34-copy{ top:43.4%;left:33.5%; }
.house-plan-wrapper.house-plan-12 .image-wrapper .sensor.sensor-35-copy{ top:40%;left:35.5%; }

.house-plan-wrapper.house-plan-13 .image-wrapper .sensor.sensor-1{ top:15.3%;right:15%; }
.house-plan-wrapper.house-plan-13 .image-wrapper .sensor.sensor-2{ top:46.9%;left:5%; }
.house-plan-wrapper.house-plan-13 .image-wrapper .sensor.sensor-3{ top:40%;left:15%; }
.house-plan-wrapper.house-plan-13 .image-wrapper .sensor.sensor-4{ top:40%;left:19.8%; }
.house-plan-wrapper.house-plan-13 .image-wrapper .sensor.sensor-5{ top:38.2%;right:28.1%; }
.house-plan-wrapper.house-plan-13 .image-wrapper .sensor.sensor-6{ bottom:49.5%;right:27.1%; }
.house-plan-wrapper.house-plan-13 .image-wrapper .sensor.sensor-7{ bottom:46.2%;left:16.5%; }
.house-plan-wrapper.house-plan-13 .image-wrapper .sensor.sensor-8{ bottom:45%;right:50%; }
.house-plan-wrapper.house-plan-13 .image-wrapper .sensor.sensor-9{ bottom:39.7%;left:13.8%; }
.house-plan-wrapper.house-plan-13 .image-wrapper .sensor.sensor-10{ bottom:37.2%;right:29.8%; }
.house-plan-wrapper.house-plan-13 .image-wrapper .sensor.sensor-11{ bottom:29.8%;left:13.8%; }
.house-plan-wrapper.house-plan-13 .image-wrapper .sensor.sensor-12{ bottom:32%;left:47.5%; }


.house-plan-wrapper.house-plan-14 .image-wrapper .sensor.sensor-1{ top:-3%;left:13.5%; }
.house-plan-wrapper.house-plan-14 .image-wrapper .sensor.sensor-2{ top:-3%;right:13.5%; }
.house-plan-wrapper.house-plan-14 .image-wrapper .sensor.sensor-3{ top:3%;left:10%; }
.house-plan-wrapper.house-plan-14 .image-wrapper .sensor.sensor-4{ top:3%;right:10%; }


.sensor-with-inline-coordinates{ top:var(--top) !important;left:var(--left) !important;right:unset !important;bottom:unset !important;pointer-events:none; }
.sensor-with-inline-coordinates.lit{ opacity:1 !important;transform:scale(1) !important; }
.sensor-trigger.dynamic-trigger::after{ content:attr(data-sensor-count);position:absolute;top:3px;right:3px;color:#dc3545;background-color:white;border-radius:50%;height:16px;width:16px;font-size:12px;font-weight:700;line-height:15px;border:1px solid #dc3545;}

@media (max-width:768px){
    .house-plan-wrapper{ flex-direction:column; }
    .house-plan-wrapper .image-wrapper, .house-plan-wrapper .image-wrapper img{ width:100%;margin:0px; }
    .house-plan-wrapper .image-wrapper{ margin-bottom:20px; }
    .house-plan-wrapper .buttons-wrapper{ display:flex;flex-direction:row;flex-wrap:wrap;width:100%;order:2; }
    .house-plan-wrapper .buttons-wrapper .sensor-trigger{ margin:0px 10px;max-width:60px; }
}

.monitor-all .sensor-trigger{ padding:0px;border:0; }
.monitor-all .sensor-trigger.lower-opacity{ opacity:0.5; }
.monitor-all .sensor-trigger.active{ border:0;outline:0;border-radius:15px;overflow:hidden;box-shadow:0 0 0 0.2rem rgba(0, 123, 255, .5); }
.monitor-all .sensor-trigger:focus{ outline:0; }
.monitor-all .sensor-trigger + span{ font-size:14px; }
.monitor-all .sensor-trigger img{ width:60px;height:60px; }

.monitor-all .sensor-items .msg-for-empty{ display:block;font-size:14px; }
.monitor-all .sensor-items > div:not(:nth-of-type(1)):not([style*='display:none']) ~ .msg-for-empty{ display:none; }

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl{ max-width:1600px !important; }
}

.custom-file .user-image-wrapper{ width:150px;height:150px;position:relative;margin-bottom:10px;font-size:30px;color:#fff; }
.user-image-wrapper .real-user-image{ display:block;width:100%;height:100%;object-fit:cover; }
.user-image-wrapper .overlay-1{ display:flex;align-items:center;justify-content:center;position:absolute;top:0px;width:100%;left:0px;height:100%;cursor:pointer;background:rgb(0 0 0 / 18%);opacity:0;transition:opacity .2s ease; }
.user-image-wrapper:hover .overlay-1{ opacity:1; }
.sensor-items .sensor-trigger + time.time{ font-size:10px;text-align:center;position:absolute;bottom:60px;background:rgba(255,255,255,0.5);border:1px solid transparent;padding:0px 2px;border-radius:3px;color:#313131;pointer-events:none;transition:all .2s ease; }
.sensor-items .sensor-trigger:hover + time.time{ border-color:#525252; }
.font-weight-600{ font-weight:600; }
.list-group .list-group-item .detailed-data{ min-width:250px; }




/* new-view styles */
/*.new-view .page-wrapper{ min-height:100vh; }*/
.new-view .navigation-sidebar{ width:100%;max-width:300px;background:white;padding:0px 15px;transition:max-width .3s ease; }
.new-view .navigation-sidebar .navigation-inner{ display:flex;flex-direction:column;min-height:100vh;height:100vh;overflow-y:auto;overflow-x:hidden; }
.new-view .navigation-sidebar .nav-heading .edit-button{ opacity:0; }
.new-view .navigation-sidebar .nav-heading:hover .edit-button{ opacity:1; }
.new-view .navigation-sidebar .menu-logo{ width:24px;height:22px;min-width:24px;min-height:22px;margin-right:6px;object-fit:contain; }
.new-view .navigation-sidebar .item:not(:hover), .new-view .navigation-sidebar .item:not(.active){ color:#343a40; }
.new-view .navigation-sidebar .item{ position:relative;text-decoration:none;display:flex;align-items:center;flex-wrap:nowrap;white-space:nowrap;padding:8px 10px;border-radius:15px;margin-bottom:10px;outline:0 !important;transition:all .3s ease; }
.new-view .navigation-sidebar .item.with-notification::after{ content:'';position:absolute;top:4px;left:31px;background:#ff2f10;height:7px;width:7px;border-radius:5px; }
.new-view .navigation-sidebar .item svg use{ fill:#343a40; }
.new-view .navigation-sidebar .navbar.einkaufe .navbar-toggler.item + .item.active{ background-color:var(--green-color-design); }
.new-view .navigation-sidebar .item.active,
.new-view .navigation-sidebar .navbar-toggler.item:not(.collapsed) + .item,
.new-view .navigation-sidebar .item:not(.arrow-btn):hover,
.new-view .navigation-sidebar .arrow-btn:not(.collapsed),
.new-view .navigation-sidebar .arrow-btn:hover + .item{ background:var(--primary-color-design);color:white;min-width:44px; }
.new-view .navigation-sidebar .navbar.einkaufe .arrow-btn:hover + .item,
.new-view .navigation-sidebar .navbar.einkaufe .item:not(.arrow-btn):hover{ background-color:var(--green-color-design); }
.new-view .navigation-sidebar .item.arrow-btn{ position:absolute;z-index:1;top:0px;right:0px;padding:0px 15px;height:40px;outline:0 !important;border:0 !important;background:transparent;margin:0;transition:transform .5s cubic-bezier(.68,-.55,.265,1.55), opacity .2s ease .1s, color .2s; }
.new-view .navigation-sidebar .item.arrow-btn:hover{ color:rgba(255, 255, 255, .7); }
.new-view .navigation-sidebar .arrow-btn:not(.collapsed){ transform:rotate(-180deg); }
.new-view .navigation-sidebar .item.arrow-btn:hover{ color:white; }


.new-view .navigation-sidebar .item.active .menu-logo,
.new-view .navigation-sidebar .item:hover .menu-logo,
.new-view .navigation-sidebar .arrow-btn:hover + .item .menu-logo,
.new-view .navigation-sidebar .item.navbar-toggler:not(.collapsed) .menu-logo,
.new-view .navigation-sidebar .item.navbar-toggler:not(.collapsed) + .item .menu-logo{ filter:invert(100%); }

.new-view .navigation-sidebar .item svg{ width:12px;height:20px; }
.new-view .navigation-sidebar .item.active svg use,
.new-view .navigation-sidebar .navbar-toggler.item:not(.collapsed) svg use,
.new-view .navigation-sidebar .item:hover svg use{ fill:white; }
.new-view .navigation-sidebar .menu-text{ font-size:1rem; }
.new-view .navigation-sidebar .navbar-collapse .menu-text{ color:#343a40;white-space:nowrap; }
.new-view .navigation-sidebar .navbar-collapse .menu-text:hover,
.new-view .navigation-sidebar .navbar-collapse .menu-text.active{ text-decoration:none;color:var(--primary-color-design); }
.new-view .box.rounded{ border-radius:20px !important;padding:15px 25px;box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important;margin-bottom:35px; }
.new-view .dashboard-page .box.service-center{ background:white; }
.new-view .dashboard-page .box.wetter .svg-icon,
.new-view .klima-page .box.wetter .svg-icon{ width:55px;height:55px; }
.new-view .dashboard-page .box.wetter .svg-icon.small,
.new-view .klima-page .box.wetter .svg-icon.small{ width:35px;height:35px; }
.new-view .dashboard-page .box.wetter .list-of-days .day{ text-align:center; }
.new-view .dashboard-page .box.wetter .list-of-days .day-temp{ font-size:11px; }
.new-view .dashboard-page .box.wetter .list-of-days .day:not(:first-child){ margin-left:5px; }
.new-view .dashboard-page .box.location{ background:#0000ff; }
.new-view .dashboard-page .box.battery{ background:#ffcb00; }
.new-view .dashboard-page .box.location svg,
.new-view .dashboard-page .box.battery svg{ height:70px;width:70px; }
.new-view .dashboard-page .box.memories{ background:#ffcb00; }
.new-view .dashboard-page .box.Szenarien .btn-outline-secondary{ border-radius:10px; }
.new-view .dashboard-page .box.Szenarien .btn-outline-secondary:not(:hover){ border-color:#d0d0cf;color:#d0d0cf; }
.new-view .box.four-boxes-inside .box{ padding:12px; }
.new-view .box.four-boxes-inside .box[data-count]::after{ content:attr(data-count);position:absolute;top:-3px;right:0px;border-radius:50%;border:1px solid #ff2f10;color:#ff2f10;font-weight:500;font-size:12px;background:white;width:20px;height:20px;text-align:center;line-height:17px; }
.new-view .box .box-header-img{ display:block;width:20px;height:20px;margin-right:10px; }

.new-view .live-page .item-list .item{ min-width:100px;transition-property:opacity, transform, min-width, width !important; }
.new-view .live-page .item-list .item .content-wrapper{ position:relative;background-color:rgba(248, 250, 251, 40.2);border-radius:0 0 35px 35px; }
.new-view .live-page .item-list .item .content-wrapper .link-btn{ position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:1; }
.new-view .live-page .item-list .item.active .content-wrapper .link-btn{ display:none; }
.new-view .live-page .item-list .item > div{ font-size:16px;width:100%;background:white;border-radius:35px;height:100%; }
.new-view .live-page .item-list .img-wrapper{ position:relative; }
.new-view .live-page .item-list .room-name { position:absolute;bottom:0px;left:0px;width:100%;background:rgba(255, 255, 255, 0.61);color:var(--secondary); }
.new-view .live-page .item-list .img-wrapper img{ max-height:180px;height:180px;width:100%;border-bottom:1px solid #dee2e6;object-fit:cover;border-radius:35px 35px 0px 0px;transition:max-height .3s ease; }
.new-view .live-page .item-list .img-wrapper img.less-opacity{ opacity:0.6; }
.new-view .live-page .item-list .item.active .img-wrapper img{ max-height:350px !important;height:auto; }
.new-view .live-page .item-list .item .switch{ padding:5px 0px 5px;margin:0px;display:flex;justify-content:space-between; }
.new-view .live-page .item-list .item .switch:not(:nth-last-of-type(1)){ border-bottom:1px solid #dee2e6; }
.new-view .live-page .item-list .item .custom-checkbox-toggle{ display:flex;align-items:center; }
.new-view .live-page .item-list .item .custom-checkbox-toggle input + label{ position:relative;width:45px;height:19px;background:var(--graydark-design-color);margin:0px;border-radius:12px;cursor:pointer; }
.new-view .live-page .item-list .item .custom-checkbox-toggle input + label::after{ content:'';position:absolute;top:2px;left:2px;height:15px;width:15px;background:white;border-radius:50%;transition:all .2s ease; }
.new-view .live-page .item-list .item .custom-checkbox-toggle input:checked + label{ background:var(--primary-color-design); }
.new-view .live-page .item-list .item .custom-checkbox-toggle input:checked + label::after{ left:28px; }
.new-view .live-page .sensor-trigger{ position:relative;border:0;outline:0 !important;background:transparent;border:1px solid #343a40;padding:0px;width:100%;border-radius:8px;overflow:hidden; }
.new-view .live-page .sensor-trigger img{ transform:scale(1.15); }
.new-view .live-page .item-list .item .sensor-trigger.pointer-events-none::after{ content:'';position:absolute;top:0px;color:#009b8c;left:0px;padding:10px;margin:10px 11px;vertical-align:text-bottom;border: 0.25em solid currentColor;border-right-color:transparent;border-radius:50%;-webkit-animation:spinner-border .75s linear infinite;animation:spinner-border .75s linear infinite; }
/* .new-view .live-page .sensor-trigger.on img{ filter:invert(100%); } */
.new-view .live-page .sensor-trigger:not(.temperature-sensor):not(.with-parts):not(.light-btn).on::before,
.new-view .live-page .item-list .item.active .sensor-trigger:not(.temperature-sensor).with-parts.on::before{ content:'';display:block;position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:1;background:rgba(0, 155, 140, 0.5);
    background-color:var(--icon-color);
}
.new-view .live-page .item-list .item.active{ min-width:100%; }
.new-view .live-page .item-list .item.active .temp-placeholder{ margin-right:30px; }
.item:not(.active) .room-name{ pointer-events:none; }
.new-view .live-page .item-list .item .link-btn.back-arrow{ display:none;position:absolute;top:0px;left:0px;width:100%;height:100%;justify-content:center;align-items:flex-end;z-index:1;color:var(--secondary); }
.new-view .live-page .item-list .item.active .link-btn.back-arrow{ display:flex; }
.new-view .live-page .item-list .item.active .link-btn.back-arrow > span{ display:flex;padding-bottom:12px; }
.new-view .live-page .item-list .item.active .link-btn:not(.back-arrow){ pointer-events:none; }
.new-view .live-page .item-list .item.active .btn-wrapp-item{ display:flex;flex-direction:row !important;min-width:340px;justify-content:start;margin-bottom:15px;align-items:start !important; }
.new-view .live-page .item:not(.active) .list-of-buttons.info-show .btn-wrapp-item:not(.on-info){ display:none; }
.new-view .live-page .item .list-of-buttons.info-show .btn-wrapp-item.on-info{ display:flex; }
.new-view .live-page .item-list .item.active .sensor-trigger{ margin-right:15px;cursor:pointer;transition:all .2s ease; }
.new-view .live-page .item-list .item.active .sensor-trigger:focus{ box-shadow:0 0 0 0.2rem rgb(0 155 140 / 50%); }
/* .new-view .live-page .item-list .item.active .sensor-trigger:not(.on):hover img{ filter:invert(47%) sepia(17%) saturate(3806%) hue-rotate(137deg) brightness(88%) contrast(101%); } */
.new-view .live-page .item-list .item .more-detailed.toShowHide{ display:none; }
.new-view .live-page .item-list .item .more-detailed.position-description{ max-width:130px; }
.new-view .live-page .item-list .item .more-detailed.title{ font-size:18px;color:var(--dark); }
.new-view .live-page .item-list .item .more-detailed{ font-size:14px;color:var(--secondary); }
.new-view .live-page .item-list .item.active .more-detailed.toShowHide{ display:block;line-height:18px; }
.new-view .live-page .item-list .item .toggle-sensor-position-description{ position:absolute;bottom:0px;right:0px;width:42px;height:45px;object-fit:contain;background-color:transparent;border:0 !important;outline:0;z-index:1;;display:none; }
.new-view .live-page .item-list .item .toggle-sensor-position-description img{ border:0 !important;height:19px !important;min-width:42px;margin-bottom:2px;border-radius:0;object-fit:contain;filter:invert(48%) sepia(7%) saturate(612%) hue-rotate(167deg) brightness(92%) contrast(84%); }
.new-view .live-page .item-list .item.active .toggle-sensor-position-description{ display:block;padding:0px; }
.new-view .live-page .item-list .item.active .toggle-sensor-position-description.active{ background-color:rgba(216, 216, 216, 0.5); }
.new-view .live-page .item-list .item .btn-wrapp-item:nth-child(n+8){ display:none; }
.new-view .live-page .item.active .btn-wrapp-item:nth-child(n+8){ display:flex; }
.new-view .live-page .btn-wrapp-item .sensor-trigger{ max-width:51px;min-width:51px; }

.new-view .sensor-page .sensor-btn{ background:transparent;outline:0 !important;padding:0;margin:0 20px 0 0;border:1px solid #343a40;border-radius:15px;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);overflow:hidden;transition:all .2s ease;}
.new-view .sensor-page .sensor-btn.temperature{ position:relative; }
.new-view .sensor-page .sensor-btn:not(.temperature):hover,
.new-view .sensor-page .sensor-btn.active{ background:var(--primary-color-design);border-color:transparent; }
.new-view .sensor-page .sensor-btn:focus{ box-shadow:0 0 0 0.2rem rgba(0,155,140,.5);border-color:var(--primary-color-design); }
.new-view .sensor-page .sensor-btn:hover img,
.new-view .sensor-page .sensor-btn.active img{ filter:invert(100%); }


.inputs-wrapper{ min-height:100vh; }
.text-secondary-color-design{ color:var(--gray-design-color) !important; }
.text-secondarydark-color-design{ color:var(--graydark-design-color) !important; }
.inputs-wrapper .primary-design-btn{ display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;user-select:none;border:1px solid transparent;padding:8px 25px;font-size:1rem;line-height:1.5;border-radius:12px;outline:0 !important;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;color:#fff;background-color:var(--primary-color-design);border-color:var(--primary-color-design); }
.inputs-wrapper .primary-design-btn:focus{ box-shadow:0 0 0 0.2rem rgba(0,155,140,.5); }
.inputs-wrapper .primary-design-btn:hover{ text-decoration:none; }
.inputs-wrapper .primary-design-btn:not(.disabled):active{ color:#fff;background-color:var(--primary-color-design);border-color:var(--primary-color-design); }
body.new-view{ background:var(--bg-color-theme-design);padding:0px; }
.new-view .login-inner-wrapper{ border-radius:40px; }
.new-view .inputs-wrapper input{ min-width:500px;border:0 !important;outline:0 !important;background:transparent; }
.new-view .inputs-wrapper .register-select{ min-width:500px;border:0 !important;outline:0 !important;background:transparent; }
.new-view .inputs-wrapper .login-svg-logo{ width:25px;min-width:25px;height:25px;display:block;margin:0px 10px 0px 5px;position:absolute;top:0px;left:0px; }
.new-view .inputs-wrapper .login-svg-logo use{ color:#d9d9d9;fill:#d9d9d9;transition:all .2s; }
.new-view .inputs-wrapper .floating-label{ pointer-events:none;position:absolute;top:4px;left:40px;transition:all .2s ease; }
.new-view .inputs-wrapper input:focus ~ .floating-label,
.new-view .inputs-wrapper input:not(:placeholder-shown) ~ .floating-label{ color:var(--graydark-design-color);font-size:16px !important;transform:translate3d(0, -34px, 0);left:0px; }
.new-view .inputs-wrapper .register-select ~ .floating-label{ color:var(--graydark-design-color);font-size:16px !important;transform:translate3d(0, -30px, 0);left:0px; }

.new-view .select-with-floating-label ~ .floating-label{ pointer-events:none;font-size:14px !important;transform:translate3d(11px, -28px, 0);transition: all .2s ease; }
.new-view .select-with-floating-label.active-floating ~ .floating-label{ transform:translate3d(0px, 0px, 0px); }

.new-view .inputs-wrapper input:focus ~ .login-svg-logo use,
.new-view .inputs-wrapper input:focus ~ .login-svg-logo,
.new-view .inputs-wrapper input:focus ~ span .login-svg-logo,
.new-view .inputs-wrapper input:not(:placeholder-shown) ~ .login-svg-logo use,
.new-view .inputs-wrapper input:not(:placeholder-shown) ~ .login-svg-logo,
.new-view .inputs-wrapper input:not(:placeholder-shown) ~ span .login-svg-logo{ color:var(--graydark-design-color);fill:var(--graydark-design-color); }
.new-view .inputs-wrapper .item{ border-bottom:2px dotted #d9d9d9;padding-bottom:10px; }
.navbar-toggler-wrapper{ position:fixed;top:20px;right:20px;padding:.35rem .75rem;font-size:1.25rem;line-height:1;background-color:white;border:1px solid #cecece;border-radius:.25rem;color:rgba(0,0,0,.5);cursor:pointer;border-color:rgba(0,0,0,.1);z-index:3; }

.simple-table tr:not(:nth-last-of-type(1)) td{ border-bottom:1px solid #c6c6c5; }
.simple-table tr td:nth-child(2){ padding:0px 30px; }
.new-view .sensor-page.wohnzimmer .element img,
.new-view .sensor-page.wohnzimmer .element svg{ border-radius:15px;width:75px;height:75px;transform:scale(1.09); }
.new-view .navigation-sidebar .navigation-inner, .new-view .navigation-sidebar:hover .navigation-inner{ transition:max-width .3s ease, padding .3s ease, opacity .2s ease; }
.new-view .usual-table thead tr th:first-child, .new-view .usual-table tbody tr td:first-child{ padding-left:12px; }
.new-view .usual-table tbody tr td:last-child{ padding-right:12px; }
.new-view .usual-table{ box-shadow:0 .125rem .25rem rgba(0,0,0,.075);border:1px solid #dee2e6;background:white; }
.new-view .contact form input, .new-view .contact form select{ border:1px solid var(--primary-color-design);border-radius:15px; }
.new-view .contact form input:focus, .new-view .contact form select:focus{ box-shadow:0 0 0 0.2rem rgba(0,155,140,.28) !important; }
.new-view .contact form input[type="checkbox"]{ width:unset;height:unset;padding:0px;margin:0px; }
/* .new-view .contact form input:focus, .new-view .contact form select:focus{ box-shadow:0 0 0 0.2rem rgba(0,137,120,.23); } */
input.form-control:focus, select.form-control:focus, textarea.form-control:focus{ box-shadow:0 0 0 0.2rem rgba(0,155,140,.28) !important; }

@media (min-width:992px) {
    .inside-login-form-wrapper{ min-width:540px; }
    .min-height-lg-449{ min-height:449px !important; }
}
@media (min-width:768px) {
    .new-view .navigation-sidebar{ max-width:74px;min-width:74px;z-index:4;transition:all .3s ease; }
    .new-view .navigation-sidebar::before{ content:'';background:white;width:74px;height:100%;position:fixed;top:0px;left:0px;box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;z-index:-1;transition:all .3s ease; }
    .new-view .navigation-sidebar:hover::before{ width:300px; }
    .new-view .navigation-sidebar .navigation-inner{ position:fixed;width:100%;max-width:59px;padding:0px;will-change:max-width; }
    .new-view .navigation-sidebar:hover .navigation-inner{ max-width:300px;padding:0px 20px; }
    /*.new-view .nextto-nav .live-page{ max-width:calc(100vw - 70px) !important;transition:max-width .3s ease; }*/
    /*.new-view .navigation-sidebar:hover + .nextto-nav .live-page{ max-width:calc(100vw - 300px) !important; }*/
    .new-view .navigation-sidebar:not(:hover) .navbar-collapse{ max-height:0px;overflow:hidden;opacity:0;transition:all .3s ease; }
    .new-view .navigation-sidebar:hover .navbar-collapse{ max-height:1000px;opacity:1; }
    .new-view .navigation-sidebar:hover{ max-width:300px;padding:0px; }
    .new-view .navigation-sidebar .nav-heading{ max-height:0px;opacity:0;margin:0 0 15px;transition:opacity .1s ease, max-height .2s ease, margin .2s ease; }
    .new-view .navigation-sidebar:hover .nav-heading{ max-height:160px;visibility:visible;opacity:1;margin:17px 0px;transition:max-height .3s ease, margin .3s ease, all .3s ease,opacity .3s ease .3s; }
    .new-view .navigation-sidebar:hover .nav-heading.for-user{ max-height:100px; }
    .new-view .navigation-sidebar .menu-text,
    .new-view .navigation-sidebar .arrow-btn{ opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s; }
    .new-view .navigation-sidebar:hover .menu-text,
    .new-view .navigation-sidebar:hover .arrow-btn{ opacity:1;visibility:visible;pointer-events:all; }

    .nextto-nav{ max-width:calc(100vw - 74px); }
    .new-view .navigation-sidebar .navigation-inner .navbar > .w-100,
    .new-view .navbar-toggler ~ .navigation-sidebar .navigation-inner.navbar > .w-100{
        max-width:44px !important;
    }

    .new-view .navigation-sidebar:hover .navigation-inner .navbar > .w-100,
    .new-view .navbar-toggler:checked ~ .navigation-sidebar .navigation-inner.navbar > .w-100{
        max-width:100% !important;
    }
}
@media (max-width:992px) {
    .new-view .inputs-wrapper input{ min-width:400px; }
}
@media (max-width:768px) {
    .new-view .live-page .item-list .item.active .room-name { padding-left:3rem !important; }
    .new-view .live-page .item-list .item.active .link-btn.back-arrow{ justify-content:flex-start; }

    .new-view .inputs-wrapper input{ min-width:150px; }
    .new-view .inputs-wrapper .item{ border-bottom:2px dotted #d9d9d9;padding-bottom:10px; }
    .new-view .navigation-sidebar{ position:fixed;top:0px;left:0px;min-height:100vh;max-width:0px;will-change:transform;z-index:3;overflow:hidden;padding:0px;transition:all .3s ease; }
    .new-view .navbar-toggler:checked ~ .navbar-toggler-wrapper{ color:#343a40; }
    .new-view .navbar-toggler:checked ~ .navbar-toggler-wrapper::after{ content:'';position:fixed;top:0px;left:0px;width:100vw;height:100vh;background:rgba(0,0,0,0.2);z-index:1; }
    .new-view .navigation-sidebar .nav-heading{ margin:20px 0px; }

    .new-view .navigation-sidebar::before{ content:'';background:white;width:74px;height:100vh;position:fixed;top:0px;left:0px;box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;z-index:-1;transition:all .3s ease; }
    .new-view .navbar-toggler:checked ~ .navigation-sidebar::before{ width:300px; }
    .new-view .navigation-sidebar .navigation-inner{ position:fixed;width:100%;max-width:59px;padding:0px;will-change:max-width;opacity:0; }
    .new-view .navbar-toggler:checked ~ .navigation-sidebar .navigation-inner{ max-width:300px;padding:0px 15px; }
    .new-view .navbar-toggler:not(:checked) ~ .navigation-sidebar .navbar-collapse{ max-height:0px;overflow:hidden;opacity:0;transition:all .3s ease; }
    .new-view .navbar-toggler:checked ~ .navigation-sidebar .navbar-collapse{ max-height:fit-content;opacity:1; }
    .new-view .navbar-toggler:checked ~ .navigation-sidebar{ width:100%;max-width:300px;padding:0px; }
    .new-view .navigation-sidebar .nav-heading{ max-height:0px;opacity:0;margin:0 0 15px;padding-top:10px;padding-left:15px !important;transition:opacity .1s ease, max-height .2s ease, margin .2s ease; }
    .new-view .navigation-sidebar .nav-heading .h5{ font-size:25px; }
    .new-view .navbar-toggler:checked ~ .navigation-sidebar .nav-heading{ max-height:116px;visibility:visible;opacity:1;margin:25px 0px 65px;transition:max-height .3s ease, margin .3s ease, all .3s ease,opacity .3s ease .3s; }
    .new-view .navbar-toggler:checked ~ .navigation-sidebar .navigation-inner{ opacity:1; }
    .new-view .navigation-sidebar .menu-text,
    .new-view .navigation-sidebar .arrow-btn{ opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s; }
    .new-view .navbar-toggler:checked ~ .navigation-sidebar .menu-text,
    .new-view .navbar-toggler:checked ~ .navigation-sidebar .arrow-btn{ opacity:1;visibility:visible;pointer-events:all; }
    /* .new-view .with-left-padd{ padding:0px 0px 0px 70px; } */

    .new-view .navigation-sidebar:hover::before{ width:300px; }
    .new-view .navigation-sidebar:hover .navigation-inner{ max-width:300px;padding:0px 15px; }
    .new-view .navigation-sidebar:not(:hover) .navbar-collapse{ max-height:0px;overflow:hidden;opacity:0;transition:all .3s ease; }
    .new-view .navbar-toggler ~ .navigation-sidebar:hover .navbar-collapse.show{ max-height:fit-content;opacity:1; }
    .new-view .navigation-sidebar:hover{ width:100%;max-width:300px;padding:0px; }
    .new-view .navigation-sidebar:hover .nav-heading{ max-height:116px;visibility:visible;opacity:1;margin:45px 0px;transition:max-height .3s ease, margin .3s ease, all .3s ease,opacity .3s ease .3s; }
    .new-view .navigation-sidebar:hover .menu-text,
    .new-view .navigation-sidebar:hover .arrow-btn{ opacity:1;visibility:visible;pointer-events:all; }

    .fixed-info-button-center-bottom.on-shoppinglist-page{
        bottom:20px;
        left:unset !important;
        right:20px;
        transform:unset !important;
    }
}

.new-view .my-btn{ max-height:45px;line-height:35px;display:flex !important;align-items:center !important;justify-content:center !important;font-weight:400;text-align:center;vertical-align:middle;user-select:none;background:transparent;padding:.375rem .75rem;font-size:1rem;border-radius:.25rem;transition:color .15s ease-in-out,background .15s ease-in-out,border .15s ease-in-out,box-shadow .15s ease-in-out;color:#fff;background:var(--primary-color-design) !important;border:#00695c !important;border-radius:15px;font-family:"Open Sans", sans-serif !important; }
.new-view .my-btn.yellow{ max-height:45px;line-height:35px;display:inline-block;font-weight:400;text-align:center;vertical-align:middle;user-select:none;background:transparent;padding:.375rem .75rem;font-size:1rem;border-radius:.25rem;transition:color .15s ease-in-out,background .15s ease-in-out,border .15s ease-in-out,box-shadow .4s ease-in-out;color:#fff;background:var(--yellow-design-color) !important;border:var(--yellow-design-color) !important;border-radius:15px; }
.new-view .my-btn.green{ max-height:45px;line-height:35px;display:inline-block;font-weight:400;text-align:center;vertical-align:middle;user-select:none;background:transparent;padding:.375rem .75rem;font-size:1rem;border-radius:.25rem;transition:color .15s ease-in-out,background .15s ease-in-out,border .15s ease-in-out,box-shadow .4s ease-in-out;color:#fff;background:var(--green-color-design) !important;border:var(--green-design-color) !important;border-radius:15px; }
.new-view .dbrScanner-btn-close{ max-height:45px;line-height:30px;display:inline-block;font-weight:400;text-align:center;vertical-align:middle;user-select:none;background:transparent;padding:.375rem .75rem;font-size:1rem;border-radius:0px 0px 0px 5px !important;transition:color .15s ease-in-out,background .15s ease-in-out,border .15s ease-in-out,box-shadow .15s ease-in-out;color:#fff;background:var(--primary-color-design) !important;border:#00695c !important;border-radius:15px; }
.new-view .dbrScanner-btn-close svg{ filter:invert(1); }
.new-view .my-btn:hover{ background:#008978 !important; }
.new-view .my-btn:focus{ background:#008978 !important;box-shadow:0 0 0 0.2rem #00897833;outline:0; }
.new-view .my-btn.yellow:hover{ background:#ebba00 !important; }
.new-view .my-btn.yellow:focus{ background:#ebba00 !important;box-shadow:0 0 0 0.2rem #00897833 !important; }
.new-view .my-btn.green:hover{ background:var(--green-color2-design) !important; }
.new-view .my-btn.green:focus{ background:var(--green-color2-design) !important;box-shadow:0 0 0 0.2rem rgb(113 178 115 / 43%) !important; }
.new-view .my-btn::after{ display:none !important; }
.new-view .my-btn.smaller{ height:35px;line-height:35px;padding:0px 9px;font-size:14px;max-height:31px; }

.errors-and-warnings ul{ padding-left:0px;border-radius:5px;list-style-type:none; }
.errors-and-warnings ul li{ margin:0px;padding:5px 10px 0px;font-size:14px;background:#ffdede; }
.errors-and-warnings ul li:first-child:last-child{ border-radius:5px 5px 5px 5px;padding-bottom:7px;padding-top:7px; }
.errors-and-warnings ul li:first-child{ border-radius:5px 5px 0px 0px;padding-top:7px; }
.errors-and-warnings ul li:last-child{ border-radius:0px 0px 5px 5px;padding-bottom:7px; }

.house-img-login-register{ width:50px;height:50px;object-fit:contain;margin:0px 10px 6px 0px;display:block; }
.min-height-92{ min-height:92px !important; }
.min-height-50{ min-height:50px !important; }
.min-height-160{ min-height:160px !important; }
.min-width-260{ min-width:260px !important; }
.min-width-200{ min-width:200px !important; }
.min-width-190{ min-width:190px !important; }
.min-width-185{ min-width:185px !important; }
.min-width-180{ min-width:180px !important; }
.min-width-140{ min-width:140px !important; }
.min-width-130{ min-width:130px !important; }
.min-width-100{ min-width:100px !important; }
.min-width-80{ min-width:80px !important; }
.min-width-75{ min-width:75px !important; }
.min-width-50{ min-width:50px !important; }
.min-width-40{ min-width:40px !important; }
.opacity-pointerevents-none{ opacity:0 !important;pointer-events:none !important; }
.pointer-events-none{ pointer-events:none !important; }
.sensor-place-box{ position:relative;overflow:hidden; }
.sensor-place-box img{ position:absolute;top:0px;left:0px;width:100%;height:168px;object-fit:cover; }
.gesundheit-place-box{ position:relative;overflow:hidden;max-height:195px; }
.gesundheit-place-box img:not(.icon){ position:absolute;top:0px;left:0px;width:100%;z-index:-1;pointer-events:none;object-fit:cover; }
.sensor-place-box img.less-opacity{ opacity:0.5; }
.sensor-place-box a{ position:absolute;top:0px;left:0px;height:100%;width:100%;padding:12px 7px; }
.sensor-place-box a span{ background:rgba(255, 255, 255, 0.7);padding:2px 8px;border-radius:9px;border:1px solid #e6e6e6; }

/* Styles applied when a sensor has many parts */
.live-page .item-list .item .list-of-buttons .sensor-trigger, .element .sensor-btn{ position:relative; }
.live-page .item-list .item:not(.active) .list-of-buttons .sensor-trigger.with-parts img{ filter: invert(0%) !important; }
.live-page .item-list .item .list-of-buttons .sensor-trigger .pie{ height:100% !important;width:100% !important;position:absolute;top:0px;left:0px;z-index:1;transform:rotate(90deg) scale(2) !important; }
.live-page .item-list .item .list-of-buttons .sensor-trigger .pie path{ fill:transparent;stroke:white; }
.live-page .item-list .item .list-of-buttons .sensor-trigger .pie path.on{
    fill:rgba(0, 155, 140, 0.5);
    fill:var(--icon-color);
}
.element .sensor-btn .pie{ height:100% !important;width:100% !important;position:absolute;top:0px;left:0px;z-index:1;transform:scale(2) !important; }
.element .sensor-btn .pie path{ fill:transparent;stroke:white; }
.element .sensor-btn .pie path.active{
    fill:rgba(0, 155, 140, 0.5);
    fill:var(--icon-color);
}

.table.dataTable{ border:0;border-radius:15px; }
.table.dataTable th{ font-size:14px;border-right:0 !important;border-left:0 !important; }
.table.dataTable td{ font-size:14px;padding:.75rem;border-bottom:1px solid #dee2e6;border-right:0 !important;border-left:0 !important; }
.dataTables_wrapper table{ background:white;margin-top:15px; }
.dataTables_wrapper .paginate_button.current{ font-weight:600; }
.table-striped tbody tr:nth-of-type(odd){ background:transparent !important; }
table.table.dataTable th{ font-size:14px;padding-bottom:3px;font-weight:600;border-bottom:1px solid #b5b5b5;border-top:0;white-space:nowrap; }
table.table.dataTable tbody tr:nth-last-of-type(1) td{ border-bottom:0; }
.shadow-border{ box-shadow:0 0 0 1px rgb(238, 240, 242) !important; }
.p\:1px{ padding:1px !important; }

.page-wrapper .alert-success{ color:var(--primary-color-design);background-color: rgba(0, 155, 140, 0.11);border-color:var(--primary-color-design); }

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate{ width:50%;min-width:50%; }
.dataTables_wrapper .dataTables_paginate span{ min-width:15px;display:inline-block;text-align:center; }
.dataTables_wrapper .dataTables_paginate span:empty::after{ content:'1'; }
.dataTables_wrapper .dataTables_length{ position:absolute;top:-10px;left:0px; }
.dataTables_wrapper .dataTables_filter{ position:absolute;top:-10px;right:0px;text-align:right; }
.dataTables_wrapper .dataTables_info{ position:absolute;bottom:20px;left:14px; }
.dataTables_wrapper .dataTables_paginate{ position:absolute;bottom:20px;right:14px;text-align:right; }
.dataTables_wrapper .dataTables_length label{ justify-content:flex-start; }
.dataTables_wrapper .dataTables_filter label{ justify-content:flex-end; }
.dataTables_wrapper .dataTables_filter label input{ margin-left:5px; }
.dataTables_wrapper .dataTables_paginate{ font-size:14px; }
.dataTables_wrapper .dataTables_paginate ul{ justify-content:flex-end; }
.dataTables_wrapper .dataTables_paginate ul li{ margin-left:8px; }
.dataTables_wrapper .dataTables_info{ font-size:14px; }
.dataTables_length label, .dataTables_filter label{ font-size:14px;margin-bottom:.5rem !important; }
.dataTables_length select, .dataTables_filter input{ font-size:14px;padding:0px 5px;max-height:30px;border:1px solid var(--dark);border-radius:2px;padding:3px;border:1px solid var(--primary-color-design);border-radius:15px;min-height:calc(1.5em + 1.2rem + 2px);padding:.25rem 1rem;line-height:34px; }
.dataTables_wrapper .dataTables_paginate a{ cursor:pointer; }
.dataTables_wrapper .dataTables_paginate span a{ color:var(--primary);font-weight:500;margin:0px 5px; }
/* #sensorcreates_list tr td:nth-of-type(1), #sensorcreates_list tr th:nth-of-type(1){ display:none !important; } */

@media (max-width:768px){
    .dataTables_wrapper .dataTables_length,
    .dataTables_wrapper .dataTables_filter,
    .dataTables_wrapper .dataTables_info,
    .dataTables_wrapper .dataTables_paginate{ width:100%;min-width:100%;left:0px;right:unset; }
    .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate{ text-align:center; }
    .dataTables_wrapper .dataTables_paginate{ bottom:0px; }
    .dataTables_wrapper .dataTables_length select{ order:2;margin-left:10px;margin-right:0px;flex-grow:0; }
    .dataTables_wrapper .dataTables_filter{ position:absolute;top:45px;text-align:left; }
    .new-view .shoppinglist-list{ min-height:unset !important;max-height:unset !important; }
    .new-view .search-box-wrapper .add-product-byname-btn{ position:relative; }
    .mobile-bottom-fixed{ position:fixed !important;bottom:20px;left:50%;transform:translate3d(-50%, 0, 0);z-index:2 !important; }
    .new-view .shoppinglist-list.lastpurchases-list .last-purchase-group{ padding-bottom:0px; }
    .add-product-form.from-search div.amount-content input[name="count"],
    .sensor-rules-modal div.amount-content input[name="count"]{ padding-left:0px; }
}
@media (max-width:576px){
    .new-view .inputs-wrapper input{ max-width:242px; }
    .min-width-mobile-150{ min-width:150px !important; }

    .font-size-mobile-9{ font-size:9px !important; }
    .font-size-mobile-20{ font-size:20px !important; }
    .min-width-mobile-38{ min-width:38px !important; }
    .min-width-mobile-46{ min-width:47px !important; }

    div.notification-container{  width:calc(100% - 46px);right:23px; }
}

.live-page .item-list .btn-wrapp-item[data-additional-one="0"]{ order:0; }
.live-page .item-list .btn-wrapp-item[data-additional-one="1"]{ order:1; }
.live-page .item-list .btn-wrapp-item[data-additional-one="2"]{ order:2; }
.live-page .item-list .btn-wrapp-item[data-additional-one="3"]{ order:3; }
.live-page .item-list .btn-wrapp-item[data-additional-one="4"]{ order:4; }
.live-page .item-list .btn-wrapp-item[data-additional-one="5"]{ order:5; }
.live-page .item-list .btn-wrapp-item[data-additional-one="6"]{ order:6; }
.live-page .item-list .btn-wrapp-item[data-additional-one="7"]{ order:7; }
.live-page .item-list .btn-wrapp-item[data-additional-one="8"]{ order:8; }
.live-page .item-list .btn-wrapp-item[data-additional-one="9"]{ order:9; }
.live-page .item-list .btn-wrapp-item[data-additional-one="10"]{ order:10; }
.live-page .item-list .btn-wrapp-item[data-additional-one="11"]{ order:11; }
.live-page .item-list .btn-wrapp-item[data-additional-one="12"]{ order:12; }
.live-page .item-list .btn-wrapp-item[data-additional-one="13"]{ order:13; }
.live-page .item-list .btn-wrapp-item[data-additional-one="14"]{ order:14; }
.live-page .item-list .btn-wrapp-item[data-additional-one="15"]{ order:15; }
.live-page .item-list .btn-wrapp-item[data-additional-one="16"]{ order:16; }
.live-page .item-list .btn-wrapp-item[data-additional-one="17"]{ order:17; }
.live-page .item-list .btn-wrapp-item[data-additional-one="18"]{ order:18; }
.live-page .item-list .btn-wrapp-item[data-additional-one="19"]{ order:19; }
.live-page .item-list .btn-wrapp-item[data-additional-one="20"]{ order:20; }
.live-page .item-list .btn-wrapp-item[data-additional-one="21"]{ order:21; }
.live-page .item-list .btn-wrapp-item[data-additional-one="22"]{ order:22; }
.live-page .item-list .btn-wrapp-item[data-additional-one="23"]{ order:23; }
.live-page .item-list .btn-wrapp-item[data-additional-one="24"]{ order:24; }
.live-page .item-list .btn-wrapp-item[data-additional-one="25"]{ order:25; }
.live-page .item-list .btn-wrapp-item[data-additional-one="26"]{ order:26; }
.live-page .item-list .btn-wrapp-item[data-additional-one="27"]{ order:27; }
.live-page .item-list .btn-wrapp-item[data-additional-one="28"]{ order:28; }
.live-page .item-list .btn-wrapp-item[data-additional-one="29"]{ order:29; }
.live-page .item-list .btn-wrapp-item[data-additional-one="30"]{ order:30; }
.live-page .item-list .btn-wrapp-item[data-additional-one="31"]{ order:31; }
.live-page .item-list .btn-wrapp-item[data-additional-one="32"]{ order:32; }
.live-page .item-list .btn-wrapp-item[data-additional-one="33"]{ order:33; }
.live-page .item-list .btn-wrapp-item[data-additional-one="34"]{ order:34; }
.live-page .item-list .btn-wrapp-item[data-additional-one="35"]{ order:35; }
.live-page .item-list .btn-wrapp-item[data-additional-one="36"]{ order:36; }
.live-page .item-list .btn-wrapp-item[data-additional-one="37"]{ order:37; }
.live-page .item-list .btn-wrapp-item[data-additional-one="38"]{ order:38; }
.live-page .item-list .btn-wrapp-item[data-additional-one="39"]{ order:39; }
.live-page .item-list .btn-wrapp-item[data-additional-one="40"]{ order:40; }
.live-page .item-list .item:not(.active) .btn-wrapp-item[data-additional-show="1"],
.live-page .item-list .item:not(.active) .btn-wrapp-item[data-additional-show="3"]{ display:flex !important; }
.live-page .item-list .item:not(.active) .btn-wrapp-item[data-additional-show="2"]{ display:none !important; }
/* .live-page .item-list .item .btn-wrapp-item[data-additional-show="0"]{ display:none !important; } */

.live-page .item-list .item.active .btn-wrapp-item[data-additional-two="0"]{ order:0 !important; }
.live-page .item-list .item.active .btn-wrapp-item[data-additional-two="1"]{ order:1 !important; }
.live-page .item-list .item.active .btn-wrapp-item[data-additional-two="2"]{ order:2 !important; }
.live-page .item-list .item.active .btn-wrapp-item[data-additional-two="3"]{ order:3 !important; }
.live-page .item-list .item.active .btn-wrapp-item[data-additional-two="4"]{ order:4 !important; }
.live-page .item-list .item.active .btn-wrapp-item[data-additional-two="5"]{ order:5 !important; }
.live-page .item-list .item.active .btn-wrapp-item[data-additional-two="6"]{ order:6 !important; }
.live-page .item-list .item.active .btn-wrapp-item[data-additional-two="7"]{ order:7 !important; }
.live-page .item-list .item.active .btn-wrapp-item[data-additional-two="8"]{ order:8 !important; }
.live-page .item-list .item.active .btn-wrapp-item[data-additional-two="9"]{ order:9 !important; }
.live-page .item-list .item.active .btn-wrapp-item[data-additional-two="10"]{ order:10 !important; }
.live-page .item-list .item.active .btn-wrapp-item[data-additional-two="11"]{ order:11 !important; }
.live-page .item-list .item.active .btn-wrapp-item[data-additional-two="12"]{ order:12 !important; }
.live-page .item-list .item.active .btn-wrapp-item[data-additional-two="13"]{ order:13 !important; }
.live-page .item-list .item.active .btn-wrapp-item[data-additional-two="14"]{ order:14 !important; }
.live-page .item-list .item.active .btn-wrapp-item[data-additional-two="15"]{ order:15 !important; }
.live-page .item-list .item.active .btn-wrapp-item[data-additional-two="16"]{ order:16 !important; }
.live-page .item-list .item.active .btn-wrapp-item[data-additional-two="17"]{ order:17 !important; }
.live-page .item-list .item.active .btn-wrapp-item[data-additional-two="18"]{ order:18 !important; }
.live-page .item-list .item.active .btn-wrapp-item[data-additional-two="19"]{ order:19 !important; }
.live-page .item-list .item.active .btn-wrapp-item[data-additional-two="20"]{ order:20 !important; }
.live-page .item-list .item.active .btn-wrapp-item[data-additional-two="21"]{ order:21 !important; }
.live-page .item-list .item.active .btn-wrapp-item[data-additional-two="22"]{ order:22 !important; }
.live-page .item-list .item.active .btn-wrapp-item[data-additional-two="23"]{ order:23 !important; }
.live-page .item-list .item.active .btn-wrapp-item[data-additional-two="24"]{ order:24 !important; }
.live-page .item-list .item.active .btn-wrapp-item[data-additional-two="25"]{ order:25 !important; }
.live-page .item-list .item.active .btn-wrapp-item[data-additional-two="26"]{ order:26 !important; }
.live-page .item-list .item.active .btn-wrapp-item[data-additional-two="27"]{ order:27 !important; }
.live-page .item-list .item.active .btn-wrapp-item[data-additional-two="28"]{ order:28 !important; }
.live-page .item-list .item.active .btn-wrapp-item[data-additional-two="29"]{ order:29 !important; }
.live-page .item-list .item.active .btn-wrapp-item[data-additional-two="30"]{ order:30 !important; }
.live-page .item-list .item.active .btn-wrapp-item[data-additional-show="1"],
.live-page .item-list .item.active .btn-wrapp-item[data-additional-show="0"]{ display:none !important; }
.live-page .item-list .item.active .btn-wrapp-item[data-additional-show="2"],
.live-page .item-list .item.active .btn-wrapp-item[data-additional-show="3"]{ display:flex !important; }
.live-page .item-list .item .btn-wrapp-item[data-acr="TES"][data-additional-one="0"][data-additional-two="0"][data-additional-show="1"],
.live-page .item-list .item .btn-wrapp-item[data-acr="TES"][data-additional-one="0"][data-additional-two="0"][data-additional-show="0"]{ display:none !important; }
/* .live-page .item-list .item .btn-wrapp-item:not([data-acr="SSD"]:not([data-group])) .temporary-element-wrapper{ display:none !important; }
.live-page .item-list .item .btn-wrapp-item:not([data-acr="SDW"]:not([data-group])) .temporary-element-wrapper{ display:none !important; }
.live-page .item-list .item .btn-wrapp-item:not([data-acr="SDB"]:not([data-group])) .temporary-element-wrapper{ display:none !important; }
.live-page .item-list .item .btn-wrapp-item:not([data-acr="SDG"]:not([data-group])) .temporary-element-wrapper{ display:none !important; }
.live-page .item-list .item.active div.btn-wrapp-item[data-acr="SSD"] .temporary-element-wrapper.more-detailed{ display:block !important; }
.live-page .item-list .item.active div.btn-wrapp-item[data-acr="SDW"] .temporary-element-wrapper.more-detailed{ display:block !important; }
.live-page .item-list .item.active div.btn-wrapp-item[data-acr="SDB"] .temporary-element-wrapper.more-detailed{ display:block !important; }
.live-page .item-list .item.active div.btn-wrapp-item[data-acr="SDG"] .temporary-element-wrapper.more-detailed{ display:block !important; } */


.new-view .live-page .item:not(.active) .btn-wrapp-item.hidden-info{ display:none !important; }
.live-page .item-list .item:not(.active) .list-of-buttons .sensor-trigger.with-parts.on{ background-color:transparent;border:1px solid #343a40; }
.new-view .live-page .item.active .btn-wrapp-item .pie,
.new-view .live-page .item.active .div-slices .part{ display:none !important; }
.live-page .item-list .item .temporary-element-wrapper .temporary-button{ background:#e8e8e8;border:0;outline:0;padding:0;min-width:130px;text-align:left;min-height:18px;margin-top:3px; }

.notfallmappe-files{ min-height:200px;max-height:316px;overflow-y:auto;overflow-x:hidden; }
.notfallmappe-files .item{ border-radius:20px; }
.medikamente-data img{ max-height:200px; }
.medikamente-data.with-form input,
.blutzucker-data.with-form input,
.wundversorgung-data.with-form input{ flex:1 1 100%;min-width:80px;margin-top:5px; }
.medikamente-data.with-form .my-btn,
.blutzucker-data.with-form .my-btn,
.wundversorgung-data.with-form .my-btn{ border-radius:15px !important; }
.medikamente-data.with-form input:not([type="radio"]),
.medikamente-data.with-form input:not([type="checkbox"]),
.medikamente-data.with-form input:not([type="button"]){ min-height:30px;border-radius:16px;border:1px solid #878787;padding:7px 0px 7px 8px; }
.wundversorgung-data.with-form input:not([type="radio"]),
.wundversorgung-data.with-form input:not([type="checkbox"]),
.wundversorgung-data.with-form input:not([type="button"]){ min-height:30px;border-radius:16px;border:1px solid #878787;padding:7px 0px 7px 8px; }
.medikamente-data.with-form input:not([type="radio"]):focus,
.medikamente-data.with-form input:not([type="checkbox"]):focus,
.medikamente-data.with-form input:not([type="button"]):focus{ outline:0 !important;border-color:#111; }
.wundversorgung-data.with-form input:not([type="radio"]):focus,
.wundversorgung-data.with-form input:not([type="checkbox"]):focus,
.wundversorgung-data.with-form input:not([type="button"]):focus{ outline:0 !important;border-color:#111; }
.blutzucker-data.with-form input:not(.date-input){ flex:1 1 50%;max-width:150px; }
.blutzucker-data.with-form input{
    min-height: 39px;
    min-height: 39px;
    border-radius: 15px;
    border: 1px solid #878787;
    padding-left: 10px;
    height: 40px;
}
.blutzucker-data.with-form input:focus{ outline:0 !important;border-color:#111; }
.medikamente-data .image-wrapp,
.medikamente-data .image-wrapp .slick-list{ border-radius:20px; }

.user-image-wrapper{ width:150px;height:200px;position:relative;font-size:30px;color:#fff; }
.user-image-wrapper .real-user-image{ display:block;width:100%;height:100%;object-fit:cover; }
.user-image-wrapper .overlay-1{ display:flex;align-items:center;justify-content:center;position:absolute;top:0px;width:100%;left:0px;height:100%;cursor:pointer;background:rgb(0 0 0 / 18%);opacity:0;transform:scale(.3) rotate(10deg);transition:all .2s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
.user-image-wrapper:hover .overlay-1{ opacity:1;transform:scale(1) rotate(0deg); }

.wundversorgung-data .ball{ background:#d4e8c6;border:1px solid #c3dfb0;height:25px;width:25px;display:inline-block;border-radius:50%;margin-left:10px; }
.grundpflegesgb-table table th, .grundpflegesgb-table td{ border:3px solid #fff;background:#fff9f0;padding:5px 10px; }

.einkaufe-svg-icon{ display:block;width:42px;height:42px;border-radius:12px;padding:4px; }
.einkaufe-img-icon{ display:block;width:42px;height:42px;padding:6px;border:1px solid var(--dark);border-radius:12px;object-fit:contain; }
.einkaufe-svg-icon.small,
.einkaufe-img-icon.small{ width:35px;height:35px; }
.einkaufe-barcode{ background-color:#fff9f0; }
.button-to-check,
.button-to-delete{ position:relative; }
.button-to-check:hover::after{
    content:"";position:absolute;top:0px;left:0px;width:100%;height:100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='417pt' viewBox='0 -46 417.81333 417' width='417pt'%3E%3Cpath style='fill:%23009b8c;opacity:0.8;' d='m159.988281 318.582031c-3.988281 4.011719-9.429687 6.25-15.082031 6.25s-11.09375-2.238281-15.082031-6.25l-120.449219-120.46875c-12.5-12.5-12.5-32.769531 0-45.246093l15.082031-15.085938c12.503907-12.5 32.75-12.5 45.25 0l75.199219 75.203125 203.199219-203.203125c12.503906-12.5 32.769531-12.5 45.25 0l15.082031 15.085938c12.5 12.5 12.5 32.765624 0 45.246093zm0 0'/%3E%3C/svg%3E");
    background-repeat:no-repeat;background-position:center;background-size:85%;
}
.button-to-delete::after{
    content:"";position:absolute;top:2%;left:3.1%;width:95%;height:95%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='365pt' viewBox='0 0 365.71733 365' width='365pt'%3E%3Cg style='fill:%23f44336;opacity:0.8;'%3E%3Cpath d='m356.339844 296.347656-286.613282-286.613281c-12.5-12.5-32.765624-12.5-45.246093 0l-15.105469 15.082031c-12.5 12.503906-12.5 32.769532 0 45.25l286.613281 286.613282c12.503907 12.5 32.769531 12.5 45.25 0l15.082031-15.082032c12.523438-12.480468 12.523438-32.75.019532-45.25zm0 0'/%3E%3Cpath d='m295.988281 9.734375-286.613281 286.613281c-12.5 12.5-12.5 32.769532 0 45.25l15.082031 15.082032c12.503907 12.5 32.769531 12.5 45.25 0l286.632813-286.59375c12.503906-12.5 12.503906-32.765626 0-45.246094l-15.082032-15.082032c-12.5-12.523437-32.765624-12.523437-45.269531-.023437zm0 0'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat:no-repeat;background-position:center;background-size:85%;
}
.add-product-form .value[name]:not([name="count"]):focus{ outline:0;border:0; }
.bg-green-color{ background:var(--green-color-design) !important; }
.btn-success.bg-green-color{
    transition:all .3s ease !important;
    &:focus{
        background-color: var(--green-color2-design) !important;
        box-shadow: 0 0 0 0.2rem rgb(113 178 115 / 43%) !important;
    }
}
.bg-orange{ background-color:var(--orange-color) !important; }
.bg-primary-design{ background:var(--primary-color-design); }
.add-product-form .amount-content .decrementButton{ border:0;background:var(--primary-color-design);border-radius:5px 0px 0px 5px;font-weight:bold;width:30px;color:white;z-index:1; }
.add-product-form .amount-content .incrementButton{ border:0;background:var(--primary-color-design);border-radius:0px 5px 5px 0px;font-weight:bold;width:30px;color:white;z-index:1; }
.add-product-form .amount-content button:focus{ outline:0; }
.add-product-form input[name="count"]{ max-width:60px;text-align:center;margin-right:-19px; }
.add-product-form input[name="count"]:focus{ outline:0 !important; }
.products-list .count{ color:var(--dark);border:1px solid #009b8c;border-radius:50%;background:#e8f6f5;width:20px;font-weight:bold;height:20px;line-height:19px;text-align:center;display:inline-block; }
.products-list .product-name{ display:inline-block;padding:0px;margin:0px;border:0;text-align:left;background:transparent;line-height:18px; }
.products-list .product-name:focus{ outline:0; }
.new-view .dbrScanner-sel-camera{ left:75px !important; }
.new-view .dbrScanner-sel-resolution{ left:75px !important;top:25px !important; }

/* New Einkaufe */
.less-white-bg{ background-color:var(--graydarktwo-design-color); }
.new-view .shoppinglist-list{ overflow-y:auto;overflow-x:hidden;min-height:200px;flex-grow:1;max-height:573px; }
.new-view .shoppinglist-list.lastpurchases-list .group-date{ padding-top:5px; }
.new-view .shoppinglist-list.lastpurchases-list .last-purchase-group{ padding-bottom:61px; }
.new-view .shoppinglist-list .box.rounded{ box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important; }
.new-view .shoppinglist-list .fa-star.text-secondary:hover{ color:var(--warning) !important; }
.new-view .shoppinglist-list .fa-star.text-warning,
.new-view .shoppinglist-list .fa-star.text-secondary,
.new-view .local-shop-list .fa-star.text-warning{ transition:all .1s;font-size:12px; }
.new-view .shoppinglist-list .delete-btn,
.new-view .shoppinglist-list .addproduct-btn{ background:#eaeaea;border:0;text-align:center;border-radius:15px;padding:7px 10px;min-width:38px;transition:all .4s ease; }
/* .new-view .shoppinglist-list .delete-btn{ line-height:21px; } */
.new-view .shoppinglist-list .delete-btn{ background-color:#e75151;color:white;min-width:70px; }
.new-view .shoppinglist-list .delete-btn:focus{ outline:0; }
.new-view .shoppinglist-list .addproduct-btn{ background-color:var(--green-color-design);color:white;min-width:70px; }
.new-view .shoppinglist-list .addproduct-btn:hover{ background-color:var(--green-color2-design) !important; }
.new-view .shoppinglist-list .addproduct-btn:focus{ box-shadow:0 0 0 0.2rem rgb(113 178 115 / 43%) !important; }
.new-view .shoppinglist-list i.fa-share{ position:relative;transform:rotateY(180deg); }
.new-view .shoppinglist-list .delete-btn:focus,
.new-view .shoppinglist-list .addproduct-btn:focus{ box-shadow:0 0 0 0.2rem rgb(52 58 64 / 15%); }
.new-view .shoppinglist-list .product-img{ height:65px;width:65px;display:block;border-radius:15px;object-fit:contain;background-color:#eaeaea; }
.new-view .local-shop-img{ height:90px;width:86px;display:block;border-radius:15px;object-fit:contain; }
.new-view .products-list .custom-control.custom-switch{ transform:scale(1.5);transform-origin:left center; }
.new-view .products-list .custom-control.custom-switch .custom-control-label{ font-size:13px !important;padding-top:3px;cursor:pointer; }
.new-view .products-list .custom-control-input:checked ~ .custom-control-label::before{ border-color:var(--green-color-design);background-color:var(--green-color-design); }
.new-view .products-list .custom-control-input:focus ~ .custom-control-label::before{ box-shadow:0 0 0 0.13rem rgb(113 178 115 / 43%); }
.new-view .products-list .custom-control-input:focus:not(:checked) ~ .custom-control-label::before{ border-color:var(--green-color-design); }
.new-view .termine-page .custom-control.custom-switch{ transform:scale(1.5);transform-origin:left center; }
.new-view .termine-page .custom-control.custom-switch .custom-control-label{ font-size:13px !important;padding-top:3px;cursor:pointer; }
.new-view .termine-page .custom-control-label::before{ background-color:white; }
.new-view .termine-page .custom-control-input:checked ~ .custom-control-label::before{ border-color:var(--primary-color-design);background-color:var(--primary-color-design); }
.new-view .termine-page .custom-control-input:focus ~ .custom-control-label::before{ box-shadow:0 0 0 0.13rem rgb(0 155 140 / 43%); }
.new-view .termine-page .custom-control-input:focus:not(:checked) ~ .custom-control-label::before{ border-color:var(--primary-color-design); }
.search-box-wrapper .form-control{ border-radius:15px;padding:15px 10px 15px 45px;height:45px; }
.search-box-wrapper .form-control:focus{ box-shadow:0 0 0 0.2rem rgb(113 178 115 / 35%) !important; }
.search-box-wrapper .search-icon{ position:absolute;top:13px;left:15px;font-size:20px;color:var(--graydark-design-color);z-index:1; }
.search-box-wrapper .camera-scan-btn{ position:absolute;top:10px;right:15px;font-size:20px;color:var(--text-dark);padding:0px;border:0px;line-height:20px;background:transparent; }
.new-view .my-btn.yellow,
.new-view .my-btn.green{ height:39px;line-height:33px;min-width:120px; }
.new-view .btn.shop-info-btn{ border-radius:15px;background-color:#eaeaea; }
.new-view .btn.favourite-product-btn{ border-radius:15px;background-color:white;padding:8px 20px; }
.new-view .local-shop-list .box.rounded{ box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important; }
.new-view .my-btn.with-img-icon,
.new-view .btn.btn-light.with-img-icon{ display:flex;align-items:center; }
.new-view .btn.with-img-icon img{ width:20px;height:20px;display:block;object-fit:contain;pointer-events:none; }
.new-view .my-btn.with-img-icon img,
.new-view .close-autocomplete.with-img-icon img,
.new-view .shoppinglist-list .addproduct-btn.with-img-icon img{ width:20px;height:20px;display:block;object-fit:contain;filter:invert(100%);pointer-events:none; }
.new-view .shoppinglist-list .delete-btn.with-img-icon img{ width:20px;height:12px;display:block;object-fit:contain;filter:invert(100%);pointer-events:none; }
.icon-25{ width:25px;height:25px;display:block;object-fit:contain; }
.icon-20{ width:20px;height:20px;display:block;object-fit:contain; }

/* jquery ui autocomplete styles */
.ui-menu.ui-autocomplete .ui-menu-item .ui-menu-item-wrapper{ border-radius:15px; }
.btn.close-autocomplete{ display:none; }
.btn.close-autocomplete:focus{ box-shadow:none; }
.autocomplete-open .btn.close-autocomplete{ display:block; }
.autocomplete-open .shoppinglist-list{ filter:blur(2px);pointer-events:none;user-select:none; }
.search-box-wrapper .product-search-barcode-term{ box-shadow:0 .125rem .25rem rgba(0,0,0,.075) !important; }
.autocomplete-open .search-box-wrapper .product-search-barcode-term{ border-bottom-left-radius:0px !important;border-bottom-right-radius:0px !important;box-shadow:0 .125rem .25rem rgba(0,0,0,.075) !important; }
.search-box-wrapper .spinner-btn{ transform:scale(0.6) translate3d(20px, -10px, 0); }
.add-product-form .add-product-submit .fa-plus{ border:1px solid white;padding:3px 4px;font-size:14px;border-radius:50%;transform:scale(0.8); }
.add-product-form .search-product-image{ width:60px;height:60px;object-fit:contain;border-radius:15px;background-color:#f1f1f1; }
.ui-menu.ui-autocomplete{ border-width:0 !important;padding:20px 15px 10px;max-height:570px;overflow-y:auto;border-radius:0 0 15px 15px;box-shadow:0 .125rem .25rem rgba(0,0,0,.075) !important;max-width:calc(100vw - 132px); }
.add-product-form.from-search{ cursor:auto; }
.add-product-form.from-search .amount-content{ position:relative;background:#f1f1f1;padding:4px 3px;border-radius:15px;min-width:85px;width:85px;max-height:40px; }
.add-product-form.from-search .amount-content button{ background:#f1f1f1 !important;position:absolute;top:50%;left:2px;transform:translate3d(0, -50%, 0);padding:0px;max-width:18px; }
.add-product-form.from-search .amount-content button i{ transform:translate3d(5px, 0, 0);color:var(--secondary); }
.add-product-form.from-search .amount-content button.incrementButton i{ transform:translate3d(-5px, 0, 0);color:var(--secondary); }
.add-product-form.from-search .amount-content .incrementButton{ left:unset;right:2px; }
.add-product-form.from-search .amount-content input[name="count"]{ width:100%;max-width:100%;margin:0px;padding-left:17px; }
.add-product-form.from-search .product-name{ max-width:300px; }
.box-footer-bg{ background-color:#f5f5f5; }
.favorite-list .star-sign{ position:absolute;top:15px;left:20px; }
.local-shop-list .list-data .shop-info-btn{ min-width:40px;max-width:40px;min-height:40px;max-height:40px;display:flex;align-items:center;justify-content:center;font-family:"Open Sans", sans-serif !important; }
.new-view .page-wrapper .alert{ border-radius:15px; }
.new-view .page-wrapper .alert .fa-check{ display:none; }
.new-view .page-wrapper .alert .close{ opacity:0; }

.new-view .shoppinglist-list.favorite-list .product-img{ margin:0px auto; }
.new-view .shoppinglist-list.favorite-list .product-name,
.new-view .shoppinglist-list .product-name .name-place{ max-height:40px;color:var(--dark);min-height:40px;line-height:19px;overflow:hidden;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;-moz-box-orient:vertical;-moz-line-clamp:2; }
.new-view .shoppinglist-list .addproduct-btn{ max-width:40px;min-width:40px;max-height:40px;min-height:40px;line-height:26px; }
.new-view .shoppinglist-list .delete-btn{ max-width:40px;min-width:40px;max-height:22px;min-height:22px;border-radius:9px;padding:0px;line-height:22px; }
.new-view .shoppinglist-list .delete-btn:focus{ box-shadow:0 0 0 0.2rem rgb(225 83 97 / 50%) !important; }
.new-view .shoppinglist-list .delete-btn:hover{ background-color:#ca4d4a !important; }
/* .new-view .shoppinglist-list.favorite-list .addproduct-btn{ max-width:86px;min-width:86px;max-height:40px;min-height:40px;line-height:28px; }
.new-view .shoppinglist-list.favorite-list .delete-btn{ max-width:40px;min-width:40px;max-height:40px;min-height:40px;border-radius:15px;padding:0px;line-height:22px; } */
.search-box-wrapper .add-product-byname-btn{ position:absolute;top:6px;right:5px;height:33px;border-radius:12px;border:0;padding:0px 10px;background:var(--green-color-design);color:white;font-weight:600; }
.jconfirm .jconfirm-box{ border-radius:20px !important; }
.jconfirm .jconfirm-box .jconfirm-buttons .btn.btn-default.confirm-delete-btn{ background-color:#e75151 !important;color:white !important;min-width:70px;transition:all .3s ease; }
.jconfirm .jconfirm-box .jconfirm-buttons .btn.btn-default.confirm-delete-btn:focus{ box-shadow:0 0 0 0.2rem rgb(225 83 97 / 50%) !important; }
.jconfirm .jconfirm-box .jconfirm-buttons .btn.btn-default.confirm-delete-btn.shadow-none:focus{ box-shadow:none !important; }
.jconfirm .jconfirm-box .jconfirm-buttons .btn.btn-default.confirm-delete-btn:hover{ background-color:#ca4d4a !important; }
.jconfirm .jconfirm-box .jconfirm-buttons .btn.btn-default.confirm-delete-btn img{ filter:invert(100%);width:20px;height:20px;object-fit:contain; }
.jconfirm .jconfirm-box .jconfirm-buttons .btn.btn-default{ border-radius:15px;min-height:40px;margin-left:10px;margin-right:0px; }
.new-view:has(.jconfirm-light) > div:not(.jconfirm-light) { filter:blur(2px); }
.modal-open .modal{ backdrop-filter:blur(2px); }

.anwender-page .jconfirm-scrollpane .jconfirm-row .jconfirm-cell .jconfirm-holder .jconfirm-box-container .jconfirm-box .jconfirm-title{ width:100%;display:flex;justify-content:center;padding-top:1.7rem !important; }
.anwender-page .jconfirm-scrollpane .jconfirm-row .jconfirm-cell .jconfirm-holder .jconfirm-box-container .jconfirm-box .jconfirm-buttons{ width:100%;display:flex;justify-content:center; }
.anwender-page .jconfirm .jconfirm-box div.jconfirm-content-pane.no-scroll{ height:0px !important; }
.dashboard-page:not(.dont-change-alert-styles) .jconfirm-scrollpane .jconfirm-row .jconfirm-cell .jconfirm-holder .jconfirm-box-container .jconfirm-box .jconfirm-title{ width:100%;display:flex;justify-content:center;padding-top:1.7rem !important; }
.dashboard-page:not(.dont-change-alert-styles) .jconfirm-scrollpane .jconfirm-row .jconfirm-cell .jconfirm-holder .jconfirm-box-container .jconfirm-box .jconfirm-buttons{ width:100%;display:flex;justify-content:center; }
.dashboard-page:not(.dont-change-alert-styles) .jconfirm .jconfirm-box div.jconfirm-content-pane.no-scroll{ height:0px !important; }
.jconfirm-scrollpane .jconfirm-row .jconfirm-cell .jconfirm-holder .jconfirm-box-container .jconfirm-box .jconfirm-buttons .confirm-bestellen-btn{ background-color: var(--green-color2-design) !important;color:white !important;min-width:70px;transition:all .3s ease; }
.jconfirm-scrollpane .jconfirm-row .jconfirm-cell .jconfirm-holder .jconfirm-box-container .jconfirm-box .jconfirm-buttons .confirm-bestellen-btn.primary-color{ background-color: var(--primary-color-design) !important;color:white !important;min-width:70px;transition:all .3s ease; }
.jconfirm-scrollpane .jconfirm-row .jconfirm-cell .jconfirm-holder .jconfirm-box-container .jconfirm-box .jconfirm-buttons .confirm-bestellen-btn.primary-color.close-button{ position:absolute;top:5px;right:5px;font-size:20px;min-width:40px !important;background-color:var(--danger-lite) !important; }
.klima-page-admin .add-button{ font-size:18px;min-width:33px !important;background-color:var(--primary-color-design) !important;border-radius:10px;padding:2px;border:0;color:#fff; }
.klima-page-admin .sensor-item-wrapper .close-button{ position:absolute;top:8px;right:8px;font-size:18px;min-width:33px !important;background-color:var(--danger-lite) !important;border-radius:10px;padding:2px;border:0;color:#fff; }
/* .klima-page-admin .sensor-item-wrapper.cloned .close-button{ display:block; } */


.dashboard-page .icon,
.gesundheit-page .icon,
.medikamente-page .icon,
.tagreader-page .icon,
.klima-page .icon{ width:35px;height:35px;display:inline-block;object-fit:contain; }
.medikamente-page .with-shadow-border,
.dashboard-page .with-shadow-border{ box-shadow:0px 0px 0px 1px #8e8e8e;border-radius:6px; }
.dashboard-page .with-shadow-border-07{ box-shadow:0px 0px 0px 0.7px #8e8e8e;border-radius:6px; }
.dashboard-page .icon.with-shadow-border{ box-shadow:0px 0px 0px 1px #8e8e8e;border-radius:6px;padding:2px; }
.dashboard-page .row-point{ display:inline-block;padding:7px;border-radius:3px;border:1px solid var(--secondary);margin:4px 4px 4px 0px; }
.termine-page .calendar-wrapper h2{ font-size:20px; }
.termine-page .calendar-wrapper button.btn-primary{ font-size:12px !important;font-weight:500;background-color:var(--primary-color-design);  }
.termine-page .calendar-wrapper button.btn-primary:not(:disabled):not(.disabled).active,
.termine-page .calendar-wrapper button.btn-primary:not(:disabled):not(.disabled):active{ background-color:#008978 !important;border-color:#008978 !important;box-shadow:0 0 0 0.2rem #00897833;outline:0; }
.termine-page .calendar-wrapper .fc-dragging{ transition:all 0s !important; }
.termine-page .calendar-header-content .fc-toolbar{ display:flex;flex-direction:column;align-items:flex-start;font-family:"Open Sans", sans-serif; }
.termine-page .calendar-header-content .fc-toolbar h2{ font-size:1.5rem;font-family:"Open Sans", sans-serif;font-weight:500;margin-bottom:1rem;color:var(--gray-color) !important; }
.termine-page .calendar-header-content .fc-toolbar .btn-group button{ border-radius:0px; }
.termine-page .calendar-header-content .fc-toolbar .btn-group button.active{ background-color:#008978 !important; }
.termine-page .calendar-header-content .fc-toolbar .btn-group button:first-child{ border-radius:15px 0px 0px 15px; }
.termine-page .calendar-header-content .fc-toolbar .btn-group button:last-child{ border-radius:0px 15px 15px 0px; }
.termine-page .calendar-header-content .fc-toolbar button{ max-height:45px;display:inline-block;font-weight:400;text-align:center;vertical-align:middle;user-select:none;background:transparent;padding:.375rem .75rem;font-size:1rem;border-radius:.25rem;transition:color .15s ease-in-out,background .15s ease-in-out,border .15s ease-in-out,box-shadow .15s ease-in-out;color:#fff;background:var(--primary-color-design) !important;border:#00695c !important;border-radius:15px; }
.termine-page .calendar-header-content .fc-toolbar button:focus{ background:#008978 !important;box-shadow:0 0 0 0.2rem #00897833 !important;outline:0; }
.termine-page .calendar-header-content .fc-toolbar button.fc-button-active{ background:#008978 !important; }
.termine-page .calendar-header-content .fc-toolbar .fc-today-button{ margin-right:0.5rem; }
.termine-page .calendar-header-content .fc-toolbar .fc-center{ margin:0.5rem 0;align-self:stretch; }
.termine-page .calendar-header-content .fc-toolbar .fc-left{ text-align:left; }
.termine-page .calendar-header-content .fc-toolbar .fc-center .btn-group{ width:100%; }
.termine-page .calendar-header-content .fc-toolbar .fc-center .btn-group button{ flex-grow:1;padding-left:3px !important;padding-right:3px !important; }
.termine-page .calendar-loader,
.wundversorgung-page .calendar-loader{ position:absolute;top:0px;left:0px;width:100%;height:100%;background-color:rgba(255, 255, 255, 48%);z-index:1;display:none;justify-content:center;align-items:center;overflow:hidden; }
.termine-page .calendar-loader .inner-wrapper,
.wundversorgung-page .calendar-loader .inner-wrapper{ transform:scale(1.5); }
.termine-page .calendar-appointments-list li::before{ content:'';padding:6px;position:absolute;top:6px;left:-20px;border-radius:3px;background-color:var(--color); }
.dashboard-page .termine-box a.btn-light::before,
.dashboard-page .terminen-modal a.btn-light::before{ content:'';padding:6px;position:absolute;top:13px;left:13px;border-radius:3px;background-color:var(--color); }
.colorPickWrapper #colorPick, .colorPickWrapper #colorPick2{ padding:.25rem; }
.colorPickWrapper #colorPick span, .colorPickWrapper #colorPick2 span{ padding-left:5px; }

.medikamente-page .action-btns{ outline:0 !important; }
.medikamente-page .delete-btn{ background-color:#e75151 !important;color:white; }
.medikamente-page .delete-btn:hover{ background-color:#ca4d4a !important; }
.medikamente-page .delete-btn:focus{ background-color:#ca4d4a !important;box-shadow:0 0 0 0.2rem rgb(225 83 97 / 50%) !important; }
.medikamente-page .medikamente-data .slick-arrow{ position:absolute;top:50%;left:0px;transform:translate3d(0, -50%, 0);border:0px;z-index:1;background-color:transparent;font-size:22px; }
.medikamente-page .medikamente-data .slick-arrow.next-arrow{ left:unset;right:0px; }
.medikamente-page .medikamente-data .slick-dots{ position:absolute;width:unset;bottom:0px;display:block;padding:0 5px;margin:0;list-style:none;text-align:center;left:50%;transform:translate3d(-50%, 0, 0);background:rgb(255 255 255 / 41%);border-radius:20px 20px 0px 0px;line-height:20px; }
.medikamente-page .medikamente-data .slick-dots li{ margin:0px;transform:scale(1.5); }
.medikamente-page .medikamente-data .val-key{ min-width:130px; }
.medikamente-page .dropzone{ border:2px dashed #0087F7;border-radius:20px;background:white;min-height:200px;display:flex;overflow-x:auto; }
.medikamente-page .dropzone .dz-message{ font-weight:400;width:100%; }
.medikamente-page .dropzone .dz-preview.dz-error .dz-error-message,
.medikamente-page .dropzone .dz-preview.dz-error .dz-error-mark{ display:none; }
.medikamente-page .dropzone .dz-message .note{ font-size:0.8em;font-weight:200;display:block;margin-top:1.4rem; }
.medikamente-page .btn-delete-image{ position:absolute;top:-7px;right:0px;border:0;border-radius:50%;height:20px;width:20px;background:var(--bs-danger);font-size:12px;line-height:18px;color:white; }
.medikamente-page .camera-scan-btn{ position:absolute;top:4px;left:4px;width:33px;height:32px;border-radius:12px;display:flex;justify-content:center;align-items:center; }
.medikamente-page.edit-medikamente-page .camera-scan-btn{ position:absolute;top:4px;left:4px;width:40px;height:30px;border-radius:8px;display:flex;justify-content:center;align-items:center; }
#modal-view-event-add textarea[name="description"]:focus,
#modal-view-event-edit textarea[name="description"]:focus{ box-shadow:0 0 0 0.2rem rgb(0 155 140 / 28%) !important; }
#modal-view-event-add textarea[name="description"],
#modal-view-event-edit textarea[name="description"]{ padding:.25rem .5rem;font-size:.875rem;line-height:1.5; }
.page-wrapper .clear-cookies-btn{ position:absolute;bottom:25px;right:25px;padding:3px 6px; }
.blutdruck-page .zing-related button:not(.active),
.blutdruck-page .zing-related-second-chart button:not(.active),
.blutdruck-page .zing-related-third-chart button:not(.active),
.blutdruck-page .zing-related-third-2-chart button:not(.active),
.blutdruck-page .zing-related-forth-chart button:not(.active),
.blutdruck-page .zing-related-fifth-chart button:not(.active),
.blutdruck-page .zing-related-sixth-chart button:not(.active){ opacity:0.5; }
.blutdruck-page .zing-related button.first{ background-color:#ffe8bf; }
.blutdruck-page .zing-related button.second{ background-color:#bfdfbf; }

.sensor-rules-modal .value[name]:not([name*="frequenc"]):focus{ outline:0;border:0; }
.sensor-rules-modal .amount-content .decrementButton{ border:0;background:white !important;border-radius:5px 0px 0px 5px;font-weight:bold;width:30px;color:white;z-index:1; }
.sensor-rules-modal .amount-content .incrementButton{ border:0;background:white !important;border-radius:0px 5px 5px 0px;font-weight:bold;width:30px;color:white;z-index:1; }
.sensor-rules-modal .amount-content button:focus{ outline:0; }
.sensor-rules-modal input[name*="frequenc"]{ max-width:60px;text-align:center;margin-right:-19px;box-shadow:0 0 0 1px var(--primary-color-design); }
.sensor-rules-modal input[name*="frequenc"]:focus{ outline:0 !important; }
.sensor-rules-modal .custom-switch{ zoom:1.8; }
.sensor-rules-modal .custom-control-input:checked ~ .custom-control-label::before{ border-color:var(--primary-color-design);background-color:var(--primary-color-design); }
.sensor-rules-modal .custom-control-input:focus ~ .custom-control-label::before{ box-shadow:0 0 0 0.13rem rgb(0 155 140 / 43%); }
.sensor-rules-modal .custom-control-input:focus:not(:checked) ~ .custom-control-label::before{ border-color:var(--primary-color-design); }
.sensor-rules-modal .amount-content{ position:relative;background:#f1f1f1;border-radius:15px;min-width:70px;width:70px;max-height:unset; }
.sensor-rules-modal .amount-content button{ background:#f1f1f1 !important;position:absolute;top:50%;left:2px;transform:translate3d(0, -50%, 0);padding:0px;max-width:15px; }
.sensor-rules-modal .amount-content button i{ transform:scale(1.8) translate3d(2px, 0, 0);color:var(--secondary); }
.sensor-rules-modal .amount-content button.incrementButton i{ transform:scale(1.8) translate3d(-2px, 0, 0);color:var(--secondary); }
.sensor-rules-modal .amount-content .incrementButton{ left:unset;right:2px; }
.sensor-rules-modal .amount-content input[name*="frequenc"]{ width:100%;max-width:100%;margin:0px;padding:7px 17px 7px 17px; }
.sensor-rules-modal .amount-content input[name*="frequenc"]:focus{ border:1px solid var(--primary-color-design);box-shadow:0 0 0 1px var(--primary-color-design), 0 0 0 0.22rem rgb(0 155 140 / 28%) !important; }
.sensor-rules-modal .time-input{ max-height:36px;max-width:70px; }
.sensor-rules-modal .rules .rule-name{ transform:translate3d(5px, 5px, 0px); }
.sensor-rules-modal .status-text{ transform:translate3d(0px, 8px, 0px); }
.datepicker--time-row input[type="range"]::-webkit-slider-thumb{ background-color:var(--primary-color-design) !important;border-color:var(--primary-color-design) !important; }

.sensor-rules-modal .btn.btn-default:not(.primary-color-design-background-noh),
.jconfirm-buttons .btn.btn-default:not(.primary-color-design-background-noh){ background:#ecf0f1 !important;border-radius:15px !important;color:#333 !important;font-weight:600 !important;font-size:14px;transition:all .2s ease !important; }
.sensor-rules-modal .btn.btn-default:not(.primary-color-design-background-noh):hover,
.jconfirm-buttons .btn.btn-default:not(.primary-color-design-background-noh):hover{ background:#ddd !important; }
.sensor-rules-modal .btn.btn-default:not(.primary-color-design-background-noh):focus,
.jconfirm-buttons .btn.btn-default:not(.primary-color-design-background-noh):focus{ box-shadow:0 0 0 0.2rem rgb(231, 231, 231) !important; }
.sensor-rules-modal .btn.btn-default.primary-color-design-background-noh,
.jconfirm-buttons .btn.btn-default.primary-color-design-background-noh{ border-radius:15px !important;font-weight:600 !important;font-size:14px;transition:all .2s ease !important; }
.sensor-rules-modal .btn.btn-default.primary-color-design-background-noh:hover,
.jconfirm-buttons .btn.btn-default.primary-color-design-background-noh:hover{ background:rgb(0, 122, 110) !important;color:white !important; }
.sensor-rules-modal .btn.btn-default.primary-color-design-background-noh:focus,
.jconfirm-buttons .btn.btn-default.primary-color-design-background-noh:focus{ box-shadow:0 0 0 0.2rem rgba(0, 155, 140, 0.2) !important; }

.create-sensor-rule-form input[type="radio"] + img{ width:60px;height:60px;display:block;border-radius:12px; }
.create-sensor-rule-form input[type="radio"]:checked + img{ background-color:var(--primary-color-design); }

.only-timepicker{ z-index:1500 !important; }
.dashboard-page .history-changes-box{ max-height:270px; }
.create-sensor-record-rule-form .group .form-group{ max-width:14.67%; }
.object-position-almost-bottom{ object-position:50% 74%; }

.new-view .notfallmappe-page .add-file-btn{ max-width:42px;min-width:42px;max-height:42px;min-height:42px;background-color:var(--primary-color-design);color:white;border:0;text-align:center;border-radius:15px;padding:7px 10px;margin-right:5px;transition:all .4s ease; }
.new-view .notfallmappe-page .add-file-btn.smaller{ max-width:35px;min-width:35px;max-height:35px;min-height:35px;background-color:var(--primary-color-design);color:white;border:0;text-align:center;border-radius:15px;padding:7px 10px;margin-right:5px;transition:all .4s ease; }
.new-view .notfallmappe-page .change-item-btn{ max-width:42px;min-width:42px;max-height:42px;min-height:42px;background-color:var(--green-color-design);color:white;border:0;text-align:center;border-radius:15px;padding:7px 10px;transition:all .4s ease; }
.new-view .notfallmappe-page .change-item-btn.smaller{ max-width:35px;min-width:35px;max-height:35px;min-height:35px;background-color:var(--green-color-design);color:white;border:0;text-align:center;border-radius:15px;padding:7px 10px;transition:all .4s ease; }
.new-view .notfallmappe-page .add-file-btn:hover{ background-color:var(--primary-color-design2); }
.new-view .notfallmappe-page .change-item-btn:hover{ background-color:var(--green-color2-design); }
.new-view .notfallmappe-page .add-file-btn:focus{ box-shadow:0 0 0 0.2rem rgb(0 155 140 / 43%); }
.new-view .notfallmappe-page .change-item-btn:focus{ box-shadow:0 0 0 0.2rem rgb(113 178 115 / 43%); }
.new-view .notfallmappe-page .add-file-btn.orange-background{
    background-color:var(--yellow-dark-design-color);
}
.new-view .notfallmappe-page .add-file-btn.orange-background:focus {
    box-shadow: 0 0 0 0.2rem rgb(239 188 0 / 54%);
}

.new-view .notfallmappe-page .delete-btn{ max-width:42px;min-width:42px;max-height:42px;min-height:42px;border-radius:9px;padding:0px;line-height:38px;background-color:#e75151;color:white;border:0;text-align:center;border-radius:15px;padding:7px 10px;transition:all .4s ease; }
.new-view .notfallmappe-page .delete-btn.smaller{ max-width:35px;min-width:35px;max-height:35px;min-height:35px;border-radius:9px;padding:0px;line-height:38px;background-color:#e75151;color:white;border:0;text-align:center;border-radius:15px;padding:7px 10px;transition:all .4s ease; }
.new-view .notfallmappe-page .delete-btn:focus{ box-shadow:0 0 0 0.2rem rgb(225 83 97 / 50%) !important;outline:0;box-shadow:0 0 0 0.2rem rgb(52 58 64 / 15%); }
.new-view .notfallmappe-page .delete-btn:hover{ background-color:#ca4d4a !important; }
.new-view .notfallmappe-page .with-img-icon img{ width:20px;height:20px;display:block;object-fit:contain;filter:invert(100%);pointer-events:none; }
.new-view .notfallmappe-page .with-img-icon img.smaller{ width:15px;height:15px; }
.new-view .notfallmappe-page .doc-logo::before{ position:absolute;bottom:3px;left:0px;width:100%;text-align:center;font-size:10px;font-weight:700;color:var(--primary-color-design); }
.new-view .notfallmappe-page .box-title{ min-height:48px; }
.new-view .notfallmappe-page .doc-logo[href$='.pdf' i]::before{ content:'PDF'; }
.new-view .notfallmappe-page .doc-logo[href$='.doc' i]::before{ content:'DOC'; }
.new-view .notfallmappe-page .doc-logo[href$='.xls' i]::before{ content:'XLS'; }
.dark-rounded-input:is(select, input, textarea){ min-height:40px;border-radius:15px;border:1px solid #878787;padding-left:10px;width:100%;max-width:100%; }
.dark-rounded-input:is(select, input, textarea):focus{ box-shadow:none !important;outline:0 !important;border-color:#111; }
.save-value-when-change:is(select),
.save-value-when-option-selected:is(select){ line-height:40px; }

.js-snackbar__status.js-snackbar--info{ background-color:var(--primary-color-design) !important; }

.ui-tooltip{ background-color:#343a40 !important;box-shadow:none !important;border-radius:15px !important;border:1px solid #343a40 !important;color:white !important;max-width:calc(100vw - 100px) !important;padding-left:12px !important;padding-right:12px !important; }
.custom-html-email .ui-tooltip{ width:350px !important; }
.icon-30{ width:30px;height:30px;object-fit:cover;display:block; }
select{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%6c757d'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;
    background-size:12px;
    background-position:calc(100% - 10px) calc(100% - 35%);
    background-repeat:no-repeat;
    background-color:#fff;
    min-width:55px;
    padding-right:25px !important;
}
.search-user-bewohner-input ~ button{ opacity:0;pointer-events:none;transition:all .3s ease; }
.search-user-bewohner-input:not(:placeholder-shown) ~ button{ pointer-events:all;opacity:1; }

select.rounded-select{ border:1px solid var(--primary-color-design);border-radius:15px;height:calc(1.5em + 1.4rem + 2px);padding:.25rem 1rem; }
select.rounded-select:focus{ box-shadow:0 0 0 0.2rem rgba(0,155,140,.28) !important; }

input[type="checkbox"] + .sensor-place-box .tick-sign{
    position:absolute;
    top:10px;
    right:10px;
}
input[type="checkbox"] + .sensor-place-box .tick-sign .tag_checked{ display:none; }
input[type="checkbox"] + .sensor-place-box .tick-sign .tag_unchecked{ display:block; }
input[type="checkbox"]:checked + .sensor-place-box .tick-sign .tag_checked{ display:block; }
input[type="checkbox"]:checked + .sensor-place-box .tick-sign .tag_unchecked{ display:none; }
.user-select-none{ user-select:none; }
.cursor-pointer{ cursor:pointer !important; }
.cursor-auto{ cursor:auto !important; }
.zIndex1{ z-index:1; }
.sensor-dot{
    display: block;
    pointer-events:none;
    position: absolute;
    top: var(--top);
    left: var(--left);
    background: var(--primary-color-design);
    width: 10px;
    height: 10px;
    border-radius: 4px;
    transform: translate3d(-50%, -50%, 0) scale(var(--show, 0));
    transition: transform .2s ease;
}
.object-fit-cover{ object-fit:cover !important; }
.object-fit-contain{ object-fit:contain !important; }
.top-1px{ top:1px !important; }
.top-2px{ top:2px !important; }
.top-3px{ top:3px !important; }
.top-4px{ top:4px !important; }
.top-5px{ top:5px !important; }
.top-6px{ top:6px !important; }
.top-0{ top:0px !important; }
.right-0{ right:0px !important; }
.bottom-0{ bottom:0px !important; }
.left-0{ left:0px !important; }
.min-width-350px{ min-width:350px !important; }
.min-width-300px{ min-width:300px !important; }
.min-width-254px{ min-width:254px !important; }
.min-width-252px{ min-width:252px !important; }
.min-width-250px{ min-width:250px !important; }
.min-width-230px{ min-width:230px !important; }
.min-width-130px{ min-width:130px !important; }
.min-width-138px{ min-width:138px !important; }
.min-width-225px{ min-width:225px !important; }
.min-width-285px{ min-width:285px !important; }
.min-width-320px{ min-width:320px !important; }
.min-width-184px{ min-width:185px !important; }
.min-width-unset{ min-width:unset !important; }
.max-width-unset{ max-width:unset !important; }
.width-180px{ width:180px !important; }
.width-80px{ width:80px !important; }
.width-700{ width:700px !important; }
.min-width-700{ min-width:700px !important; }
.w-unset{ width:unset !important;min-width:unset !important;max-width:unset !important; }

.percent-btns .dropdown-menu button span{ border-radius:8px; }
.percent-btns .dropdown-menu button span img{ transform: scale(1.15);max-width:39px; }
.percent-btns button .div-slices{
    position: absolute;
    top: 0px;
    left: -1px;
    width: calc(100% + 1px);
    height: 100%;
    display: flex;

    .part{ position:relative;flex-grow:1; }
    .part:not(:nth-last-of-type(1)){ border-right:1px solid white; }
}
.new-view .live-page .item-list .item.active .percent-btns button:has(.div-slices) .part::after,
.new-view .live-page .item-list .item:not(.active) .percent-btns button:has(.div-slices) span::after{ display:none; }
.new-view .live-page .item-list .item .percent-btns button span::after,
.percent-btns button .div-slices .part::after{
    content:'';
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background:linear-gradient(rgba(0, 155, 140, 0.5) 0 0);
    background:linear-gradient(var(--icon-color) 0 0);
    background-size:100% var(--percent);
    background-repeat:no-repeat;
    transition:.4s,background-position 0s;
}
.dashboard-page .gradient-bulb{
    background-image:radial-gradient(var(--color), transparent, transparent);
    background-position:top center;
    background-size:140px 170px;
    background-repeat:no-repeat;
}
.live-page .gradient-bulb img{
    background-image:radial-gradient(var(--color), transparent, transparent);
    background-position:top center;
    background-size:40px 30px;
    background-repeat:no-repeat;
}
.dashboard-page .gradient-bulb.option,
.live-page .gradient-bulb.option{ background-size:40px 30px;min-width:44px; }
.live-page,
.aufzug-page{
    .gradient-bulb.option.on img{ box-shadow:0 0 0 3px var(--primary-color-design); }
    .gradient-bulb.option.black-and-white.on > span { box-shadow:0 0 0 3px var(--primary-color-design); }
}

.live-page .sliding-door-btns .option{ background-size:40px 30px; }
.live-page .sliding-door-btns .option .img-wrapper{ min-width:44px;max-width:44px; }

.sliding-door-btns .dropdown-menu button span{ border-radius:8px; }
.live-page .sliding-door-btns button.option.on span::after{
    content:'';
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background:linear-gradient(rgba(0, 155, 140, 0.5) 0 0);
    background:linear-gradient(var(--icon-color) 0 0);
    background-size:100% 100%;
    background-repeat:no-repeat;
    transition:.4s,background-position 0s;
}
/* .live-page .sliding-door-btns .option.on .img-wrapper{ box-shadow:0 0 0 3px var(--primary-color-design); } */

/* Range slider styles */
.range-slider{ -webkit-appearance:none;appearance:none;width:100%;height:15px;border-radius:5px;background-image:linear-gradient(to right, #000000, transparent);border:1px solid#000000;outline:none;opacity:0.7;-webkit-transition:.2s;transition:opacity .2s; }
.range-slider:hover{ opacity:1; }
.range-slider::-webkit-slider-thumb{ -webkit-appearance:none;appearance:none;width:25px;height:25px;border-radius:7px;background-image:radial-gradient(#ffffff, #000000 80%);cursor:pointer; }
.range-slider::-moz-range-thumb{ width:25px;height:25px;border-radius:7px;background-image:radial-gradient(#ffffff, #000000 80%);cursor:pointer; }
.range-slider.on{ box-shadow:0 0 0 3px var(--primary-color-design); }

.range-slider.green-to-red{ background-image:linear-gradient(to right, #00ff00, #ff3838); }
.range-slider.green-to-red::-webkit-slider-thumb{ background-image:radial-gradient(var(--primary-color-design), var(--primary-color-design) 80%); }


.max-height-unset{ max-height:unset !important; }
.max-height-250{ max-height:250px !important; }
.max-height-100{ max-height:100px; }
.max-height-40{ max-height:40px !important;height:40px !important; }
.max-height-38{ max-height:38px !important;height:38px !important; }
.max-height-36{ max-height:36px !important;height:36px !important; }
.max-height-32{ max-height:32px !important;height:32px !important; }
.sensor-list-container ul li.item::after{ content: "\2022";color:#313131;transform:scale(2) translate3d(0, -1px, 0); }
.sensor-list-container ul li.s-active::after{ color:#1DE649; }
.sensor-list-container ul li.s-active .dotted-border-2{ border-color:#1DE649; }
.local-shop-list button.yellow-active.active{ background-color:var(--yellow-color2-design); }
.local-shop-list .list-of-shops{ height:534px;overflow:auto; }
.shop-form .user-image-wrapper .real-user-image[src^="data:image"]{ height:161px !important;object-fit:contain; }
.shop-form .label-inside-input{ position:relative; }
.shop-form .label-inside-input input{ padding-left:110px; }
.shop-form .label-inside-input input.with-wide-label{ padding-left:203px; }
.shop-form .label-inside-input label{ position:absolute;top:7px;left:9px; }

@media (max-width:992px){
    .termine-page .main-row > div:nth-of-type(1){ order:2; }
    .termine-page .main-row > div:nth-of-type(2){ order:1; }
}
@media (max-width:768px){
    .termine-page .calendar-wrapper .fc-view > table{ min-height:398px;min-width:500px; }
    .dashboard-page .information-box{ order:1; }
    .dashboard-page .meldungen-box{ order:4; }
    .dashboard-page .service-box{ order:6; }
    .dashboard-page .termine-box{ order:2; }
    .dashboard-page .wetter-box{ order:5; }
    .dashboard-page .servicecenter-box{ order:7; }
    .dashboard-page .historie-box{ order:3; }
}
@media (min-width:992px){
    .new-view .live-page .item-list .item.active .list-of-buttons {
        display: grid !important;
        grid-template-columns: repeat(3, 215px) !important;
        justify-content: space-between !important;
        padding-top: 0px !important;
        min-width:unset !important;
    }
}
@media (min-width:1200px){
    .nextto-nav .with-modal-animation{ perspective:400px;perspective-origin:top;max-height:100vh; }
    .modal-open .modal{ will-change:transform;transform:translate3d(0, 0, 50px);transition:all .2s; }
    .modal-open .modal.show{ transform:translate(0, 0) translate3d(0, 0, 0);min-height:100vh; }
    .nextto-nav .with-modal-animation > .element-to-animate{ opacity:1;transition:all .2s ease; }
    .modal-open .nextto-nav .with-modal-animation > .element-to-animate{ opacity:0;transform:translate(0, 0) translate3d(0, 0, -50px);max-height:100vh;overflow:hidden; }
    body:has(.with-modal-animation) .modal.fade .modal-dialog{ transform:none; }
    body:has(.with-modal-animation).modal-open .modal-backdrop{ display:none; }
}
@media (min-width:1620px){
    .new-view .live-page .item-list .item.active .list-of-buttons {
        grid-template-columns: repeat(4, 215px) !important;
    }
}

.dashboard-page .modal-backdrop,
.tagliste-page .modal-backdrop,
.tags-page .modal-backdrop,
.grundpflege-page .modal-backdrop,
.medikamente-page .modal-backdrop{ display:none !important; }

.dashboard-page .jconfirm-box-container{ max-width:420px; }
.dashboard-page .jconfirm-title-c{ padding-bottom:0.25rem !important; }

.oneline-ellipsis{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.width-unset{ width:unset !important; }
.height-unset{ height:unset !important; }
.height-40px{ height:40px !important; }
.height-70px{ height:70px !important; }
.height-100px{ height:100px !important; }
.height-200px{ height:200px !important; }
.height-300px{ height:300px !important; }
.height-400px{ height:400px !important; }
.width-280{ width:280px !important; }
.max-width-max-content{ max-width:max-content !important; }
.max-width-650{ max-width:650px !important; }
.max-width-1000{ max-width:1000px !important; }
.max-width-280{ max-width:280px !important; }
.max-width-181{ max-width:181px !important; }
.min-width-140{ min-width:140px !important; }
.max-width-220{ max-width:220px !important; }
.max-width-200{ max-width:200px !important; }
.min-width-120{ min-width:120px !important; }
.min-width-100{ min-width:100px !important; }
.min-width-45{ min-width:45px !important; }
.min-width-80{ min-width:80px !important; }
.min-height-20{ min-height:20px !important; }
.min-height-22{ min-height:22px !important; }
.min-height-35{ min-height:35px !important; }
.min-height-36{ min-height:36px !important; }
.min-width-168{ min-width:168px !important; }
.min-width-170{ min-width:170px !important; }

.letter-spacing-normal{ letter-spacing:normal !important; }

/* Plus sign on every dropdown */
/* .menu-text.active{
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' viewBox='0 0 24 24' fill='none'%3e%3cpath d='M13 6a1 1 0 1 0-2 0v5H6a1 1 0 1 0 0 2h5v5a1 1 0 1 0 2 0v-5h5a1 1 0 1 0 0-2h-5V6Z' fill='%23343a40'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) 0%;
} */

.vertical-align-bottom{ vertical-align:bottom; }
.vertical-align-baseline{ vertical-align:baseline; }
.font-sans-serif{ font-family:"Open Sans", sans-serif; }
.white-space-break-spaces{ white-space: break-spaces; }

.termine-dashboard-btn{ font-size:15px !important;line-height:48px !important;letter-spacing:2px;height:unset !important;max-height:42px !important; }
.icon-150{ width:150px;height:150px;display:block;object-fit:contain; }

.aufzug-page .sensor-trigger.active-highlighted img{ filter: drop-shadow(5px 7px 5px #dc4d01); }
.aufzug-page .sensor-trigger.red.active-highlighted img{ filter: drop-shadow(3px 3px 7px red); }

.h-8px{ height:8px !important; }
.min-width-150{ min-width:150px !important; }
.max-width-155{ max-width:155px !important; }
.max-width-150{ max-width:150px !important; }
.max-width-120{ max-width:120px !important; }
.max-width-120{ max-width:120px !important; }
.max-width-105{ max-width:105px !important; }
.max-width-1000{ max-width:1000px !important; }
.word-break-break-all{ word-break:break-all !important; }


[data-klima-temperature-sensor-value] {
    position: absolute;
    font-size: 14px;
    background-color: white;
    border-radius: 5px;
    padding: 3px;
    z-index: 2;
}

[data-klima-temperature-sensor-value] > span {
    line-height: 14px;
}

[data-klima-temperature-sensor-value="24"] {
    top: 24.3%;
    left: 62.8%;
    padding: 3px;
    padding-right: 42px;
}

[data-klima-temperature-sensor-value="25-00"] {
    top: 49.2%;
    left: 41.2%;
    padding: 3px;
    padding-right: 18px;
}

[data-klima-temperature-sensor-value="03"] {
    top: 49.1%;
    left: 78.95%;
}

[data-klima-temperature-sensor-value="26-00"] {
    top: 63.55%;
    left: 17.6%;
}

[data-klima-temperature-sensor-value="09"] {
    top: 63.55%;
    left: 49.2%;
}

[data-klima-temperature-sensor-value="10"] {
    top: 64.2%;
    left: 77.5%;
    padding-right: 5px;
}

[data-klima-temperature-sensor-value="27-00"] {
    top: 89.35%;
    left: 17.4%;
    padding-right: 5px;
}

[data-klima-temperature-sensor-value="28-00"] {
    top: 155%;
    left: 61.1%;
    padding-right: 5px;
}

[data-klima-temperature-sensor-value="26"] {
    top: 155.4%;
    left: 43.6%;
    padding-right: 5px;
}

[data-klima-temperature-sensor-value="21"] {
    top: 146.9%;
    left: 89%;
    padding-right: 5px;
}

[data-klima-temperature-sensor-value="29-00"] {
    top: 171.65%;
    left: 18.1%;
    padding-right: 5px;
}

[data-klima-temperature-sensor-value="20"] {
    top: 171.55%;
    left: 46.9%;
    padding-right: 5px;
}

[data-klima-temperature-sensor-value="31"] {
    top: 171.2%;
    left: 80.6%;
    padding-right: 5px;
}

[data-klima-temperature-sensor-value="30-00"] {
    top: 195.65%;
    left: 18.1%;
    padding-right: 5px;
    padding-bottom: 0px;
}

.temperature-sensor .temperature-percent{
    stroke-width:140px;
    stroke-dasharray:970, 920;
    fill:transparent;
    stroke:var(--icon-color);
    stroke-linecap:unset;
    stroke-dashoffset:0;
    transform:rotate(90deg);
    transform-origin:center center;
    transition:all 1s ease;
}

.show-hide-chart-legend { padding-top:8px !important;padding-bottom:6px !important; }
.show-hide-chart-legend::after {
    content:'';
    margin-top:2px;
    height:20px;
    width:20px;
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat:no-repeat;
    background-size:1.25rem;
    transform:rotate(180deg);
    filter:invert(0);
    transition:all .2s ease-in-out;
}
.show-hide-chart-legend.collapsed::after {
    transform:rotate(0deg);
    filter: invert(0);
}
.show-hide-chart-legend:hover::after {
    filter: invert(1);
}

.has-floating-label{
    position:relative;
}
.has-floating-label .the-label{
    position:absolute;
    top: -16px;
    left: -5px;
    padding:0px 5px;
    background-color:white;
    color:#333;
    font-size:12px;
    transition:all .2s ease-in-out;
    transform:translate3d(0, 0, 0);
    pointer-events:none;
    z-index:1;
    opacity:0;
    pointer-events:none;
    background: transparent;
    text-wrap: nowrap;
    transition:all .2s ease-in-out .1s;
}
.has-floating-label input:not(:focus):placeholder-shown + .the-label{
    opacity: 1;
    top: 50%;
    left: 46%;
    transform: translate(-50%, -50%);
}

.max-width-308{ max-width:308px !important; }
.max-width-35{ max-width:35px !important; }
.max-height-51{ max-height:51px !important; }
.box-15{ width:15px !important;height:15px !important;min-width:15px !important;max-width:15px !important; }
.box-20{ width:20px !important;height:20px !important;min-width:20px !important;max-width:20px !important; }
.box-24{ width:24px !important;height:24px !important;min-width:24px !important;max-width:24px !important; }
.box-30{ width:30px !important;height:30px !important;min-width:30px !important;max-width:30px !important; }
.box-32{ width:32px !important;height:32px !important;min-width:32px !important;max-width:32px !important; }
.box-34{ width:34px !important;height:34px !important;min-width:34px !important;max-width:34px !important; }
.box-35{ width:35px !important;height:35px !important;min-width:35px !important;max-width:35px !important; }
.box-38{ width:38px !important;height:38px !important;min-width:38px !important;max-width:38px !important; }
.box-40{ width:40px !important;height:40px !important;min-width:40px !important;max-width:40px !important; }
.box-70{ width:70px;height:70px; }
.box-100{ width:100px;height:100px; }
.box-150{ width:150px;height:150px; }
.scale-one-one{ transform:scale(1.1); }
.black-image-grayed{ filter:invert(32%) sepia(1%) saturate(864%) hue-rotate(342deg) brightness(95%) contrast(86%); }
.vertical-align-baseline{ vertical-align:baseline; }

.font-family-josefin{ font-family:"Josefin Sans", sans-serif; }
.font-family-open-sans{ font-family:"Open Sans", sans-serif !important; }
.gray-color{ color:var(--gray-color) !important; }
.lighter-gray-color{ color:var(--lighter-gray-color) !important; }
.light-gray-color{ color:var(--light-gray) !important; }
.lighter2-gray-color{ color:var(--lighter2-gray-color) !important; }
.border-color-gray{ border-color:var(--gray-color) !important; }
.border-color-lighter-gray{ border-color:var(--lighter-gray-color) !important; }
.grid-of-two{ display:grid;grid-template-columns:1fr 1fr; }
.aspect-ratio-1-1{ aspect-ratio:1/1; }

.mix-blend-mode-multiply{ mix-blend-mode:multiply; }
.plus-dropdown.collapsed i{ transition:transform .2s ease;transform:rotate(0deg); }
.plus-dropdown:not(.collapsed) i{ transition:transform .2s ease;transform:rotate(45deg); }
.medikamente-page .dropzone .dz-preview .dz-image img{ width:100%;height:100%;object-fit:contain; }
[id*="gaugeChart"] map + [id*="-license-text"],
[id*="barsChart"] map + [id*="-license-text"],
[id*="gaugeChart"][id*="-license-text"],
[id*="barsChart"][id*="-license-text"],
[id*="searchChartWrapper"][id*="-license-text"],
[id*="SmallChartContainer_"][id*="-license-text"],
[id*="_bars_chart"][id*="-license-text"],
.blutdruck-page [id*="-license-text"]{ display:none !important; }

.dashboard-page [id='gaugeChart-tools'],
.energy-page-container [id*='gaugeChart'][id*='-tools'],
.energy-page-container [id*='barsChart'][id*='-tools'],
.blutdruck-page [id*='chartWrapper'] [id*='-tools']{ display:none; }

.modal .modal-header .close.with-rounded-circle{
	border-radius: 50%;
	width: 35px;
	min-width: 35px;
	height: 35px;
	line-height: 32px;
	text-align: center;
	padding: 0px;
	margin: -3px -3px 3px !important;
}
.modal .modal-header .close.with-rounded-circle:not(.border):not(.border-secondary):not(.border-danger){ border: 1px solid #333 !important; }
.modal .modal-header .close.with-rounded-circle.border-danger{ border:1px solid var(--danger, #dc3545) !important;border:1px solid var(--bs-danger, #dc3545) !important; }
.text-red{ color:var(--danger, #dc3545) !important; }
.text-red-bs{ color:var(--bs-danger, #dc3545) !important; }


.new-view .light-blue-btn{
    background-color:var(--light-blue-color) !important;
}
.new-view .light-blue-btn:hover{
    background-color:var(--light-blue-color) !important;
}
.new-view .light-blue-btn:focus{
    background-color:var(--light-blue-color) !important;
    box-shadow: none !important;
}
.new-view .light-blue-second-btn{
    background-color:var(--light-second-blue-color) !important;
}
.new-view .light-blue-second-btn:hover{
    background-color:var(--light-blue-hover-color) !important;
}
.new-view .light-blue-second-btn:focus{
    background-color:var(--light-blue-hover-color) !important;
    box-shadow: 0 0 0 0.2rem var(--light-second-blue-color);
}

.dark-blue-color{ color:var(--dark-blue-color) !important; }
.transparent-gray-bg{ background:#80808045 !important;fill:#80808045 !important; }
.light-green-border{ border:1px solid var(--primary-color-design) !important; }
.light-green-bg{ background-color:var(--primary-color-design) !important; }
.light-green-color{ color:var(--primary-color-design) !important; }
.light-gree-shadow-hover:hover,
.light-gree-shadow-hover:focus{ box-shadow:0 0 0 0.2rem #00897833 !important; }
.button-change-search-date.active{ background-color:#6c757d;color:white; }
.mt-minus-17{ margin-top:-17px; }

.position-unset{ position:unset !important; }
.modal-xl{ max-width:1200px !important; }


/* [id='central_automatic_door'].on,
[id='central_emergency_call'].on{ border:0 !important;box-shadow:0 0 0 3px var(--primary-color-design); } */
.dashboard-page .central-sensor-btn.on{ background-color:var(--color) !important; }

.energy-page-container .toggle-button{
    background-color:transparent;
    height:30px;
    width:30px;
    margin-left:24px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0px;
    border-width:0;

    .power-button-on { width:100%;height:100%;display:none; }
    .power-button-off { width:100%;height:100%;display:block; }
    &.active .power-button-on { display:block; }
    &.active .power-button-off { display:none; }
}

.sensor-rules-toggle-button-active{
    background-color:transparent;
    height:30px;
    width:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0px;
    border-width:0;
    position:absolute;
    top:-7px;
    right:45px;

    .power-button-on { width:100%;height:100%;display:none; }
    .power-button-off { width:100%;height:100%;display:block; }
    &.active .power-button-on { display:block; }
    &.active .power-button-off { display:none; }
}

.dashboard-page .sensor-stats-button,
.energy-page-container .sensor-stats-button{
    background-color:transparent;
    height:28px;
    width:28px;
    margin-right:24px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:1px;
    border-width:0;

    .stats-icon {
        width:100%;
        height:100%;
        filter:invert(46%) sepia(16%) saturate(240%) hue-rotate(166deg) brightness(94%) contrast(90%);
    }
}

.electric-power-indicator-page{
    .jconfirm-title-c{
        padding:22px 0px 0px !important;
        text-align:center;
    }
    [id="stats_loader"]{
        position:absolute;
        top:4px;
        right:12px;
        zoom:1.1;
    }
}
.dashboard-page [id="stats_loader"]{
    position:absolute;
    top:4px;
    right:12px;
    zoom:1.1;
}


.dashboard-page:not(.dont-change-alert-styles) .jconfirm-scrollpane .jconfirm-row .jconfirm-cell .jconfirm-holder .jconfirm-box-container .jconfirm-box .jconfirm-buttons .confirm-bestellen-btn.primary-color.close-button{ background-color:transparent !important;color:var(--gray-color) !important;font-size:27px; }
.dashboard-page:not(.dont-change-alert-styles) .jconfirm-scrollpane .jconfirm-row .jconfirm-cell .jconfirm-holder .jconfirm-box-container .jconfirm-box .jconfirm-buttons .confirm-bestellen-btn{ min-width:130px; }
.dashboard-page:not(.dont-change-alert-styles) .jconfirm-scrollpane .jconfirm-row .jconfirm-cell .jconfirm-holder .jconfirm-box-container .jconfirm-box .jconfirm-buttons .confirm-bestellen-btn.bg-lite-red{ background-color:var(--danger-lite) !important; }

.dashboard-page .servicecenter-box .dropdown-menu.show{
    transform:translate3d(-50%, -50%, 0) !important;
    top:50% !important;
    left:50% !important;
}



.ring-container {
    position: absolute;
    top:-10px;
    left:-10px;
    opacity:0;
    pointer-events:none;
    transition:all .3s ease;
}
.ring-container.show{ opacity:1; }

.circle {
    width: 15px;
    height: 15px;
    background-color: #62bd19;
    border-radius: 50%;
    position: absolute;
    top: 20px;
    left: 20px;
}

.ringring {
    border: 3px solid #62bd19;
    -webkit-border-radius: 30px;
    height: 25px;
    width: 25px;
    position: absolute;
    left: 15px;
    top: 15px;
    -webkit-animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite; 
    opacity: 0.0;
}

@-webkit-keyframes pulsate {
    0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
    50% {opacity: 1.0;}
    100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.0;}
}

.alerts-custom-container:empty{ display:none; }
.w-0{ max-width:0px !important; }
.h-0{ max-height:0px !important; }

.dashboard-page .box-synced-with-db{ order:var(--order-on-mobile) !important; }
.live-page .box-synced-with-db{ order:var(--order-on-mobile) !important; }
@media (min-width:768px) {
    .new-view .my-btn.d-md-none{ display:none !important; }
    .dashboard-page .box-synced-with-db{ order:var(--order-on-desktop) !important; }
    .live-page .box-synced-with-db{ order:var(--order-on-desktop) !important; }
}
@media (min-width:992px) {
    .h-lg-0{ max-height:0px !important; }
    .pr-lg-40px{ padding-right:40px !important; }
}


.select-next-to-pagging-length-wrapper{
    margin-left:210px;
}
.select-next-to-pagging-length{
    font-size: 14px;
    padding: 0px 5px;
    max-height: 30px;
    border: 1px solid var(--dark);
    border-radius: 2px;
    padding: 3px;
    border: 1px solid var(--primary-color-design);
    border-radius: 15px;
    min-height: calc(1.5em + 1.2rem + 2px);
    padding: .25rem 1rem;
    line-height: 34px;
    min-width: 192px;
    position: relative;
    z-index: 1;
    margin-top:-11px;
}

.select-pagging-styles-like{
    font-size: 14px;
    padding: 0px 5px;
    max-height: 30px;
    border: 1px solid var(--dark);
    border-radius: 2px;
    padding: 3px;
    border: 1px solid var(--primary-color-design);
    border-radius: 15px;
    min-height: calc(1.5em + 1.2rem + 2px);
    padding: .25rem 1rem;
    line-height: 34px;
    min-width: 192px;
}

.transform-rotate-180{ transform:rotate(180deg) !important; }
.transform-rotate-175{ transform:rotate(175deg) !important; }
.transform-scale-14{ transform:scale(1.4) !important; }
.transform-scale-13{ transform:scale(1.3) !important; }
.transform-scale-12{ transform:scale(1.2) !important; }
.transform-scale-11{ transform:scale(1.1) !important; }
.placeholder-14px:placeholder-shown{ min-height:40px !important;font-size:14px !important; }
.color-for-past-date{ color: #fe79ae !important; }
.bg-light-orange{ background-color:#ffd267 !important; }
.bg-light-gray{ background-color:var(--light-gray) !important; }
.bg-lighter-blue{ background-color:var(--lighter-blue-color) !important; }
.calendar-event-dashboard-toggler{ accent-color:var(--primary-color-design); }
.vertical-align-middle{ vertical-align:middle !important; }
.modal .modal-header .close.close-btn-without-position{ position:unset !important;margin-top:0 !important;margin-right:0 !important;margin-bottom:0 !important;margin-left:5px !important; }
[id='dynamic-select']{ transition:width .2s ease !important; }

.sensor-statistic-page .ring-container{ top:-20px;left:-20px; }
.security-page iframe{ aspect-ratio:1/0.7; }
.jquery-alert-open .jconfirm-box{ background-color:#ffd267 !important; }
.btn.p-0{ padding:0 !important; }
.p-2px{ padding:2px !important; }

.live-page .air-select-sensor{ font-size:14px;line-height:28px; }
/* .wundversorgung-page [id="calendar"]{ min-height:400px; } */

.three-col-grid{ display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:20px; }

.with-pulsing-animation{
	box-shadow: 0 0 0 0.5rem rgb(129 199 132 / 0);
	transform: scale(1);
	animation: pulse 10s infinite;
}

.with-pulsing-animation-5s{
	box-shadow: 0 0 0 0.5rem rgb(129 199 132 / 0);
	animation: pulse 5s infinite;
}

.table.remove-id-column thead th:first-child,
.table.remove-id-column tbody td:first-child{ display:none; }

.table.remove-second-column thead th:nth-child(2),
.table.remove-second-column tbody td:nth-child(2){ display:none; }

@keyframes pulse{
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgb(129 199 132 / 0);
	}
	50% {
		transform: scale(1);
		box-shadow: 0 0 0 0.5rem rgb(129 199 132 / 0.838);
	}
	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgb(129 199 132 / 0);
	}
}


.with-dropdown-arrow{
    display:flex !important;
    align-items:center !important;

    &::after{
        content: "";
        display: inline-block;
        width: 1.25rem;
        height: 1.25rem;
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="50" height="50"><path d="M0 0 C3.66377743 0.57380172 5.32767225 1.97269658 7.890625 4.59765625 C8.59960938 5.31630859 9.30859375 6.03496094 10.0390625 6.77539062 C10.76867188 7.53013672 11.49828125 8.28488281 12.25 9.0625 C12.99507812 9.82111328 13.74015625 10.57972656 14.5078125 11.36132812 C16.34546694 13.23432207 18.17575724 15.11395611 20 17 C23.14991294 15.61263623 25.19935814 14.00943764 27.56640625 11.5234375 C28.21673828 10.853125 28.86707031 10.1828125 29.53710938 9.4921875 C30.89313999 8.07469745 32.24729316 6.6554091 33.59960938 5.234375 C34.24865234 4.56664062 34.89769531 3.89890625 35.56640625 3.2109375 C36.15365479 2.59524902 36.74090332 1.97956055 37.34594727 1.34521484 C39 0 39 0 42 0 C41.45634458 3.98416091 39.56534815 5.78363228 36.74609375 8.546875 C35.89208984 9.39121094 35.03808594 10.23554688 34.15820312 11.10546875 C33.26037109 11.97816406 32.36253906 12.85085937 31.4375 13.75 C30.08495117 15.08224609 30.08495117 15.08224609 28.70507812 16.44140625 C26.47662902 18.63448315 24.24148407 20.82026044 22 23 C16.55641494 20.64475039 12.87402321 16.20263267 8.75 12.0625 C7.90953125 11.23814453 7.0690625 10.41378906 6.203125 9.56445312 C5.4090625 8.77103516 4.615 7.97761719 3.796875 7.16015625 C2.70391113 6.07166382 2.70391113 6.07166382 1.58886719 4.96118164 C0 3 0 3 0 0 Z " fill="%23000000" transform="translate(4,21)"/><path d="M0 0 C3.66377743 0.57380172 5.32767225 1.97269658 7.890625 4.59765625 C8.59960938 5.31630859 9.30859375 6.03496094 10.0390625 6.77539062 C10.76867188 7.53013672 11.49828125 8.28488281 12.25 9.0625 C12.99507812 9.82111328 13.74015625 10.57972656 14.5078125 11.36132812 C16.34546694 13.23432207 18.17575724 15.11395611 20 17 C23.14991294 15.61263623 25.19935814 14.00943764 27.56640625 11.5234375 C28.21673828 10.853125 28.86707031 10.1828125 29.53710938 9.4921875 C30.89313999 8.07469745 32.24729316 6.6554091 33.59960938 5.234375 C34.24865234 4.56664062 34.89769531 3.89890625 35.56640625 3.2109375 C36.15365479 2.59524902 36.74090332 1.97956055 37.34594727 1.34521484 C39 0 39 0 42 0 C41.45634458 3.98416091 39.56534815 5.78363228 36.74609375 8.546875 C35.89208984 9.39121094 35.03808594 10.23554688 34.15820312 11.10546875 C33.26037109 11.97816406 32.36253906 12.85085937 31.4375 13.75 C30.08495117 15.08224609 30.08495117 15.08224609 28.70507812 16.44140625 C26.47662902 18.63448315 24.24148407 20.82026044 22 23 C16.55641494 20.64475039 12.87402321 16.20263267 8.75 12.0625 C7.90953125 11.23814453 7.0690625 10.41378906 6.203125 9.56445312 C5.4090625 8.77103516 4.615 7.97761719 3.796875 7.16015625 C2.70391113 6.07166382 2.70391113 6.07166382 1.58886719 4.96118164 C0 3 0 3 0 0 Z " fill="%23000000" transform="translate(4,8)"/></svg>');
        background-repeat: no-repeat;
        background-size: 1.25rem;
        transform: rotate(180deg);
        transition: transform .2s ease-in-out;
    }

    &.collapsed::after{ transform: rotate(0deg); }
}

#mfb-wrapper path.active{ fill: rgba(255, 0, 0, 0.7) !important; }

.wundversorgung-page .custom-checkbox{
    input{ display:none; }
    input + span{
        position:relative;
        display:inline-block;
        width:20px;
        height:20px;
        border:1px solid #6c757d;
        border-radius:50%;
        position:relative;
        cursor:pointer;
        transition:all .2s;

        &.yellow-colored{ border-color:#ff9800 !important; }
    }
    input:checked + span.yellow-colored::after{
        background-color:#ff9800 !important;
    }
    input:checked + span::after{
        content:'';
        position:absolute;
        top:50%;
        left:50%;
        transform:translate(-50%, -50%);
        width:14px;
        height:14px;
        background-color:#6c757d;
        border-radius:50%;
    }
    input:checked + span.with-check-sign::after{
        content: '';
        position: absolute;
        top: 8px;
        left: 50%;
        transform: translate(-50%, -50%) rotate(307deg);
        width: 14px;
        height: 8px;
        background-color: transparent;
        border-radius: 1px;
        border-bottom: 3px solid #6c757d;
        border-left: 3px solid #6c757d;
    }
}
.wundversorgung-page{
    [id='calendar']{
        .fc-toolbar{ align-items:center; }
        .fc-center {
            text-align: center;

            h2{
                font-size: 20px;
                font-weight: 500;
                line-height: 32px;
            }
        }
        .fc-left{
            padding-left:10px;
            h2{
                font-size: 20px;
                font-weight: 500;
                line-height: 32px;
            }
        }
        .btn{
            padding:5px 15px !important;
            font-weight:500;
            font-size:16px;
            font-family:"Open Sans", sans-serif !important;
        }
    }
}

@media (max-width:1200px) {
    .entertainment-admin-page .jconfirm{
        .jconfirm-box{ min-width:fit-content; }
        .jconfirm-title{ white-space: nowrap; }
        .jconfirm-box div.jconfirm-content-pane{ max-height:fit-content !important; }
        .jconfirm-buttons{
            display:flex;
            flex-wrap:nowrap;

            button{
                font-size: 12px !important;
                padding: 5px 10px !important;
                max-height: 35px !important;
                min-height: 35px !important;
            }
        }
    }
}

.skype-video-call-bg-color{ background-color:#FDD790 !important; }
.skype-audio-call-bg-color{ background-color:#7AACEB !important; }
.skype-phone-call-bg-color{ background-color:#ACC8B2 !important; }
.skype-chat-bg-color{ background-color:#FE9870 !important; }

.entertainment-admin-page{
    .add-to-db-btn, .remove-from-db-btn{
        border: 0;
        position: absolute;
        top: 0px;
        right: 0px;
    }
}

body, h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6, p{
    font-family: 'Ubuntu Sans', sans-serif !important;
}

.ml-2px, .ms-2px{ margin-left:2px !important; }

.fixed-info-button-center-bottom{
    position:fixed !important;
    bottom:20px;
    left:50%;
    transform:translateX(-50%);
    max-width:auto !important;
    min-width:auto !important;
    width:fit-content !important;
    z-index:2;
}

.form-check.form-switch.black-and-white input{ box-shadow:none !important; }
.form-check.form-switch.black-and-white input:checked,
.form-check.form-switch.black-and-white input:focus{
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
    background-color:#ffffff !important;
    border-color:#bfbbb4 !important;
    box-shadow:none !important;
}

.border-of-black-and-white{ border:1px solid #bfbbb4 !important; }

.wundversorgung-page .jconfirm .close-button,
.wundversorgung-page .jconfirm-scrollpane .jconfirm-row .jconfirm-cell .jconfirm-holder .jconfirm-box-container .jconfirm-box .jconfirm-buttons .confirm-bestellen-btn.primary-color.close-button{
    border-radius: 50% !important;
    width: 35px !important;
    height: 35px !important;
    max-height: 35px !important;
    max-width: 35px !important;
    min-height: 35px !important;
    min-width: 35px !important;
    line-height: 32px !important;
    text-align: center !important;
    padding: 0px !important;
    margin: 0px !important;
    background-color: transparent !important;
    color: var(--gray-color) !important;
    border:1px solid var(--gray-color) !important;
    font-size: 1.5rem !important;
    font-weight: 700 !important;
}

.modal-open .fixed-info-button-center-bottom{ display:none !important; }


@media (min-width:992px) and (max-width:1124px) {
    .max-width-less-than-100-between-992-1124{ max-width:calc(100% - 48px); }
}
@media (min-width:992px) and (max-width:1475px) {
    .max-width-less-than-100-between-992-1475{ max-width:calc(100% - 48px); }
}

.step-completion-indicators > div{ position:relative;width:70px;height:70px; }
.step-completion-indicators svg,
.wound-documentation-form .body-part-svg svg{ stroke-width:0.3; }
.step-completion-indicators svg path.active,
.wound-documentation-form .body-part-svg path.active{ fill:rgba(255, 0, 0, 0.7) !important; }
.step-completion-indicators > div::after{ content:'';position:absolute;bottom:0px;right:10px;width:16px;height:16px;background-color:#fff; }

.step-completion-indicators > div.check::after{
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-check-lg bg-white' viewBox='0 0 16 16'%3e%3cpath d='M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425z'/%3e%3c/svg%3e");
    background-position:bottom right;
    background-size:16px 16px;
    background-repeat:no-repeat;
}

.wound-documentation-form .body-part-svg{ position:relative;width:100px;height:150px; }
.wound-documentation-form .body-part-svg::after{ content:'';position:absolute;bottom:0px;right:0px;width:30px;height:60px;background-color:#fff; }

input[type='checkbox']:not(:checked) + .button-label-of-input,
input[type='radio']:not(:checked) + .button-label-of-input{ opacity:0.5; }
input[type='checkbox']:not(:checked) + .button-label-of-input.hide-if-not-checked{ display:none !important; }


.with-dropdown-arrow.one-arrow::after{
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.with-dropdown-arrow.one-smaller-arrow::after{
    width:22px;
    height:14px;
    background-position:center;
    background-size:contain;
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.to-be-shown-hidden{ display:none; }
.collapsed .to-be-shown-hidden{ display:block; }

.red-shadow{ box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5) !important; }

.klima-page, .luftbrunnen-page{
    .klima-box{
        .today-word{ display:none; }
        position:absolute;top:7px;left:22px;
        .border-top{ display:none !important; }
        .border-top ~ *{ display:none !important; }
        .day-temp{ display:flex;flex-wrap:nowrap; padding-right:5px; }
        .box.rounded{  padding:0px !important;box-shadow:none !important;background-color:transparent !important; }
    }
    .weather-content{
        min-width:200px;
        margin-right:10px;
        .weather-header{
            margin-bottom:0px !important;
            h4{ font-size:20px !important;color:var(--gray-color) !important; }
        }
        .weather-description{
            display:flex;
            align-items:center;
            padding-left:5px !important;
            .weather-description-first{ font-size:17px !important;padding:0px 5px 3px 3px !important; }
        }
        .svg-icon{ object-fit:cover;width:35px !important; }
        .today-word{ display:none; }
        .border-top{ display:none !important; }
        .border-top ~ *{ display:none !important; }
        .day-temp{ display:flex;flex-wrap:nowrap; padding-right:5px; }
        .box.rounded{  padding:0px !important;box-shadow:none !important;background-color:transparent !important; }
    }
    .air-content{ margin-bottom:10px; }
}

.dataTables_paginate{
    display:none;
    &:has([data-dt-idx='3']){ display:block; }
}

.modal-open .ui-widget-content.ui-autocomplete{ display:none !important; }

.live-page .item-list .item{
    .img-wrapper{
        .iframe-wrapper{ background-color:white;display:none !important; }
    }
    .toggle-iframe{ display:none; }
    &.active .toggle-iframe{
        display:block;
        position:absolute;
        top:20px;
        right:33px;
        z-index:1;
    }
}
.live-page .item-list .item.active.iframe-open{
    .list-of-buttons{
        display:flex !important;
        flex-wrap:nowrap !important;
        min-height:90px !important;
        overflow:auto;
    }

    .img-wrapper{
        min-height:600px !important;
        border-radius:30px 30px 0px 0px !important;
        overflow:hidden;
        .iframe-wrapper{
            height:100% !important;
            width:100% !important;
            position:absolute;
            top:0px;
            left:0px;
            display:block !important;
        }
        .iframe-wrapper iframe{
            width:100% !important;
            height:100% !important;
            border:0;
        }
    }

    .back-btn-wrapper{ display:none !important; }
}

.three-swich-state-container{
    .three-swich-state{
        min-width:70px !important;
        min-height:20px !important;
        border-radius:5px !important;
        background-color:transparent !important;
        background-image: none !important;
        
        &[data-state='0'] ~ .swich-state-option{ transform:translate3d(13px, 2px, 0px); }
        &[data-state='1'] ~ .swich-state-option{ transform:translate3d(44px, 2px, 0px); }
        &[data-state='2'] ~ .swich-state-option{ transform:translate3d(68px, 2px, 0px); }
        
        &[data-state='0'] ~ .swich-state-option-bg{ transform:translate3d(7px, 0px, 0px);width:86px; }
        &[data-state='1'] ~ .swich-state-option-bg{ transform:translate3d(40px, 0px, 0px);width:20px;background-color:#28a745; }
        &[data-state='2'] ~ .swich-state-option-bg{ transform:translate3d(64px, 0px, 0px);width:29px;background-color:#ffb445; }
    }
    
    .swich-state-option{ position:absolute;left:0px;top:0px;height:100%;pointer-events:none;color:white;font-size:10px; }
    .swich-state-option-bg{ pointer-events:none;width:30px;height:20px;position:absolute;left:0px;top:0px;background-color:var(--gray-color);border-radius:5px;transition:all .2s ease; }
}

.three-swich-state-container.four-types{
    .three-swich-state{
        &[data-state='0'] ~ .swich-state-option{ transform:translate3d(6px, 5px, 0px); }
        &[data-state='1'] ~ .swich-state-option{ transform:translate3d(14px, 5px, 0px); }
        &[data-state='2'] ~ .swich-state-option{ transform:translate3d(27px, 5px, 0px); }
        &[data-state='3'] ~ .swich-state-option{ transform:translate3d(40px, 5px, 0px); }
        
        &[data-state='0'] ~ .swich-state-option-bg{ transform:translate3d(2px, 2px, 0px);width:71px; }
        &[data-state='1'] ~ .swich-state-option-bg{ transform:translate3d(9px, 2px, 0px);width:61px; }
        &[data-state='2'] ~ .swich-state-option-bg{ transform:translate3d(22px, 2px, 0px);width:34px; }
        &[data-state='3'] ~ .swich-state-option-bg{ transform:translate3d(35px, 2px, 0px);width:38px; }
    }
    
    .swich-state-option{ position:absolute;left:0px;top:1px;height:100%;pointer-events:none;color:white;font-size:9px; }
    .swich-state-option-bg{ pointer-events:none;width:30px;height:20px;position:absolute;left:0px;top:0px;background-color:var(--gray-color);border-radius:5px;transition:all .2s ease; }
}

.three-swich-state-container.two-types{
    .three-swich-state{
        &[data-state='0'] ~ .swich-state-option{ transform:translate3d(6px, 5px, 0px); }
        &[data-state='1'] ~ .swich-state-option{ transform:translate3d(22px, 5px, 0px); }
        
        &[data-state='0'] ~ .swich-state-option-bg{ transform:translate3d(2px, 2px, 0px);width:30px; }
        &[data-state='1'] ~ .swich-state-option-bg{ transform:translate3d(18px, 2px, 0px);width:25px; }
    }
    
    .swich-state-option{ position:absolute;left:0px;top:1px;height:100%;pointer-events:none;color:white;font-size:9px; }
    .swich-state-option-bg{ pointer-events:none;width:30px;height:20px;position:absolute;left:0px;top:0px;background-color:var(--gray-color);border-radius:5px;transition:all .2s ease; }
}

.three-swich-state-container.two-types.with-circle{
    .three-swich-state{
        &[data-state='0'] ~ .swich-state-option{ transform:translate3d(6px, 5px, 0px); }
        &[data-state='1'] ~ .swich-state-option{ transform:translate3d(6px, 5px, 0px); }
        
        &[data-state='0'] ~ .swich-state-option-bg{ transform:translate3d(2px, 2px, 0px);width:30px; }
        &[data-state='1'] ~ .swich-state-option-bg{ transform:translate3d(2px, 2px, 0px);width:25px; }
    }
    
    .swich-state-option{ position:absolute;left:0px;top:1px;height:100%;pointer-events:none;color:white;font-size:9px; }
    .swich-state-option-bg{ pointer-events:none;width:30px;height:20px;position:absolute;left:0px;top:0px;background-color:var(--gray-color);border-radius:5px;transition:all .2s ease; }
}

.notification-container{
    position:fixed;
    top:20px;
    right:10px;
    z-index:1;

    button{
        background-color:var(--green-color-design) !important;
    }
}

.order-unset{ order:unset !important; }
.pr-2px{ padding-right:2px !important; }
.transform-translate-0{ transform:translate(0, 0) !important; }
.transform-origin-right{ transform-origin:right; }
.text-transform-unset{ text-transform:unset !important; }
.form-control.shadow-none:focus{ box-shadow:none !important; }
.my-btn.green.choose-shop-btn.orange-bg{ background-color:var(--orange-color) !important; }
.my-btn.green.choose-shop-btn.red-shadow{ box-shadow:0 0 0 .2rem rgba(225,83,97,.5) !important; }

.label-of-no-data.bg-warning:hover{ background-color:#d39e00 !important; }
.title-position.my-btn.d-none{ display:none !important; }
.margin-right-minus-25{ margin-right:-25px !important; }

.wait-ten-seconds-login-indicator{
    position:absolute;
    top:0px;
    left:0px;
    width:0px;
    height:4px;
    opacity:1;
    background-color:var(--primary-color-design);
    will-change:width;
    transition:width 10s linear, opacity 0.5s ease 10s;

    &.on{ width:100%;opacity:0; }
}

.plain-accordion{
    .plain-accordion-button .plain-accordion-arrow-down{ transition:transform .3s ease-in-out; }
    .plain-accordion-body{ max-height:0px;border-radius:10px;overflow:hidden;transition:max-height .3s ease-in-out; }
    &.close-only-to-250 .plain-accordion-body{ max-height:250px;transition:max-height .3s ease-in-out; }
    &.open{
        .plain-accordion-button .plain-accordion-arrow-down{ transform:rotate(180deg); }

        .plain-accordion-body{
            max-height:600px;
            transition:all .2s ease-in-out;
        }
    }
}

.dashboard-page .termine-box,
.dashboard-page .terminen-modal{
    .calendar-m{ /* for medicament */
        border-left:8px solid #3366b2 !important;
    }
    .calendar-w{ /* for wound */
        border-left:8px solid #9c837a !important;
    }
    .calendar-t{ /* for termins */
        border-left:8px solid #ec6e4c !important;
    }
}

.termine-page .calendar-header-content .fc-header-toolbar{
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* Two columns with equal width */
    grid-template-rows: auto; /* Automatically adjust row height */

    .fc-toolbar-chunk:nth-of-type(1) { grid-column:1; }
    .fc-toolbar-chunk:nth-of-type(2) { display:flex;justify-content:flex-start;flex-direction:row-reverse;grid-column:2; }
    .fc-toolbar-chunk:nth-of-type(3) { grid-column:1 / span 2; }
    .fc-prev-button,
    .fc-next-button,
    .fc-today-button{ margin:0px 0px 0px 10px !important; }
    .fc-dayGridMonth-button{ margin-left:0px !important; }
    .fc-timeGridWeek-button,
    .fc-timeGridDay-button,
    .fc-listMonth-button{ margin:0px 0px 0px 10px !important; }
}

.datepickers-container{ z-index:1500; }

.profil-page .box.element-to-animate,
.gewicht-page .box.element-to-animate{
    &:has(.multi-collapse.show) .data-inside,
    &:has(.multi-collapse.collapsing) .data-inside{ opacity:0;pointer-events:none; }

    /* &:has(.data-inside:not(:empty)) .data-inside,
    &:has(.data-inside:not(:empty)) .data-inside{ opacity:0;pointer-events:none; }
    
    &:has(.multi-collapse.show):has(.data-inside:not(:empty))::before,
    &:has(.multi-collapse.collapsing):has(.data-inside:not(:empty)):before{ opacity:0;pointer-events:none; } */
}

@media (max-width:992px){
    .tablet-with-shadow-border-07{ box-shadow:0px 0px 0px 0.7px #8e8e8e !important; }
    .tablet-transform-scale-14{ transform:scale(1.4) !important; }
}

@media (max-width:765px){
    .profil-page .box.element-to-animate:has(.data-inside:not(:empty))::before,
    .gewicht-page .box.element-to-animate:has(.data-inside:not(:empty))::before{ display:none; }
}

.box.element-to-animate{
    position:relative;
    
    &:has(.data-inside:not(:empty)) .data-inside{ display:flex;align-items:center;padding-left:0px;opacity:1;pointer-events:all;transition:all 0.3s ease; }
    &:has(.multi-collapse.collapsing.show):has(.data-inside:not(:empty)) .data-inside{ opacity:0;pointer-events:none; }

    &:has(.data-inside:not(:empty))::before{ content:'';position:absolute;top:0px;left:150px;width:2px;height:100%;background-color:#28a745;border-radius:1px;display:inline-block;opacity:1;pointer-events:all;transition:all 0.3s ease; }
    &:has(.data-inside:not(:empty)):has(.multi-collapse.show)::before,
    &:has(.data-inside:not(:empty)):has(.multi-collapse.collapsing)::before{ opacity:0;pointer-events:none; }
}

.profil-page .box.element-to-animate:has(.data-inside:not(:empty))::before{ left:203px; }
.gewicht-page .box.element-to-animate:has(.data-inside:not(:empty))::before{ left:275px; }

.jconfirm:has(.with-rounded-centered-styles){
    .jconfirm-box{ border-radius:15px !important;}
    .jconfirm-title{ width:100% !important; }
}

.dashboard-page:not(.dont-change-alert-styles) .jconfirm:has(.with-rounded-centered-styles) .jconfirm-box div.jconfirm-content-pane.no-scroll{ height:auto !important;margin-bottom:5px; }
.jconfirm:has(.with-rounded-centered-styles-also-buttons),
[id="custom_container_for_rounded_centered_confirm"]{
    .jconfirm-box{ border-radius:15px !important; }
    .jconfirm-title{ width:100% !important; }
    .jconfirm-buttons{ width:100%;display:flex;justify-content:center; }
}

.jconfirm:has(.with-rounded-centered-styles):has(.border-radius-30){
    .jconfirm-box{ border-radius:30px !important; }
}

.advanced-view-btn{
    background-color:var(--lighter2-gray-color) !important;
    color:#343a40 !important;
    
    &.collapsed{background-color:var(--light-gray) !important;}
    &:hover{ background-color:var(--lighter-gray-color) !important; }
    &:focus{ box-shadow:0 0 0 0.2rem #81c784 !important; }
    &:hover:focus{ box-shadow:0 0 0 0.2rem #81c784 !important; }
}

.dashboard-page.special-view{
    [for="navbar-toggler"]{ display:none; }
    .notification-container{ display: none; }
    .nextto-nav{ max-width:100vw !important; }
    /* .box-synced-with-db:not(.zentralsteuerung-box){ display:none !important; } */
    .element-to-animate{ justify-content:center !important; }
}

.custom-switch-container{
    .custom-switch {
        position:relative;
        display:inline-block;
        width:60px;
        height:25px;
    }
    .custom-switch input {
        opacity:0;
        width:0;
        height:0;
    }
    .slider {
        position:absolute;
        cursor:pointer;
        top:0;
        left:0;
        right:0;
        bottom:0;
        background-color:#fff;
        border:2px solid #ccc;
        transition:.2s;
    }
    .slider:before {
        position:absolute;
        content:"";
        height:17px;
        width:17px;
        left:2px;
        bottom:2px;
        background-color:#ccc;
        transition:.2s;
    }
    input.green-design-active:checked + .slider {
        border-color:var(--primary-color-design);
        &::before{ background-color:var(--primary-color-design); }
    }
    input:checked + .slider:before {
        transform:translateX(35px);
    }
    input[data-not-selected-yet] + .slider:before{ transform: translateX(17px); }
    input[data-not-selected-yet] + .slider:after{ content:"Select";position:absolute;top:1px;left:2px;background-color:rgba(255, 255, 255, .7);font-size:13px;width:calc(100% - 4px);border-radius:5px;text-align:center;opacity:.5;pointer-events:none; }
    .slider.round {
        border-radius:34px;
    }
    .slider.round:before {
        border-radius:50%;
    }
}
.max-height-with-transition{
    max-height:0px;
    transition:max-height .3s ease-in-out;
    overflow:hidden;
}
.mobile-login-button{ position:absolute;bottom:20px;right:20px;margin-right:73px !important;opacity:0.1; }

.jconfirm:has(.with-light-blue-bg){
    .jconfirm-box{ background-color:#eaf8ff !important; }
}

.glassmorphism-background{
    /* background-image:url('../images/glassmorphism_background_3.jpg'); */
    /* background-image:url('../images/glassmorphism_background_2.jpg'); */
    /* background-image:url('../images/glassmorphism_background.jpg'); */
    /* background-size:cover; */
    /* background-position:center; */
    /* background-repeat:no-repeat; */

    .box{
        background: rgba(0, 150, 136, 0.09);
        box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(2px);
        border-radius: 10px;
        border: 1px solid rgba(255, 255, 255, 0.18);
        transition:all .4s ease-in-out;

        &:hover{
            backdrop-filter:blur(1px);
            background: rgba(0, 150, 136, 0.03);
        }
    }
}

.routine-page{
    .select-group{
        .item:not(.from-database):nth-of-type(1) .top-right-position-btn{ display:none !important; }
        .item .top-right-position-btn{ position:absolute;top:-7px;right:9px; }
    }
    .from-database .sensor-rules-custom-timer-toggle-btn{ position:absolute;top:-7px;right:81px; }
    .sensor-rules-custom-timer-toggle-btn{ position:absolute;top:-7px;right:9px; }
}

.regenwarnung-page .box.wetter .svg-icon{ width:55px;height:55px; }
.regenwarnung-page .box.wetter .svg-icon.small{ width:35px;height:35px; }
.regenwarnung-page .box.wetter .list-of-days .day{ text-align:center; }
.regenwarnung-page .box.wetter .list-of-days .day-temp{ font-size:11px; }
.regenwarnung-page .box.wetter .list-of-days .day:not(:first-child){ margin-left:5px; }
.regenwarnung-page .box.wetter .weather-header .icon{
    width: 35px;
    height: 35px;
    display: inline-block;
    object-fit: contain;
}