| 1 |
- .stu-box{--h:128px;display:flex;flex-direction:column;}.stu-box .box-h{color:#fff;height:var(--h);width:100%;background-image:linear-gradient(45deg,#005f61,#007f61);display:flex;justify-content:center;align-items:center;}.stu-box .box-h .title{width:100%;}.stu-box .box-h .title h3{text-align:center;}.stu-box .box-h .title button{margin-top:10px;min-width:250px;border-radius:25px;display:flex;justify-content:center;align-items:center;margin:5px auto;}.stu-box .box-b{background:#f0faf9;width:100%;height:calc(100vh - var(--h));}.stu-box .box-b .card .card-header a{color:#049e9a;}.stu-box .box-b .card .card-header a.active{color:#fff;background:#049e9a;}.stu-box .box-b .card .card-header a.active+.iwb-checkbox{color:#fff;}.stu-box .box-b .card .card-body{height:calc(100vh - var(--h) - 40px);padding:10px;}.stu-box .box-b .card .card-body .content-box{display:flex;flex-wrap:wrap;}.stu-box .box-b .card .card-body .role-info{border:1px solid #049e9a;background:#e2ebd7;border-radius:4px;--h:50px;height:var(--h);min-width:150px;max-width:190px;margin:5px;padding:0;display:flex;cursor:none;}.stu-box .box-b .card .card-body .role-info .image{width:var(--h);height:var(--h);padding:8px;}.stu-box .box-b .card .card-body .role-info .image img{width:100%;height:100%;border-radius:50%;}.stu-box .box-b .card .card-body .role-info .name{color:#3cb371;width:calc(100% - var(--h));padding:0 8px;white-space:normal;display:flex;justify-content:center;align-items:center;}.stu-box .box-b .card .card-body .role-info.self{max-width:200px;}.stu-box .box-b .card .card-body .role-info.self .input{width:calc(100% - 100px);}.stu-box .box-b .card .card-body .role-info.self .input input{color:#3cb371;width:100%;background:transparent;line-height:var(--h);padding:0 0 0 5px;border:none;outline:none;}.stu-box .box-b .card .card-body .role-info.self .image.add{cursor:pointer;}.stu-box .box-b .card .check-group{color:#f00;background:#e2ebd7;border:1px solid #049e9a;border-radius:20px;text-align:center;margin:0 auto 5px;width:60%;line-height:30px;transition:background-color .5s;}.stu-box .box-b .card .check-group.hasCheck{color:#fff;background:#049e9a;}.stu-box .box-b .handle-box{display:flex;border:1px solid #049e9a;border-radius:5px;padding:5px;margin:15px 10px;background:rgba(255,255,255,.4);}.stu-box .box-b .handle-box .handle-role,.stu-box .box-b .handle-box .handle-content,.stu-box .box-b .handle-box .handle-button{padding:5px 8px;display:flex;justify-content:center;align-items:center;}.stu-box .box-b .handle-box .handle-role .text,.stu-box .box-b .handle-box .handle-content .text,.stu-box .box-b .handle-box .handle-button .text{user-select:none;}.stu-box .box-b .handle-box .handle-role{width:200px;}.stu-box .box-b .handle-box .handle-role.text-role{width:150px;}.stu-box .box-b .handle-box .handle-role .form-control{font-size:.875rem;}.stu-box .box-b .handle-box .handle-role .text{text-align:right;width:100%;font-size:18px;font-weight:600;word-break:break-word;}.stu-box .box-b .handle-box .handle-content{width:calc(100% - 350px);padding:5px;}.stu-box .box-b .handle-box .handle-content .form-control{border:1px solid #049e9a;border-radius:5px;font-size:.875rem;}.stu-box .box-b .handle-box .handle-button{padding:10px 5px;width:150px;}.stu-box .box-b .handle-box .handle-button .btn{min-height:50px;border-radius:5px;}.stu-box .box-b .handle-box.leader{margin:5px 10px;}.stu-box .box-b .handle-box.leader.has-send .role-text,.stu-box .box-b .handle-box.leader.has-send .text,.stu-box .box-b .handle-box.leader.has-send .content-text{color:#666;}.stu-box .box-b .handle-box.leader .handle-content{width:calc(100% - 150px);padding:5px 10px 5px 5px;justify-content:left;color:#3c3c3c;}.stu-box .box-b .handle-box.leader .handle-content .role-text,.stu-box .box-b .handle-box.leader .handle-content .text{font-size:18px;font-weight:600;white-space:nowrap;}.stu-box .box-b .handle-box.leader .handle-content .text{padding:0 5px;}.stu-box .box-b .handle-box.leader .handle-content .content-text{font-size:16px;word-break:break-word;}.stu-box .box-b .handle-box.leader .handle-button{padding:6px 5px;width:150px;}.stu-box .box-b .handle-box.leader .handle-button .btn{min-height:30px;border-radius:5px;}.stu-box .box-b .handle-box .select2-container .select2-selection--single{height:38px;}.stu-box .box-b .handle-box .select2-container--default .select2-selection--single .select2-selection__arrow{top:6px;}
|
