.container-fin-lib{
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.key-search-list {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
}

.key-search-item {
    width: 25%;
    box-sizing: border-box;
    text-align: center;
    padding: 4px 5px;
    border-radius:30px ;
    cursor: pointer;
}
.key-search-item.active {
    background-color: #F05523;
    color: #FFFFFF;
}
h1.title-fin-lib{
    text-align: center;
}
.fin-lib-category{
    padding: 0;
}
.fin-lib-category-item{
    text-align: center;
    display: flex;
    background: #F4F5F6;
    margin-bottom: 10px;
    padding: 18px;
    border-radius: 10px;
    gap: 15px;
    cursor: pointer;
}
.fin-lib-category span{
    align-self: center;
}
.fin-lib-category-item.active{
    background: #FFF8F1;
    border: solid 2px  #F5821F;
}
.fin-lib-tag{
    color: #F05523;
    font-size: 20px;
}
.key-result{
    background: #F9F9F9;
    width: 100%;
    height: 40px;
}
.key-result span{
    text-align: center;
    padding: 10px;
    align-self: center;
    line-height: 40px;
    font-weight: bold;
}
.item-result{
    width: 100%;
    cursor: pointer;
    border-bottom: 1px solid #E4E5E7;
    padding-top: 12px;
}
.item-list {
    list-style-type: none;
    padding: 0;
}
.item-result:last-child {
    border-bottom: none;
}
.item-result-title{
    font-weight: bold;
}
.item-result-description{
    color: #606060;
}
.key-more-result{
    text-decoration: none;
    color: #1061B8;
    float: right;
}
.scroll-fin-lib{
    height: 700px;
    overflow: auto;
}
.scroll-fin-lib::-webkit-scrollbar {
    width: 8px;
}

.scroll-fin-lib::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.scroll-fin-lib::-webkit-scrollbar-thumb {
    background: #888;
}

.scroll-fin-lib::-webkit-scrollbar-thumb:hover {
    background: #555;
}
img.icon-category {
    width: 2.5rem;
    height: auto;
}
.box{
    width: 100%;
    height: 30px;
}

.container-search-lib{
    width: 100%;
    vertical-align: middle;
    white-space: nowrap;
    position: relative;
}

.container-search-lib input#searchFinLib{
    width: 100%;
    height: 50px;
    background: #F4F5F6;
    border: none;
    font-size: 10pt;
    float: left;
    color: #63717f;
    padding-left: 55px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: background .55s ease;
    -moz-transition: background .55s ease;
    -ms-transition: background .55s ease;
    -o-transition: background .55s ease;
    transition: background .55s ease;
}

.container-search-lib input#searchFinLib::-webkit-input-placeholder {
    color: #B1B5C3;
}

.container-search-lib input#searchFinLib:-moz-placeholder {
    color: #B1B5C3;
}

.container-search-lib input#searchFinLib::-moz-placeholder {
    color: #B1B5C3;
}

.container-search-lib input#searchFinLib:-ms-input-placeholder {
    color: #B1B5C3;
}

.container-search-lib .icon-search-lib{
    position: absolute;
    top: 60%;
    margin-left: 17px;
    margin-top: 12px;
    z-index: 1;
}
.box-controller-fin-lib{
    padding: 1rem;
    background: #F9F9F9;
    border-radius: 10px;
}
.container-search-lib input#searchFinLib:hover, .container-search-lib input#searchFinLib:focus, .container-search-lib input#searchFinLib:active{
    outline:none;
}
.container-fin-lib.dark{
    background: #0F1012;
    border-radius: 5px;
}
.container-fin-lib.dark h1{
    color: #E6E8EC;
}
.fin-lib-tag.dark{
    color: #F5821F;
}
.item-result-title.dark{
    color: #FCFCFD;
}
.item-result-description.dark{
    color: #B1B5C3;
}
.span-key-result.dark{
    color: #B1B5C3;
}
.key-result.dark{
    background: #111315;
}
.fin-lib-category-item.dark{
    color: #E6E8EC;
    background: #0F1012;

}
.fin-lib-category-item.active.dark{
    border-color: #B1B5C3;
}
.box-controller-fin-lib.dark{
    background: #111315;
}
.key-search-item.dark{
    color: #fff;
}

.fin-lib-ques.dark{
    color: #B1B5C3;
}
.container-search-lib.dark input#searchFinLib{
    background: #1A1D1F;
    color: #EBEBF5;
}