:host {
    display: block;
    position: absolute;
}

.flex-r {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.space-between {
    justify-content: space-between;
}

.flex-c {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.mini-cont {
    height: 48px;
    width: 269px;
    border-bottom: 1px solid #DADADA;
    background-color: #FFFFFF;
    padding: 5px 10px;
}

.drag-area {
    width: 26px;
    cursor: move;
}

.drag-col {
    margin: 2px;
}

.title {
    color: #98999B;
    font-family: Roboto;
    font-size: 14px;
    line-height: 16px;
    margin: 2px;
}

.blue-label {
    color: #02688C;
    font-family: Roboto;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    margin: 2px;
}

.drag-dot {
    width: 4px;
    height: 3px;
    border: #D8D8D8 solid;
    border-radius: 50%;
    margin: 1.5px;
}

.draggable-container {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    pointer-events: auto;
    border: 1px solid #DADADA;
    border-radius: 3px;
    background-color: #FFFFFF;
    box-shadow: 0 2px 3px 0 rgba(195, 195, 195, 0.5);
    z-index: 1001;
}

.content {
    padding: 20px 15px;
    height: 100px;
}

.toggle-btn {
    cursor: pointer;
    --paper-toggle-button-checked-bar-color: #329b46;
    --paper-toggle-button-checked-button-color: white;
    margin-left: 15px;
}

.toggle-btn ::shadow #container #toggleButton .toggle-container #toggleButton {
    top: 2px;
    left: 4.5px;
    height: 12px;
    width: 12px;
}

ti-widget-toggle-button ::shadow #container .paper-toggle-button-0[checked]:not([disabled]) .toggle-bar.paper-toggle-button {
    opacity: 1.5;
}

.toggle-btn ::shadow #container #toggleButton .toggle-container {
    height: 16px;
}

.text-nrml {
    color: #98999B;
    font-family: Roboto;
    font-size: 12px;
    line-height: 28px;
    margin-right: 10px;
}

.input {
    width: 70px;
    height: 28px;
    text-align: center;
}
.expand{
    cursor: pointer;
    margin: 4.5px;
}
.gear-bg-red{
    width:29px;
    height: 29px;
    background-color: #c00;
    border-radius: 2px;
    border: 1px solid #c00;
}