.sidebar-content .no-results{height:calc(100vh - 60px);display:flex;align-items:center;justify-content:center}.search-header{height:60px;padding:5px 15px;border-bottom:1px solid #f2f2f2;display:flex;align-items:center}.search-header .loader:before{width:20px;height:20px;left:calc(50% - 10px);top:calc(50% - 10px)}.search-header .autosuggest{display:flex;justify-content:space-between;align-items:center}.search-header .autosuggest>*{margin-left:5px;margin-right:5px}.search-header .autosuggest>:first-child{margin-left:0}.search-header .autosuggest>:last-child{margin-right:0}.search-header .autosuggest input{border:none;background-color:transparent!important}.search-header .autosuggest>div{flex-grow:1}.search-header .autosuggest>i{cursor:pointer}.search-header .autosuggest .autosuggest__results-container{top:60px;left:0;right:0;margin:0!important;border:none}.search-header .autosuggest .autosuggest__results-container .autosuggest__results{border:none;max-height:calc(100vh - 60px)}.user-info button{display:flex;text-align:left;align-items:center}.user-info button>*{margin-left:2px;margin-right:2px}.user-info button>:first-child{margin-left:0}.user-info button>:last-child{margin-right:0}.user-info button .classroom_name,.user-info button .user_name{max-width:100px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-lines:2}.user-info button .classroom_name{font-size:13px;color:#009894}.user-info button .user_name{font-size:16px;font-weight:500;line-height:16px}.user-info .dropdown-menu li .dropdown-item i{margin-right:15px}.user-info .dropdown-menu li .dropdown-item.router-link-exact-active{background-color:#009894;color:#fff}.user-info .dropdown-menu li:not(:last-child) .dropdown-item{border-bottom:1px solid #f2f2f2}.autosuggest{width:100%}.autosuggest .autosuggest__results-container{z-index:1;position:absolute;width:100%;background:#fff;margin-top:5px}.autosuggest .autosuggest__results-container .autosuggest__results{overflow:auto;border:1px solid #ccc;max-height:50vh;border-radius:5px}.autosuggest .autosuggest__results-container .autosuggest__results-before{padding:10px 15px 5px 15px;color:#009894;font-weight:600;font-size:16px}.autosuggest .autosuggest__results-container .autosuggest__results-item{padding:7px 15px;cursor:pointer}.autosuggest .autosuggest__results-container .autosuggest__results-item.autosuggest__results-item--highlighted,.autosuggest .autosuggest__results-container .autosuggest__results-item:hover{background-color:#f2f2f2}.app-header{z-index:10;justify-content:space-between;height:60px;background-color:#fff;display:flex!important;align-items:center;padding:5px 15px}.app-header .searchBar{position:relative}.app-header .searchBar input{outline:none;border:none;border-radius:10px;height:35px;width:100%;padding:20px 40px!important;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;box-shadow:0 1px 0 rgba(17,17,17,.1)}.app-header .searchBar input::placeholder{color:#6c757d;opacity:.6}.app-header .searchBar input:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.25);border-color:#80bdff}.app-header .searchBar .append,.app-header .searchBar .prepend{font-weight:800;position:absolute;top:10px;font-size:20px}.app-header .searchBar .prepend{left:10px}.app-header .searchBar .append{right:10px}.list-group-item.router-link-exact-active[data-v-2b04d4b4]{background-color:#009894!important;border:none;color:#fff}.list-group-item[data-v-2b04d4b4]{background:#f8f9fa;cursor:pointer}.list-group-item[data-v-2b04d4b4]:hover{background:#dae0e5}.list-group-item i[data-v-2b04d4b4],.list-group-item img[data-v-2b04d4b4]{font-size:16px;width:16px;height:16px;margin-right:10px}