@charset "UTF-8";

.traitsContainer{
    width: 100%;
}

.traitsMenuContainer{
    overflow-x: auto;
}

.traitsItems{
    position: relative;
}

.traitsItems .traitsMenuContainer{
    position: absolute;
    top:0;
    bottom:0;
    width: 40%;
}

.traitsItems .subTitle{
    margin-bottom: 0;
    font-size: 18px;
    background-color: #FFF1E6;
}

.traitsContainer ul,
.traitsContainer ul li{
    list-style-type: none;
}

.traitsItems .traitsMenuContainer .traitsMenu,
.traitsSubMenu{
    padding: 0;
}

.traitsMenuItem{
    line-height: 24px;
}

.traitsMenuItem h2{
    font-weight: normal;
    display: inline;
    font-size: 16px;
    color: #000000;
}

.traitsMenuContainer a{
    text-decoration: none;
    color: #000000;
    cursor: pointer;
}

.traitsMenuContainer .traitsSubMenu a > span{
    word-wrap: break-word;
    word-break: break-all;
}

.traitsSubMenu ul{
    display: none;
}

.traitsSubMenuItem{
    padding-left: 36px;
    line-height: 24px;
}

.traitsMenuContainer .glyphicon-triangle-right,
.traitsMenuContainer .glyphicon-triangle-bottom{
    color: #00395d;
}

.traitsOptionsContainer{
    position: absolute;
    width: 60%;
    right: 0;
}

.traitsOptionsContainer .traitsOptions,
.traitsOptionsContainer .traitsOptions .traitsOptionsItem,
.traitsOptionsContainer .traitsOptions .traitsOptionsItem ul>li{
    display: none;
}

.traitsOptionsItem > ul{
    padding: 0;
}

.traitsOptionsItem > ul > li > label{
    padding-left: 24px;
    line-height: 24px;
    font-weight: normal;
    margin-bottom: 0;
    display: inline;
    cursor: pointer;
    word-wrap: break-word;
    word-break: break-all;
}

.traitsMenu.menuShow ul{
    display: block;
}

.knowledgeButSub,
.knowledgeButRes{
    font-size: 18px;
    font-weight: 600;
    font-style: italic;
    outline: none;
    margin: 0 auto;
    border: 0px;
    background-color: #00395d;
    color: #ffffff;
}

.knowledgeButSub:focus,
.knowledgeButRes:focus{
    background-color: #000000;
    color:#FFFFFF;
}