﻿.headerItem {
    line-height: 42px;
    border-bottom: solid 1px #ccc;
    padding-left: 5px;
    font-weight: bold;
    color: #5bc0de;
    cursor: pointer;
    position: relative;
}

    .headerItem .textSpan {
        width: 100%;
        display: block;
        padding-right: 30px;
    }

    .headerItem .icon {
        right: 10px;
        position: absolute;
        top: 14px;
    }

.childItem {
    line-height: 38px;
    color: #596a7f;
    padding-left: 5px;
    border-bottom: solid 1px #ccc;
    cursor: default;
}

    .childItem .icon {
        font-size: 22px;
        top: 8px;
        padding-right: 10px;
    }

.checklist_tooltip.tooltip.in {
    opacity: 1;
}

.checklist_tooltip .tooltip-arrow {
    border-left-color: #000;
}

.checklist_tooltip .tooltip-inner {
    background-color: white;
    border: solid 1px black;
    color: black;
    text-align: left;
}

    .checklist_tooltip .tooltip-inner .title {
        line-height: 24px;
        font-weight: bold;
    }

    .checklist_tooltip .tooltip-inner .desc {
        line-height: 20px;
    }

/** Valid **/
.childItem.valid {
    background-color: #E7F5D8;
    color: black;
}

    .childItem.valid .icon {
        color: #5E9D24;
    }

.checklist_tooltip.valid .tooltip-inner .title {
    color: #5E9D24;
}

.checklist_tooltip.valid .tooltip-arrow {
    border-left-color: #5E9D24 !important;
}

.checklist_tooltip.valid .tooltip-inner {
    border: solid 1px #5E9D24;
}

/** In-Valid **/
.childItem.invalid {
    background-color: #FFECEC;
    color: black;
}

    .childItem.invalid .icon {
        color: #FF0000;
    }

.checklist_tooltip.invalid .tooltip-inner .title {
    color: #FF0000;
}

.checklist_tooltip.invalid .tooltip-arrow {
    border-left-color: #FF0000 !important;
}

.checklist_tooltip.invalid .tooltip-inner {
    border: solid 1px #FF0000;
}

/** Part Valid **/
.childItem.partvalid {
    background-color: #FFF5E8;
    color: black;
}

    .childItem.partvalid .icon {
        color: #FF9900;
    }

.checklist_tooltip.partvalid .tooltip-inner .title {
    color: #FF9900;
}

.checklist_tooltip.partvalid .tooltip-arrow {
    border-left-color: #FF9900 !important;
}

.checklist_tooltip.partvalid .tooltip-inner {
    border: solid 1px #FF9900;
}
