.careUIImg {
    width: 21px;
    height: 13px;
    vertical-align: middle;
    padding-right: 4px;
}

.careUIParantDiv {
    width: 480px;
    height: 230px;
    max-height: 230px;
    overflow: auto;
    font-family: 'lato', san-serif;
}

.careUIParantDiv:hover {
    overflow: auto;
}

.careUIUL {
    list-style-type: none;
    padding-left: 0;
    margin-top: 0px;
}

.careUIUL li {
    line-height: 2;
    font-size: 14px;
    font-weight: 500;
}

ul.careUIUL li span {
    color: #999;
    font-style: italic;
}

.careUICenterLine {
    height: 100%;
    border-left: 1px dashed #dadada;
}

.careUIUPArrow {
    background-image: url("../../../images/sprite.png");
    background-position: -313px -684px;
    background-repeat: no-repeat;
    height: 13px;
    position: absolute;
    top: -13px;
    width: 32px;
    z-index: 1020;
}

.careUIDownArrow {
    background-image: url("../../../images/sprite.png");
    background-position: -313px -684px;
    background-repeat: no-repeat;
    height: 13px;
    position: absolute;
    top: 230px;
    width: 32px;
    z-index: 1020;
    -ms-transform: rotate(180deg);
    /* IE 9 */
    -webkit-transform: rotate(180deg);
    /* Safari 3-8 */
    transform: rotate(180deg);
}

.numberTitle {
    color: #999;
    font-style: italic;
    font-size: 15px;
}

.careUIOverDiv {
    background: #FFF !important;
    box-shadow: rgba(80, 81, 61, 0.5) 0px 1px 7px;
}

.openArrow {
    height: 15px;
    width: 15px;
    vertical-align: sub !important;
    transition: .3s all ease-in;
}

.closeArrow {
    height: 15px;
    width: 15px;
    vertical-align: sub !important;
    transition: .3s all ease-in;
    transform: rotate(180deg);
}