.list-tool{
    margin:0 auto;
    color:#666;
    background-color:#f6f6f6;
    border-radius:4px;
    padding:6px;
    background-clip:padding-box;
    margin:6px 0;
    box-shadow:1px 1px 1px #ccc;
    font-weight:700;
    text-align:left
}
.list-tool img{
    width:48px;
    height:48px;
    border-radius:50%
}
.list-tool:hover img{
    box-shadow:0 0 14px #f66214
}
.media:hover{
    word-break:keep-all;
    background-color:#e9e9e9
}
.media h4 a{
    word-break:keep-all;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    color:#64854c;
    font-size:16px
}
.media-body span{
    display:block;
    word-break:keep-all;
    max-width:15em;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:.9em
}
@media(max-width:1400px){
    .media-body span{
        max-width:15em
    }
}
@media(max-width:768px){
    .media-body span{
        max-width:21em
    }
}
@media(max-width:320px){
    .media-body span{
        max-width:16em
    }
}
.app_cat_h{
    font-size:20px;
    border-bottom:4px solid #4cae4c;
    padding:8px 10px;
    background-color:#5cb85c;
    color:#fff;
    border-top-right-radius:4px;
    border-top-left-radius:4px
}
ul.app_cat_ul{
    padding:0;
    list-style:none;
    overflow:hidden
}
ul.app_cat_ul li a{
    padding:8px 10px;
    display:block;
    color:#555;
    background-color:#fff;
    border:1px solid #eee;
    border-top:0;
    text-decoration:none;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
ul.app_cat_ul li a:hover{
    background-color:#eee
}
ul.nav_ul{
    margin:50px 0 0;
    padding:0;
    list-style:none;
    overflow:hidden
}
ul.nav_ul li a{
    padding:6px;
    display:block;
    color:#555;
    background-color:#fff;
    border:1px solid #eee;
    text-decoration:none;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease;
    -webkit-border-radius:4px;
    border-radius:4px
}
ul.ul_buttons li a{
    margin:5px 0;
    background-color:#3b5998;
    color:#fff;
    text-shadow:none;
    background-image:none;
    box-shadow:0 0 0 0 rgba(34,36,38,.15) inset
}
ul.nav_ul li a:hover{
    background-color:#304d8a;
    color:#fff;
    text-shadow:none
}
#selstyle{
    width:100%;
    padding:5px;
    border-radius:4px;
    box-shadow:0001px #A3C293 inset,0000 transparent;
    background-color:#fcfff5;
    color:#2c662d;
    border:1px solid #a9d5de
}
.well.well-sm{
    position:relative;
    margin:1em 0;
    color:rgba(0,0,0,.87);
    -webkit-transition:opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease;
    transition:opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease;
    border:none;
    border-radius:.28571429rem;
    box-shadow:0 0 0 1px #a3c293 inset,0 0 0 0 transparent;
    background-image:linear-gradient(to bottom,#FCFFF5 0,#FCFFF5 100%)
}
.btn.btn-toolbar.btn-sm{
    box-shadow:0 0 0 1px #2185d0 inset;
    color:#2185d0;
    background:0
}
body{
    background-color:#fafafa
}