.dashboard { margin-bottom: 10px; } .dashboard button { margin-left: 10px; height: 41px; } .year-filter { width: 61px; margin-right: 5px; } .conference-list-body { height: 500px; border: 1px solid #ced4da; border-radius: .25rem; } .conference-item { align-items: center; justify-content: center; padding: 0; } .conference-item:hover { background-color: #eee; } .form-check { display: flex; align-items: center; justify-content: center; width: 31px; height: 41px; } .checkbox { position: relative; width: 13px; height: 13px; border-radius: 15%; background: #fff; border: 1px solid #aaa; cursor: pointer; } .selected:before { content: '✔'; position: absolute; line-height: 0.8; color: #09ad7e; transition: all .2s; } .circle { width: 13px; height: 13px; margin: 10px 5px; border-radius: 50%; background: #fff; border: 1px solid #fed136; } .circle-active { background: #ffa129; } .conference-info:hover { cursor: pointer; } .conference-item:hover .form-check { background-color: #ddd; } .conference-item:hover .form-check:hover { background-color: #ccc; cursor: pointer; } .conference-item:hover .form-check:hover .circle { background: #ffdc64; } .control-panel { height: auto; } .form-group textarea { min-height: 206px; max-height: 463px; } .deadline-list { height: 200px; padding: 0px; overflow-y: scroll; } .deadline { margin: 0; } .deadline-text { flex: 1; } .member-list { height: 200px; padding: 0px; overflow-y: scroll; } .member { margin: 0; } .paper-list { height: 200px; padding: 0px; overflow-y: scroll; } .paper { margin: 0; } .paper-name { flex: 1; } .paper-name span { margin: 6px 15px; display: inline-block; } .icon { width: 38px; height: 38px; padding: 2px; cursor: pointer; } .icon-delete { background-color: #f44; } .icon-paper { height: 26px; width: 26px; float: right; margin: 5px; } .grey-border { color: #495057; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; } #add-paper { margin-left: 10px; } #cancel-button { position: relative; font-size: 1rem; } @media (min-width: 768px) { }