html{
    margin:0px;
    padding:0px;
    height:100%;
    min-width:1200px !important;
    min-height:900px;

    
}



/* 
.page-header,
.page-header h1 {margin-top:0;} */


body{
    background-color:#192231;
    margin:0px;
    padding:0px;
    height:100%;
    min-width:1200px !important;
}





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

@media (min-width: 1200px) {
    .container-xl, .container-lg, .container-md, .container-sm, .container {
      max-width: 1400px;
    }
  }
  @media (min-width: 1400px) {
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
      max-width: 1600px;
    }
  }
  .container-fluid{
      position:relative;
      padding-left:0px;
      padding-right:0px;
      min-height:900px;
  }

.mis-bg{
    height: 100vh;
    margin-left:180px;
    color:#fff;
    /* background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/img/mis_bg.jpg); */
    background: url(/img/mis_bg.jpg);
    background-size: cover;
    background-position-x: center;
    background-position-y: center;
    min-height:900px;
    
}

.mis-bg-video{
    height: 100vh;
    margin-left:180px;
    color:#fff;
    /* background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/img/mis_bg.jpg); */
    /* background: url(/img/mis_bg.jpg); */
    background-size: cover;
    background-position-x: center;
    background-position-y: center;
    min-height:900px;
}

.mis-bg-gogo{
    position:absolute;
    width:calc(100% - 180px);
    height:100vh;
    overflow:hidden;
}
.mis-bg-gogo video{
    width:100vw;
    height:100vh;
    object-fit:cover;
}

.mis-login{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(calc(-50% + 90px), -50%);
    text-align:center;
}


.mis-login h1{
    color:#4484CE;
}
.mis-login h5{
    color:#494E6B;
}
.mis-login .form-group{
    text-align:left;
    width:70%;
    margin-left:15%;
}
.mis-login .form-group label{
    font-size:0.7em;
    color:#98878F;
    margin-bottom:0.3em;
    margin-left:5px;
}
.mis-login .form-group .mis-form-inpu{
    height:35px;
    background:#05090e;
    border: 1px solid #4484CE;
    border-radius:0;
}
.mis-login .loginformdiv{
    width:100%;
    text-align:center;
    margin:auto 0;
}

.mis-login .mis-btn-login{
    border-radius:1em;
    height:30px;
    line-height:1em;
    background:#4484CE;
    color:#fff;
    font-size:.7em;
    font-weight:100;
    width:70px;
    margin-top:15px;
    margin-bottom:20px;
}
.mis-login .mis-btn-login:hover{
    background:#E14658;
}
.mis-login .mis-btn-regi{
    border-radius:1em;
    height:30px;
    
    
    background-color: Transparent;
    background-repeat:no-repeat;
    border: 1px solid #4484CE;
    cursor:pointer;
    overflow: hidden;   

    color:#fff;
    font-size:.7em;
    font-weight:100;
    width:70px;
    margin-top:15px;
    margin-bottom:20px;
}
.mis-login .mis-btn-regi:hover{
    background:#4484CE;
}

.mis-btn-logout{
    border-radius:1em;
    height:35px;
    
    
    line-height:1.7em;
    background-color: Transparent;
    background-repeat:no-repeat;
    border: 1px solid #4484CE;
    cursor:pointer;
    overflow: hidden;   

    color:#fff !important;
    font-size:0.8em;
    font-weight:100;
    width:80px;
    margin-top:15px;
    margin-bottom:20px;
}
.mis-btn-logout:hover{
    background:#4484CE;
}

.mis-copyright{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    color:#d4c1a0;
    margin-bottom:20px;
    font-size:0.1em;
}

.sidenav {
    text-align:center;
    background-color: #4a4e6a;
    position: fixed;
    width: 180px;
    height: 100%;
    min-height:900px;
  }



.form-wrapper{
    border-radius:7px;
}

.form-wrapper label{
    font-weight:bold;
}

.errors li{
    list-style:none;
    width:100%;
    text-align:center;
}
.errors ul{
    padding-left:0;
    margin-bottom:0;
}

.dash_main_menu_left{
    width:100%;
    overflow:hidden;
    text-align:center;
    margin:0 auto;
}

.dash_main_menu_left span{
    font-size:0.8rem;
}

.dash_main_menu_left table{
    width:100%; 
    text-align:center;
}
.dash_main_menu_left table td{
    padding:10px 0;
}

.dash_main_menu_left table img{
    width:80%;
    cursor:pointer;
}


.dash_main_right{
    width:calc(100%);
    height:calc(100vh);
    overflow:hidden;
    
    float:left;
    min-width:1020px;
}

.top_menu{
    position:absolute;
    left:0;
    top:0;
    width:calc(100% - 220px);
    margin-top:15px;
    margin-left:220px;
    z-index:99;    
}

.menu_contents{
    position:absolute; 
    width:100%; 
    height:100%;
    top:0;
}
.menu_contents table{
    width: calc(100% - 100px);
    height:100%;
    margin-left:100px;
    font-weight: 100;
}

.leftcount{
    width:75px;
    color:#c79f62;
    font-weight:bold;
    text-align:center;
    font-size:1.4em;
}

.left_info{
    position:absolute;
    z-index:2;
    left:180px;
    top:0; 
    width:240px; 
    height:100vh; 
    background:linear-gradient(to right, #050a22,  80%, #050a2200);
}
.point_info{
    margin-top:140px;
    margin-left:40px;
    font-size:0.7em;
    font-weight:100;
}

.point_list{
    width:100%;
    
    overflow:auto;
    position:absolute;
    top:440px;
    bottom:0;
    direction:rtl;
}
.point_list_contents{
    width:100%;
    height:100%;
    direction:ltr;
}

.point_list::-webkit-scrollbar {
    width: 16px;
}
.point_list::-webkit-scrollbar-thumb {
    background-color: #b6586f;
    background-clip: padding-box;
    border: 7px solid transparent;
}
.point_list::-webkit-scrollbar-track {
    background-color: #251d22;
}


.point_info table{
    width:180px;
}

.point_info table tr{
    height:35px
}

.menu_margin{
    height:5px;
}


.menu_contents table ul {
    display: flex;
    
    
    color:#b8b8b8;
    margin: 0;
    padding: 0 10px;
}
.menu_contents table li {
    display: block;
    flex: 0 1 auto;
    list-style-type: none;
    margin-right:30px;
}
.menu_contents table li a{
    font-weight:400;
    font-size:.8em;
    cursor:pointer;
    color:#b8b8b8;
}
.menu_contents table li a:hover {
    font-weight:400;
    color:#fff !important;
    text-decoration:none; 
    border-bottom:1px solid #b40000; 
    padding-bottom:4px;
}




.dropmenu{
    border:none;
    border:0px;
    margin:0px;
    padding:0px;
}
    
.dropmenu ul{
    height:35px;
    list-style:none;
    margin:0;
    padding:0;
}

.dropmenu li{
    float:left;
    padding:0px;
    color:#d0bd9d;
}

.dropmenu li a{
    line-height:35px;
    margin:0px;
    text-align:center;
    text-decoration:none;
    font-size:.8em;
}

.dropmenu ul li:hover a{
    font-weight:400;
    /* color:#fff !important; */
    text-decoration:none; 
    /* border-bottom:1px solid #b40000;  */
    border-bottom:none;
    padding-bottom:4px;
    color:#72e5ce !important;
}


.dropmenu li ul{
    background: #192231;
    display:none; 
    height:auto;
    border:0px;
    position:absolute;
    width:250px;
    z-index:200;
    /*top:1em;
    /*left:0;*/
}

.dropmenu li:hover ul{
    display:block;
}

.dropmenu li li {
    background: #192231;
    display:block;
    float:none;
    margin:0px;
    padding:0px;
    width:250px;
}

.dropmenu li:hover li a{
    background:none;
    color:rgb(203, 203, 203) !important;
}

.dropmenu li ul a{
    display:block;
    height:35px;
    font-size:.8em;
    margin:0px;
    padding:0px 10px 0px 15px;
    text-align:left;
}


.dropmenu li ul a:hover, .dropmenu li ul li:hover, .dropmenu li ul li:hover a{
    /* background: rgb(171,171,171); */
    border:0px;
    color:#f0aa43 !important;
    text-decoration:none;
}

.dropmenu ul li ul li a:hover::before{
    content:"▶︎";
    
    position:absolute;
    left:5px;
    color:rgb(85, 85, 255);
}

.dropmenu p{
    clear:left;
}

.markon::before{
    content:"▶︎";
    
    position:absolute;
    left:5px;
    color:rgb(85, 85, 255);
}




.li_selected{
    font-weight:400;
    color:#fff !important;
    text-decoration:none; 
    border-bottom:1px solid #b40000; 
    padding-bottom:4px;
}

.mi-serch{
    position:absolute;
    right:0;
    left:0;
    margin-top:30px;
    z-index:99;
}

.mi-serch input{
    background-color: Transparent;
    background-repeat:no-repeat;
    width:100%;
    height:30px;
    border:none;
    padding-left:30px;
    border-bottom:1px solid #4484c2;
    color:#fff;
    font-size:.8em;
}

.mi-serch input:focus {
    outline: none;
    caret-color:white;
    
}






.device-log-top{
    position:absolute;
    top:120px;
    left:400px;
    height:80px;
    padding:0 25px;
    width: calc(100% - 400px);
}

.device-contents_log{
    position:absolute;
    top:550px;
    left:400px;
    bottom:50px;
    overflow-x:hidden;
    overflow-y:scroll;
    width:calc(100% - 400px);
    padding:0 25px;
}

.log_sort_menu{
    display:none;
    position:absolute;
    top:220px;
    left:400px;
    height:70px;
    width:calc(100% - 400px);
    padding:0 30px;
}


.device-contents_log::-webkit-scrollbar {
    width: 16px;
}
.device-contents_log::-webkit-scrollbar-thumb {
    background-color: #b6586f;
    background-clip: padding-box;
    border: 7px solid transparent;
}
.device-contents_log::-webkit-scrollbar-track {
    background-color: #251d22;
}

.device-contents{
    position:absolute;
    top:120px;
    left:400px;
    bottom:50px;
    overflow-x:hidden;
    overflow-y:scroll;
    width:calc(100% - 400px);
    padding:0 25px;
}

.device-contents::-webkit-scrollbar {
    width: 16px;
}
.device-contents::-webkit-scrollbar-thumb {
    background-color: #b6586f;
    background-clip: padding-box;
    border: 7px solid transparent;
}
.device-contents::-webkit-scrollbar-track {
    background-color: #251d22;
}


#device_info::-webkit-scrollbar {
    width: 16px;
}
#device_info::-webkit-scrollbar-thumb {
    background-color: #b6586f;
    background-clip: padding-box;
    border: 7px solid transparent;
}
#device_info::-webkit-scrollbar-track {
    background-color: #251d22;
}



#device_info_set::-webkit-scrollbar {
    width: 16px;
    border-radius:0px 0px 15px 0px;
}
#device_info_set::-webkit-scrollbar-thumb {
    background-color: #b6586f;
    background-clip: padding-box;
    border: 7px solid transparent;
}
#device_info_set::-webkit-scrollbar-track {
    background-color: #251d22;
    border-radius: 0px 0px 15px 0px;
}


#device_set::-webkit-scrollbar {
    width: 16px;
}
#device_set::-webkit-scrollbar-thumb {
    background-color: #b6586f;
    background-clip: padding-box;
    border: 7px solid transparent;
}
#device_set::-webkit-scrollbar-track {
    background-color: #251d22;
}


#log_view::-webkit-scrollbar {
    width: 16px;
}
#log_view::-webkit-scrollbar-thumb {
    background-color: #b6586f;
    background-clip: padding-box;
    border: 7px solid transparent;
}
#log_view::-webkit-scrollbar-track {
    background-color: #251d22;
}


#device_list_w::-webkit-scrollbar {
    width: 16px;
}
#device_list_w::-webkit-scrollbar-thumb {
    background-color: #b6586f;
    background-clip: padding-box;
    border: 7px solid transparent;
}
#device_list_w::-webkit-scrollbar-track {
    background-color: #251d22;
}

#device_list_d::-webkit-scrollbar {
    width: 16px;
}
#device_list_d::-webkit-scrollbar-thumb {
    background-color: #b6586f;
    background-clip: padding-box;
    border: 7px solid transparent;
}
#device_list_d::-webkit-scrollbar-track {
    background-color: #251d22;
}


#status_log::-webkit-scrollbar {
    width: 16px;
}
#status_log::-webkit-scrollbar-thumb {
    background-color: #b6586f;
    background-clip: padding-box;
    border: 7px solid transparent;
}
#status_log::-webkit-scrollbar-track {
    background-color: #251d22;
}


.device_list_map{
    height:80px;
    width:100%;
    position:relative;
    margin-bottom:30px;
    margin-top:10px;
    cursor:pointer;
}

.device_list_map_clus{
    height:92px;
    width:140px;
    margin-left:-15px;
    margin-top:-10px;
    position:relative;
    /* margin-bottom:30px;
    margin-top:10px;*/
    cursor:pointer; 
}

.device_list_map_clus_face{
    height:46px;
    width:28px;
    position:relative;
    /* margin-bottom:30px;
    margin-top:10px;*/
    cursor:pointer; 
}

.dl_status_img_map_clus{
    cursor:pointer;
    width:100px;
    height:92px;
    position:absolute;
    left:0;
}

.map_more_top{
    height:52px;
    cursor:pointer;
    border:2px solid #fff;
}

.map_more_top:hover{
    background:#2997ff;
    color:#fff;
}

.map_more_bottom{
    font-size:0.75em;
    color:#fff;
    background:#a38a77;
    cursor:pointer;
    border:2px solid #fff;
}

.map_more_bottom:hover{
    background:#e2007e;
}

.bwhite{
    border:2px solid #fff;
}

.bgreen{
    border:2px solid #008000;
}

.bred{
    border:2px solid #ff0000;
}

.bblack{
    border:2px solid #000;
}

.byellow{
    border:2px solid #f1ab44;
}

.bpurple{
    border:2px solid #ba2886;
}

.bblue{
    border:2px solid #219dd9;
}

.bwhitebg{
    background:#fff;
}

.bgreenbg{
    background:#008000;
}

.bredbg{
    background:#ff0000;
}

.bblackbg{
    background:#000;
}

.byellowbg{
    background:#f1ab44;
}

.bpurplebg{
    background:#ba2886;
}

.bbluebg{
    background:#219dd9;
}






























.device_list_map:hover{
    /* transform:scale(1.5);   
    z-index:999; */
}

.device_list{
    height:80px;
    width:100%;
    position:relative;
    margin-bottom:30px;
    margin-top:10px;
}


.dl_device_img{
    width:100px;
    height:60px;
    float:left;
}

.dl_status_img{
    width:100px;
    height:80px;
    position:absolute;
    left:0;
    top:0;
}

.dl_status_img_map{
    width:100px;
    height:92px;
    position:absolute;
    left:0;
    top:0;
}


.dl_table{
    width:40px; 
    height:100%; 
    border:2px solid #4184d5; 
    text-align:center; 
    color:#4184d5; 
    border-collapse: collapse;
    border-spacing:0;
}

.dl_table_ttd{
    cursor:pointer;
    background:#000;
}

.dl_table_btd{
    background:#4184d5; 
    height:20px; 
    color:#000; 
    font-weight:600;
} 
.dl_table_btd img{
    cursor:pointer;
}
.dl_table_btd span{
    border-bottom:2px solid #000;
    padding-bottom:3px;
    cursor:pointer;
}

.dl_devicetype{
    height:100%; 
    width:calc(100% - 170px); 
    float:left; 
    margin-left:10px; 
    position:relative;
}

.dl_dt_top{
    background:#000; 
    height:40px; 
    border:1px solid #4184d5; 
    border-radius:20px; 
    padding-left:30px; 
    line-height:40px; 
    font-size:1.2em; 
    color:#4184d5; 
    margin-bottom:8px
}

.dl_dt_top .date_sel{
    float:right;
    color:#c79f62;
    margin-right:15px;
    font-size:0.8em;
}

.dl_dt_bottom{
    height:30px;
    background:#4184d5;
    margin:0 4px;
    line-height:30px;
    padding-left:26px;
} 

.hide_addr{
    position:absolute;
    left:25px;
    top:48px;
    display:none;
    height:30px;
    background:#4184d5;
    color:#d9df00;
}


.dl_dt_bottom .right_i{
    float:right;
    width:50%;
    background:black;
    color:#4184d5;
    height:calc(100% - 4px);
    margin-right:2px;
    margin-top:2px;
    padding-left:3px;
    font-size:0.8em;
}

.log_table{
    text-align:center;
    border-spacing:5px;
    border-collapse: separate;
	border-spacing: 0 12px;
    table-layout:fixed;
}
.log_table th{
    border:1px solid #4184d5;
    height:38px;
    width:40px !important;
    font-size: 0.8em;
    background: black;
}

.log_table td{
    border:1px solid #4184d5;
    font-size: 0.8em;
    height:38px;
    width:40px !important;
    
}

.log_table th:first-child {
    border-left-style: solid;
    border-top-left-radius: 15px; 
    border-bottom-left-radius: 15px;
}

.log_table th:last-child {
    border-left-style: solid;
    border-top-right-radius: 15px; 
    border-bottom-right-radius: 15px;
}

.log_table td:first-child {
    border-left-style: solid;
    border-top-left-radius: 15px; 
    border-bottom-left-radius: 15px;
}

.log_table td:last-child {
    border-left-style: solid;
    border-top-right-radius: 15px; 
    border-bottom-right-radius: 15px;
}

.log_table tr{
    background: #000;
}



/* 
@media(max-width:768px){
    .form-wrapper .text-right{
        text-align:center !important;
    }

    .form-wrapper .btn-primary{
        display:block;
        margin: 0 auto;
    }
} */



/* for setting view */

.s_top_dash{
    width:calc(100% - 40px);
    height:120px;
    background:rgba(0,0,0,0.8);
    border-radius:15px;
    margin:20px;
    padding:10px;
}

.s_main{
    width:calc(50% - 40px);
    height:calc(100vh - 200px);
    background:rgba(0,0,0,0.8);
    border-radius:15px;
    margin:10px 20px;
    padding:10px;
    float:left;
}

.s_main_title{
    position:relative;
    width:100%;
    height:40px;
    background:rgba(255,255,255,0.0);
    border-radius:10px;
    line-height:40px;
    text-align:center;
}

.btn_mi_comu{
    position:absolute;
    top:5px;
    left:10px;
    cursor:pointer;
    font-size:0.8em;
    color:#ffffff80;
} 

.btn_mi_comu:hover{
    color:#fff;
}

.btn_mi_add{
    position:absolute;
    top:5px;
    right:10px;
    cursor:pointer;
    font-size:0.8em;
    color:#ffffff80;
} 

.btn_mi_add:hover{
    color:#fff;
}

.s_main_contents{
    margin-top:10px;
    width:100%; 
    height:calc(100vh - 270px);
    background:#00000050;
    padding:5px 10px;
    border-radius:5px;
    overflow-y:auto;
    overflow-x:none;
    box-sizing: border-box;
    border:5px solid #ffffff00;
}

.s_main_contents::-webkit-scrollbar {
    width: 16px;
}
.s_main_contents::-webkit-scrollbar-thumb {
    background-color: #b6586f;
    background-clip: padding-box;
    border: 7px solid transparent;
}
.s_main_contents::-webkit-scrollbar-track {
    background-color: #251d22;
    border-radius:0 5px 5px 0;
}




.ofscrol::-webkit-scrollbar {
    width: 16px;
}
.ofscrol::-webkit-scrollbar-thumb {
    background-color: #b6586f;
    background-clip: padding-box;
    border: 7px solid transparent;
}
.ofscrol::-webkit-scrollbar-track {
    background-color: #251d22;
    border-radius:0 5px 5px 0;
}


.s_main_contents table{
    width:100%;
    font-size:0.8em;
    font-weight:400;
}

.s_main_contents table>thead{
    text-align:center;
    border-bottom:1px solid #ffffff20;
}

.s_main_contents table>tbody{
    text-align:center;
    border-bottom:1px solid #ffffff20;
    font-weight:100;
}

.s_main_contents table>tbody>tr{
    border-bottom:1px solid #ffffff20;
}

.list_highling{
    cursor:pointer;
}

.list_highling:hover{
    /* background:rgba(255,255,255,0.2); */
    color:#f7b03a;
}

.miscroll::-webkit-scrollbar {
    width: 16px;
}
.miscroll::-webkit-scrollbar-thumb {
    background-color: #b6586f;
    background-clip: padding-box;
    border: 7px solid transparent;
}
.miscroll::-webkit-scrollbar-track {
    background-color: #251d22;
}


.miscroll_light::-webkit-scrollbar {
    width: 16px;
}
.miscroll_light::-webkit-scrollbar-thumb {
    background-color: #b6586f;
    background-clip: padding-box;
    border: 7px solid transparent;
}
.miscroll_light::-webkit-scrollbar-track {
    background-color: #ffffff;
    border-radius:10px 0px 0px 10px;
}

.s_top_dash ul {
    display: flex;
    align-items: stretch; /* Default */
    justify-content: space-between;
    width: 100%;
    height:100%;
    margin: 0;
    padding: 0;
}
.s_top_dash li {
    display: block;
    flex: 0 1 auto; /* Default */
    width:100%;
    text-align:center;
    list-style-type: none;
    padding:10px;
}
.dash_div{
    width:100%;
    height:100%;
    background:#a9a9a940;
    border-radius:10px;
}
.dash_div table{
    width:100%;
    height:100%;
}