#qr_code_template_static_ip{display:none;z-index:2;position: absolute;left: -160px;bottom: -16px;padding: 1px;background-color: white;border-radius: 10px;border: 1px solid #dddddd;}
.qr_code_template_static_ip{z-index:2;position: absolute;left: -100px;bottom: 1px;padding: 1px;background-color: white;border-radius: 10px;border: 1px solid #dddddd;}
.qr_code_template_static_ip{display: none}
a.qrcode_ip{position: relative}
.qrcode_ip:hover .qr_code_template_static_ip{display: block}
.tips_ip {  z-index:2;
            position: absolute;
            left: -140px;
            bottom: 35px;
            border-radius: 15px;
            border: 1px solid #dddddd;
            padding: 5px 10px 5px 35px;
            text-align: left;
            color: #FFF;
            background-color: #28a745;
            background-repeat:no-repeat;
            background-position:8px center;
            background-image:url("/static/assets/img/checksuccess.png")!important;
            line-height: 1.5;
            width: 230px;
            /*opacity: 0.9;*/
}
.tips_ip_ipv6 {
            z-index:2;
            position: absolute;
            left: -340px;
            bottom: 35px;
            border-radius: 15px;
            border: 1px solid #dddddd;
            padding: 5px 10px 5px 35px;
            text-align: left;
            color: #FFF;
            background-color: #28a745;
            background-repeat:no-repeat;
            background-position:8px center;
            background-image:url("/static/assets/img/checksuccess.png")!important;
            line-height: 1.5;
            width: 420px;
            /*opacity: 0.9;*/
}
#tips_ip_template {
    z-index:2;
    position: absolute;
    display: none;
    right: 38%;
    bottom: 60px;
    border-radius: 15px;
    border: 1px solid #dddddd;
    text-align: left;
    color: #FFF;
    background-repeat: no-repeat;
    background-position: 8px center;
}

.editable-input {
    vertical-align: top;
    display: inline-block;
    width: auto;
    white-space: normal;
    zoom: 1;
    margin-left: -5px;
    position: relative;
    width:71%;
}

.editable-input input {
    border: none;
    height: 30px;
    font-size: 14px;
    padding: 0 6px;
    margin-bottom: 10px;
    background-color: #ffffff;
}

.editable-input input:focus {
    outline: 0 !important;
    background-color: #ffffff;
}

.editable-input span {
    position: absolute;
    height: 1px;
    width: 98%;
    background: #007bfc;
    left: 6px;
    bottom: 10px;
}

.editable-buttons {
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    background: #ffffff;
    position: relative;
    z-index: 1;
    margin-top: 7px;
    width:29%;
}

.editable-buttons button {
    background: transparent;
    box-shadow: none;
    width: 18px !important;
    height: 24px;
    min-width: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 0;
    padding: 0;
    border: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}