@charset "utf-8";
/* CSS Document */
.lb_bg{background-color: rgba(0,0,0,.5);}
.lb_bg_on_top{height: 100%; width: 100%; background-color: rgba(0,0,0,.5); z-index: 10000; position: absolute; top: 0; right: 0; left: 0; bottom: 0;}

.lb_container_70p{width: 70%; height: auto; background-color: #fff; margin:0 auto; margin-top: 5%; border-radius: 0.5em; color: #ccc;}
.lb_container_50p { max-width:45%; min-width: 680px; height: auto; background-color: #fff; margin:0 auto; border-radius: 0.5em; color: #ccc; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.lb_sec_title{width: auto; height:35px; padding: 2% 0 0% 3%; background-color: #00b0d0; border-radius: 0.5em 0.5em 0 0; overflow: hidden; position: relative;}
.lb_title{width:100%; height: 30px; font-size: 1.2em; color: #fff}
.lb_deck{width:100%; height: auto; font-size: 1em; color: #efefef; padding-bottom: 1.5%;}
.lb_sec_content{padding:3% 0 1%;}
.lb_cell{display: flex; width: 85%; padding:2% 6% 1%;float: left;}
.lb_cell_thin{width: 90%; padding:0% 3% 1%;float: left; overflow: hidden;}
.lb_cell_name{display: flex; width:35%; font-size: 1em; color: #333; padding: 0 5% 0 0;}
.lb_cell_form_name{width:95%;float: left; font-size: 1em; color: #333;margin:0% 3%; padding:0% 3% 2% 0%; border-bottom: 1px solid #ccc;}
.lb_cell_content1{width:53%; height:25px; border-bottom: 1px solid #999; float: left; font-size: 1.2em; color: #333}
.lb_cell_content1 input{border: 0; height: 22px; overflow: auto; width: 100%; font-size: 1em; color: #666; background: transparent; font-family: roboto,sans-serif,helvetica neue,Helvetica,Arial}
.lb_cell_content2{width:55%; display: flex; justify-content: space-between; position: relative;}
.lb_cell_content2_note{width:75%; font-size: 0.8em; color: #999; line-height: 15px;}
.lb_cell_content3{width:53%; font-size: 1em; color: #333}
.lb_cell_content4{width:50%;}
.lb_cell_content_info{font-size: 1em; color: #333; line-height: 22px; text-align: left;}
.lb_snapshot_img{width:93%; height: 360px; margin-top: 10%; background-color: #efefef; margin:0 auto;}
.lb_snapshot_img img{width:100%; height: 100%}

.switch_bg{width: 43px; height: 25px; border-radius: 1em; position: relative; background-color: #00b0d0; float: left;}
.switch_btn{width: 23px; height: 23px; border-radius: 1em; border: 1px solid #999; background-color:#fff; position: relative; top:-0px; float: right; right: -5px; cursor: pointer;}
.switch_btn_off{width: 23px; height: 23px; border-radius: 1em; border: 1px solid #ccc; background-color:#fff; position: relative; top:-0px; float: left; cursor: pointer;}
.switch_bg_off{width: 43px; height: 25px; border-radius: 1em; position: relative; background-color: #ccc; float: left;}
.switch_btn_off_disable{width: 23px; height: 23px; border-radius: 1em; border: 1px solid  rgba(204, 204, 204, .4); background-color:#fff; position: relative; top:-0px; float: left; cursor:not-allowed;}
.switch_bg_off_disable{width: 43px; height: 25px; border-radius: 1em; position: relative; background-color: rgba(204, 204, 204, .2); float: left;}
.lb_cell_content2_note_disable{width:75%; font-size: 0.8em; color: #ddd; line-height: 15px; float: right; font-weight: 100}
.option_txt{float: right; width: 78%;}
.option_01{width: 38.5%;  min-height: 80px; border:3px solid #efefef; background-color: #efefef; float: left; margin: 3% 2% 3% 6%; padding: 2%; border-radius: 0.5em;}
.option_01:hover{ border:3px solid #00b0d0; cursor: pointer;}
.option_01 .option_title{text-align:  left; margin: 2%; color: #333}
.option_01 .option_title p{margin: 0.2em 0}
.option_01 .option_content{text-align:  center; margin: 2%; color: #666; font-size: 0.8em; text-align: left;line-height: 20px;}

.option_02{width: 38.5%; min-height: 80px; border:3px solid #efefef; background-color: #efefef; float: left; margin: 3% 0 3% 1%; padding: 2%; border-radius: 0.5em;}
.option_02:hover{border:3px solid #00b0d0; cursor: pointer;}
.option_02 .option_title{text-align:  left; margin: 2%; color: #333}
.option_02 .option_title p{margin: 0.2em 0}
.option_02 .option_content{text-align:  left; margin: 2%; color: #666; font-size: 0.8em; text-align: left; line-height: 20px;}
.app_icon{width: 50px; height: 50px; display: block; margin: 2% 2% 2% 0%; float: left;}
.app_icon img{width: 100%; height: 100%;}
.sup{vertical-align: super; font-size: smaller;}
.option_note{display:flex;justify-content:center;align-items:center; width:86%; padding:0 7%; font-size: 0.8em; color: #666; margin: 10px 0 5%;}


.lb_cell_btn{width:100%; font-size: 1em; }
.lb_btn_c{ width: 50.5%; text-align: center; margin:0 auto; background-color: #00b0d0; color: #fff;padding: 1%; border-radius: 0.5em;}
.lb_btn_c:hover{background-color: #009eba; color: #fff; cursor: pointer;}
.lb_btn_01{width: 21%; text-align: center;background-color: #efefef; color:#999; float: left; margin: 6% 2% 6% 25%; padding: 1%; border-radius: 0.5em;}
.lb_btn_01:hover{background-color: #999; color: #fff; cursor: pointer;}
.lb_btn_02{width: 21%; text-align: center; background-color: #00b0d0; color: #fff; float: left; margin: 6% 0 6% 1%; padding: 1%; border-radius: 0.5em;}
.lb_btn_02:hover{background-color: #009eba; color: #fff; cursor: pointer;}
.lb_close_btn{width: 20px; height: 20px; margin: 2% 2% 0; position: absolute; top:1%; right: 1%; background-image: url("images/cameraPortal/icon_close.svg"); cursor: pointer;}
.lb_close_btn:hover{background-image: url("images/cameraPortal/icon_close_hover.svg")}
.filter_form{width:90%; height: auto; padding: 1% 0; font-size: 1em; line-height: 18px; overflow: hidden; margin: 0 auto;}
.filter_option{width: 30%; height: 30px; padding: 1%; color: #333; float: left;}
.filter_item{float: left;width:10%; height: 50px; padding:0 3px;}
.filter_name{float: left;width:80%; height:50px; padding:2px 3px;}
.warning_msg{ margin-left: 40%; font-size: 0.8em; font-weight: normal; color: #f00; width:45%}

.popup_container_30p{width: 30%; height: auto; background-color: #fff; margin:0 auto; padding: 1% 0 1% 0; border-radius: 0.5em; color: #ccc; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.popup_container{line-height:1.5em; margin: 2%; padding: 2% 5% 0% 5%; color: #333; font-size: 1em; text-align: left;}
.popup_title{margin-bottom: 0.5em;}
.popup_text{font-size: 0.8em; margin-bottom: 3em;}
.popup_title_c{text-align: center; margin-bottom: 0.5em;}
.popup_text_c{text-align: center; font-size: 0.8em;}
.popup_container_30p_recording{width: 30%; height: auto; background-color: #fff; margin:0 auto; margin-top: 0%; padding: 1% 0 1% 0; border-radius: 0.5em; color: #ccc; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.popup_container_recording{line-height:1.5em; margin: 2%; padding: 2% 5% 0% 5%; color: #333; font-size: 1em; text-align: center;}
.lb_btn_c_recording{ width: 25.5%; text-align: center; margin:0 auto; background-color: #00b0d0; color: #fff;padding: 1%; border-radius: 0.5em;}
.lb_btn_c_recording:hover{background-color: #009eba; color: #fff; cursor: pointer;}