/* Smart Form Editor (Platform Admin) */

.clientedit {
    border: 1px dashed #0063d2;
}

.clientoverride {
    background-color: #e5aaff !important;
}

.clientdisabled {
    background-color: #ffaaaa;
}

.alwaysdisabled {
    background-color: #fffbcb;
}


/* Field Group Editor*/

#pnlFieldEditor {
    display: none;
    padding: 0.75rem;
}

span.field-options span.ConfigurationBtn,
span.sfss-options-container span.ConfigurationBtn {
    margin: 0px 5px;
}

.RadPicker_Simple {
    margin-left: 5px;
}


.riSingle .riTextBox[type="text"] {
    display: inline-block;
    padding: 5px 10px;
    font-size: 13px;
    line-height: 18px;
    color: #808080;
    border: 1px solid #CCC;
    margin-left: 5px;
}


.label-default-wrapped {
    width: 120px;
}

.lsw { /* label-small-wrapped */
    width: 200px;
}

.label-medium-wrapped {
    width: 300px;
}

.label-long-wrapped {
    width: 400px;
}

.label-full-width {
    width: 100%;
}

@media (max-width: 600px) {
    .label-default-wrapped,
    .lsw, /* label-small-wrapped */
    .label-medium-wrapped,
    .label-long-wrapped {
        width: 100%;
    }
}

.label-align-right {
    text-align: right;
    margin-top: 8px !important;
}

.label-position-top {
    display: block;
    width: 100%;
    margin-bottom: 12px;
}

.clientadminoption {
    width: 100%;
    background-color: orange;
}

.right-label {
    vertical-align: top !Important;
}

.label-default-wrapped, .lsw, .label-medium-wrapped, .label-long-wrapped {
    margin-top: 0px !Important;
}


#tbl-risk-assessment {
}

    #tbl-risk-assessment .icon-chevron-right {
        font-size: 50px;
        line-height: 25px;
        display: inline-block;
        vertical-align: bottom;
        margin-bottom: 7px;
    }

    #tbl-risk-assessment .arrows {
        vertical-align: bottom;
    }

    #tbl-risk-assessment td {
        padding-left: 10px;
        vertical-align: middle;
    }

    #tbl-risk-assessment input[type="text"] {
        margin-left: 0px;
    }

    #tbl-risk-assessment hr {
        margin-top: 0px;
        margin-bottom: 5px;
        border-top: 1px solid #999;
    }

.img-side-td-row1 {
    vertical-align: bottom !Important;
}

.img-side-td-row2 {
    vertical-align: top !Important;
}

#tbl-risk-assessment img {
    padding-top: 10px;
}

#RiskAssessmentModal .col-md-12 {
    margin-bottom: 10px;
}

#RiskAssessmentModal .radio-inline label {
    min-width: 140px;
}

#bodyfront .col-md-6 > div {
    margin-bottom: 15px;
}

.body-parts {
    position: absolute;
}

    .body-parts:hover {
        background-color: #EA54564D;
    }

    .body-parts.injured-spot {
        border: 1px solid #EA5456;
    }


    .body-parts.front-full:hover {
        background-color: transparent;
    }

    .body-parts[data-partname="generallocation"] { top: -10px; width: 92%; height: 590px; border-radius: 165px; }
    .body-parts[data-partname="head"] { top: 0px; left: 131px; width: 66px; height: 80px; }
    .body-parts[data-partname="face"] { top: 20px; left: 140px; width: 49px; height: 58px; }
    .body-parts[data-partname="eye-right"] { top: 29px; left: 142px; width: 20px; height: 12px; }
    .body-parts[data-partname="eye-left"] { top: 29px; left: 166px; width: 20px; height: 12px; }
    .body-parts[data-partname="ear-right"] { top: 31px; left: 131px; width: 12px; height: 26px; }
    .body-parts[data-partname="ear-left"] { top: 31px; left: 184px; width: 12px; height: 26px; }
    .body-parts[data-partname="neck"] { top: 75px; left: 131px; width: 66px; height: 20px; }
    .body-parts[data-partname="trunk"] { top: 95px; left: 97px; width: 130px; height: 180px; }
    .body-parts[data-partname="shouldersandarms-right"] { top: 90px; left: 60px; width: 60px; height: 180px; }
    .body-parts[data-partname="shouldersandarms-left"] { top: 90px; left: 208px; width: 60px; height: 180px; }
    .body-parts[data-partname="handsandfingers-right"] { top: 265px; left: 20px; width: 50px; height: 60px; }
    .body-parts[data-partname="handsandfingers-left"] { top: 265px; left: 260px; width: 50px; height: 60px; }
    .body-parts[data-partname="hipsandlegs-right"] { top: 265px; left: 108px; width: 55px; height: 280px; }
    .body-parts[data-partname="hipsandlegs-left"] { top: 265px; left: 163px; width: 55px; height: 280px; }
    .body-parts[data-partname="feetandtoes-right"] { top: 545px; left: 117px; width: 45px; height: 30px; }
    .body-parts[data-partname="feetandtoes-left"] { top: 545px; left: 165px; width: 45px; height: 30px; }
    .body-parts[data-partname="internalorgans"] { top: 175px; left: 125px; width: 80px; height: 90px; }

    .body-parts[data-partname="thoracicleft"] { top: 100px; left: 110px; width: 50px; height: 45px; }
    .body-parts[data-partname="thoracicright"] { top: 100px; left: 172px; width: 50px; height: 45px; }
    .body-parts[data-partname="lumbarleft"] { top: 145px; left: 110px; width: 50px; height: 45px;}
    .body-parts[data-partname="lumbarright"] { top: 145px; left: 172px; width: 50px; height: 45px; }
    .body-parts[data-partname="sacralleft"] { top: 185px; left: 110px; width: 50px; height: 45px; }
    .body-parts[data-partname="sacralright"] { top: 185px; left: 172px; width: 50px; height: 45px; }
    .body-parts[data-partname="coccyxleft"] { top: 227px; left: 110px; width: 50px; height: 45px; }
    .body-parts[data-partname="coccyxright"] { top: 227px; left: 172px; width: 50px; height: 45px; }
    .body-parts[data-partname="spine"] { top: 125px; left: 157px; width: 20px; height: 130px; }

    .risk-mode-admin {
        display: none;
    }

.hide-risk-span {
    display: none;
}

.risk-level-span {
    min-width: 100px;
    display: inline-block;
    height: 20px;
    padding-left: 5px;
}

.level-low {
    background-color: rgb(174,208,146);
}

.level-medium {
    background-color: rgb(253,234,218);
}

.level-high {
    background-color: rgb(241,181,132);
}

.level-extreme {
    background-color: rgb(223,128,128);
}


/* Drill Down Field */
.form-field .ddf {
}

    .form-field .ddf .option-notavailable {
        background: #ffaaaa;
    }

/* assign-role tabs - tabs for showing specific sections by who is assigned to role*/
.sfss.role-tab-hide {
    height: 0px !important;
    visibility: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute;
}

.role-tab-container {
    margin-left: 0;
    padding-left: 16px;
    padding-top: 8px;
    margin-bottom: 8px;
    position: relative;
}

    .role-tab-container .role-tab {
        margin: 0 2px;
    }

/* readonly fields */
input[type=text].readonly {
    pointer-events: none;
}

/* ----------------- updated for v2 ----------------- */

.form-field {
}

    .form-field .ffl-container {
        margin-bottom: .5rem;
    }

        .form-field .ffl-container .form-label {
            display: inline;
        }

    .form-field .field-options-container {
        position: relative;
        display: none;
    }

        .form-field .field-options-container .field-options {
            position: absolute;
            top: -28px;
            background: #CFC;
            padding: 5px;
        }

    .form-field:hover .field-options-container {
        display: block;
    }

.sfss {
    margin-bottom: 1rem;
    align-items: flex-end;
}

    .sfss .form-field.hover,
    .sfss .form-field.active {
        background-color: #CFC !important;
    }

    .sfss .sfss-title {
    }

        .sfss .sfss-title.dt-tile {
        }

        .sfss .sfss-title.dt-none {
        }


#pnlFieldEditor {
    background-color: #CFC !important;
    margin-bottom: 1rem;
}