@layer base,theme,layout,utilities;@layer base{*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}ul,ol{list-style:none}a{text-decoration:none;color:inherit}button{background:none;border:none;padding:0;font:inherit;cursor:pointer}img,picture,video,canvas,svg{display:block;max-width:100%}table{border-collapse:collapse;border-spacing:0}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}input,textarea,select{font:inherit;width:100%}}@font-face{font-family:light;src:url(/assets/alfont_com_Somar-Light-DBbAdn1X.otf) format("truetype")}@font-face{font-family:regular;src:url(/assets/alfont_com_Somar-Regular-BkgulGNg.otf) format("truetype")}@font-face{font-family:medium;src:url(/assets/alfont_com_Somar-Medium-Dj8WMkYz.otf) format("truetype")}@font-face{font-family:bold;src:url(/assets/alfont_com_Somar-Bold-C3bD5Y2Z.otf) format("truetype")}:root{--primary-color: #1f41bb;--black-color: #000;--primary-color-opacity-10: rgba(30, 58, 142, .1);--third-color: #0b1741;--primary-color-opacity-50: rgba(30, 58, 142, .5);--primary-hover: rgba(233, 236, 248, .5);--secondary-color: #ffffff;--dark-color: #090b0e;--light-color: #909dad;--white-color: #ffffff;--stroke-color: #f0f1f4;--border-color: #F9F9F9;--danger-color: #e23535;--warning-color: #ffc107;--success-color: #35cc1e;--auth-side-bar: #f4f5f7;--button-color: #0B1741;--background-color: rgba(248, 249, 253, 1);--placeholder-input: #a3adbb;--base-width: 1440;--base-height: 1024;--bg-icon: #f8f9fd;--test-summary-bg: #fbfbfb;--test-summary-card-border: rgba(31, 65, 187, .1);--test-summary-icon-bg: rgba(31, 65, 187, .1);--table-bg: #f1f5f9;--info-color: #6226ef;--text-color: rgba(163, 173, 187, 1);--title-color: rgba(16, 24, 40, 1);--text-color-2: #282828;--text-color-3: #939393;--text-color-4: #78828e;--text-color-5: #3a4856;--text-pagination: #0a0e1a;--pagination-color: #e5f2fe;--input-bg: rgba(248, 249, 253, 1);--main-bg: #efefef;--table-header-bg: #f8f8ff;--table-row-bg: #ffffff;--line-color: rgba(241, 243, 246, 1);--line-color-2: #eeeeee}.text-primary{color:var(--primary-color)}.underline{text-decoration:underline}.fw-bolder{font-family:Bold,sans-serif}.question-statistics-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--gap-md)}.question-statistics-cards .card{display:flex;gap:var(--gap-md);align-items:center;padding:var(--padding-md);background-color:#f8f8f8;border-radius:var(--radius-md)}.top-page-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--gap-md)}.top-page-cards .card{display:flex;flex-direction:column;gap:var(--gap-sm);align-items:center;justify-content:center;padding:var(--padding-sm);border-radius:var(--radius-md);border:1px solid var(--primary-color)}.top-page-cards .card h4{color:var(--light-color)}.top-page-cards .card p{color:var(--primary-color);font-weight:600}.question-show-card{padding:var(--padding-md);border-radius:var(--radius-md);border:1px solid var(--primary-color);background:var(--test-summary-bg)}.question-show-card .card-header{display:flex;gap:var(--gap-sm)}.question-show-card .card-header p{font-weight:600}.question-show-card .card-body .right{color:var(--success-color)}.question-show-card .card-body span{font-size:var(--font-size-md);font-weight:600}.question-show-card .card-body p{color:var(--light-color);font-weight:500}.login{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--gap-md);padding:var(--padding-md) 0;min-height:100vh}.login .login-form{width:100%;display:flex;flex-direction:column;gap:1rem;padding:2rem}.login .login-form img{display:block;margin:0 auto;width:72px;height:72px;-o-object-fit:contain;object-fit:contain}.login .login-form .title{font-family:bold,sans-serif;font-size:2rem;text-align:center;color:var(--title-color)}.login .login-form .description{font-family:regular,sans-serif;font-size:1rem;text-align:center;width:70%;margin:0 auto 1rem;color:var(--text-color)}@media (max-width: 768px){.login .login-form .description{width:95%}}.login .login-form label{font-family:bold,sans-serif;font-size:.9rem;color:var(--primary-color)}.login .login-form button{width:100%;justify-content:center}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-4{grid-column:span 4/span 4}.col-span-5{grid-column:span 5/span 5}.col-span-6{grid-column:span 6/span 6}.col-span-7{grid-column:span 7/span 7}.col-span-8{grid-column:span 8/span 8}.col-span-9{grid-column:span 9/span 9}.col-span-10{grid-column:span 10/span 10}.col-span-11{grid-column:span 11/span 11}.col-span-12{grid-column:span 12/span 12}@media screen and (min-width: 768px){.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.md\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.md\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.md\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.md\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:col-span-1{grid-column:span 1/span 1}.md\:col-span-2{grid-column:span 2/span 2}.md\:col-span-3{grid-column:span 3/span 3}.md\:col-span-4{grid-column:span 4/span 4}.md\:col-span-5{grid-column:span 5/span 5}.md\:col-span-6{grid-column:span 6/span 6}.md\:col-span-7{grid-column:span 7/span 7}.md\:col-span-8{grid-column:span 8/span 8}.md\:col-span-9{grid-column:span 9/span 9}.md\:col-span-10{grid-column:span 10/span 10}.md\:col-span-11{grid-column:span 11/span 11}.md\:col-span-12{grid-column:span 12/span 12}}@media screen and (min-width: 1200px){.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.lg\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.lg\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.lg\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.lg\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-6{grid-column:span 6/span 6}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:col-span-8{grid-column:span 8/span 8}.lg\:col-span-9{grid-column:span 9/span 9}.lg\:col-span-10{grid-column:span 10/span 10}.lg\:col-span-11{grid-column:span 11/span 11}.lg\:col-span-12{grid-column:span 12/span 12}}.student-info{display:flex;align-items:start;margin-bottom:var(--margin-md);flex-wrap:wrap;gap:.8rem}.student-info .avatar{width:134px;height:110px;-o-object-fit:cover;object-fit:cover;border-radius:.8rem}.student-info .info{display:flex;flex-direction:column;align-items:flex-start;justify-content:end;flex-wrap:wrap;width:85%}.student-info .info .stage{color:#3d4c5e}.student-info .info .title{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.student-info .info .title .actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--gap-md)}.student-info .info .title .actions .status{padding:var(--padding-xs) var(--padding-md);font-size:var(--font-size-md);border-radius:50rem}.student-info .info .title .actions .active_now{color:#3d9635;background:#3d96351a}.student-info .info .title .actions .blocked{color:#dd1f1f;background:#dd1f1f1a}.student-info .info .title h3{font-size:var(--font-size-lg)}.student-info .info .additional-info{display:grid;width:100%;margin-top:.8rem;grid-template-columns:repeat(2,1fr);grid-gap:var(--gap-md)}.student-info .info .additional-info .item{display:flex;align-items:center;gap:var(--gap-xs)}.student-info .info .additional-info .item p{color:#576b74}.student-info .info .additional-info .item a:hover{text-decoration:underline}.student-button-actions{display:flex;justify-content:space-between;align-items:center;width:100%;gap:var(--gap-md);margin-block:var(--margin-md)}@media screen and (max-width: 768px){.student-button-actions{flex-wrap:wrap}}.student-button-actions .btn{color:var(--secondary-color);padding:var(--padding-sm) var(--padding-md);width:100%;text-align:center}.student-button-actions .update-btn{background-color:var(--third-color)}.student-button-actions .course-btn{background-color:var(--primary-color)}.student-button-actions .block-btn{background-color:#d6534a0d;color:var(--danger-color);border:1px solid var(--danger-color);transition:all var(--transition-md) ease-in-out}.student-button-actions .block-btn:hover{background-color:var(--danger-color);color:var(--white-color)}.show-student-points .progress-bar{background-color:#e9ecf880;width:100%;height:3rem;border-radius:50rem}.show-student-points .progress-bar .progress{border-radius:50rem;background-color:var(--primary-color);width:80%;height:3rem}.show-student-points .progress-bar .progress .text{display:flex;align-items:center;gap:var(--gap-sm);padding:.1rem var(--space-lg);position:relative}.show-student-points .progress-bar .progress .text:before{content:"";position:absolute;right:0;border-radius:50rem;top:0;width:14rem;height:3rem;background:#ffffff1a}.show-student-points .progress-bar .progress .text p{color:var(--white-color);font-size:var(--font-size-lg);font-family:Bold,sans-serif}.show-student-points .progress-bar .progress .text p sub{color:#fffc;font-size:var(--font-size-md);font-family:Regular,sans-serif}.show-student-points .cards{margin-top:var(--margin-lg);display:flex;flex-direction:column;gap:var(--gap-md)}.show-student-points .cards .card{border:1px solid rgba(31,65,187,.1);padding:var(--padding-sm) var(--padding-md);border-radius:var(--radius-md)}.show-student-points .cards .card .card-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.show-student-points .cards .card .card-header .text{display:flex;align-items:center;gap:var(--gap-md)}.show-student-points .cards .card .card-header .text .title{font-size:1.3rem;color:#909dad}.show-student-points .cards .card .card-header .text .title span{color:var(--primary-color)}.show-student-points .cards .card .card-header .text .rate-progress-circle{width:50px;height:50px;border-radius:50%;background:radial-gradient(closest-side,white 80%,transparent 80% 100%),conic-gradient(var(--primary-color) 30%,#e5e7eb 0%);display:flex;align-items:center;justify-content:center;font-size:14px;padding:5px;font-weight:700;color:var(--primary-color)}.show-student-points .cards .card .card-header .content{font-size:var(--font-size-md);font-family:Medium,sans-serif}.show-student-points .cards .card .dashed-line{border-bottom:1px dashed #546881;width:100%;height:1rem;margin-block:var(--margin-sm)}.show-student-points .cards .card .items{display:flex;margin-block:var(--margin-sm);gap:var(--gap-sm);width:100%;overflow:auto}.show-student-points .cards .card .items .item{display:flex;align-items:center;gap:var(--gap-sm);padding:.5rem 0;background-color:#fcfcfc;padding:var(--padding-sm) var(--padding-md);transition:all .4s ease;border-radius:1rem;border:1px solid var(--stroke-color)}.show-student-points .cards .card .items .item:hover{background-color:var(--primary-color)}.show-student-points .cards .card .items .item:hover span,.show-student-points .cards .card .items .item:hover .rate{color:var(--white-color)}.show-student-points .cards .card .items .item span{transition:all .4s ease;color:#546881}.show-student-points .cards .card .items .item .rate{transition:all .4s ease;color:var(--primary-color);font-family:Bold,sans-serif}.card-content{background-color:#fafafa;margin-block:1rem;padding:var(--padding-sm) var(--padding-md);border-radius:1rem;margin-inline:1rem;display:flex;flex-direction:column;position:relative}.card-content .dashed-line{border-bottom:1px dashed #546881;width:100%;height:1rem}.card-content .question{margin-block:.8rem}.card-content .question .title{display:flex;align-items:center;gap:var(--gap-sm)}.card-content .question .title span{color:#546881}.card-content .question .title h4{font-size:var(--font-size-md);color:var(--black-color)}.card-content .question ul{margin-block:.8rem;padding-inline:var(--padding-md);list-style:disc}.card-content .question ul li{color:var(--black-color);margin-block:.8rem;font-size:.8rem;font-family:Bold,sans-serif}.card-content .question ul .wright{color:green}.card-content .card-body{display:flex;gap:var(--gap-sm);align-items:start}.card-content .card-body .sub{display:flex;align-items:center;gap:var(--gap-sm);color:#3d4c5e;font-size:var(--font-size-md)}.card-content:after{content:"";position:absolute;top:10%;transform:translateY(-50%);right:-5%;margin-inline:1rem;width:1rem;height:1rem;border-radius:50rem;background-color:var(--primary-color)}.card-content:before{content:"";position:absolute;top:12rem;transform:translateY(-50%);right:-4.2%;margin-inline:1rem;height:21rem;border:1px dashed var(--primary-color)}.student-course-info{display:flex;margin-bottom:var(--margin-md);gap:var(--gap-md)}@media screen and (max-width: 1000px){.student-course-info{flex-wrap:wrap}}.student-course-info .course-image-container{position:relative;width:214px;height:196px}.student-course-info .course-image-container img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:.8rem;position:relative}.student-course-info .course-image-container .show-course-video{position:absolute;bottom:1rem;transform:translate(-50%);border-radius:33px;background:#111;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:.2rem .6rem;color:var(--secondary-color);left:50%;width:70%}.student-course-info .info{display:flex;flex-direction:column;align-items:flex-start;justify-content:end;flex-wrap:wrap;width:85%}.student-course-info .info .stage{color:#3d4c5e}.student-course-info .info .title{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--gap-sm)}.student-course-info .info .title .actions .status{padding:var(--padding-xs) var(--padding-md);font-size:var(--font-size-md);color:#3d9635;background:#3d96351a;border-radius:50rem}.student-course-info .info .title .coure-name h3{font-size:var(--font-size-lg)}.student-course-info .info .title .coure-name span{font-size:.9rem;color:#5e6e77;display:flex;flex-wrap:wrap}.student-course-info .info .title{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.student-course-info .info .title .actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--gap-md)}.student-course-info .info .title .actions .status{padding:var(--padding-xs) 3.4rem;font-size:var(--font-size-md);color:#3d9635;background:#3d96351a;border-radius:50rem}.student-course-info .info .title .actions .payment{padding:var(--padding-xs) 3.4rem;font-size:var(--font-size-md);color:var(--primary-color);background:#1f41bb1a;border-radius:50rem;display:flex;align-items:center;gap:var(--gap-xs)}.student-course-info .info .title h3{font-size:var(--font-size-lg)}.student-course-info .info .additional-info{display:grid;grid-template-columns:repeat(4,1fr);width:100%;gap:var(--gap-lg);margin-block:var(--margin-sm)}@media screen and (max-width: 1300px){.student-course-info .info .additional-info{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width: 768px){.student-course-info .info .additional-info{grid-template-columns:repeat(2,1fr)}}.student-course-info .info .additional-info .item{display:flex;align-items:center;gap:var(--gap-sm)}.student-course-info .info .additional-info .item p{color:#576b74}.student-course-info .info .description{font-size:1rem;padding:0;margin:0;background-color:#0000;color:#3d4c5e}.course-summary-content{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap-md);padding:0 var(--padding-md)}@media screen and (max-width: 1000px){.course-summary-content{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width: 768px){.course-summary-content{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 600px){.course-summary-content{grid-template-columns:repeat(1,1fr)}}.course-summary-content .item{display:flex;align-items:center;justify-content:center;gap:var(--gap-md);background-color:#fafafa;width:100%;padding:var(--padding-sm) .2rem;border-radius:.8rem;font-weight:600}.student-course-statistics{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap-md);margin-block:var(--margin-md);background-color:#f8f9fd;padding:var(--padding-md);border-radius:10px}@media screen and (max-width: 1200px){.student-course-statistics{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 768px){.student-course-statistics{grid-template-columns:repeat(1,1fr)}}.student-course-statistics .rates{display:flex;flex-direction:column;gap:var(--gap-sm)}.student-course-statistics .rates .card{border-radius:16px;display:flex;align-items:center;border:1px solid #e6ecf1;background:#fdfdfd;box-shadow:8px 8px 20px #1f41bb14;height:166px;padding:0 var(--padding-md);justify-content:space-evenly;flex-direction:column}.student-course-statistics .rates .card .card-body{display:flex;align-items:center;justify-content:center;gap:var(--gap-lg)}.student-course-statistics .rates .card .card-body .card-title{display:flex;flex-direction:column}.student-course-statistics .rates .card .card-body .card-title .subtitle{color:var(--placeholder-input);font-size:var(--font-size-md)}.student-course-statistics .rates .card .card-body .card-title .watch-points{display:flex;align-items:center;gap:var(--gap-sm);margin-top:var(--margin-md);color:var(--primary-color);font-weight:600}.student-course-statistics .rates .card .card-body .card-title .title{color:#29384b;font-size:var(--font-size-md);font-family:Bold,sans-serif}.student-course-statistics .rates .card .card-body .card-title p{color:var(--primary-color);font-size:var(--font-size-2xl);font-family:Bold,sans-serif}.student-course-statistics .rates .card .progress-bar{width:100%;height:8px;background-color:var(--light-color);border-radius:50rem;overflow:hidden}.student-course-statistics .rates .card .progress{background-color:var(--primary-color);height:100%;border-radius:50rem;transition:width .4s ease-in-out}.student-course-statistics .doughnut-chart{background-color:var(--white-color);padding:var(--padding-md);border-radius:1rem;box-shadow:8px 8px 20px #1f41bb14}@media screen and (max-width: 330px){.student-course-statistics .doughnut-chart{padding:unset}}.student-course-statistics .doughnut-chart .chart{position:relative}.student-course-statistics .doughnut-chart .chart .text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.student-course-statistics .doughnut-chart .chart .text p{color:#130c04;font-size:var(--font-size-xl);font-family:Bold,sans-serif}.student-course-statistics .doughnut-chart .chart .text span{color:#546881;font-family:Regular,sans-serif}.student-course-statistics .doughnut-chart .chart .p-chart{display:flex;align-items:center;justify-content:center}.student-course-statistics .doughnut-chart .chart .p-chart canvas{height:250px!important;width:250px!important}.student-course-statistics .doughnut-chart p{font-weight:600}.student-course-statistics .line-chart{height:100%;width:100%;background-color:var(--white-color);padding:var(--padding-md);border-radius:1rem;box-shadow:8px 8px 20px #1f41bb14}.student-course-statistics .line-chart p{font-weight:600}.student-course-statistics .line-chart .p-chart{display:flex;align-items:center;justify-content:center;width:100%;height:89%}.student-course-statistics .line-chart .p-chart canvas{width:100%!important}.course-details-content .tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap-md);margin-block:var(--margin-md)}@media screen and (max-width: 1160px){.course-details-content .tabs{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width: 768px){.course-details-content .tabs{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 600px){.course-details-content .tabs{grid-template-columns:repeat(1,1fr)}}.course-details-content .tabs .tab{background-color:#f8f9fd;padding:var(--padding-sm) var(--padding-md);border-radius:10px;text-align:center;width:100%;display:flex;align-items:center;justify-content:center;opacity:.5;transition:all .4s ease}.course-details-content .tabs .tab:hover{opacity:1;cursor:pointer;background-color:var(--white-color);color:var(--primary-color);font-family:Bold,sans-serif}.course-details-content .tabs .active_tab{background-color:#f6f7fc;color:var(--primary-color);font-family:Bold,sans-serif;opacity:1}@layer utilities{.w-1{width:1%}.w-2{width:2%}.w-3{width:3%}.w-4{width:4%}.w-5{width:5%}.w-6{width:6%}.w-7{width:7%}.w-8{width:8%}.w-9{width:9%}.w-10{width:10%}.w-11{width:11%}.w-12{width:12%}.w-13{width:13%}.w-14{width:14%}.w-15{width:15%}.w-16{width:16%}.w-17{width:17%}.w-18{width:18%}.w-19{width:19%}.w-20{width:20%}.w-21{width:21%}.w-22{width:22%}.w-23{width:23%}.w-24{width:24%}.w-25{width:25%}.w-26{width:26%}.w-27{width:27%}.w-28{width:28%}.w-29{width:29%}.w-30{width:30%}.w-31{width:31%}.w-32{width:32%}.w-33{width:33%}.w-34{width:34%}.w-35{width:35%}.w-36{width:36%}.w-37{width:37%}.w-38{width:38%}.w-39{width:39%}.w-40{width:40%}.w-41{width:41%}.w-42{width:42%}.w-43{width:43%}.w-44{width:44%}.w-45{width:45%}.w-46{width:46%}.w-47{width:47%}.w-48{width:48%}.w-49{width:49%}.w-50{width:50%}.w-51{width:51%}.w-52{width:52%}.w-53{width:53%}.w-54{width:54%}.w-55{width:55%}.w-56{width:56%}.w-57{width:57%}.w-58{width:58%}.w-59{width:59%}.w-60{width:60%}.w-61{width:61%}.w-62{width:62%}.w-63{width:63%}.w-64{width:64%}.w-65{width:65%}.w-66{width:66%}.w-67{width:67%}.w-68{width:68%}.w-69{width:69%}.w-70{width:70%}.w-71{width:71%}.w-72{width:72%}.w-73{width:73%}.w-74{width:74%}.w-75{width:75%}.w-76{width:76%}.w-77{width:77%}.w-78{width:78%}.w-79{width:79%}.w-80{width:80%}.w-81{width:81%}.w-82{width:82%}.w-83{width:83%}.w-84{width:84%}.w-85{width:85%}.w-86{width:86%}.w-87{width:87%}.w-88{width:88%}.w-89{width:89%}.w-90{width:90%}.w-91{width:91%}.w-92{width:92%}.w-93{width:93%}.w-94{width:94%}.w-95{width:95%}.w-96{width:96%}.w-97{width:97%}.w-98{width:98%}.w-99{width:99%}.w-100{width:100%}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-screen{width:100vw}.w-min{width:-moz-min-content;width:min-content}.w-max{width:-moz-max-content;width:max-content}.max-w-full{max-width:100%}}@layer utilities{:root{--margin-none: 0px;--margin-xs: 8px;--margin-sm: 10px;--margin-md: 16px;--margin-lg: 24px;--margin-xl: 32px}.mt-none{margin-top:0}.mb-none{margin-bottom:0}.ms-none{margin-inline-start:0px}.me-none{margin-inline-end:0px}.mx-none{margin-inline:0px}.my-none{margin-block:0px}.mt-xs{margin-top:8px}.mb-xs{margin-bottom:8px}.ms-xs{margin-inline-start:8px}.me-xs{margin-inline-end:8px}.mx-xs{margin-inline:8px}.my-xs{margin-block:8px}.mt-sm{margin-top:10px}.mb-sm{margin-bottom:10px}.ms-sm{margin-inline-start:10px}.me-sm{margin-inline-end:10px}.mx-sm{margin-inline:10px}.my-sm{margin-block:10px}.mt-md{margin-top:16px}.mb-md{margin-bottom:16px}.ms-md{margin-inline-start:16px}.me-md{margin-inline-end:16px}.mx-md{margin-inline:16px}.my-md{margin-block:16px}.mt-lg{margin-top:24px}.mb-lg{margin-bottom:24px}.ms-lg{margin-inline-start:24px}.me-lg{margin-inline-end:24px}.mx-lg{margin-inline:24px}.my-lg{margin-block:24px}.mt-xl{margin-top:32px}.mb-xl{margin-bottom:32px}.ms-xl{margin-inline-start:32px}.me-xl{margin-inline-end:32px}.mx-xl{margin-inline:32px}.my-xl{margin-block:32px}}@layer utilities{:root{--padding-none: 0px;--padding-xs: 8px;--padding-sm: 10px;--padding-md: 16px;--padding-lg: 24px;--padding-xl: 32px}.pt-none{padding-top:0}.pb-none{padding-bottom:0}.ps-none{padding-inline-start:0px}.pe-none{padding-inline-end:0px}.px-none{padding-inline:0px}.py-none{padding-block:0px}.pt-xs{padding-top:8px}.pb-xs{padding-bottom:8px}.ps-xs{padding-inline-start:8px}.pe-xs{padding-inline-end:8px}.px-xs{padding-inline:8px}.py-xs{padding-block:8px}.pt-sm{padding-top:10px}.pb-sm{padding-bottom:10px}.ps-sm{padding-inline-start:10px}.pe-sm{padding-inline-end:10px}.px-sm{padding-inline:10px}.py-sm{padding-block:10px}.pt-md{padding-top:16px}.pb-md{padding-bottom:16px}.ps-md{padding-inline-start:16px}.pe-md{padding-inline-end:16px}.px-md{padding-inline:16px}.py-md{padding-block:16px}.pt-lg{padding-top:24px}.pb-lg{padding-bottom:24px}.ps-lg{padding-inline-start:24px}.pe-lg{padding-inline-end:24px}.px-lg{padding-inline:24px}.py-lg{padding-block:24px}.pt-xl{padding-top:32px}.pb-xl{padding-bottom:32px}.ps-xl{padding-inline-start:32px}.pe-xl{padding-inline-end:32px}.px-xl{padding-inline:32px}.py-xl{padding-block:32px}}@layer utilities{:root{--radius-xs: 8px;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px}.radius-xs{border-radius:8px}.radius-sm{border-radius:10px}.radius-md{border-radius:16px}.radius-lg{border-radius:24px}.radius-xl{border-radius:32px}}@layer utilities{:root{--gap-xs: 4px;--gap-sm: 10px;--gap-md: 16px;--gap-lg: 24px;--gap-xl: 32px}.gap-xs{gap:4px}.gap-sm{gap:10px}.gap-md{gap:16px}.gap-lg{gap:24px}.gap-xl{gap:32px}}@layer utilities{:root{--space-xs: 8px;--space-sm: 10px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 40px;--space-3xl: 48px;--space-4xl: 64px}}@layer utilities{:root{--font-size-xs: 10px;--font-size-sm: 10px;--font-size-md: 16px;--font-size-lg: 24px;--font-size-xl: 32px;--font-size-2xl: 40px;--font-size-3xl: 48px}.font-size-xs,.font-size-sm{font-size:10px}.font-size-md{font-size:16px}.font-size-lg{font-size:24px}.font-size-xl{font-size:32px}.font-size-2xl{font-size:40px}.font-size-3xl{font-size:48px}}@layer utilities{:root{--transition-sm: .3s;--transition-md: .6s;--transition-lg: .9s}}.flex{display:flex}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.items-baseline{align-items:baseline}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.flex-col{flex-direction:column}.flex-row{flex-direction:row!important}.flex-col-reverse{flex-direction:column-reverse}.flex-row-reverse{flex-direction:row-reverse}.flex-1{flex:1}.flex-2{flex:2}.flex-3{flex:3}.flex-4{flex:4}.flex-5{flex:5}.flex-6{flex:6}.flex-7{flex:7}.flex-8{flex:8}.flex-9{flex:9}.flex-10{flex:10}.flex-11{flex:11}.flex-12{flex:12}.flex-grow{flex-grow:1}.flex-grow-0{flex-grow:0}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.flex-auto{flex:auto}.flex-initial{flex:initial}.flex-none{flex:none}.hidden{display:none}.non-visible{visibility:hidden}.cursor-pointer{cursor:pointer}.h-100{height:100%}.divider{width:100%;height:3px;background-color:#f9f9f9;border-radius:var(--radius-md)}.list-trigger{cursor:pointer}.price,.stage,.number{font-weight:700}.student_number{padding:var(--padding-sm)!important;border-radius:var(--radius-sm);border:1px solid var(--primary-color);color:var(--primary-color);font-weight:700;display:flex;align-items:center;width:5rem;gap:var(--gap-sm);background-color:#1f41bb0a}.gray{color:#546881}.number{color:var(--primary-color)}.border{border:1px solid #f0f1f4;border-radius:var(--radius-sm);padding:.4rem;cursor:pointer}.optional-text{color:#909dad}.plus-icon{display:flex;align-items:center;justify-content:center;background-color:#1f41bb;border:1px solid #1f41bb;color:#fff;font-size:1.3rem;width:35px;height:35px;border-radius:50%;cursor:pointer;transition:.7s ease-in-out}.plus-icon:hover{background-color:#fff;color:#1f41bb}.remove-icon{display:flex;align-items:center;justify-content:center;background-color:#850523;border:1px solid #850523;color:#fff;font-size:1.1rem;width:35px;height:35px;border-radius:50%;cursor:pointer;transition:.7s ease-in-out}.remove-icon:hover{background-color:#fff;color:#850523}.dialog{border:none;padding:20px 60px;border-radius:16px;text-align:center;margin:auto}.dialog h4{font-weight:700;color:#212529;white-space:pre-line;text-align:center}.dialog p{color:#757575}.dialog .dialog-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.dialog .dialog-close-btn{display:block;margin:10px auto;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;cursor:pointer;outline:none}.dialog[open]::backdrop{animation:backdrop-fade-in .7s ease-out forwards;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.loader-dialog{animation:fade-out .7s ease-out;border:none;border-radius:5px;background:#0000;margin:auto}.loader-dialog .loader-container{padding:20px 60px}.loader-dialog[open]{animation:fade-in .7s ease-out}.loader-dialog[open]::backdrop{animation:backdrop-fade-in .7s ease-out forwards;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.loader{width:120px;height:22px;border-radius:20px;color:#000;border:2px solid;position:relative}.loader:before{content:"";position:absolute;margin:2px;top:0;right:100%;bottom:0;left:0;border-radius:inherit;background:currentColor;animation:l6 2s infinite}@keyframes l6{to{top:0;right:0;bottom:0;left:0}}.delete-dialog{padding:3rem;text-align:center}.delete-dialog .dialog-title{font-family:bold,sans-serif;font-size:1.5rem;margin-top:1rem}.delete-dialog p{font-family:regular,sans-serif;font-size:1rem;color:#717171;margin-bottom:var(--space-sm)}.delete-dialog .btn-third{border:1px solid #000}.input-wrapper{display:flex;flex-direction:column;position:relative;gap:var(--gap-xs)}.input-wrapper .input-label{font-family:medium,sans-serif;font-size:.9rem;color:var(--text-color-2);text-align:start}.input-wrapper .input{padding:clamp(var(--space-sm),15/var(--base-height)*100vh,var(--space-md));background-color:var(--input-bg);border-radius:var(--radius-xs);border:1px solid var(--stroke-color);transition:all var(--transition-sm) ease-in-out;width:100%;font-size:.9rem;font-family:regular,sans-serif}.input-wrapper .input:focus,.input-wrapper .input:focus-visible{border-color:var(--primary-color-opacity-50);outline:none}.input-wrapper .input::-moz-placeholder{color:var(--placeholder-input);font-family:regular,serif;font-size:.8rem}.input-wrapper .input::placeholder{color:var(--placeholder-input);font-family:regular,serif;font-size:.8rem}.input-wrapper .error-text{font-family:regular,sans-serif;font-size:.8rem;color:var(--danger-color);margin-top:var(--space-sm);text-align:start}.input-wrapper.input-wrapper-icon .input{padding-inline-start:clamp(var(--space-lg),40/var(--base-width)*100vw,var(--space-3xl))}.input-wrapper.input-wrapper-icon .input-icon{position:absolute;top:calc(45/var(--base-height)*100vh)}body:lang(ar) .input-wrapper-icon .input-icon{right:calc(15/var(--base-width)*100vw)}body:lang(en) .input-wrapper-icon .input-icon{left:calc(15/var(--base-width)*100vw)}.input-search{position:relative}@media (max-width: 768px){.input-search{margin:1rem 0}}.input-search img{position:absolute;top:50%;left:9px;transform:translateY(-50%)}.input-search .icon-remove{position:absolute;top:50%;right:9px;transform:translateY(-50%);cursor:pointer}.input-search .input{padding:var(--space-sm);padding-inline:2rem;background-color:#0000;border:1px solid #dde2ed;border-radius:var(--radius-sm);transition:all var(--transition-sm) ease-in-out;width:100%}.input-search .input::-moz-placeholder{color:var(--placeholder-input);font-family:regular,serif;font-size:.8rem}.input-search .input::placeholder{color:var(--placeholder-input);font-family:regular,serif;font-size:.8rem}.input-search .input:focus{outline:none}.input-image-user{display:flex;flex-direction:column;align-items:start;gap:var(--space-md)}.input-image-user input[type=file]{display:none}.input-image-user .preview-img,.input-image-user .input-label .image img{width:calc(100/var(--base-height)*100vh);height:calc(100/var(--base-height)*100vh);border-radius:50%}.input-image-user .actions{display:flex;align-items:center;gap:var(--space-sm)}.input-image-user .actions .btn svg{width:25px;height:25px}.input-image-user p{font-family:regular,sans-serif;font-size:var(--sm-size);color:#576b74;margin-top:var(--space-md)}.input-select{display:grid;position:relative}.input-select .p-select-label,.input-select .p-multiselect-label{display:flex;align-items:center;padding:.8rem;background-color:var(--input-bg);transition:all var(--transition-sm) ease-in-out;color:var(--placeholder-input)!important;font-family:regular,serif;font-size:.9rem}.input-select .p-select-dropdown,.input-select .p-multiselect-dropdown{padding:clamp(var(--space-sm),15/var(--base-height)*100vh,var(--space-md));background-color:var(--input-bg);border:1px solid var(--stroke-color);transition:all var(--transition-sm) ease-in-out}.input-select .p-select-dropdown:lang(en),.input-select .p-multiselect-dropdown:lang(en){right:-.4rem!important;position:absolute!important;font-size:7rem!important;top:1.3px!important}.p-select{border:1px solid var(--stroke-color)!important;border-radius:var(--radius-sm)!important;width:100%}.p-multiselect{border:1px solid var(--stroke-color)!important}.p-select-dropdown,.p-multiselect-dropdown{border-radius:var(--radius-sm) 0 0 var(--radius-sm)!important}.hide-label-custom-select .flex{display:none}.radio-wrapper{display:flex;align-items:center;gap:var(--space-sm)}.radio-wrapper label{font-family:regular,sans-serif;font-size:var(--sm-size);margin-bottom:0}.radio-wrapper input{-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;width:15px;height:15px;border:2px solid var(--line-color);border-radius:50%;background-color:var(--white-color);position:relative;transition:all .2s ease}.radio-wrapper input:checked{border-color:var(--white-color);background-color:var(--white-color);border:4px solid var(--primary-color)}.radio-wrapper input:hover{border-color:var(--primary-color)}.input-checkbox-wrapper{margin-bottom:var(--space-sm);display:flex;align-items:center;gap:10px}.input-checkbox-wrapper label{color:var(--black-color);font-size:var(--font-size-md);font-weight:700;line-height:20px;width:100%}.input-checkbox-wrapper input{width:20px;height:20px;accent-color:var(--primary-color);border-radius:10px}.p-editor .p-editor-content .ql-editor{font-family:regular,sans-serif}.p-editor .p-editor-content .ql-editor *{text-align:start}.switch{position:relative;display:inline-flex;align-items:center;height:20px}.switch input{opacity:0;width:0;height:0}.switch input:checked+.slider{background-color:var(--primary-color)}.switch input:focus+.slider{box-shadow:0 0 1px var(--primary-color)}.switch input:checked+.slider:before{transform:translate(21px)}.switch .slider{position:absolute;cursor:pointer;width:45px;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s}.switch .slider.round{border-radius:27px}.switch .slider.round:before{border-radius:50%}.switch .slider-label{margin-inline-start:50px}.switch .slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:2px;background-color:#fff;transition:.4s}.content .tabs-content{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1.2rem;margin-bottom:2rem}@media screen and (max-width: 768px){.content .tabs-content{flex-wrap:wrap}}.content .tabs-content button{display:flex;align-items:center;justify-content:center;gap:.5rem;background-color:#b2bbc61a;border-radius:10px;color:#546881;padding:.8rem;font-size:.8rem;width:100%}.content .tabs-content .active{display:flex;align-items:center;justify-content:center;gap:.5rem;background-color:#1f41bb14;color:var(--primary-color);border-radius:10px;padding:.8rem;font-weight:700;font-size:.8rem;width:100%}.content .tabs-content .active svg,.content .tabs-content .active path{fill:var(--primary-color)}.test-summary .card{border-radius:var(--radius-md);border:2px solid var(--test-summary-card-border);background:var(--test-summary-bg);padding:var(--padding-md)}.test-summary .card .card-header{display:flex;align-items:center;justify-content:space-between}.test-summary .card .card-header .card-body-header{display:flex;align-items:center;gap:var(--space-sm)}.test-summary .card .card-header .card-body-header .card-icon{display:flex;width:30px;height:30px;justify-content:center;align-items:center;border-radius:var(--radius-sm);background:var(--test-summary-icon-bg)}.test-summary .card .card-header .card-body-header .card-title{color:var(--dark-color);font-size:var(--font-size-md);font-weight:500}.test-summary .card .card-header .update{display:flex;align-items:center;gap:var(--space-xs);color:var(--primary-color);cursor:pointer;text-decoration:underline}.test-summary .card .card-header .update svg,.test-summary .card .card-header .update path{fill:var(--primary-color)!important}.test-summary .card .mark{display:flex;align-items:center;font-size:var(--font-size-md);font-weight:500}.test-summary .card .mark .text{color:#546881}.test-summary .card .mark .number{color:var(--primary-color)}.opinion-card{width:100%;padding:var(--padding-md);border:1px solid rgba(31,65,187,.1);border-radius:var(--radius-md)}.opinion-card .card-header{display:flex;justify-content:space-between;align-items:center;width:100%}.opinion-card .card-header .right-side{display:flex;align-items:center;gap:var(--gap-sm)}.opinion-card .card-header .right-side p{color:var(--primary-color);font-weight:500;font-size:var(--font-size-md)}.opinion-card .card-header .left-section{display:flex;align-items:center;gap:var(--gap-sm)}.opinion-card .card-body{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-md);margin-top:var(--margin-md)}.opinion-card .card-body .item{display:flex;align-items:center;gap:var(--gap-sm)}.opinion-card .card-body .item span{color:#47586e;font-weight:500;font-size:var(--font-size-md)}.diploma-details{display:flex;align-items:start;gap:var(--gap-md);margin-block:var(--margin-md);width:100%}.diploma-details img{width:200px;height:100px;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-sm)}.diploma-details .info{width:100%;display:flex;flex-direction:column;flex-wrap:wrap;gap:var(--gap-md);align-items:start;justify-content:start}.diploma-details .info .item{display:flex;gap:var(--gap-sm);flex-wrap:wrap;width:100%}.diploma-details .info .title{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}.diploma-details .info .title span{color:var(--light-color);font-family:Bold,sans-serif}.diploma .divider{background-color:#f8f9fd;border-radius:50rem;width:100%;height:10px;margin-block:var(--margin-md)}.diploma .card .p-tabs .p-tablist .p-tablist-content .p-tablist-tab-list{display:flex;align-items:center;justify-content:space-around}.diploma .card .p-tabs .p-tablist .p-tablist-content .p-tablist-tab-list .p-tab{padding:0;width:30%}.diploma .card .p-tabs .p-tablist .p-tablist-content .p-tablist-tab-list .p-tab-active{color:var(--primary-color);border-color:var(--primary-color)}.diploma-content-form{width:100%}.diploma-content-form .paths{width:100%;border-radius:var(--radius-md);background:#fbfbfb;padding:var(--padding-md) var(--padding-lg)}.diploma-content-form .paths .p-tabpanels{padding:var(--padding-md) var(--padding-lg);border-radius:var(--radius-xs)}.diploma-content-form .paths .w-full,.diploma-content-form .paths .w-full .input-wrapper{width:100%}.diploma-content-form .paths .bg-white{background-color:#fff;padding:var(--padding-md) var(--padding-lg);border-radius:var(--radius-xs)}.diploma-content-form .paths .chip{color:var(--primary-color);padding:var(--padding-xs) var(--padding-md);border-radius:var(--radius-md);background-color:var(--primary-color-opacity-10);width:-moz-fit-content;width:fit-content}@media screen and (max-width: 768px){.question-form .media{flex-wrap:wrap}}.question-form .Justify_question{padding:.2rem;flex-shrink:0;border-radius:15px;border:1px solid #ededed;background:#fcfcfc}.question-form .Justify_question .p-tabs{width:100%}.question-form .Justify_question .p-tablist-tab-list{background:#0000!important}.question-form .Justify_question .p-tablist-tab-list .p-tab-active{background:#0000!important;color:var(--black-color)!important}.question-form .Justify_question .p-tablist-tab-list .p-tablist-active-bar{background:var(--primary-color)!important}.question-form .Justify_question .p-tabpanels{background:#0000!important}.question-form .Justify_question textarea{display:flex;height:100px;padding:10px 16px;flex-direction:column;align-items:flex-end;gap:10px;flex-shrink:0;border-radius:var(--reduis-1, 15px);background:#f8f9fd;outline:none;border:none}.question-form .add-question{color:var(--primary-color);font-size:var(--sim-sm-size)}.question-form .btn-cancel{color:var(--danger-color);text-decoration:underline}.question-card{background:#fbfbfb;padding:1.4rem;border-radius:20px}.question-card .card-header{display:flex;align-items:center;justify-content:space-between}.question-card .card-header p{color:#1d242d;font-size:var(--font-size-md);font-weight:600}.question-card .card-body{margin-top:1rem;display:flex;gap:var(--gap-sm)}@media screen and (max-width: 768px){.question-card .card-body{flex-wrap:wrap}}.question-card .card-body .image{width:20rem;height:16rem;border-radius:10px;overflow:hidden}@media screen and (max-width: 768px){.question-card .card-body .image{width:100%}}.question-card .card-body .image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.question-card .card-body .content{display:grid;gap:var(--gap-sm);grid-template-columns:repeat(2,1fr)}@media screen and (max-width: 768px){.question-card .card-body .content{grid-template-columns:1fr}}.question-card .card-body .content>:first-child,.question-card .card-body .content>:last-child{grid-column:1/-1}.question-card .card-body .content .item{display:flex;align-items:center;gap:var(--gap-sm)}.question-card .card-body .content .item p{color:#1d242d;font-size:var(--font-size-md);font-weight:600}.question-card .card-body .content .item span{color:#546881;font-size:var(--font-size-md);font-weight:500}.question-card .card-body .content .item .right{color:#35cc1e}.question-card .card-body .content .attachments{display:flex;flex-direction:column;gap:var(--gap-sm)}.question-card .card-body .content .attachments .images{width:10rem;display:flex;gap:var(--gap-sm)}.question-card .card-body .content .attachments .images img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.exam-card{border-radius:13px;border:2px solid var(--primary-color-opacity-10);background:var(--white-color);width:100%;padding:var(--space-sm)}.exam-card .exam-title{display:flex;align-items:center;gap:var(--gap-sm);font-size:16px;font-style:normal;font-weight:500;line-height:normal;font-family:bold,sans-serif}.exam-card .exam-body{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.exam-card .exam-body .exam-data{display:flex;align-items:center;gap:var(--gap-sm)}.exam-card .exam-body .exam-data .exam-data-title{color:#546881}.exam-card .exam-body .exam-data .exam-date-value{color:var(--primary-color);font-family:bold,sans-serif}html[dir=ltr] .exam-body svg{rotate:180deg}.main-loader{display:flex;align-items:center;justify-content:center;height:80vh}.pencil{display:block;width:25em;height:25em}.pencil__body1,.pencil__body2,.pencil__body3,.pencil__eraser,.pencil__eraser-skew,.pencil__point,.pencil__rotate,.pencil__stroke{animation-duration:3s;animation-timing-function:linear;animation-iteration-count:infinite}.pencil__body1,.pencil__body2,.pencil__body3{transform:rotate(-90deg)}.pencil__body1{animation-name:pencilBody1}.pencil__body2{animation-name:pencilBody2}.pencil__body3{animation-name:pencilBody3}.pencil__eraser{animation-name:pencilEraser;transform:rotate(-90deg) translate(49px)}.pencil__eraser-skew{animation-name:pencilEraserSkew;animation-timing-function:ease-in-out}.pencil__point{animation-name:pencilPoint;transform:rotate(-90deg) translate(49px,-30px)}.pencil__rotate{animation-name:pencilRotate}.pencil__stroke{animation-name:pencilStroke;transform:translate(100px,100px) rotate(-113deg)}@keyframes pencilBody1{0%,to{stroke-dashoffset:351.86;transform:rotate(-90deg)}50%{stroke-dashoffset:150.8;transform:rotate(-225deg)}}@keyframes pencilBody2{0%,to{stroke-dashoffset:406.84;transform:rotate(-90deg)}50%{stroke-dashoffset:174.36;transform:rotate(-225deg)}}@keyframes pencilBody3{0%,to{stroke-dashoffset:296.88;transform:rotate(-90deg)}50%{stroke-dashoffset:127.23;transform:rotate(-225deg)}}@keyframes pencilEraser{0%,to{transform:rotate(-45deg) translate(49px)}50%{transform:rotate(0) translate(49px)}}@keyframes pencilEraserSkew{0%,32.5%,67.5%,to{transform:skew(0)}35%,65%{transform:skew(-4deg)}37.5%,62.5%{transform:skew(8deg)}40%,45%,50%,55%,60%{transform:skew(-15deg)}42.5%,47.5%,52.5%,57.5%{transform:skew(15deg)}}@keyframes pencilPoint{0%,to{transform:rotate(-90deg) translate(49px,-30px)}50%{transform:rotate(-225deg) translate(49px,-30px)}}@keyframes pencilRotate{0%{transform:translate(100px,100px) rotate(0)}to{transform:translate(100px,100px) rotate(720deg)}}@keyframes pencilStroke{0%{stroke-dashoffset:439.82;transform:translate(100px,100px) rotate(-113deg)}50%{stroke-dashoffset:164.93;transform:translate(100px,100px) rotate(-113deg)}75%,to{stroke-dashoffset:439.82;transform:translate(100px,100px) rotate(112deg)}}.btn{display:block;color:var(--primary-color);border-radius:.5rem;padding:clamp(var(--space-sm),15/var(--base-height)*100vh,var(--space-md)) calc(25/var(--base-height)*100vh);font-family:bold,sans-serif;font-size:.8rem;transition:var(--transition-sm)}.button-wrapper{display:flex;justify-content:flex-end;gap:var(--gap-sm)}.btn-primary.btn-icon svg path{stroke:var(--white-color);opacity:1}.btn-primary:hover.btn-icon svg path{stroke:var(--primary-color);opacity:1}.btn-primary{background-color:var(--primary-color);border:1px solid var(--primary-color);color:var(--white-color);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;gap:var(--space-sm);transition:.7s ease-in-out;font-family:regular,sans-serif;cursor:pointer;text-transform:capitalize;padding:var(--space-xs) var(--space-lg);font-size:.9rem}.btn-primary:disabled{background-color:#0000;cursor:not-allowed;color:var(--primary-color);transition:.7s ease-in-out}.btn-primary svg path{transition:.7s ease-in-out}.btn-primary:hover{background-color:#0000;color:var(--primary-color);transition:.7s ease-in-out}.btn-primary.btn-show{padding-top:8px;padding-bottom:8px;width:100%!important}.btn-third{background-color:var(--third-color);color:var(--white-color);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;gap:var(--space-sm);transition:.7s ease-in-out;font-family:regular,sans-serif;cursor:pointer}.btn-secondary{display:flex;width:100%;align-items:center;justify-content:center;gap:var(--space-sm);background-color:var(--white-color);border:1px solid var(--primary-color);color:var(--primary-color);transition:.7s ease-in-out;cursor:pointer;text-transform:capitalize;white-space:nowrap}.btn-secondary svg path{transition:.7s ease-in-out}.btn-secondary:hover{background-color:var(--primary-color);color:var(--white-color);transition:.7s ease-in-out}.btn-secondary:hover .lock{color:var(--white-color)!important;transition:.7s ease-in-out}.btn-secondary:hover svg path{transition:.7s ease-in-out;fill:var(--white-color)}.btn-secondary.non_hover:hover{background-color:var(--white-color);border:1px solid var(--primary-color);color:var(--primary-color)}.btn-secondary.non_hover:hover svg path{fill:none}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary:disabled:hover{background-color:var(--white-color);border:1px solid var(--primary-color);color:var(--primary-color)}.btn-secondary:disabled:hover svg path{fill:none}.btn-secondary.btn-gray{border:1px solid #dde2ed;color:#3d4c5e}.btn-secondary.btn-gray:hover{background-color:#0b1741;color:#fff}.btn-secondary.btn-sort{border:none;background-color:#f0f1f4;color:#3d4c5e;font-family:medium,sans-serif;font-weight:200;padding-top:8px}.btn-secondary.btn-sort:hover{background-color:#0b1741;color:#fff}.btn-add{background-color:var(--button-color);border:1px solid var(--button-color);color:var(--white-color);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;gap:var(--space-sm);transition:.7s ease-in-out;cursor:pointer;text-transform:capitalize;white-space:nowrap}.btn-add:disabled{background-color:#0000;cursor:not-allowed;color:var(--button-color);transition:.7s ease-in-out}.btn-add svg path{transition:.7s ease-in-out}.btn-add:hover{background-color:#0000;transition:.7s ease-in-out;border:1px solid var(--button-color);color:var(--button-color);text-transform:capitalize}.btn-danger{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);border:1px solid #ef3826;color:#ef3826;transition:.7s ease-in-out;cursor:pointer;text-transform:capitalize;padding:var(--space-sm);border-radius:var(--radius-sm)}.btn-danger svg path{transition:.7s ease-in-out}.btn-danger:hover{background-color:#ef3826;color:var(--white-color);transition:.7s ease-in-out}.btn-danger:hover svg path{transition:.7s ease-in-out;fill:#ef3826}.btn-danger{display:flex;align-items:center;gap:var(--space-sm);background-color:var(--danger-color);color:var(--white-color);font-family:regular,serif;font-size:.9rem;border:1px solid var(--danger-color)}.btn-danger svg path{fill:var(--white-color)}.btn-danger:hover{background-color:#fff;color:var(--danger-color)}.btn-danger:hover svg path{fill:var(--danger-color)}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 1100px){.table-responsive table tbody tr:nth-child(2n){background-color:var(--primary-color-opacity-1)}}.table-responsive table.main-table{width:100%;border-collapse:collapse;background-color:#fff}.table-responsive table.main-table thead{font-size:.8rem;background-color:var(--table-header-bg);font-family:bold,sans-serif}.table-responsive table.main-table thead tr th{padding:var(--space-sm) var(--space-md);text-align:start;font-size:.8rem}.table-responsive table.main-table thead tr th:last-of-type{display:flex;justify-content:start}.table-responsive table.main-table tbody{font-family:medium,sans-serif}.table-responsive table.main-table tbody tr{font-size:1rem;border:1px solid #f3f3f3}.table-responsive table.main-table tbody tr td{padding:var(--space-sm) var(--space-md);font-size:.8rem}.table-responsive table.main-table tbody tr td img{width:36px;height:36px;border-radius:50%}.table-responsive table.main-table tbody tr td:last-of-type{display:flex;justify-content:start}.list-trigger{background-color:var(--table-header-bg);width:30px;height:30px;border-radius:.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer}.p-popover:after,.p-popover:before{display:none}.p-popover .p-popover-content{padding:0}.list-body{background-color:#fff;font-family:medium,sans-serif;border-radius:var(--radius-sm)}.list-body .p-popover .p-popover-content{padding:0}.list-body .list-item{display:flex;align-items:center;gap:.5rem;margin-bottom:var(--space-sm);margin-top:var(--space-sm);transition:ease-in-out all var(--transition-sm);cursor:pointer;padding:0 var(--space-sm)}.list-body .list-item button{display:flex;align-items:center;gap:8px;width:100%}.list-body .list-item:hover{color:var(--primary-color)}.list-body .list-item:hover svg:not(.list-danger){filter:brightness(0) saturate(100%) invert(16%) sepia(97%) saturate(1123%) hue-rotate(209deg) brightness(112%) contrast(107%)}.list-body .list-item.list-danger{color:var(--danger-color)}.pagination-wrapper{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin:var(--space-md) 0}@media (max-width: 768px){.pagination-wrapper{flex-direction:column;align-items:start}}.pagination-wrapper .show-results,.pagination-wrapper .count-per-page{font-family:Tajawal-regular,sans-serif;font-size:var(--md-size);color:var(--text-color-4)}@media (max-width: 768px){.pagination-wrapper .show-results,.pagination-wrapper .count-per-page{font-size:.9rem}}.pagination-wrapper .pagination{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-sm)}.pagination-wrapper .pagination .pagination-item{font-family:Tajawal-regular,sans-serif;font-size:var(--md-size);color:var(--text-color-4);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);cursor:pointer}.pagination-wrapper .pagination .pagination-item.active{color:var(--text-pagination);background-color:var(--pagination-color)}.pagination-wrapper .pagination .count-per-page-select{padding:var(--space-sm) var(--space-md);background-color:var(--pagination-color);border-radius:var(--radius-sm);border:1px solid var(--border-color);font-family:Tajawal-regular,sans-serif;font-size:var(--md-size);color:var(--text-color-4)}.pagination-wrapper .count-per-page{display:flex;align-items:center;gap:var(--space-sm)}.pagination-wrapper .pagination-btn{display:flex;align-items:center;gap:var(--space-sm);font-family:Tajawal-regular,sans-serif;font-size:var(--md-size);padding:var(--space-sm) var(--space-md);color:var(--text-pagination);background-color:var(--pagination-color);border-radius:var(--radius-sm);cursor:pointer}@media (max-width: 768px){.pagination-wrapper .pagination-btn{font-size:.8rem}}.p-popover-content{padding:0!important}.per-page{display:flex;align-items:center;gap:var(--space-sm);flex-direction:column}.per-page span{padding:var(--space-sm) var(--space-lg);font-family:Tajawal-regular,sans-serif;font-size:var(--md-size);color:var(--text-color-4);cursor:pointer}.per-page span:hover{color:var(--text-pagination);background-color:var(--pagination-color)}.header-title{display:flex;align-items:center;gap:var(--gap-sm)}.header-title .icon{background-color:var(--primary-color-opacity-10);color:var(--primary-color);display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;font-family:medium,serif}.header-title .icon svg path{fill:var(--primary-color)}.header-title .title{color:var(--title-color);font-family:bold,serif}.multi-image-uploader .image-gallery{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1rem}.multi-image-uploader .image-gallery .image-item{position:relative;width:calc(85/var(--base-height)*100vh);height:calc(70/var(--base-height)*100vh);border-radius:var(--radius-sm);overflow:hidden;padding:var(--space-md);display:flex;align-items:center;justify-content:center;background-color:#fafafa}.multi-image-uploader .image-gallery .image-item img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.multi-image-uploader .image-gallery .image-item .remove-btn{position:absolute;top:0;right:0;background-color:#fff;color:var(--danger-color);border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer}.input-image{display:flex;flex-direction:column;gap:var(--gap-xs)}.input-image .input-label{font-family:medium,sans-serif;font-size:.9rem;color:var(--primary-color);margin-bottom:var(--space-xs)/2;display:block;cursor:pointer}.input-image .input-label-images{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);cursor:pointer;background-color:var(--input-bg);border-radius:var(--radius-sm);padding:clamp(var(--space-lg),40/var(--base-width)*100vw,var(--space-3xl));border:1px solid rgba(178,187,198,.2);transition:all var(--transition-sm) ease-in-out;width:100%}.input-image .input-label-images span{font-family:regular,sans-serif;color:#576b74;font-size:.8rem}.input-image .input-label-images span small{margin-top:var(--space-sm);display:block;color:var(--text-color-2)}.input-image .image{display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);width:200px;height:120px;overflow:hidden}.input-image .image img{width:100%}.input-image input[type=file]{display:none}.icon{background-color:var(--bg-icon);border-radius:9999px;padding:var(--padding-sm)}.tabs{display:flex;flex-direction:column;transition:all .3s ease-in-out}.tabs .tabs-header{width:100%;display:flex;justify-content:space-around;gap:40px;margin-top:10px;font-size:20px;font-weight:500;border-bottom:1px solid #f1f1f1;margin-bottom:20px;transition:all .3s ease-in-out}.tabs .tabs-header .tabs-title{color:#47586e;cursor:pointer;padding:10px;transition:all .3s ease-in-out;font-size:18px;font-family:medium,sans-serif}.tabs .tabs-header .active-tab{color:var(--primary-color);position:relative;border-bottom:1px solid var(--primary-color);transition:all .3s ease-in-out}.tabs .tabs-header .active-tab:after{content:"";position:absolute;width:10px;height:10px;top:100%;left:50%;transform:translate(-50%);border-style:solid;border-width:0px 1px 1px 0px;border-color:rgba(0,0,0,0) var(--primary-color) var(--primary-color) rgba(0,0,0,0);rotate:45deg;transition:all .3s ease-in-out}.tabs .tabs-header .active-tab:after{content:"";position:absolute;width:9px;height:9px;top:100%;left:50%;transform:translate(-50%);background-color:#fff;border-style:solid;rotate:45deg;transition:all .3s ease-in-out}.data-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-lg)}.data-empty h2{font-family:regular,sans-serif;font-size:var(--lg-size)}.data-empty p{font-family:regular,sans-serif;font-size:var(--sm-size);color:var(--text-color-2);text-align:center;width:30%}@media (max-width: 768px){.data-empty p{width:100%}}[tooltip]{position:relative}[tooltip]:before,[tooltip]:after{text-transform:none;font-size:.9em;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;position:absolute;display:none;opacity:0}[tooltip]:before{content:"";border:5px solid rgba(0,0,0,0);z-index:1001}[tooltip]:after{content:attr(tooltip);font-family:regular,sans-serif;text-align:center;font-size:.7rem;min-width:3em;max-width:21em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:1ch 1.5ch;border-radius:.3ch;box-shadow:0 1em 2em -.5em #00000059;background:#333;color:#fff;z-index:1000}[tooltip]:hover:before,[tooltip]:hover:after{display:block}[tooltip=""]:before,[tooltip=""]:after{display:none!important}[tooltip]:not([flow]):before,[tooltip][flow^=up]:before{bottom:100%;border-bottom-width:0;border-top-color:#333}[tooltip]:not([flow]):after,[tooltip][flow^=up]:after{bottom:calc(100% + 5px)}[tooltip]:not([flow]):before,[tooltip]:not([flow]):after,[tooltip][flow^=up]:before,[tooltip][flow^=up]:after{left:50%;transform:translate(-50%,-.5em)}[tooltip][flow^=down]:before{top:100%;border-top-width:0;border-bottom-color:#333}[tooltip][flow^=down]:after{top:calc(100% + 5px)}[tooltip][flow^=down]:before,[tooltip][flow^=down]:after{left:50%;transform:translate(-50%,.5em)}[tooltip][flow^=left]:before{top:50%;border-right-width:0;border-left-color:#333;left:calc(0em - 5px);transform:translate(-.5em,-50%)}[tooltip][flow^=left]:after{top:50%;right:calc(100% + 5px);transform:translate(-.5em,-50%)}[tooltip][flow^=right]:before{top:50%;border-left-width:0;border-right-color:#333;right:calc(0em - 5px);transform:translate(.5em,-50%)}[tooltip][flow^=right]:after{top:50%;left:calc(100% + 5px);transform:translate(.5em,-50%)}@keyframes tooltips-vert{to{opacity:.9;transform:translate(-50%)}}@keyframes tooltips-horz{to{opacity:.9;transform:translateY(-50%)}}[tooltip]:not([flow]):hover:before,[tooltip]:not([flow]):hover:after,[tooltip][flow^=up]:hover:before,[tooltip][flow^=up]:hover:after,[tooltip][flow^=down]:hover:before,[tooltip][flow^=down]:hover:after{animation:tooltips-vert .3s ease-out forwards}[tooltip][flow^=left]:hover:before,[tooltip][flow^=left]:hover:after,[tooltip][flow^=right]:hover:before,[tooltip][flow^=right]:hover:after{animation:tooltips-horz .3s ease-out forwards}.header{padding:var(--space-sm) var(--space-md);background:var(--white-color);border-radius:var(--radius-md);border-bottom:1px dashed var(--border-color);margin-bottom:var(--margin-lg)}@media (max-width: 768px){.header{padding:var(--space-md) 0}}@media (max-width: 768px){.header .full_screen{display:none}}.header .language svg{width:2rem}.header .nav{display:flex;align-items:center;justify-content:space-between;width:100%}.header .nav .menu{display:flex;align-items:center;gap:.5rem}.header .nav .menu .header-link{display:flex;align-items:center;gap:var(--gap-sm)}.header .nav .menu .header-link h1{font-family:bold,sans-serif;font-size:1.5rem}@media (max-width: 768px){.header .nav .menu .header-link h1{font-size:1rem}}.header .nav .menu .header-link p{font-size:1.3rem;margin-bottom:0}.header .nav .setting{display:flex;align-items:center;justify-content:space-between;gap:1rem}.header .nav .setting .icon{padding:.5rem;background-color:var(--main-bg);border-radius:50%}@media (max-width: 768px){.header .nav .setting .quick-search{display:none}}.header .nav .setting .quick-search-mobile{display:none}.header .nav .setting .lang,.header .nav .setting .user{display:flex;align-items:center;justify-content:space-between;gap:1rem;position:relative}.header .nav .setting .lang img,.header .nav .setting .user img{display:block;width:35px;height:35px;border-radius:50rem}.header .nav .setting .lang.dropdown-trigger,.header .nav .setting .user.dropdown-trigger{cursor:pointer;display:flex;align-items:center;gap:.5rem;font-family:medium,sans-serif;font-size:.8rem}.header .nav .setting .lang.dropdown-trigger .dropdown-menu,.header .nav .setting .user.dropdown-trigger .dropdown-menu{position:absolute;right:var(--space-sm);top:calc(var(--xl-size) + var(--space-sm));background-color:#fff;border-radius:var(--radius-xs);box-shadow:0 4px 8px #0000001a;z-index:1000;min-width:150px}.header .nav .setting .lang.dropdown-trigger .dropdown-menu li,.header .nav .setting .user.dropdown-trigger .dropdown-menu li{cursor:pointer;padding:var(--space-md);border-radius:var(--radius-xs);display:flex;align-items:center;gap:var(--gap-sm);color:#546881;transition:all .2s ease-in-out}.header .nav .setting .lang.dropdown-trigger .dropdown-menu li:not(:last-child),.header .nav .setting .user.dropdown-trigger .dropdown-menu li:not(:last-child){border-bottom:1px solid #f2f2f3}.header .nav .setting .lang.dropdown-trigger .dropdown-menu li:hover,.header .nav .setting .user.dropdown-trigger .dropdown-menu li:hover{background-color:#f2f2f3}.header .nav .setting .lang.dropdown-trigger .dropdown-menu li:hover svg path,.header .nav .setting .user.dropdown-trigger .dropdown-menu li:hover svg path{fill:var(--primary-color)}.sidebar{position:sticky;overflow-x:hidden;top:0;transition:width var(--transition-lg) ease-in-out;background-color:var(--white-color)}.sidebar .sidebar-item-not-accordion{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-sm);transition:all var(--transition-lg) ease-in-out;border-radius:var(--radius-sm);margin-block:.8rem;background-color:#0000;color:#64748b;font-size:.8rem;font-family:Bold,sans-serif}.sidebar .sidebar-item-not-accordion:hover{background-color:var(--primary-color);color:#fff;transition:all var(--transition-lg) ease-in-out}.sidebar .sidebar-item-not-accordion:hover svg{transition:all var(--transition-lg) ease-in-out}.sidebar .sidebar-item-not-accordion.router-link-active{background-color:#f1f5f9;color:var(--primary-color);transition:all var(--transition-lg) ease-in-out;width:100%;margin:0 var(--space-md)}.sidebar .sidebar-item-not-accordion.router-link-active svg{transition:all var(--transition-lg) ease-in-out;filter:unset}.sidebar .sidebar-item-not-accordion.router-link-active:after{content:url(../../images/active_top_right.svg);width:var(--md-size);height:var(--md-size);top:-1rem;right:.4rem;position:absolute;z-index:999999999}.sidebar .sidebar-item-not-accordion.router-link-active:before{content:url(../../images/active_top_right.svg);width:var(--md-size);height:var(--md-size);bottom:-1rem;right:.4rem;position:absolute;z-index:999999999;transform:rotate(270deg)}@media (max-width: 1100px){.sidebar.open{transform:translate(0)}.sidebar.open~.wrapper{filter:blur(8px);pointer-events:none}.sidebar.open~.navigation{display:none}.sidebar.close{transform:translate(-100%)}}.sidebar .section-title{color:#fff}.sidebar::-webkit-scrollbar{width:7px}.sidebar::-webkit-scrollbar-track{box-shadow:inset 0 0 5px gray;border-radius:10px}.sidebar::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:10px}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--white-color)}.sidebar .p-accordion.p-component{overflow-y:auto;max-height:85vh;padding:0 var(--space-sm)}@media (max-width: 1100px){.sidebar .p-accordion.p-component{padding-bottom:2rem}}.sidebar .p-accordion.p-component::-webkit-scrollbar{width:7px}.sidebar .p-accordion.p-component::-webkit-scrollbar-track{box-shadow:inset 0 0 5px gray;border-radius:10px}.sidebar .p-accordion.p-component::-webkit-scrollbar-thumb{background:var(--white-color);border-radius:10px}.sidebar .p-accordion.p-component::-webkit-scrollbar-thumb:hover{background:var(--white-color)}.sidebar.open{width:280px}@media (max-width: 1100px){.sidebar.open{position:fixed;z-index:9999;overflow-x:hidden}}.sidebar.open .logo{padding:var(--padding-md) 0;border-bottom:1px solid var(--stroke-color)}.sidebar.open .logo img{width:140px}.sidebar.open .sidebar-items-sm{display:none}.sidebar.close{width:90px}.sidebar.close .logo img{width:4rem}.sidebar.close .sidebar-items{display:none}.sidebar.close .sidebar-items-sm{display:flex}.sidebar .logo{display:flex;align-items:center;justify-content:center}.sidebar .logo img{width:100%;-o-object-fit:cover;object-fit:cover}.sidebar .sidebar-items{padding:var(--space-md) 0;font-size:1rem}.sidebar .sidebar-items .p-accordionpanel{border-width:0!important;border-color:#0000!important}.sidebar .sidebar-items .sidebar-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-xs);transition:all var(--transition-lg) ease-in-out;border-radius:var(--radius-sm);background-color:#0000}.sidebar .sidebar-items .sidebar-item:hover{background-color:var(--primary-color);color:#fff;transition:all var(--transition-lg) ease-in-out}.sidebar .sidebar-items .sidebar-item:hover svg{transition:all var(--transition-lg) ease-in-out}.sidebar .sidebar-items .sidebar-item.router-link-active{background-color:#f1f5f9;color:var(--primary-color);transition:all var(--transition-lg) ease-in-out;width:96%;margin:0 var(--space-md)}.sidebar .sidebar-items .sidebar-item.router-link-active svg{transition:all var(--transition-lg) ease-in-out;filter:unset}.sidebar .sidebar-items .sidebar-item.router-link-active:after{content:url(../../images/active_top_right.svg);width:var(--md-size);height:var(--md-size);top:-1rem;right:.4rem;position:absolute;z-index:999999999}.sidebar .sidebar-items .sidebar-item.router-link-active:before{content:url(../../images/active_top_right.svg);width:var(--md-size);height:var(--md-size);bottom:-1rem;right:.4rem;position:absolute;z-index:999999999;transform:rotate(270deg)}.sidebar .sidebar-items .p-accordionpanel:not(.p-disabled).p-accordionpanel-active>.p-accordionheader{background:#0000!important;color:var(--primary-color)!important}.sidebar .sidebar-items .title-accordion{display:flex;align-items:center;font-family:medium,sans-serif;color:var(--white-color);font-size:.9rem;padding:0 calc(var(--space-xs)/2);margin:var(--space-xs) 0}.sidebar .sidebar-items .p-accordionheader{padding-inline:0;font-family:bold,sans-serif;font-size:.9rem;background-color:#0000}.sidebar .sidebar-items .p-accordionheader span{font-size:.8rem}.sidebar .sidebar-items .p-accordionheader .p-accordionpanel:not(.p-disabled).p-accordionpanel-active>.p-accordionheader{background:#0000!important;color:var(--primary-color)!important}.sidebar .sidebar-items .p-accordioncontent{max-height:500px;overflow-y:auto;width:100%}.sidebar .sidebar-items .p-accordioncontent::-webkit-scrollbar{width:7px}.sidebar .sidebar-items .p-accordioncontent .children-accordion .title{display:flex;align-items:center;gap:var(--space-xs);margin:var(--space-xs) 0;font-size:.8rem;color:var(--primary-color);font-family:Bold,sans-serif}.sidebar .sidebar-items .p-accordioncontent .children-accordion .items{padding:0 var(--space-sm)}.sidebar .sidebar-items .p-accordioncontent::-webkit-scrollbar-track{box-shadow:inset 0 0 5px gray;border-radius:10px}.sidebar .sidebar-items .p-accordioncontent::-webkit-scrollbar-thumb{background:#fff;border-radius:10px}.sidebar .sidebar-items .p-accordioncontent::-webkit-scrollbar-thumb:hover{background:#fff}.sidebar .sidebar-items .p-accordioncontent-content{padding:0;background-color:#0000}.sidebar .sidebar-items .p-accordioncontent-content .sidebar-item{font-size:.8rem}.sidebar .sidebar-items .p-accordioncontent-content .sidebar-item span{width:100%;display:flex;justify-content:space-between}.sidebar .sidebar-items .p-accordioncontent-content .sidebar-item span .count{display:flex;align-items:center;justify-content:center;background-color:var(--white-color);width:35px;color:var(--primary-color);border-radius:5px}.sidebar .sidebar-items .p-accordioncontent-content .sidebar-item.router-link-active{width:100%;margin:0}.sidebar .sidebar-items .p-accordioncontent-content .sidebar-item.router-link-active span .count{color:#fff;background-color:var(--primary-color);transition:all var(--transition-lg) ease-in-out}.sidebar .sidebar-items .p-accordioncontent-content .sidebar-item:after{content:unset}.sidebar .sidebar-items .p-accordioncontent-content .sidebar-item:before{content:unset}.sidebar .sidebar-items-sm{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:.5rem}.sidebar .sidebar-items-sm .items-wrapper{display:flex;flex-direction:column;align-items:center;gap:.5rem}.sidebar .sidebar-items-sm .items-wrapper a{padding:10px}.sidebar .sidebar-item,.sidebar .items-wrapper a{position:relative;font-family:medium,sans-serif;font-size:.8rem;color:var(--light-color)}.sidebar .sidebar-item:hover:before,.sidebar .sidebar-item.router-link-active:before,.sidebar .items-wrapper a:hover:before,.sidebar .items-wrapper a.router-link-active:before{display:block}html[dir=rtl] .sidebar .sidebar-item:before,html[dir=rtl] .sidebar .items-wrapper a:before{left:unset;right:-24px;border-radius:4px 0 0 4px}.mobile-overlay{position:fixed;top:0;left:0;z-index:1000;width:250px;height:100vh;transform:translate(-100%);transition:transform .3s ease-in-out}.mobile-overlay.open{transform:translate(0)}.close-icon{position:absolute;top:10px;right:10px;cursor:pointer;z-index:1001}.close-icon svg{width:25px;height:25px}body{background-color:var(--background-color);font-family:regular,sans-serif}@media (max-width: 768px){body:has(.sidebar.open){overflow-y:hidden}}body::-webkit-scrollbar{width:7px}body::-webkit-scrollbar-track{box-shadow:inset 0 0 5px gray;border-radius:10px}body::-webkit-scrollbar-thumb{background:#fff;border-radius:10px}body::-webkit-scrollbar-thumb:hover{background:#f1f5f9}.scroll-style::-webkit-scrollbar{height:7px}.scroll-style::-webkit-scrollbar-track{box-shadow:inset 0 0 5px gray;border-radius:10px}.scroll-style::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:10px}.scroll-style::-webkit-scrollbar-thumb:hover{background:#3855a9}main{background-color:var(--background-color)}.wrapper{background-color:var(--background-color);width:100%;margin:0 var(--space-md) var(--space-md) var(--space-md);border-radius:var(--radius-md)}@media (max-width: 1100px){.wrapper{margin:var(--space-sm)}}.wrapper .main-content{padding:var(--space-md);background-color:var(--white-color);border-radius:var(--radius-sm);min-height:calc(100vh - 110px);margin-bottom:2rem}@media (max-width: 1100px){.wrapper .main-content{padding:0;padding-bottom:6rem}}.wrapper .main-content .head_title{color:var(--dark-color);font-size:var(--md-size);font-family:medium,sans-serif}.wrapper .main-content .line{width:100%;height:2px;border:2px solid var(--border-color)}.wrapper .main-content .line_separate_section{width:100%;height:1px;border:1px solid var(--white-color);margin:var(--space-sm) 0}/*!
* Cropper.js v1.6.2
* https://fengyuanchen.github.io/cropperjs
*
* Copyright 2015-present Chen Fengyuan
* Released under the MIT license
*
* Date: 2024-04-21T07:43:02.731Z
*/.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cropper-container img{backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-wrap-box,.cropper-canvas,.cropper-drag-box,.cropper-crop-box,.cropper-modal{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-wrap-box,.cropper-canvas{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:#3399ffbf;overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:33.3333333333%;left:0;top:33.3333333333%;width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:33.3333333333%;top:0;width:33.3333333333%}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:before,.cropper-center:after{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width: 768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width: 992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width: 1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}@font-face{font-family:light;src:url(/assets/alfont_com_Somar-Light-DBbAdn1X.otf) format("truetype")}@font-face{font-family:regular;src:url(/assets/alfont_com_Somar-Regular-BkgulGNg.otf) format("truetype")}@font-face{font-family:medium;src:url(/assets/alfont_com_Somar-Medium-Dj8WMkYz.otf) format("truetype")}@font-face{font-family:bold;src:url(/assets/alfont_com_Somar-Bold-C3bD5Y2Z.otf) format("truetype")}.course-card-grid{border:1px solid #dde2ed;padding:.5rem;border-radius:15px;height:43vh;position:relative}.course-card-grid .image-course-card{position:relative;width:100%}.course-card-grid .course-image{border-radius:8px;height:100px;width:100%;-o-object-fit:scale-down;object-fit:scale-down;background-color:var(--button-color)}.course-card-grid .course-status{display:flex;align-items:center;gap:.5rem;position:absolute;top:.3rem;background:#0000001a;color:#fff;padding:.3rem 2rem;border-radius:10px}.course-card-grid .course-title{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;height:calc(var(--line-height)*1em);line-height:var(--line-height);--line-height: 1.5;color:var(--third-color);font-size:1.1rem;margin-top:7px;margin-bottom:4px;font-family:regular,serif}.course-card-grid .course-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;height:calc(var(--line-height)*2em);line-height:var(--line-height);--line-height: 1.5;color:var(--light-color);max-width:100%;letter-spacing:0;font-size:14px;margin-bottom:12px;font-family:light,serif}.course-card-grid .course-info{display:grid;grid-template-columns:1fr 1fr;gap:3px;margin-top:2px;color:#546881;font-family:regular,serif}.course-card-grid .course-data{color:var(--third-color);display:flex;align-items:center;flex-wrap:wrap;gap:5px;font-weight:500;font-size:14px;line-height:100%;letter-spacing:0;padding-top:10px}.course-card-grid .course-data p{color:#546881;font-size:.8rem}.course-card-grid .course-students-images{display:flex;justify-content:end}.course-card-grid .course-info-img{width:37px;height:35px;border-radius:50%;margin-top:15px;border:1px solid #fff}.course-card-grid .course-info-img:not(:first-child){margin-left:-10px}.course-card-grid .course-actions{display:flex;align-items:center;position:absolute;bottom:0;width:95%;margin-bottom:.8rem;gap:10px}.course-card-grid .course-actions .btn{width:80%}.course-card-grid .course-actions .card-option{background-color:#f4f9fd;height:40px;width:40px;padding:10px;border-radius:10px}.course-card-grid .course-actions .drop{background-color:var(--table-header-bg);border-radius:10px;padding:4px}.course-card-grid hr{border:1px solid #dde2ed;transform:scaleY(.5)}.course-card-grid .state{position:absolute;margin-inline-end:10px;margin-top:7px;color:#fff;display:flex;align-items:center;gap:4px;padding:6px;padding-inline-start:25px;padding-inline-end:25px;border-radius:20px;font-size:11px;background-color:#0000001a;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px)}.course-card-grid .favorite{position:absolute;margin-inline-start:10px;margin-top:7px;color:#fff;display:flex;align-items:center;gap:4px;padding:6px;padding-inline-start:25px;padding-inline-end:25px;border-radius:20px;font-size:11px;left:0;background-color:#0000001a;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px)}.course-card-grid .active_heart path{fill:red}.course-card-grid .img-container{position:relative}@font-face{font-family:light;src:url(/assets/alfont_com_Somar-Light-DBbAdn1X.otf) format("truetype")}@font-face{font-family:regular;src:url(/assets/alfont_com_Somar-Regular-BkgulGNg.otf) format("truetype")}@font-face{font-family:medium;src:url(/assets/alfont_com_Somar-Medium-Dj8WMkYz.otf) format("truetype")}@font-face{font-family:bold;src:url(/assets/alfont_com_Somar-Bold-C3bD5Y2Z.otf) format("truetype")}.main-table{width:100%;border-collapse:collapse;font-family:regular,serif}.main-table thead .table-header th{padding:10px;background-color:#f3f4f6;color:#32393c}.main-table thead .table-header th .head-id-container{display:flex;align-items:center;justify-content:center}.main-table tbody .course-data .body-id-container{display:flex;align-items:center;justify-content:center;transform:translate(20px)}.main-table tbody .course-data td{padding:12px;text-align:center;font-weight:500}.main-table tbody .course-data .data{color:#546881;font-family:light}.main-table .icon{width:40px;display:inline;margin-right:5px;transform:translateY(5px)}.main-table .span{display:inline}.main-table .card-option{background-color:#f4f9fd;height:40px;width:40px;padding:10px;border-radius:10px;margin-left:auto;margin-right:auto}.main-table .text-color-1{font-family:medium;color:var(--third-color)}.main-table .text-color-2{font-family:medium;color:var(--primary-color)}.main-table input{width:25px}.cards-container{row-gap:20px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.options{display:flex;gap:10px;border:1px solid #d9d9d9;padding:clamp(var(--space-sm),15/var(--base-height)*100vh,var(--space-md));border-radius:10px}.options hr{border:1px solid #d9d9d9}.options .option{cursor:pointer}.options .option-mode-white path{fill:#adadad;stroke:#fff;stroke-width:.5px}.options .option-mode path{fill:#1f41bb;stroke:#fff;stroke-width:.5px}.search{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-md)}.search .input-search-container{position:relative;display:flex}.search .input-search-container img{position:absolute;top:50%;transform:translateY(-50%);padding-inline-start:10px;padding-inline-end:5px}.search .input-search-container input{padding-inline-start:40px;max-width:400px;width:350px}.search .buttons{display:flex;align-items:center;gap:var(--space-sm)}.search .buttons span{font-size:.8rem}.search .buttons button{font-weight:400}.grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}@font-face{font-family:light;src:url(/assets/alfont_com_Somar-Light-DBbAdn1X.otf) format("truetype")}@font-face{font-family:regular;src:url(/assets/alfont_com_Somar-Regular-BkgulGNg.otf) format("truetype")}@font-face{font-family:medium;src:url(/assets/alfont_com_Somar-Medium-Dj8WMkYz.otf) format("truetype")}@font-face{font-family:bold;src:url(/assets/alfont_com_Somar-Bold-C3bD5Y2Z.otf) format("truetype")}.details_course .slider-container{position:relative;overflow:hidden}.details_course .slider-container .slider{position:relative;width:360px;height:180px}.details_course .slider-container .slider img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.details_course .slider-container .slider .slide{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:#fff;font-size:24px;font-weight:700;background-size:cover;background-position:center;transition:opacity .5s ease-in-out;opacity:0;z-index:0;border-radius:20px}.details_course .slider-container .slider .slide.active{opacity:1;z-index:1}.details_course .dots{position:absolute;bottom:3rem;width:100%;text-align:center;z-index:999}.details_course .dots .dot{display:inline-block;width:27px;height:7px;margin:0 5px;background:#ccc;border-radius:25%;cursor:pointer;transition:.3s}.details_course .dots .dot.active{background:#fff;width:20px}.details_course .text{font-weight:700;font-size:18px;line-height:150%;letter-spacing:-2%;text-align:center;height:27px;margin-top:10px}.details_course .button_course{border-bottom:2px solid #f0f1f4;width:23rem;padding:1rem;gap:1rem}.details_course .button_course .button_course_container{gap:1rem}.details_course .button_course .button_course_container .button_course_title{width:160px;height:45px;display:flex;justify-content:center;align-items:center;gap:.5rem;border-radius:10px;background-color:#e9ecf8;color:#1f41bb;font-weight:500;font-size:14px;line-height:150%;letter-spacing:-2%;text-align:right;transition:all .3s}.details_course .course-card{grid-column:span 2;padding-right:10px}.details_course .course-card .header-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.details_course .course-card .header-container .tab-icon{padding:8px;width:35px;height:35px;border:1px solid var(--stroke-color);border-radius:10px}.details_course .course-card .header-container .card-title{padding:10px;font-family:medium}.details_course .course-card .hr{border:1px solid #f3f5fa}.details_course .course-card .course-details-header{display:flex;justify-content:space-between;padding-top:13px}.details_course .course-card .course-details-header .buttons{display:flex;align-items:center;gap:10px}.details_course .course-card .course-details-header .buttons button{padding-top:6px;padding-bottom:6px}.details_course .course-card .course-details-header .course-details-title{display:flex;gap:10px;font-family:medium}.details_course .course-card .coursecard:not(:first-child){margin-top:40px}.details_course .paragraph_course{display:flex;align-items:center;height:29%}.details_course .paragraph_course .paragraph_course_title{display:flex;align-items:center}.details_course .paragraph_course .paragraph_course_title .title{font-weight:600;font-size:14px;text-align:start}.details_course .paragraph_course .paragraph_course_title .text{font-weight:500;font-size:14px;text-align:start;color:#546881;width:60%}.label-container{display:flex;gap:10px;justify-content:end}.tabs-header{width:-moz-fit-content;width:fit-content}.tabs-header .tab-title{color:#000;font-weight:500;font-size:14px;padding:0;margin:0;margin-right:1rem}.tabs-header .custom-tab[aria-selected=true]{border-color:#5071eb}.sepecholaztion{margin-top:11px}.video-container,.image-container{background-color:var(--bg-icon);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding-top:30px;padding-bottom:30px;cursor:pointer}.video-container p,.image-container p{color:var(--light-color)}.add-course .p-tabpanels{background:#0000!important;padding:var(--padding-md) 0 0!important}.add-course .tabs-header .tab-title{margin-right:unset;margin-left:unset;margin-inline-end:var(--space-md)}.description{resize:none;background-color:var(--bg-icon);border:none;outline:none;border-radius:10px;padding:10px;margin-top:5px}.edit-dialog{width:50%;border-radius:0}.edit-dialog .dialog-header{color:#1d242d;padding:15px;font-weight:600;font-size:18px}.edit-dialog hr{margin:0;border:1px solid #f5f5f5}.edit-dialog .input-dialog{padding:10px}.edit-dialog .input-dialog label{color:#000;font-weight:500}.edit-dialog .numbers-container{display:flex;gap:10px}@media (max-width: 1300px){.edit-dialog .numbers-container{flex-wrap:wrap}}.edit-dialog .numbers-container .degree-dialog{padding:10px}.edit-dialog .numbers-container .input-dialog-number{width:50%}@media (max-width: 1300px){.edit-dialog .numbers-container .input-dialog-number{width:100%}}.edit-dialog .edit-dialog-buttons{padding:10px;display:flex;gap:10px;align-items:center;justify-content:center}.edit-dialog .edit-dialog-buttons button{width:50%}.edit-dialog .edit-dialog-buttons .btn-add{padding-top:10px;padding-bottom:10px}@font-face{font-family:light;src:url(/assets/alfont_com_Somar-Light-DBbAdn1X.otf) format("truetype")}@font-face{font-family:regular;src:url(/assets/alfont_com_Somar-Regular-BkgulGNg.otf) format("truetype")}@font-face{font-family:medium;src:url(/assets/alfont_com_Somar-Medium-Dj8WMkYz.otf) format("truetype")}@font-face{font-family:bold;src:url(/assets/alfont_com_Somar-Bold-C3bD5Y2Z.otf) format("truetype")}.tab{width:100%;display:flex}.tab .head{width:100%;display:flex;justify-content:center;gap:15px}.tab .head .head-title{width:40%;color:#000;padding:14px;border-color:none;font-weight:400;font-family:regular,sans-serif}.tab .head .custom-tab[aria-selected=true]{color:var(--primary-color);border-color:none;border:none}.tab .head .custom-tab[aria-selected=false]{color:#47586e}.p-tablist-active-bar{display:none!important}.course-card-container{display:flex;align-items:center;justify-content:end;background-color:#fcfcfc;padding:10px;border-radius:10px}.course-card-container .container{width:80%}.course-card-container .container .info-header-container{display:flex;align-items:center;justify-content:space-between}.course-card-container .container .info-header-container .tab-icon{padding:8px;width:35px;height:35px;border:1px solid var(--stroke-color);border-radius:10px}.course-card-container .container .info-header-container .info-header{display:flex;align-items:center}.course-card-container .container .info-header-container .info-header .card-index{display:flex;align-items:center;gap:5px;background-color:#f0f1f4;padding:1px 10px;border-radius:15px 0 0 15px;margin-left:5px;color:#1f41bb;font-size:14px}.course-card-container .container .info-header-container .info-header .card-title{font-family:medium}.course-card-container .img-container{margin-left:10px}.course-card-container .img-container img{width:180px;height:180px;border-radius:5px}@font-face{font-family:light;src:url(/assets/alfont_com_Somar-Light-DBbAdn1X.otf) format("truetype")}@font-face{font-family:regular;src:url(/assets/alfont_com_Somar-Regular-BkgulGNg.otf) format("truetype")}@font-face{font-family:medium;src:url(/assets/alfont_com_Somar-Medium-Dj8WMkYz.otf) format("truetype")}@font-face{font-family:bold;src:url(/assets/alfont_com_Somar-Bold-C3bD5Y2Z.otf) format("truetype")}.card-info-container{width:100%}.card-info-container .card-head-container{display:flex;justify-content:start;margin-bottom:10px;gap:20px;width:100%;margin-top:10px}.card-info-container .card-head-container .head-item{display:flex;align-items:center;gap:5px;border:1px solid var(--primary-color-opacity-10);border-radius:20px;padding:var(--space-xs) var(--space-md);margin-bottom:10px}.card-info-container .card-head-container .head-item .title,.card-info-container .card-head-container .head-item span{color:var(--primary-color);font-size:.8rem}.card-info-container .details-container{gap:5px;display:grid;grid-template-columns:1fr 1fr}@media (max-width: 768px){.card-info-container .details-container{grid-template-columns:1fr}}@font-face{font-family:light;src:url(/assets/alfont_com_Somar-Light-DBbAdn1X.otf) format("truetype")}@font-face{font-family:regular;src:url(/assets/alfont_com_Somar-Regular-BkgulGNg.otf) format("truetype")}@font-face{font-family:medium;src:url(/assets/alfont_com_Somar-Medium-Dj8WMkYz.otf) format("truetype")}@font-face{font-family:bold;src:url(/assets/alfont_com_Somar-Bold-C3bD5Y2Z.otf) format("truetype")}.info{display:flex;gap:5px;align-items:center;font-size:.9rem;justify-content:start}.info .info-title{color:#546881;font-family:regular}.info .info-subtitle{color:#1d242d;font-family:regular;display:flex;gap:3px}.info .info-icon{width:16px}.lesson-card-details{display:flex}.lesson-card-details img{width:120px;height:120px;margin-inline-end:1rem}.lesson-card-details .lesson-content-details .lesson-title{font-size:1.1rem;font-weight:600;color:var(--dark-color);margin-bottom:.5rem}.lesson-card-details .lesson-content-details .features-lesson{display:flex;align-items:center;flex-wrap:wrap}.lesson-card-details .lesson-content-details .features-lesson li{display:flex;align-items:center;width:50%;margin-bottom:.5rem;gap:.5rem}.lesson-card-details .lesson-content-details .features-lesson li .feature-title{font-size:1rem;font-weight:600;color:var(--dark-color)}.lesson-card-details .lesson-content-details .features-lesson li .feature-text{font-size:1rem;font-weight:600;color:var(--light-color)}.lesson-card-grid{width:100%;border-radius:10px;box-shadow:0 4px 8px #0000001a,0 6px 20px #0000000d}.lesson-card-grid .image-container-lesson{position:relative;width:100%;padding:.5rem}.lesson-card-grid .image-container-lesson img{width:100%;height:150px;-o-object-fit:cover;object-fit:cover;border-radius:10px}.lesson-card-grid .image-container-lesson .image-text{position:absolute;bottom:var(--space-xs);left:0;width:100%;padding:.5rem;font-size:1rem;text-align:start;padding-inline:1rem}.lesson-card-grid .image-container-lesson .lesson-title-card{font-size:1.1rem;color:#fff;font-weight:600}.lesson-card-grid .features-lesson{display:flex;align-items:center;flex-wrap:wrap;margin:0 var(--space-sm) var(--space-md)}.lesson-card-grid .features-lesson .info{width:50%;margin-top:var(--space-sm)}.p-multiselect:not(.p-disabled).p-focus{border-color:var(--primary-color)!important}.p-chip{background-color:var(--primary-color-opacity-10)!important;color:var(--primary-color)!important;border-radius:var(--radius-lg)!important}.p-chip-remove-icon{color:var(--primary-color)!important}.input-wrapper .p-datepicker .p-datepicker-input{padding:clamp(var(--space-sm),15/var(--base-height)*100vh,var(--space-md));background-color:var(--input-bg);border-radius:var(--radius-xs);border:1px solid var(--stroke-color);transition:all var(--transition-sm) ease-in-out;width:100%;font-size:.9rem;font-family:regular,sans-serif}.input-select .p-select-dropdown,.input-select .p-multiselect-dropdown{border-start-end-radius:unset!important;border-end-end-radius:unset!important;border-radius:var(--radius-xs) 0 0 var(--radius-xs)!important}.input-select .p-select-label,.input-select .p-multiselect-label{border-radius:0 var(--radius-xs) var(--radius-xs) 0!important}.p-checkbox-checked .p-checkbox-box{border-color:var(--primary-color)!important;background-color:var(--primary-color)!important}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto}.empty .title{font-size:1.3rem;font-family:medium,serif;color:var(--black-color);margin-bottom:var(--space-md)}.empty .text{color:var(--light-color);font-size:.9rem;width:70%;margin-top:var(--space-xs);margin-bottom:var(--space-xs);font-family:regular,serif;height:unset;text-align:center}.empty .btn{margin-top:1rem;width:90%}.live-sessions-container{padding:16px;border-radius:20px;background-color:#fbfbfb;width:100%;height:513px;overflow-y:scroll}.live-sessions-container .live-sessions-header{background-color:#eef2ff;padding:16px;text-align:right;font-weight:600;font-size:16px;border-radius:20px;color:#1f41bb}.live-sessions-container .live-sessions-header .live-cards{display:flex;flex-direction:column;gap:10px;width:100%}.live-session-card{display:flex;flex-direction:column;align-items:end;gap:10px;background-color:#fff;border-radius:20px;padding:8px 16px;box-shadow:5px 0 #1f41bb;margin-top:16px}.live-session-card.course-progress-card{display:flex;flex-direction:row;align-items:center}.live-session-card.course-progress-card .knob{width:90px}.live-session-card .course-progress-content{display:flex;flex-direction:column;width:100%}.live-session-card .live-title{font-weight:500;font-size:16px;color:#000;text-align:right}.live-session-card .live-details{display:flex;flex-direction:column;gap:17px;width:100%}.live-session-card .live-details.course-progress-details{display:flex;align-items:center;flex-direction:row;width:100%;justify-content:end}@media (max-width: 1200px){.live-session-card .live-details.course-progress-details{flex-direction:column}}.live-session-card .live-details .live-subtitle{display:flex;gap:6px;color:#546881;justify-content:end}@media (max-width: 768px){.live-session-card .live-details .live-subtitle{flex-direction:column}}.live-session-card .live-details .live-date-time{display:flex;justify-content:space-between;width:100%;color:#546881}@media (max-width: 768px){.live-session-card .live-details .live-date-time{flex-direction:column}}.live-session-card .live-details .live-date-time .live-date{display:flex;align-items:center;gap:6px}.teacher-course-data{width:100%;border:1px solid #dde2ed;border-radius:10px;padding:16px;display:flex;justify-content:space-between}.teacher-course-data .course-details{display:flex;flex-direction:column;gap:20px;align-items:end}.teacher-course-data .course-details .course-title{font-weight:500;font-size:24px}.teacher-course-data .course-details .course-date{display:flex;flex-direction:column;gap:16px;align-items:end;color:#546881}.teacher-course-data .course-details .course-date .data-conatiner{display:flex;align-items:center;gap:3px}.course-statistics{width:100%;border:1px solid #dde2ed;border-radius:10px;padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:24px}.course-statistics .statistics-box{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#ffc1070d;border-radius:20px;gap:16px;padding:20px}.course-statistics .statistics-box .statistics-details{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.course-statistics .statistics-box .statistics-details .statsitcis-title{font-weight:500;font-size:16px;color:#546881}.course-statistics .statistics-box .statistics-details .statsitcis-number{color:#1d242d;font-weight:600;font-size:24px}.course-chart{height:100%;width:100%;border:1px solid #dde2ed;border-radius:10px;padding:16px}.course-chart .course-chart-data{height:100%!important}.student-details-conatiner{padding:42px 24px 0;display:flex;flex-direction:column;gap:24px}.student-details-conatiner .add-student-rate{padding:10px;width:100%}.student-details-conatiner .add-student-rate button{width:20%}.student-header-container{background-color:#f8f9fd;padding:16px;display:flex;justify-content:flex-end;gap:20px;align-items:center;position:relative;overflow:hidden;border-radius:20px}.student-header-container .student-data{display:flex;flex-direction:column;align-items:flex-end;text-align:start;gap:16px}.student-header-container .student-data .student-name{font-weight:500;font-size:16px;color:#000}.student-header-container .student-data .student-id{color:#546881;font-weight:500;font-size:18px}.student-header-container .circle-bg .circle1{position:absolute;top:0;left:0}.student-header-container .circle-bg .circle2{position:absolute;top:0;left:120px}.student-header-container .circle-bg .circle3{position:absolute;bottom:0;left:100px}.student-header-container .circle-bg .circle4{position:absolute;bottom:-5px;left:70px}.student-progress-container{display:flex;justify-content:space-between;padding:16px;align-items:center;border-radius:15px;border:1px solid #dde2ed}.student-progress-container .progress-text{font-weight:700;font-size:16px}.student-progress-container .progress-text span{color:#1f41bb}.student-progress-container .course-progress-bar{background-color:#1f41bb1a!important;width:50%}.student-progress-container .course-progress-bar .p-progressbar-value{background-color:#1f41bb!important}.student-exams-container{display:flex;flex-direction:column;gap:14px}.student-exams-container .exam-header{display:flex;justify-content:space-between;align-items:center}.student-exams-container .exam-header .last-exam{font-size:16px;font-weight:500}.student-exams-container .exam-header .show-all-exams{text-decoration:underline;font-size:16px;font-weight:500;color:#546881;cursor:pointer}.student-exams-container .exam-details{padding:16px;border-radius:15px;border:1px solid #dde2ed;display:flex;flex-direction:column;gap:24px;align-items:end}.student-exams-container .exam-details .exam-date{display:flex;align-items:center;gap:10px;color:#546881;font-size:14px;font-weight:500}.student-exams-container .exam-details .exam-name-container{display:flex;align-items:center;gap:44px}.student-exams-container .exam-details .exam-name-container .exam-name{display:flex;align-items:center;gap:10px;color:#546881;font-size:14px;font-weight:500}.student-exams-container .exam-details .exam-name-container .exam-rate{color:#e23535;background-color:#ffd7d980;padding:15px 20px;border-radius:15px}.student-exams-container .exams-table{width:100%}.student-rate-container{display:flex;flex-direction:column;gap:14px}.student-rate-container .rate-header{display:flex;justify-content:space-between;align-items:center}.student-rate-container .rate-header .last-rate{font-size:16px;font-weight:500}.student-rate-container .rate-header .show-all-rates{text-decoration:underline;font-size:16px;font-weight:500;color:#546881;cursor:pointer}.student-rate-container .rate-details-container{display:flex;flex-direction:column;padding:16px;border-radius:15px;border:1px solid #dde2ed;gap:24px}.student-rate-container .rate-details-container .rate-details{display:flex;justify-content:flex-end;gap:24px;align-items:center}.student-rate-container .rate-details-container .rate-details .rate-date{display:flex;align-items:center;gap:10px;color:#546881;font-size:14px;font-weight:500}.student-rate-container .rate-details-container .rate-details .rate-name-container{display:flex;align-items:center;gap:44px}.student-rate-container .rate-details-container .rate-details .rate-name-container .rate-name{display:flex;align-items:center;gap:10px;color:#546881;font-size:14px;font-weight:500}.student-rate-container .rate-details-container .rate-details .rate-name-container .exam-rate{color:#e23535;background-color:#ffd7d980;padding:15px 20px;border-radius:15px}.student-rate-container .rate-details-container hr{border:none;background-color:#dde2ed;height:1px}.student-rate-container .rate-details-container .total-student-rates{display:grid;grid-template-columns:1fr 1fr 1fr;gap:50px;justify-content:end;direction:rtl}.student-rate-container .rate-details-container .total-student-rates .rate-box{display:flex;align-items:center;gap:10px;justify-content:space-between}@media (max-width: 768px){.student-rate-container .rate-details-container .total-student-rates .rate-box{flex-direction:column-reverse}}.student-rate-container .rate-details-container .total-student-rates .rate-box .rate-date{display:flex;align-items:center;gap:10px}.student-rate-container .rate-details-container .total-student-rates .rate-box .rate-date .rate-number{background-color:#1f41bb1a;border:1px solid rgba(31,65,187,.6980392157);color:#1f41bb;padding:4px;border-radius:50%;font-size:12px;font-weight:500;width:-moz-fit-content;width:fit-content;height:30px;width:30px;text-align:center}.student-exams-table,.student-exams-table table{width:100%}.student-exams-table table .table-header{text-align:center;background-color:#f5f6f7;border-top-left-radius:4px;border-top-right-radius:4px}.student-exams-table table .table-header td{color:#32393c;font-size:12px;font-weight:600;padding:12px}.student-exams-table table .table-body{text-align:center;background-color:#c5d8ec1a}.student-exams-table table .table-body td{padding:20px 0;color:#546881;font-size:14px;font-weight:500}.rating-dialog-container{display:flex;flex-direction:column;gap:32px}.rating-dialog-container .input-wrapper{margin-top:20px!important}.rating-dialog-container .input-wrapper label{text-align:right}.rating-dialog-container .input-wrapper .select-wrapper{border:none;background:#9ab0ff1c;padding:8px;border-radius:15px;cursor:pointer}.rating-dialog-container .input-wrapper .select-wrapper:active,.rating-dialog-container .input-wrapper .select-wrapper:focus{border:none;outline:none}.rating-dialog-container .line-header hr{border:none;height:1px;background-color:#dde2ed}.rating-dialog-container .rating-box{display:flex;flex-direction:column;margin-left:auto;text-align:right}.rating-dialog-container .rating-box .rating-data{display:flex;align-items:center;gap:10px;justify-content:end}.rating-dialog-container .rating-box .rating-data .rating-name{color:#000;font-size:16px;font-weight:400}.rating-dialog-container .rating-box .rating-data .rating-number{background-color:#1f41bb1a;padding:5px;border:1px solid rgba(31,65,187,.6980392157);color:#1f41bb;border-radius:50%;font-size:12px;font-weight:500;width:30px;height:30px;text-align:center}.rating-dialog-container .rating-box .rating-question{text-align:right;color:#546881;font-size:14px;font-weight:400;margin-top:6px}.rating-dialog-container .rating-box .rate-select-continer{display:flex;align-items:center;justify-content:center;gap:29px;margin-top:20px}.rating-dialog-container .rating-box .rate-select-continer .rate-select{display:flex;flex-direction:column}.rating-dialog-container .rating-box .rate-select-continer .rate-select label{font-weight:400;font-size:14px;background-color:#9ab0ff1a;border-radius:50%;text-align:center;padding:10px;cursor:pointer;width:40px}.rating-dialog-container .rating-box .rate-select-continer .rate-select label.active{border:1px solid blue}.rating-dialog-container .rating-box .rate-select-continer .rate-select input{display:none}.rating-dialog-container .rating-notes p{text-align:right;font-size:16px;font-weight:500;color:#151a20}.rating-dialog-container .rating-notes .notes{width:100%!important;height:300px;text-align:right;background-color:#f8f9fd;border-radius:15px;padding:10px 16px;border:none;resize:none}.rating-dialog-container .rating-notes .notes:focus{border:none;outline:none}.rating-dialog-container .save-rating,.rating-dialog-container .save-rating button{width:100%}.teacher-dashborad-container{background-color:#fff;display:grid;grid-template-columns:repeat(8,1fr);gap:20px}@media (max-width: 768px){.teacher-dashborad-container{grid-template-columns:repeat(1,1fr)}}.teacher-dashborad-container .teacher-sidebar{grid-column:3 span;display:flex;flex-direction:column;align-items:end;gap:24px}.teacher-dashborad-container .teacher-home{grid-column:5 span;display:flex;flex-direction:column;gap:24px}.profile-buttons-container{display:flex;width:100%;justify-content:center;gap:56px;margin-top:65px}.profile-buttons-container button{width:30%;padding:12px}.profile-header{display:flex;flex-direction:column;align-items:flex-end;width:100%;gap:16px}.profile-header .header-text-container{display:flex;align-items:center;flex-direction:row-reverse;justify-content:space-between;width:100%}.profile-header .header-text-container button{width:-moz-fit-content;width:fit-content;color:#546881;font-size:16px;font-weight:400;text-decoration:underline}.profile-header .header-text-container .header-text{display:flex;flex-direction:column;align-items:flex-end}.profile-header .header-text-container .header-text .profile-title{font-size:20px;font-weight:400;color:#000}.profile-header .header-text-container .header-text .profile-subtitle{color:#6f777b;font-size:16px;font-weight:400}.profile-header .profile-hr{width:100%;border:none;height:2px;background-image:linear-gradient(to left,#1f41bb,#1f41bb 30%,#e6e6e6 50%,#e6e6e6)}.profile-info-container{display:flex;align-items:flex-start;justify-content:end;flex-direction:row-reverse;gap:24px;margin-top:49px}.profile-info-container .profile-image{position:relative}.profile-info-container .profile-image img{width:122px}.profile-info-container .profile-image .edit-icon{position:absolute;top:63%;left:13px;background-color:#1f41bb;border-radius:5px;padding:6px;width:24px;height:24px;cursor:pointer}.profile-info-container .profile-form{display:flex;flex-direction:column;gap:24px;width:100%}.profile-info-container .profile-form .profile-data{width:100%;display:flex;flex-direction:column;align-items:end;gap:6px}.profile-info-container .profile-form .profile-data label{font-size:16px;font-weight:400}.profile-info-container .profile-form .profile-data .teacher-input-container{width:100%;display:flex;align-items:center;flex-direction:row-reverse;justify-content:space-between;gap:20px}.profile-info-container .profile-form .profile-data .teacher-input-container input{padding:10px 16px;border-radius:15px;border:1px solid #dde2ed;text-align:right}.profile-info-container .profile-form .profile-data .teacher-input-container input:focus{outline:none;border:1px solid #dde2ed}.profile-info-container .profile-form .profile-data .teacher-input-container button{text-decoration:underline;cursor:pointer;color:#546881;font-size:16px;font-weight:400}.profile-info-container .profile-form .update-profile-btn{width:50%}.profile-media-container{margin-top:62px;display:flex;flex-direction:column;gap:24px}.profile-media-container.profile-media-container-certificate{background-color:#fbfbfb;padding:10px}.profile-media-container .profile-media-video{display:flex;align-items:flex-start;flex-direction:row-reverse;gap:24px}@media (max-width: 900px){.profile-media-container .profile-media-video{flex-wrap:wrap}}.profile-media-container .profile-media-video .profile-video-container{flex:1;min-width:300px;max-width:600px;height:auto;aspect-ratio:19/9;overflow:hidden;border-radius:10px;background-color:#f6f6f6}.profile-media-container .profile-media-video .profile-video-container img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.profile-media-container .profile-media-video .video-date{flex:1;min-width:300px;display:flex;flex-direction:column;justify-content:end;gap:16px;align-items:end}.profile-media-container .profile-media-video .video-date .video-title{font-weight:400;font-size:20px}.profile-media-container .profile-media-video .video-date .video-description{font-weight:400;font-size:16px;color:#546881;text-align:right;width:75%}.profile-media-container .profile-media-image{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:1fr 1fr;gap:24px;justify-items:center}.profile-media-container .profile-media-image .certificate-container{display:flex;flex-direction:column!important;gap:3px;position:relative}.profile-media-container .profile-media-image .certificate-container .delete-icon{position:absolute;top:5px;left:5px;z-index:1000;background-color:#fff;border-radius:50%;cursor:pointer}.profile-media-container .profile-media-image img{border-radius:10px;-o-object-fit:cover;object-fit:cover}.delete-account{width:100%;margin-top:80px}.delete-account button{width:100%;border-radius:15px;background:#9d1010;color:#fff;padding:15px 0;font-size:20px;font-weight:500}.dialog-certificate-container.dialog-video-container{padding:30px}.dialog-certificate-container.dialog-video-container .save-media-btn{margin-top:10px;width:100%}.dialog-certificate-container.dialog-video-container .input-wrapper{width:100%;background-color:#f8f9fd;padding-bottom:20px}.dialog-certificate-container.dialog-video-container .input-wrapper input{margin-left:auto;margin-right:auto;width:90%;background-color:#fff;text-align:right}.dialog-certificate-container .dialog-header{width:100%;display:flex;align-items:start;justify-content:space-between;flex-direction:row-reverse;padding:26px}.dialog-certificate-container .dialog-header .dialog-close-icon{cursor:pointer}.dialog-certificate-container .dialog-header .dialog-header-text{display:flex;flex-direction:column;align-items:end}.dialog-certificate-container .dialog-header .dialog-header-text .header-title{font-size:16px;font-weight:500}.dialog-certificate-container .dialog-header .dialog-header-text .header-subtitle{font-size:14px;font-weight:400;color:#546881}.dialog-certificate-container hr{border:none;height:1px;background-color:#dde2ed;width:100%;margin:32px 0}.dialog-certificate-container .dialog-media{padding:0 24px;display:flex;flex-direction:column;gap:32px}.dialog-certificate-container .dialog-media img{width:95%;margin:auto;border-radius:15px}.dialog-certificate-container .dialog-media .dialog-form{display:flex;flex-direction:column;align-items:end;width:100%}.dialog-certificate-container .dialog-media .dialog-form .dialog-input-box{width:100%;display:flex;flex-direction:column;align-items:end;gap:6px}.dialog-certificate-container .dialog-media .dialog-form .dialog-input-box label{text-align:right}.dialog-certificate-container .dialog-media .dialog-form .dialog-input-box input,.dialog-certificate-container .dialog-media .dialog-form .dialog-input-box textarea{border-radius:15px;border:1px solid #dde2ed;padding:10px 16px;text-align:right}.dialog-certificate-container .dialog-media .dialog-form .dialog-input-box input:focus,.dialog-certificate-container .dialog-media .dialog-form .dialog-input-box textarea:focus{border:1px solid #dde2ed;outline:none}.dialog-certificate-container .dialog-media .save-media-btn{width:100%}.delete-account-dialog{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;padding:16px 32px}.delete-account-dialog .delete-dialog-text{display:flex;flex-direction:column;gap:26px;align-items:center}.delete-account-dialog .delete-dialog-text .dialog-title{color:#10162e;font-size:24px;font-weight:500}.delete-account-dialog .delete-dialog-text .dialog-subtitle{font-weight:400;font-size:16px;color:#6f777b}.delete-account-dialog .dialog-btns{display:flex;width:100%;gap:20px}.delete-account-dialog .dialog-btns .dialog-delete-account{padding:20px;background-color:#9d1010;color:#fff;border-radius:15px;width:50%}.delete-account-dialog .dialog-btns .dialog-cancle{width:50%}.teacher-courses .loading-icon{grid-column:span 5;width:100%;margin-left:auto;margin-right:auto}.teacher-course-details{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(5,1fr);gap:var(--gap-lg)}@media screen and (max-width: 768px){.teacher-course-details{display:block}}.teacher-course-details .course-details-data{grid-column:span 8/span 8;grid-row:span 5/span 5;grid-column-start:5;grid-row-start:1}.teacher-course-details .groups-sidebar{grid-column:span 4/span 4;grid-row:span 5/span 5;grid-column-start:1;grid-row-start:1}.teacher-course-details .groups-sidebar .groups-side-container{overflow:auto;height:100vh;padding:0 var(--padding-sm)}.teacher-course-details .groups-sidebar .groups-side-container::-webkit-scrollbar{width:5px}.teacher-course-details .groups-sidebar .groups-side-container::-webkit-scrollbar-track{box-shadow:inset 0 0 5px gray;border-radius:10px}.teacher-course-details .groups-sidebar .groups-side-container::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:10px}.teacher-course-details .groups-sidebar .groups-side-container .group-side-card{border:1px solid #dde2ed;border-radius:var(--radius-md)}.teacher-course-details .groups-sidebar .groups-side-container .group-side-card .card-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--gap-sm);padding:var(--padding-md);border-bottom:1px solid #dde2ed}.teacher-course-details .groups-sidebar .groups-side-container .group-side-card .card-header .titles{display:flex;flex-direction:column;gap:var(--gap-sm)}.teacher-course-details .groups-sidebar .groups-side-container .group-side-card .card-header .titles p{font-size:var(--font-size-md);font-family:Bold,sans-serif}.teacher-course-details .groups-sidebar .groups-side-container .group-side-card .card-header .titles .dates{display:flex;align-items:center;gap:var(--gap-sm);color:#546881;font-size:.8rem}.teacher-course-details .groups-sidebar .groups-side-container .group-side-card .card-header .total-number{display:flex;align-items:center;gap:var(--gap-xs);color:var(--primary-color)}.teacher-course-details .groups-sidebar .groups-side-container .group-side-card .card-body{display:flex;flex-direction:column}.teacher-course-details .groups-sidebar .groups-side-container .group-side-card .card-body .group-instructor{display:flex;align-items:center;padding:var(--padding-sm);justify-content:space-between;gap:var(--gap-sm);border-bottom:1px dashed #dde2ed}.teacher-course-details .groups-sidebar .groups-side-container .group-side-card .card-body .group-instructor:last-child{border-bottom:none}.teacher-course-details .groups-sidebar .groups-side-container .group-side-card .card-body .group-instructor .data{width:100%;display:flex;align-items:center;gap:var(--gap-sm)}.teacher-course-details .groups-sidebar .groups-side-container .group-side-card .card-body .group-instructor .data img{width:40px;height:40px;border-radius:var(--radius-xl)}.teacher-course-details .groups-sidebar .groups-side-container .group-side-card .card-body .group-instructor .data .info{display:flex;flex-direction:column;justify-content:end;gap:0}.teacher-course-details .groups-sidebar .groups-side-container .group-side-card .card-body .group-instructor .data .info p{color:#3d4c5e;font-family:Bold,sans-serif}.teacher-course-details .groups-sidebar .groups-side-container .group-side-card .card-body .group-instructor .data .info span{color:#909dad}.teacher-course-details .course-details-data .card .p-tabs .p-tablist .p-tablist-content .p-tablist-tab-list{padding:.3rem;background-color:#f8f9fd;display:flex;align-items:center;justify-content:space-around;border-radius:var(--radius-sm)}.teacher-course-details .course-details-data .card .p-tabs .p-tablist .p-tablist-content .p-tablist-tab-list .p-tab{padding:var(--padding-sm);border:none;width:50%}.teacher-course-details .course-details-data .card .p-tabs .p-tablist .p-tablist-content .p-tablist-tab-list .p-tab-active{color:var(--primary-color);border:none;border-color:none;background-color:#fff;width:50%;border-radius:var(--radius-sm)}.teacher-course-details .course-details-data .live-data-cards{display:flex;align-items:center;flex-direction:column;gap:var(--gap-md);width:100%}.teacher-course-details .course-details-data .live-data-cards .card{width:100%;border:1px solid #dde2ed;border-radius:var(--radius-sm);padding:var(--padding-sm)}.teacher-course-details .course-details-data .live-data-cards .card .card-title{display:flex;align-items:center;gap:var(--gap-sm)}.teacher-course-details .course-details-data .live-data-cards .card .card-title span{color:var(--black-color);font-family:Medium,sans-serif}.teacher-course-details .course-details-data .live-data-cards .card .card-body .items{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;margin-top:1rem}.teacher-course-details .course-details-data .live-data-cards .card .card-body .items .item{display:flex;align-items:center;gap:var(--gap-sm)}.status{border-radius:10px;font-family:Bold,sans-serif;text-align:center}.success{color:var(--success-color)}.refund{color:red}.pending{color:#f0ad4e}.failed,.cancelled{color:red}.accept{background-color:#28a745;color:#fff;padding:5px 10px}.reject{background-color:red;color:#fff;margin-inline:1rem;padding:5px 10px}.cancel{background-color:#6b0808;color:#fff;margin-inline:1rem;padding:5px 10px}.rotate-ltr-180{display:inline-block}[dir=ltr] .rotate-ltr-180{transform:rotate(180deg)}.p-card-body{padding:0!important}.p-tab-active{color:var(--primary-color)!important;border-color:var(--primary-color)!important}.p-toggleswitch-checked .p-toggleswitch-slider{background-color:var(--primary-color)!important}