.project-search {position:relative;}
.project-search .ccm-block-topic-list-list {padding:0px;box-shadow: 1px 17px 16px -2px rgba(0,0,0,0.75);
    -webkit-box-shadow: 1px 17px 16px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 17px 16px -2px rgba(0,0,0,0.75);}
    .project-search .ccm-block-topic-list-list li {padding:5px 20px;}
    .project-search .ccm-block-topic-list-list li:first-of-type {padding-top:10px;}
    .project-search .ccm-block-topic-list-list li:last-of-type {padding-bottom:10px;}
    .project-search .ccm-block-topic-list-list li:hover {background:#E6F0F6;}
    .project-search .ccm-block-topic-list-list {display: none; max-height:0px;overflow:hidden;    -webkit-transition: all 800ms ease-in-out;
        -moz-transition: all 800ms ease-in-out;
        -o-transition: all 800ms ease-in-out;
        transition: all 800ms ease-in-out;
        margin: 0px 70px 0px 30px;
    }
    .project-search.open .ccm-block-topic-list-list{display: block; max-height:350px;overflow-y:scroll;}
    .project-search .fake-dropdown { position:relative; }
.project-search.open .fake-dropdown:after { content:'X'; }

.project-search .ccm-block-topic-list-list::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}
.project-search .ccm-block-topic-list-list::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}
.project-search .ccm-block-topic-list-list::-webkit-scrollbar-thumb
{
	background-color: gray;

}

.project-search .ccm-block-topic-list-header {text-align:center}
.project-search .fake-dropdown {padding:20px;border:2px solid gray;border-radius:100px;    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out; background: #E6F0F6; width: 100%; }
.project-search .fake-dropdown span { color: #06347A; display: block; width: 100%;  }
.project-search .fake-dropdown:after {content:'Go';display:flex;position:absolute;background:#06347A;
    top:0px;right:0px;border-top-right-radius:100px;border-bottom-right-radius:100px;height:100%;
    width:70px;align-items:center;justify-content: center;font-size:1.2em;font-weight:bold;color:white; 
     -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.project-search .fake-dropdown:hover,
.project-search .fake-dropdown:focus { cursor:pointer;background:#E6F0F6}
.project-search .fake-dropdown:hover:after {background:#042455 }

@media screen and (max-width: 640px) {
	.project-search .fake-dropdown { text-align: left; }
}