body, html{
    margin: 0px;
    height: 100%;
    overflow: hidden;
}
#main{
}
.fill-height{
    height: 100%;
}
.noselect{
    -webkit-user-select: none;
}

#search-bar {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.entry-loader-enter {
  opacity: 0.01;
}

.entry-loader-enter.entry-loader-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-in;
}

.entry-loader-leave {
  opacity: 1;
}

.entry-loader-leave.entry-loader-leave-active {
  opacity: 0.01;
  transition: opacity 200ms ease-in;
}

#entry-list .loader{
    height: 100% !important;
    position: fixed;
    width: 338px;
    background-color: rgba(0,0,0, 0.1);
    z-index: 100;
}

#entry-list .loader .spinner{
    position: relative !important;
    top: -webkit-calc(50% - 50px);
    left: -webkit-calc(50% - 25px);
}

.list {
    background-color: #EFEFEF !important;
}
.list > div:first-child{
    -webkit-user-select: none;
}

.inline{
    display: inline-block;
    vertical-align: top;
}
.left{
}
.right{
    float: right;
}
#entry-list{
    padding-top: 0px !important;
}
#entry-selector{
    border-right: solid 1px #d9d9d9;
    min-width: 250px;
    max-width: 350px !important;
}
.note-date{
    padding: 12px;
    padding-right: 0px;
}
.tag-icon{
    padding-left: 12px !important;
    padding-right: 5px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    width: 45px !important;
}
.tag-list{
    padding: 12px 0px;
    max-width: 172px;
}
#library-nav{
    border-right: solid 1px #d9d9d9;
    min-width: 250px !important;
    height: 100%;
    min-height: 100%;
}
#nblist{
    padding-bottom: 0px !important;
}
#entry-list{
    overflow-y: auto;
}
#notebook-list{
    width: 100%;
    overflow-y: auto;
}