@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";body{margin:0;height:100vh;width:100vw;font-family:Poppins,sans-serif;background-color:#eee}.admin-chapter{height:calc(100% - 200px);padding:50px}.panel{border-radius:10px;background-color:#fff;padding:30px;position:relative}.panel-header{font-weight:400;margin:0 0 30px}.control-btn{font-size:17px;padding:10px 20px;border-radius:5px;cursor:pointer;border:none}.control-btn:hover{opacity:.8}.control-btn:active{opacity:.9}.control-btn:disabled{opacity:1;cursor:default}.confirm-btn{color:#fff;background:#7817C8}.decline-btn{background:#F1F1F1;border:solid 2px #D8D8D8}.search{margin:20px 0;position:relative}.search input{width:calc(100% - 50px);margin:0!important;padding:13px 30px 13px 20px;font-size:17px;border:none;border-radius:5px}.search input:focus{outline:none}.search img{position:absolute;top:15px;right:10px;height:15px}.back-navigation,.back-navigation:visited{font-size:25px;color:#25282b;text-decoration:none;margin-bottom:20px;display:inline-block;cursor:pointer}.back-navigation img,.back-navigation:visited img{margin-right:15px;position:relative;top:1px}.popup-holder{width:100%;height:100%;background-color:#00000057;position:absolute;top:0}.popup-holder .popup-panel{width:300px;margin:auto;top:50%;transform:translateY(-50%);font-size:15px;border-radius:10px;background-color:#fff;padding:30px;position:relative}.popup-holder .popup-panel .field-holder{border-bottom:solid 2px #e8eaed;padding:20px 0;position:relative}.popup-holder .popup-panel .field-holder .row-container{display:flex;justify-content:space-between}.popup-holder .popup-panel input[type=text],.popup-holder .popup-panel input[type=number]{padding:10px 20px 10px 40px;font-weight:500;border:none;border-radius:5px;color:#00000086;background-color:#f3f3f3;left:20px;position:relative}.popup-holder .popup-panel input:focus{outline:none}.popup-holder .field{background-color:#f3f3f3;color:#52575c;border:none;border-radius:5px;height:20px;font-size:17px;padding:8px 25px 15px;margin-bottom:30px;text-align:center}.popup-header{margin:0 0 10px;font-weight:400}input[type=number]{-moz-appearance:textfield}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none}input[type=checkbox]{border:green;background-color:green}.ngx-pagination li{border:solid 2px #E8E8E8;border-radius:5px!important}.ngx-pagination .current{background-color:#7900ff!important;color:#fff!important}.paggination{text-align:center}.dropdown{position:relative}.dropdown .view{background-color:#f3f3f3;color:#52575c;border:none;border-radius:5px;height:20px;font-size:17px;padding:8px 5px 8px 25px;position:relative;cursor:pointer}.dropdown .view .icon{width:30px;height:15px;position:relative;bottom:8px}.dropdown .arrow{position:absolute;right:10px;top:15px}.dropdown .label{position:relative;display:inline-block;bottom:2px;width:calc(100% - 20px);white-space:nowrap;overflow:hidden!important;text-overflow:ellipsis}.dropdown .with-icon{max-width:calc(100% - 75px);left:10px;margin-left:10px}.dropdown .list-holder{position:absolute;width:100%;max-height:200px;background-color:#cfcfcf;overflow-y:auto;z-index:1}.dropdown .list-holder .element{padding:13px 0 0 10px;cursor:pointer}.dropdown .list-holder .element:hover{background-color:#b9b4b4}.dropdown .list-holder .icon{width:30px;height:15px;position:relative;bottom:8px}.dropdown-disabled .view{cursor:default!important;pointer-events:none}.dropdown-disabled .arrow{display:none}.table-container{height:calc(100% - 55px);overflow-y:auto}.table-container table{width:100%;border-collapse:collapse;table-layout:fixed}.table-container table th{text-align:left;color:#25282b99}.table-container table td{color:#52575c;padding:8px 0}.table-container table td .avatar{position:relative;top:5px;margin:0 10px 0 0;border-radius:50%;width:20px;height:20px}.table-container table td a,.table-container table td a:visited{text-decoration:none;color:#7900ff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:calc(100% - 50px);display:inline-block;position:relative;top:7px}.table-container table td .status{position:relative;margin:auto;display:block}.table-container table .line{border-bottom:solid 2px #e8eaed}
