/* Copyright (c) 2016-2020 APDM, Inc.
 *
 * Placement for the text boxes on the configuration page.
 */

/* Positions for constraints inputs */
.sensor-circles {
    pointer-events: all;
    opacity: 0;
}

.sensor-text {
    opacity: 0;
}

.clear-assigned {
    pointer-events: all;
    cursor: pointer;
    top: 3px;
    left: 4px;
}

.sensor-list-container {
    margin-bottom: 8px;
}

.sensor-clear-icon {
    position: absolute;
    line-height: 24px;
    cursor: pointer;
    pointer-events: all;
    display: none;
}

.sensor-entry {
    border: 1px solid #bcbec0;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    cursor: -webkit-grab;
    cursor: grab;
}

.sensor-assigned-entry {
    padding-right: 10px;
}

.sensor-missing-entry {
    border: 1px solid #bcbec0;
    color: #8c8c8c;
}

.clear-assigned:hover {
    color: #a94442;
}

#RIGHT_FOOT-sensor-placement {
    top: 617px;
    left: 76px;
}
#LEFT_FOOT-sensor-placement {
    top: 617px;
    left: 242px;
}
#RIGHT_LOWER_LEG-sensor-placement {
    top: 561px;
    left: 70px;
}
#LEFT_LOWER_LEG-sensor-placement {
    top: 561px;
    left: 248px;
}
#RIGHT_UPPER_LEG-sensor-placement {
    top: 415px;
    left: 66px;
}
#LEFT_UPPER_LEG-sensor-placement {
    top: 415px;
    left: 251px;
}
#LUMBAR-sensor-placement {
    top: 279px;
    left: 527px;
}
#CENTER_UPPER_BACK-sensor-placement {
    top: 164px;
    left: 527px;
}
#STERNUM-sensor-placement {
    top: 164px;
    left: 218px;
}
#FOREHEAD-sensor-placement {
    top: 55px;
    left: 218px;
}
#BACK_OF_HEAD-sensor-placement {
    top: 55px;
    left: 527px;
}
#RIGHT_CLAVICLE-sensor-placement {
    top: 131px;
    left: 43px;
}
#LEFT_CLAVICLE-sensor-placement {
    top: 131px;
    left: 276px;
}
#RIGHT_UPPER_ARM-sensor-placement {
    top: 198px;
    left: 20px;
}
#LEFT_UPPER_ARM-sensor-placement {
    top: 198px;
    left: 298px;
}
#RIGHT_WRIST-sensor-placement {
    top: 330px;
    left: -6px;
}
#LEFT_WRIST-sensor-placement {
    top: 330px;
    left: 324px;
}
#RIGHT_HAND-sensor-placement {
    top: 367px;
    left: -15px;
}
#LEFT_HAND-sensor-placement {
    top: 367px;
    left: 333px;
}

/* Adjust height of SVG container for the sensor placement man */
.xsm-sensor-man {
    height: 400px;
}

@media (min-height:768px) {
    .sm-sensor-man {
        height: 570px;
    }
}

@media (min-height:900px) {
    .md-sensor-man {
        height: 700px;
    }
}

@media (min-height:1080px) {
    .lg-sensor-man {
        height: 835px;
    }
}

@media (min-height:1200px) {
    .xlg-sensor-man {
        height: 900px;
    }
}