.search-result--u-i1rsm1v8f {}

.container--u-ifpzm85a2 {
    padding-top: 20px
}

.text--u-i965ak7dx {
    font-size: 30px;
    margin-bottom: 20px;
    display: block
}

.search-bar--u-ifi4k71wt {
    margin-bottom: 20px;
    display: flex;
    align-items: flex-start
}

.search-bar__field--u-ihksprrpo {
    flex-grow: 1;
    flex-shrink: 0;
    margin-right: 5px
}

.search-bar__input--u-iuapf80ql {
    width: 100%;
    margin-right: 0px
}

.root--u-i8z5xo3zc {
    height: 100vh
}

.div--u-i6ermx7dp {
    height: 100%;
    display: flex;
    flex-direction: column
}

.text--u-i4mhhgr1j {
    margin-left: 5px;
    margin-right: 5px
}

.div--u-i7x2qz0tm {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.image--u-ii6hmq287 {
    display: none
}

.div--u-ip0jtul6f {
    display: none;
    flex-direction: column;
    align-items: flex-start
}

.div--u-i64zt1c91 {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.form--u-ijm5ftzrp {
    width: 80%;
    padding-left: 0px;
    padding-right: 0px
}

.div--u-i3hrbp0oy {
    width: 100%
}

.text--u-ikheucxx8 {
    margin-left: 5px;
    margin-right: 5px
}

.text--u-isjudvljz {
    margin-left: 5px;
    margin-right: 5px
}

.text--u-iq38izcqe {
    margin-left: 5px;
    margin-right: 5px
}

.text--u-iauorz24j {
    margin-left: 5px;
    margin-right: 5px
}

.text--u-igx01vp7w {
    margin-left: 5px;
    margin-right: 5px
}

.div-heder {
    height: 100px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

.div-futer {
    height: 100px;
    background-color: rgb(51, 51, 51);
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: 100%
}

.div-470 {
    max-width: 470px;
    background-color: rgb(60, 60, 60);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    max-height: none;
    width: 100%
}

.div-all {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    color: rgba(255, 255, 255, 1);
    width: 100%
}

.text-50 {
    font-size: 50px
}

.text-heder-back {
    width: 80px;
    display: block;
    flex-direction: column;
    align-items: center;
    text-align: center
}

.text-heder-name {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center
}

.text-heder-add {
    width: 80px;
    display: block;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center
}

.div-futer-image-text {
    width: 100px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.img-futer {
    width: 30px;
    height: 30px;
    margin-bottom: 3px;
    max-width: 30px;
    max-height: 30px
}

.div-pages {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 0;
    padding-left: 0px;
    padding-right: 0px;
    height: 50%;
    justify-content: center;
    align-items: center;
    width: 100%;
    -ms-flex-order: 0;
    -webkit-order: 0;
    order: 0;
    align-self: auto
}

.div-page-home {
    height: 100%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    width: 100%
}

.div-all-devices-scroll {
    overflow-x: auto;
    overflow-y: auto;
    height: 100%;
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 0px;
    padding-bottom: 0px;
    align-items: center
}

.image-load {
    width: 30px;
    height: 30px;
    display: flex;
    flex-direction: row;
    padding-top: 100px;
    padding-bottom: 100px
}

.div-all-devices-dt-online {
    background-color: rgb(84, 84, 84);
    display: inline-flex;
    width: auto;
    margin-top: 20px;
    margin-left: 20px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 2px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.div-all-devices-dt-online-green {
    width: 10px;
    height: 10px;
    background-color: rgb(78, 255, 62);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-top: 4px
}

.text-all-devices-dt-online {
    display: block
}

.div-all-devices-dt-name {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin-top: 10px
}

.img-all-devices-dt-name {
    width: 30px;
    height: 30px
}

.text-all-devices-dt-name {
    font-size: 22px;
    margin-bottom: 2px
}

.div-all-devices-box {
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 20px;
    justify-content: flex-start;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px
}

.div-all-devices-contr-online-green {
    width: 10px;
    height: 10px;
    background-color: rgb(78, 255, 62);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-top: 4px
}

.text-all-devices-contr-online {
    display: block
}

.div-all-devices-contr-name {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin-top: 10px
}

.text-all-devices-contr-name {
    font-size: 22px;
    margin-bottom: 2px
}

.div-all-devices-contr-work {
    display: flex;
    justify-content: center;
    margin-top: 10px
}

.text-all-devices-contr-value {
    font-size: 60px;
    width: 100%;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 0px
}

.text-all-devices-contr-work {
    font-size: 26px;
    width: 100%;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px
}

.div-all-devices-contr-ustavka {
    display: flex;
    justify-content: center
}

.text-all-devices-contr-ustavka {
    font-size: 26px;
    width: 100%;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px
}

.text-all-devices-contr-klimat {
    width: 100%;
    text-align: center;
    font-size: 26px;
    margin-top: 10px;
    margin-bottom: 10px
}

.komment {
    display: none
}

.img-futer-user {
    width: 30px;
    height: 30px;
    background-size: auto;
    background-image: none;
    background-repeat: repeat;
    background-position: 0 0;
    background-attachment: scroll;
    margin-bottom: 3px
}

.div-device-info-online {
    background-color: rgb(84, 84, 84);
    display: inline-flex;
    width: auto;
    margin-top: 20px;
    margin-left: 20px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 2px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.div-device-info-online-green {
    width: 10px;
    height: 10px;
    background-color: rgb(78, 255, 62);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-top: 4px
}

.text-device-info-online {
    display: block
}

.div-device-info-name {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin-top: 10px
}

.img-device-info-name {
    width: 30px;
    height: 30px
}

.text-device-info-name {
    font-size: 22px;
    margin-bottom: 2px
}

.text-device-info {
    text-align: center;
    width: 100%;
    font-size: 22px;
    margin-top: 10px;
    margin-bottom: 10px
}

.btn-big {
    background-color: rgb(75, 75, 75);
    background-image: none;
    background-size: auto;
    width: 90%;
    height: 50px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 20px;
    margin-left: 0px;
    margin-right: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    cursor: pointer
}

.div-big-contr-online {
    background-color: rgb(84, 84, 84);
    display: inline-flex;
    width: auto;
    margin-top: 20px;
    margin-left: 20px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 2px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.div-big-contr-online-green {
    width: 10px;
    height: 10px;
    background-color: rgb(78, 255, 62);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-top: 4px
}

.text-div-big-contr-online {
    display: block
}

.div-big-contr-name {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin-top: 10px
}

.img-big-contr-name {
    width: 30px;
    height: 30px
}

.text-big-contr-name {
    font-size: 22px;
    margin-bottom: 2px;
    text-align: center
}

.div-big-contr-work {
    display: flex;
    justify-content: center;
    margin-top: 10px
}

.text-big-contr-value {
    font-size: 60px;
    width: 100%;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 0px
}

.div-big-contr-ustavka {
    display: flex;
    justify-content: center
}

.text-aria-set-confirm {
    text-align: center;
    width: 100%;
    font-size: 26px;
    margin-top: 20px;
    margin-bottom: 20px
}

.divrange-set-input-range {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.embed-code {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center
}

.imgs_futer-scen {
    width: 30px;
    height: 30px;
    min-height: 30px;
    min-width: 30px;
    max-height: 30px;
    max-width: 30px
}

.imgs_futer-user {
    width: 30px;
    height: 30px;
    min-height: 30px;
    min-width: 30px;
    max-height: 30px;
    max-width: 30px
}

.imgs_futer {
    width: 30px;
    height: 30px
}

.div-big-dev {
    background-color: rgb(117, 117, 117);
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    height: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%
}

.div-online {
    background-color: rgb(84, 84, 84);
    display: flex;
    width: auto;
    margin-top: 10px;
    margin-left: 20px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 2px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    margin-bottom: 10px
}

.div-online-green {
    width: 10px;
    height: 10px;
    background-color: rgb(78, 255, 62);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-top: 4px
}

.text-online {
    display: block
}

.div-big-name {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin-top: 10px;
    margin-bottom: 10px;
    flex-direction: row;
    width: 100%
}

.img-big-name {
    width: 30px;
    height: 30px;
    display: flex;
    margin-left: 5px;
    margin-right: 5px
}

.text-big-name {
    font-size: 22px;
    margin-bottom: 2px
}

.text-big-temp {
    font-size: 60px;
    width: 100%;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 0px
}

.div-box-btns-big {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%
}

.div-btn-big-contr-startstop {
    background-color: rgba(75, 75, 75, 0);
    justify-content: space-between
}

.form-set-input-text {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 0px;
    padding-bottom: 0px
}

.div-all-devices {
    background-color: rgb(117, 117, 117);
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    height: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%
}

.div-big-dt {
    display: flex
}

.div-device-info {
    display: flex
}

.div-contr-sets {
    display: flex
}

.div-set-input-text {
    display: flex
}

.div-set-confirm {
    display: flex
}

.div-set-input-range {
    display: flex
}

.div-big-contr {
    display: flex
}

.btn-big-contr-start {
    width: 48%
}

.btn-big-contr-stop {
    width: 48%
}