.list{display:flex;width:100%;flex-direction:column}.list .list-item{height:44px;border-collapse:collapse;vertical-align:middle;display:flex;font-weight:400;font-size:14px;align-items:center;cursor:pointer}.list .list-item.selected{cursor:auto;font-weight:600;background-color:#e6e6e6}.list .list-item .icon{width:22px;text-align:center;margin-left:20px;margin-right:15px}.select-recipient{flex:1;display:flex;flex-direction:column;height:100%;overflow:hidden}.select-recipient-title{display:flex;align-items:center}.select-recipient-title .select-recipient-title-text{font-weight:600;font-size:14px}.select-recipient-title .select-recipient-info{margin-left:8px;color:gray}.select-recipient-title .select-recipient-title-tooltip{padding:2.5px 8px;font-size:12px;line-height:18px}.select-recipient-container{flex:1;margin-top:14px;display:flex;min-height:0}.select-recipient-list{width:100%;display:flex;flex-direction:column;border:solid 1px #ccc;border-radius:4px}.select-recipient-list .search-container{display:flex;align-items:center;height:42px;border-bottom:solid 1px #ccc;padding:11px 8px}.select-recipient-list .search-container .search-icon{color:#b3b3b3}.select-recipient-list .search-container .search-input,.select-recipient-list .search-container .input.search-input:focus{flex:1;border:none;margin-left:4px;font-size:14px;color:#333}.select-recipient-list .search-container .search-input::-moz-placeholder,.select-recipient-list .search-container .input.search-input:focus::-moz-placeholder{color:gray;font-weight:300}.select-recipient-list .search-container .search-input::placeholder,.select-recipient-list .search-container .input.search-input:focus::placeholder{color:gray;font-weight:300}.select-recipient-list .list-container{flex:1;overflow:auto}.select-recipient-list .list-container .list-item{border:none;margin:0;width:100%;display:flex}.select-recipient-list .list-container .list-item.even{background-color:#f2f2f2}.select-recipient-list .list-container .list-item .left-selector-container{width:48px;padding:12px 16px 16px}.select-recipient-list .list-container .list-item .right-content-container{flex:1;padding:12px 0;font-size:14px;line-height:20px}@media (max-height: 650px){.select-recipient-list .list-container .list-item .right-content-container{padding:9px 0}}.select-recipient-list .list-container .list-item .right-content-container .name{color:#000}.select-recipient-list .list-container .list-item .right-content-container .description{color:#656565}.empty-state{display:flex;text-align:center;align-items:center;height:100%;padding:0 89px;color:#4d4d4d;font-size:14px}.empty-state .empty-state-title{font-weight:600}.loading-state{display:flex;height:100%;justify-content:center;align-items:center;color:#4d4d4d}.no-student-square{display:flex;align-items:center;padding:6px 8px;width:100%;font-size:14px;color:#666;background-color:#f2f2f2;border:1px solid #e6e6e6;border-radius:3px;margin-bottom:16px}.no-student-square .no-student-square-message{margin-left:8px}.who-to-add{margin-bottom:24px}@media (max-height: 650px){.who-to-add{margin-bottom:15px}}.who-to-add .who-to-add-title{font-weight:600;font-size:14px}.who-to-add .who-to-add-options{margin-top:8px;display:flex}.who-to-add .who-to-add-options .who-to-add-option{margin-top:3px;margin-right:20px;display:flex;align-items:center}.who-to-add .who-to-add-options .who-to-add-check{margin-top:2px;margin-right:8px}.footer-container{display:flex;width:100%;padding:14px 16px;align-items:center}.footer-container .footer-message{flex:1;text-align:right;margin-right:15px;transition:none}.footer-container .footer-message.info{color:#666}.footer-container .footer-message.fade.out{animation:fadeOut 3s ease-in-out forwards}@keyframes fadeOut{0%{opacity:1}73%{opacity:1}to{opacity:0}}.footer-container .footer-button{padding:6px 12px;border-radius:4px;border:none;letter-spacing:.025em;font-weight:600}.spinner{display:flex;align-items:center;justify-content:center}.spinner .dot{width:10px;height:10px;margin:0 5px;border-radius:50%;background-color:#bbb;animation:bounce 1.2s infinite ease-in-out}.spinner .dot.dot1{width:8px;height:8px;animation-delay:-.32s}.spinner .dot.dot2{width:12px;height:12px;animation-delay:-.16s}.spinner .dot.dot3{width:10px;height:10px}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.load-more{height:50px;display:flex;justify-content:center;align-items:center}.big-container{width:703px;height:648px;border:solid 1px #d2d2d2;border-radius:10px;background-color:#fff;display:flex;flex-direction:column;z-index:2147483640;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-height: 650px){.big-container{height:90vh}}.big-container .title{display:flex;padding:20px;height:60px;font-weight:400;font-size:18px;border-bottom:solid 1px #d2d2d2;border-collapse:collapse}.big-container .title .close{font-size:16px;color:#333;text-align:right;flex:1}.big-container .main-column{display:flex;width:100%;flex:1;overflow:hidden}.big-container .main-column .left-menu{min-width:160px;border-right:solid 1px #d2d2d2;border-collapse:collapse}.big-container .main-column .right-content{width:100%}.big-container .footer{height:62px;border-top:solid 1px #d2d2d2}.big-container input[type=checkbox]{width:14px;height:14px}.big-container label{display:inherit;font-weight:inherit;cursor:pointer}.big-container .right-content{padding:16px;width:100%;display:flex;flex-direction:column;height:100%}
