.sensor_list{
    height: 40px;
    width: 50px;
    border-radius: 8px;
    background-color: rgba(40,134,199,0.7);;
    cursor: pointer;
    display: none;
    align-items: center;
    top: 133px;
    right: 3px;
    transition: width 0.3s ease;
}

.icon_width{
    width: 151px;
}

.sensor_list h3{
    font-size: 16px;
    overflow: hidden;
    word-break: break-word;
    text-align: center;
}
.sensor_change_icon {
    display: block;
    background-color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    margin-left: 10px;
}
.inner_circle{
    background-color: rgba(40,134,199,0.8);
    width: 20px;
    height: 20px;
    border-radius: 50px;
    margin-left: 5px;
    margin-top: 5px;
}

.sensor_icon_text{
    font-size: 14px;
    transition: 0.2s ease;
}
div.show_icon_text{
    display: block;
    animation: slide 0.3s ease;
    text-align: center;
    width: 100%;
}
.sensor_rooms,
.sensor_icon_text{
    display: none;
}
.d_none{
    display: none;
}
.sensor_room_info{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}
.sensor_room_info img{
    width: 60px;
    height: 60px;
    object-fit: cover;
}
.sensor_room_wrapper{
    border-top: 1px solid #000;
}
div.active_sensor_list{
    display: block;
}
.sensor_listing{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    justify-content: start;
    border-bottom: 1px solid #000;
}
.sensor_img_wrapper{
    width: 50px;
    height: 50px;
    padding: 5px;
    box-shadow:0px 0px 5px 0px rgba(0,0,0,0.5) inset
}
.sensor_img_wrapper img{
    width: 90%;
}
.sensor_name_wrapper{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}
.sensor_listing h3,
.temp_details,
.sensor_room_info h3,
.sensor_temp_value,
.sensor_humi_value {
    max-height: 100%;
    font-size: 16px;
    overflow: hidden;
    word-break: break-word;
    margin:0px 5px;
}
.sensor_temp_value,
.sensor_humi_value{
    color: #fff;
}
.sensor_temp_wrapper{
    margin-left: auto;
}
.temp_list{
    margin-right: 15px;
}
.temp_details{
    margin-left: 15px;
}
.temp_icon{
    background-image: url(../img/termometer.svg);
}
.humi_icon{
    background-image: url(../img/humi.svg);
}
.temp_icon,
.humi_icon{   
    height: 15px;
    width: 15px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
}

.temp_wrapper{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}
.main_sensor_check{
    font-size: 12px;
    color:#2886c7 ;
    margin:0px 5px;
}

.check_show{
    width: 20px;
    height: 20px;
    background: url(../img/checkbox_bg.png) no-repeat 50%;
    background-size: contain;
    display: none;
}
.check_visible{
    display: block;
}
.check_sensor{
    display: block;
}
.choose_sensor_wrapper .sensor_name{
    background-color: rgba(0, 0, 0, 0);
}
.choose_sensor_wrapper h3 {
    padding: 0px !important;
}
.hollow_sensor_wrapper{
    display: none;
}
.append_sens_menu{
    display: block;
}
#change_main_sensor_toggler .text{
    text-align: center;
    width: 100%;
    display: inline-block;
    margin: 10px 0px;
}
.sensor_icon_toggler{
    background-image: url(../img/arrow_down.png);
    background-size: 20px !important;
}
.add_arrow_up{
    background-image: url(../img/arrow_up.png);
    background-size: 20px !important;
}

.remove_main_sensor_wrapper{
    border-bottom: 1px solid #000;
}
.remove_main_sensor,
.disable_sensor_btn{
    width: 50%;
}
.remove_main_sensor_btn{
    width: 100%;
    text-align: left;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5) inset;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}
.remove_main_sensor_btn p {
    max-height: 100%;
    font-size: 16px;
    overflow: hidden;
    word-break: break-word;
    margin: 0px 10px;
    padding: 15px 0px;
}
.disable_sensor_btn{
    background-color: #27516c;
}

.disable_sensor_btn p{
    text-align: center;
}
@keyframes slide {
    0% {opacity:0 ;}
    80% {opacity:0 ;}
    100% {opacity:1;}
  }