.grid-show-k { position: absolute; left: 0; top: 0; width: 100px; bottom: 100px; background-color: white; border: solid 0.5px gray; border-radius: 5px; z-index: 1000; transition: all 0.3s ease 0s; display: none;}.courseResumeImgcover { position: relative; left: 0px; width: 100%; height: 50%; background-size: cover; background-position: center center; background-repeat: no-repeat; max-height: 120px; border-bottom : solid 1px gray;}.courseResumeTitle { position: relative; margin-top: 5px; width: 96%; margin-left: 2%; font-size: 19px; line-height: 30px; text-align: center; background-color: white; border-radius: 10px;}.cd-close {position : absolute;top : -8px;right : -8px;width : 34px;height : 34px;border-radius : 17px;border : solid 1px gray;background-image : url(../img/close.png);background-color : white;background-repeat : no-repeat;background-position : center center;z-index : 2600;}@media only screen and (max-width:640px) {.cd-close {right : 5px;}}.mainContent.retracted { left : 5.8rem; -webkit-perspective: 2400px; perspective: 2400px; transform-style: preserve-3d;}.opacContent { z-index: 900; display : none; background-color : rgba(255, 255, 255, 0.3)}.mainContent::-webkit-scrollbar ,.rapidContent::-webkit-scrollbar , .rapidCourses::-webkit-scrollbar , .rapidContainer::-webkit-scrollbar , .inner-grid-area::-webkit-scrollbar { width: 6px; }.mainContent::-webkit-scrollbar-track ,.rapidContent::-webkit-scrollbar-track , .rapidCourses::-webkit-scrollbar-track , .rapidContainer::-webkit-scrollbar-track , .inner-grid-area::-webkit-scrollbar-track { background: #E6E6E6;}.mainContent::-webkit-scrollbar-thumb ,.rapidContent::-webkit-scrollbar-thumb , .rapidCourses::-webkit-scrollbar-thumb , .rapidContainer::-webkit-scrollbar-thumb , .inner-grid-area::-webkit-scrollbar-thumb { background-color: #808B96 ; border-radius: 2px; border: 1px solid #E6E6E6;}.kscrool { overflow-y: auto;}.kscrool::-webkit-scrollbar { width: 3px;}.kscrool::-webkit-scrollbar-track { background: #E6E6E6;}.kscrool::-webkit-scrollbar-thumb{ background-color: #c8cdd2 ; border-radius: 1px; border: 1px solid #E6E6E6;}/* Buttons */.btn { display : inline-block; position : relative; vertical-align : top; margin : 0;border : 0;outline : 0; padding : 0px 14px; font-size : 22px; font-weight : 400; line-height : 40px; min-width : 70px; text-align : center; white-space : nowrap; background : #009688; color: #fff; cursor: pointer; border-radius: 3px; text-decoration: none;}.btn:hover { background: rgba(0, 150, 136, 0.5);}.btn-cls { font-size:16px;}.btn-edit-course { position :absolute; top : 10px; right : 10px; min-width : 40px; height : 40px; border-radius: 20px; font-size:16px;}.eco_userdiv { height : 48px; width: 90%; margin-left: 5%; margin-right: 5%;}.k-eco-boost { float: left; width: 48px; height: 48px; margin: 5px; margin-left: 39px; cursor : pointer;}.eco_count{ float: left; width: 100px; height: 48px; font-size: 12px; color : green; margin-top: 17px;}.content-window-lightbox{ position: fixed; left : 50%; top : 46%; margin-top : -200px; margin-left : -250px; width : 500px; height : 520px; background-color : white; border : solid 1px #333;border-radius: 10px; z-index: 1000; display: none;}.content-window-lightbox-wide{position: fixed;left : 50%; top : 50%;margin-top : -310px;margin-left : -400px;width : 800px;height : 620px;background-color : white;border : solid 1px #333;border-radius: 10px;z-index: 1000;display: none;}.content-window-lightbox-cube{ position: fixed; left : 50%; top : 46%; margin-top : -260px; margin-left : -260px; width : 520px; height : 530px;overflow: hidden; background-color : white; border : solid 1px #333;border-radius: 10px; z-index: 1000; display: none;}@media screen and (max-width: 520px) {.content-window-lightbox,.content-window-lightbox-cube {width : 96%;margin-left : -48%;}.content-window-lightbox-wide{width : 96%;margin-left : -48%;}}@media screen and (max-height: 660px) {.content-window-lightbox-wide{height : 96%;top : 2%;margin-top : 0px;}}.content-lightbox-title{ position: absolute; left : 0px; top : 0px; right : 0px; height : 34px; background-color: #eceeee; color: #5d6d7e; border-top-left-radius: 10px; border-top-right-radius: 10px; font-size : 18px; line-height: 34px; z-index: 1001;}.content-lightbox-close {position : absolute;top : 1px;right : 1px;width : 30px;height : 30px;border-radius : 17px;border : solid 1px gray;background-image : url(../img/close.png);background-color : white;background-repeat : no-repeat; background-size : 20px 20px;background-position : center center; cursor : pointer;z-index : 2600;}.lightbox-content { position : absolute; left : 5px; top : 40px; right: 5px; bottom: 5px; overflow: auto; z-index: 1001; border: dotted 0px gray;}.lightbox-content .panel-body{padding: 35px!important;}.lightbox-content-loader , .lightbox-content-error , .lightbox-content-redirect { position : absolute; background-color : white; left : 5px; top : 45px; right: 5px; bottom: 10px; z-index: 1002; overflow: hidden; border: dotted 0px gray;}.lightbox-content-error { text-align: center; z-index: 1003; border: solid 2px rgb(236, 32, 32);}.lightbox-content-redirect {text-align: center;z-index: 1004;}.item-content-title { width : 100%; height : 100%; display : flex; justify-content : center; flex-direction : column; z-index : 100;}.k-card { background-color: #ffffff; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; border-radius: 6px; overflow: hidden;}.card-image{ position: absolute; left: 0px; right: 0px; top: 0px; bottom: 84px; background: rgba(175, 175, 175, 0.9); background-repeat: no-repeat; background-size: cover; z-index: 99; overflow: hidden;}.card-caption{ position: absolute; left : 0px; right : 0px; bottom : 0px; border-radius: 5px; background: rgba(254,255,255,.9); height: 66px; z-index: 100; overflow: hidden;}.card-decoright{ position: absolute; top : 10px; right : 0px; bottom : 0px; width : 1px; border-right : rgb(132, 156, 179) dotted 0px; z-index : 99;}.card-caption-btn{ position: absolute; left : 0px; right : 0px; bottom : 30px; background: rgba(254,255,255,.9); height: 56px; z-index: 100; overflow: hidden;}.card-caption h2 , .card-caption-btn h2 , .lp-map-h2 { position: relative; top: 50%; transform: translateY(-50%); font-size: 16px; text-align: center; width : 100%; margin: 0px; padding: 0px; margin-left: auto; margin-right: auto;}.card-action{ position: absolute; right : 0px; bottom : 0px; text-align: left; padding-left: 15px; font-size: 14px; border-radius : 0px 0px 4px 4px; border-top : 1px solid #e0e0e0; background : var(--active-action-color, #efefef); color : #222; display : inline-table; width : 100%; min-height : 30px; line-height: 30px; z-index: 100; box-sizing : border-box;}.toptitle-action{ position: absolute; text-align: left; padding-left: 15px; font-size: 14px; left : 9px; right: 16px; top : 9px; border-radius : 4px; border : 1px solid #e0e0e0; background : var(--active-action-color, #efefef); color : #222; min-height : 30px; line-height: 30px;}/* Message HTML */.content-objconthtml{ position : absolute; margin : 0px; padding : 5px; border-radius : 5px; font-size : 16px; color : #333; background-color : rgba(255,255,255, 0.8); overflow : hidden; z-index : 2;}.content-objconthtml h1,.content-objconthtml h2 ,.content-objconthtml h3 ,.content-objconthtml h4 ,.content-objconthtml h5 ,.content-objconthtml h6{ margin : 0px; padding : 5px;}.content-objconthtml h1 { font-size : 24px; font-weight: bold; }.content-objconthtml h2{ font-size : 22px; font-weight: bold; }.content-objconthtml h3{ font-size : 20px; font-weight: bold; }.content-objconthtml h4{ font-size : 18px; font-weight: bold; }.content-objconthtml h5{ font-size : 16px; font-weight: bold;}.content-objconthtml h6{ font-size : 14px; font-weight: bold;}.content-objconthtml p{ margin : 0px; padding : 5px;}.objconthtml-align-1 { left : 5px; top : 5px; width : auto; height: auto; text-align: left;}.objconthtml-align-2 { width : auto; height: auto; min-width: 75%; max-width: 98%; left : 50%; top : 5px; transform: translateX(-50%); text-align: center;}.objconthtml-align-3 { right : 5px; top : 5px; width : auto; height: auto; text-align: right;}.objconthtml-align-4 { left : 5px; top : 50%; transform: translateY(-50%); width : auto; height: auto; min-width: 60%; max-width: 98%; text-align: left;}.objconthtml-align-5 { width : auto; height: auto; min-width: 75%; max-width: 98%; left : 50%; top : 50%; transform: translateX(-50%) translateY(-50%); text-align: center;}.objconthtml-align-6 { right : 5px; top : 50%; min-width: 75%; max-width: 98%; transform: translateY(-50%); width : auto; height: auto; text-align: right;}.objconthtml-align-7 { left : 5px; bottom : 5px; width : auto; height: auto; text-align: left;}.objconthtml-align-8 { width : auto; height: auto; min-width: 75%; max-width: 98%; left : 50%; bottom : 5px; transform: translateX(-50%); text-align: center;}.objconthtml-align-9 { right : 5px; bottom : 5px; width : auto; height: auto; text-align: right;}:root { --tree-view-bo-color: #346d93; --tree-view-ac-color: #cddbe3; --tree-view-bg-color: #5499c7;}.TreeViewCourses { display: flex; flex-direction: column; margin: 2%; margin-left : auto; margin-right : auto; font-family: sans-serif; max-width: 500px; box-sizing: border-box; transition: all 0.3s ease 0s; min-height: 98%;;}.k-treetitle { width : auto; float : left; display : block;}.progresslp { position: relative; float : right; width: 33px; height: 33px; margin-top: -6px; margin-right: 2px; background-color: var(--gray-button-back); border-radius: 50%; display: flex; justify-content: center; align-items: center; color: rgb(76, 76, 76); font-size: 14px; text-decoration: none;}.progresslp .fa { position: relative; margin-left : auto; margin-right: auto; font-size : 14px; color : rgb(55, 228, 72);}.k-detailsedit{ cursor:pointer;}.action-tv-btn { position: relative; float : right; padding: 0; margin: 0; margin-right: 2px; margin-top: -6px; width: 33px; height: 33px; border-radius: 50%; background-color: var(--gray-button-back); display: flex; justify-content: center; align-items: center; color: rgb(76, 76, 76); font-size: 14px; text-decoration: none;}.action-tv-btn:hover { background-color: var(--tree-view-ac-color);}.action-tv-menu { position: absolute; top: -4px; right: 0px; width: 200px; height: 160px; background-color: white; border: 1px solid var(--tree-view-bo-color); border-radius: 3px; padding: 5px; z-index: 100; display:none;}.action-tv-menu > .btn-tv-close { position: absolute; top: -16px; right: -10px; width: 21px; height: 21px; background-color: white; padding: 2px; border-radius: 50%; text-align: center; border: 1px solid var(--tree-view-bo-color); cursor: pointer;}.action-tv-menu > a { display: inline-block; padding: 5px; width: 95%; border-bottom: 1px solid var(--tree-view-bo-color); cursor: pointer;}.action-tv-menu > a:hover { background-color: var(--tree-view-ac-color);}.action-tv-menu .fa { position: relative; margin : 2px; margin-left : auto; margin-right: auto; font-size : 18px; color : gray;}.TreeViewSub { background-color: #ffffff!important; padding-right: 0px!important;}.TreeViewCourses > .detailsTitle { color: white; padding: 8px; background-color: var(--tree-view-bg-color); border: 1px solid var(--tree-view-bo-color); border-radius: 3px; cursor : pointer;}.detailsTitle2 { color: white; margin-left:-10px; margin-top: -5px; padding: 8px; padding-right: 12px; background-color: var(--tree-view-bg-color); border: 1px solid var(--tree-view-bo-color); border-radius: 3px; cursor : pointer;}.TreeViewCourses ul { list-style-type: none; margin: 0; padding: 0; padding-right: 10px;}.TreeViewCourses li { position : relative; margin: 4px 0; padding: 8px 10px; background-color: #ffffff; border: 1px solid #c7d3df; border-radius: 3px; color: #545f69; position: relative; margin-left: 15px; position: relative;}.TreeViewCourses li span { color: #041320;}.TreeViewCourses li::after { content: ""; position: absolute; top: -5px; left: -10px; width: 1px; height: calc(36px + 10px); max-height: 1000px; transition : all 0.5s ease 0s; background-color: #c7d3df;}.TreeViewCourses li:last-child::after { height: calc(28px / 2 + 5px);}.TreeViewCourses li::before { content: ""; position: absolute; top: calc(28px / 2); left: -10px; width: 8px; height: 1px; background-color: #c7d3df;}.grid-stack { position : relative; margin-left: 20px; max-width: 1280px; height: 720px; border: dashed 0px lightgray; margin: 5px; padding-top: 5px; max-width: 1380px; text-align: left;}.grid-stack-item-content { position : relative; display : flex; flex-direction : row; width : 100%; height : 100%;}#fakeGridContent { transition: all 0.3s ease 0s;}@media (max-width: 700px) { .grid-stack-item-content { position : relative; float : left; width : 100%; }}.inner-grid { position : absolute; border-radius : 5px; left : 9px; top : 9px; right : 9px; bottom : 9px; cursor : pointer;}.inner-grid-area { position : absolute; border : solid 0.5px transparent; border-radius : 5px; left : 9px; top : 9px; right : 9px; bottom : 9px;overflow : hidden; cursor : pointer;}.inner-scrool-area { position : absolute; border: solid 0.5px transparent; border-radius : 5px; left : 9px; top : 9px; right : 9px; bottom : 9px;overflow-y : scroll;}.grid-card-courses { position: relative; float : left; color : #424949;}.grid-card-courses-inner { position: absolute; left : 0px; top : 18px; right : 18px; bottom : 0px; border-radius : 5px;}.grid-card-courses-inner-off { position: absolute; left : 0px; top : 18px; right : 18px; bottom : 0px; border-radius : 5px;}.btn-boost-right { position: absolute; right: 5px; bottom : 5px; width: 30px; height: 30px; background-image: url(menuv2.svg); background-repeat: no-repeat; background-position: center center; background-size: 30px 30px; z-index : 150;}.inner-grid:hover ,.grid-card-courses-inner:hover { border: solid 0.5px black; box-shadow: 0 4px 10px rgba(0,0,0,.2);}.k-imgback { position : absolute; left: 0; top : 0; right: 0; bottom: 0; border-radius : 5px; background-color : white; background-repeat: no-repeat; background-size: cover; background-position: center center; z-index: 1; -webkit-transition: background-image 0.2s ease-in-out; transition: background-image 0.2s ease-in-out; overflow: hidden;}.inner-tools-area { position : absolute; border: solid 0.5px gray; border-radius : 5px; display: flex; flex-direction: row; flex-flow: column wrap; justify-content: center; align-items: center; left : 9px; top : 9px; right : 9px; bottom : 9px;overflow: hidden; cursor : pointer;}.inner-map-area { position : absolute; border: solid 0.5px gray; border-radius : 5px; left : 9px; top : 9px; right : 9px; bottom : 9px;overflow: hidden;}.lp-map-view { position : relative; width: 100%; height: auto; border-radius : 5px; background-color : white; background-repeat: no-repeat; background-size: cover; background-position: center center; z-index: 1; -webkit-transition: background-image 1.5s ease-in-out; transition: background-image 1.5s ease-in-out; overflow: hidden;}.lp-map-ribbon { position : absolute; left: -10%; top : 0; right: 0; bottom: 0; border-radius : 5px; background-color : white; background-repeat: no-repeat; background-size: cover; background-position: center center; z-index: 100; opacity: 0.5; -webkit-transition: all 0.9s ease-in-out; transition: all 0.9s ease-in-out; overflow: hidden;}.grid-card-tools { position: relative; width: 100px; height: 100px; background-color: #f4f6f6;; border-radius: 50%; margin-bottom : 18px; overflow: visible;}.grid-card-tools:hover { background-color: #eaf2f8; box-shadow: 0 4px 10px rgba(0,0,0,.2);}.card-tools-image { position : absolute; left: 5px; top : 3px; right: 5px; bottom: 14px; background-repeat: no-repeat; background-position: center center; z-index: 1; overflow: hidden;}.grid-card-tools:hover .card-tools-image { top : -2px; bottom: 16px;}.card-tools-title { position : absolute; left: -26px; right : -26px; top: calc(100% - 20px); font-size: 13px; text-align: center; min-height: 15px; line-height: 20px; background-color : #eaf1f1; border : solid 2px #f4f6f6; border-radius: 8px; padding: 3px; z-index: 2;}.content-typecard, .content-objconttitle, .content-objcontimg , .content-objcontaction ,.item-remove,.item-edit ,.content-objcontdata, .content-objcontaction,.content-extendright { position : absolute; left : 5px; top : 5px; width: 5px; display : none; font-size: 10px;}.content-objcontimg { position : absolute; left : 20px; top : 20px; bottom : 20px; right : 20px; display : none;}.cssload-blackcover { position : absolute; left : 0px; top : 0px; right: 0px; bottom: 0px; background-color : #2c3e50; z-index : 1000;}.cssload-whitecover { position : absolute; left : 0px; top : 0px; right: 0px; bottom: 0px; background-color : white; z-index : 1000;}#fakeLinkContent{ position : absolute; background-color : #2c3e50; transition: all 3s ease 0s;}.inner-podium-area { position: absolute; font-family: Arial, sans-serif; display: flex; justify-content: center; align-items: center; margin: 0; background: white; border-radius: 5px; left: 9px; top: 9px; right: 9px; bottom: 9px; overflow: hidden; flex-direction: column;}.inner-podium-area .podium { display: flex; align-items: flex-end; margin-bottom: 20px; background: white;}.inner-podium-area .place { width: 80px; text-align: center; margin: 0 10px; position: relative;}.inner-podium-area .block { background-color: #3498db; color: white; font-size: 24px; font-weight: bold; padding: 10px 0; border-radius: 5px 5px 0 0;}.inner-podium-area .first { height: 120px; }.inner-podium-area .second { height: 90px; }.inner-podium-area .third { height: 60px; }.inner-podium-area .icon { width: 40px; height: 40px; background-color: #e74c3c; border-radius: 50%; border :solid 2px white; position: absolute; top: -20px; left: 50%; transform: translateX(-50%); display: flex; justify-content: center; align-items: center; color: white; font-weight: bold; overflow: hidden; animation: bounce 1.5s infinite alternate;}@keyframes bounce { from { transform: translateX(-50%) translateY(0); } to { transform: translateX(-50%) translateY(-10px); }}.inner-podium-area .winners { display: flex; justify-content: space-around; width: 100%; max-width: 300px;}.inner-podium-area .winner { text-align: center; opacity: 0; animation: fadeIn 1s forwards;}@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; }}.inner-podium-area .winner:nth-child(1) { animation-delay: 0.5s; }.inner-podium-area .winner:nth-child(2) { animation-delay: 1s; }.inner-podium-area .winner:nth-child(3) { animation-delay: 1.5s; }.inner-grid-stat { position: absolute; border-radius: 5px; left: 9px; top: 9px; right: 9px; bottom: 9px; background: white;}.rapidProgressContent { padding : 22px; padding-right : 0px; padding-bottom : 0px; background: rgb(241, 241, 241)!important;}.stat-column-left { position : relative; float : left; width : 48%; margin-left : 1%; margin-top : 1%; min-height : 200px; border-right : solid 1px #E5E8E8; background : white;}.stat-column-right { position : relative; float : right; width : 48%; margin-right : 1%; margin-top : 1%; min-height : 200px; background : white;}.stat-canvas-content { position : relative; float : left; border: solid 1px #E5E8E8; width : 96%; margin-top : 0%; margin-left : 2%; min-height : 135px; background : #f5f5f5;}.stat-tools-content { position : relative; float : left; border-top : solid 1px #E5E8E8; width : 96%; margin-top : 0%; margin-left : 2%; min-height : 95px;}.stat-one-icon { position : relative; float : left; border: solid 2px transparent; border-radius : 6px; width : 21%; height: 43px; margin: 7px; margin-left : 2%; margin-right : 2%; background-size : contain; background-image : url(../img/courses_list.png); background-position : right center; background-repeat : no-repeat; border : dotted 1px transparent; cursor :pointer;}.stat-one-icon:hover { border : dotted 1px #7F8C8D;}.stat-last-course { position : relative; float : left; border: solid 2px #E5E8E8; margin : 10px; margin-left : 0px; margin-right: 0px; width : 70%; min-height : 38px; background : #f5f5f5;}.stat-last-course-title { position : absolute; top: 50%; transform: translateY(-50%); left : 6%; right : 5px; height : 32px; line-height : 32px; font-size : 15px; text-align : left; color : #17202A;}.stat-canvas-col { position : relative; float : left; border-right : dotted 1px #7F8C8D; width : 25%; height : 134px;}.stat-month-base { position : absolute; bottom : 24px; margin-left : 33%; margin-right : 33%; width : 34%; height : 100px; background : #85C1E9;}.stat-month-label { position : absolute; bottom : 0px; width : 100%; text-align : center; height : 24px; line-height: 24px; border-top : dotted 1px #7F8C8D;}.rel-flt { position : relative; float : left;}.stat-title-caption { width : 96%; height : 37px; line-height : 37px; margin : 0px; margin-left : 2%; margin-top : 0.9%; padding : 0px; margin-right : auto; padding-left: 1%; color : #17202A; border-bottom : solid 1px #E5E8E8; font-size : 17px; text-align: left;}.stat-line-icon { position : relative; border : solid 1px #E5E8E8; border-left : none; border-right : none; background-color : #ffffff; opacity : 0.95; margin-left : auto; margin-right : auto; width : 98%; height : 36px; z-index : 3; overflow : visible;}.stat-icon { position : relative; float : left; width : 24%; height : 32px; background-size : 32px 32px; background-position : right center; background-repeat : no-repeat;}.stat-icon-time-line { background-image : url(../img/watch.png);}.stat-icon-book-line { background-image: url(../img/book-pile.png);}.stat-icon-start-line { background-image: url(../img/calendar.png);}.stat-icon-end-line { background-image: url(../img/arrow-r.png);}.stat-separator-line { position : relative; width : 97%; height : 26px; background-color : white; margin-left : 1%; margin-right : 1%;}.graph-label-line {position : relative;float : left;text-align : center; margin-top : 3px; margin-bottom : 1%; border-radius: 5px; width : 96%; margin-left : 2%; height : 28px;font-size : 13px;line-height : 28px;border-bottom : solid 0px #B2BABB;background-color : #EAECEE ;overflow : hidden;}.stat-label-line {position : relative;float : left;text-align : center; margin-top : 3px; margin-bottom : 1%; border-radius: 5px; width : 58%; margin-left : 2%; height : 28px;font-size : 13px;line-height : 28px;border-bottom : solid 0px #B2BABB;background-color : #EAECEE ;overflow : hidden;}.stat-label-line-large {position : relative;float : left;text-align : center; margin-top : 3px; margin-bottom : 1%; border-radius: 5px; width : 60%; margin-left : 2%; height : 28px;font-size : 13px;line-height : 28px;overflow : hidden;}.stat-badge-icon {position : relative; float : left; text-align : center; width : 120px; height : 112px; margin-top : 0px; margin-bottom : 1px; margin-left : 2px; margin-right : 2px; border : solid 1px #E5E8E8; overflow : hidden;}.stat-badge-icon-title { position : absolute; text-align : center; width : 98%; left : 1%; font-size : 13px; line-height : 14px; min-height : 16px; bottom : 2px; border : solid 0px red; overflow : hidden;}.table-stat-numpage { position : absolute; bottom : 4px; right : 0px; left : 0px; height : 32px; width : 98%; margin-left : 1%;}.table-stat-blocs { width : 98%; margin-left : 1%;}.table-stat-blocs tbody { border-bottom : solid 1px #E5E8E8;}.table-stat-blocs tbody tr td { border-bottom : solid 1px #E5E8E8; padding : 3px;}.stat-col1 { border-right : solid 1px #E5E8E8;}.stat-tr-pair { background-color : #D6EAF8;}.stat-tr-impair { background-color : #ffffff;}.stat-page-caption { position : relative; display : inline-block; background-color : #D6EAF8; width : 28px; height : 28px; line-height : 26px; border-radius : 14px; margin-right : 4px; color : #17202A; border : solid 1px #888888; font-size : 15px; text-align : center; user-select: none; cursor : pointer;}.stat-page-caption:hover { border : solid 1px #17202A;}.stat-page-click { color : #D6EAF8; background-color : #17202A; border : solid 1px #888888;}@property --p{ syntax: '<number>'; inherits: true; initial-value: 0;}.pie-deco { position : absolute; width : 110px; height : 110px; top : 22px; left : 50%; margin-left : -55px; background : #F8F9F9; border-radius : 50%;}.pie { --p:20; --b:12px; --c:darkred; --w:110px; width:var(--w); aspect-ratio:1; position : relative; display : inline-grid; margin : 5px; margin-top : 22px; margin-bottom : 18px; margin-left : calc(50% - var(--w)/2); place-content: center; font-size : 20px; font-weight : bold; font-family : sans-serif; color :#424949;}.pie:before,.pie:after { content:""; position:absolute; border-radius:50%;}.pie:before { inset:0; background: radial-gradient(farthest-side,var(--c) 98%,#0000) top/var(--b) var(--b) no-repeat, conic-gradient(var(--c) calc(var(--p)*1%),#0000 0); -webkit-mask:radial-gradient(farthest-side,#0000 calc(99% - var(--b)),#000 calc(100% - var(--b))); mask:radial-gradient(farthest-side,#0000 calc(99% - var(--b)),#000 calc(100% - var(--b)));}.pie:after { inset:calc(50% - var(--b)/2); background:var(--c); transform:rotate(calc(var(--p)*3.6deg)) translateY(calc(50% - var(--w)/2));}.animate { animation:p .9s .5s both;}.no-round:before { background-size:0 0,auto;}.no-round:after { content:none;}@keyframes p { from{--p:0}}body { background:#f2f2f2;}/* Firefox */.scrollmin{ scrollbar-width: thin; scrollbar-color: #B8C5DA #DFE9EB;}/* Chrome, Edge and Safari */.scrollmin::-webkit-scrollbar { height: 4px; width: 4px;}.scrollmin::-webkit-scrollbar-track { border-radius: 2px; background-color: #DFE9EB;}.scrollmin::-webkit-scrollbar-track:hover { background-color: #B8C0C2;}.scrollmin::-webkit-scrollbar-track:active { background-color: #B8C0C2;}.scrollmin::-webkit-scrollbar-thumb { border-radius: 5px; background-color: #B8C5DA;}.scrollmin::-webkit-scrollbar-thumb:hover { background-color: #636A75;}.scrollmin::-webkit-scrollbar-thumb:active { background-color: #636A75;}.profile-card { background-color: #ffffff; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; border-radius: 6px; overflow: hidden;}.profile-banner { height: 200px; background-size: cover; background-position: center;}.profile-content { padding: 20px; position: relative;}.profile-avatar { width: 120px; height: 120px; border-radius: 50%; border: 4px solid #ffffff; position: absolute; top: -60px; left: 20px; background-image: url(unknown.png); background-size: cover; background-position: center;}.profile-info { margin-left: 140px; margin-bottom: 20px;}.profile-name { font-size: 19px; margin-bottom: 5px;}.profile-username { color: #65676b; font-size: 14px;}.social-links { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px;}.social-link { flex-grow: 1; text-align: center; padding: 10px; background-color: #e4e6eb; border-radius: 5px; text-decoration: none; color: #050505; font-weight: bold; transition: background-color 0.3s ease;}.social-link:hover { background-color: #d8dadf;}@media (max-width: 480px) { .profile-info { margin-left: 0; margin-top: 70px; text-align: center; } .profile-avatar { left: 50%; transform: translateX(-50%); }}.hori-chart-container { position: relative; float : left; padding: 20px; padding-top: 2rem; padding-bottom: 5px; padding-left: 18px; padding-right: 7%; width: 86%; max-width: 600px;}.h2-hori { text-align: center; color: #333;}.chart-hori { margin-top: 5px;}.hori-bar { height: 34px; margin: 10px 0; background-color: #e0e0e0; border-radius: 20px; overflow: hidden; position: relative;}.hori-bar-p { position : relative; height: 34px; margin: 10px 0; margin-right: 39px; background-color: #e0e0e0; border-radius: 20px; overflow: visible;}.hori-bar-fill { height: 100%; background-color: #7FB3D5; border-radius: 20px; transition: width 1s ease-out;}.hori-bar-label { position: absolute; left: 10px; font-size: 12px; top: 50%; transform: translateY(-50%); color: #333;}.hori-bar-value { position: absolute; font-size: 14px; right: 10px; top: 50%; transform: translateY(-50%); color: #333;}.icon-trophy { position : absolute; top : -1px; right : -45px; color : #FFD700; background-color: aliceblue; border-radius: 50%; font-size: 22px; padding : 5px; margin-right : 5px; cursor : pointer; border : solid 2px #7FB3D5;;}.k-time-graph-container { position : relative; float: left; padding-top: 2rem; max-width: 600px; width: 99%;}.k-time-graph { position : relative; display: flex; justify-content: space-around; align-items: flex-end; height: 200px; border-bottom: 2px solid #e5e7eb; padding-bottom: 2rem;}.k-time-graph-line { position:absolute; left:0px;bottom:64px; right:0px; border-bottom:3px solid #a4abba;}.k-time-bar-container { display: flex; flex-direction: column; align-items: center; width: 60px;}.k-time-bar { position : relative; bottom : 2px; left: 10px; background-color: #7FB3D5; width: 65%; min-width: 10px; min-height: 150px; border-radius: 15px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-bottom: none; transition: all 0.5s ease;}.k-time-label { position: absolute; bottom: 0px; left: -18px; width: 140px; height : 16px; line-height: 16px; transform: rotate(-90deg); transform-origin: left top; padding: 0px; margin: 0px; font-size: 15px; color: #1f2937;}.k-time-value { margin-top: 0.5rem; font-size: 15px; color: #1f2937;}.chart-container { width: 96%; height: 80%; background-color: white; /* border-bottom: 1px solid #ddd; */ padding: 1%; overflow: hidden; position: relative;}.chart-container .bubble { position: absolute; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: white; font-weight: bold; font-size: 14px; text-align: center;}.chart-container .legend { position: absolute; bottom: 10px; left: 10px; display: flex; flex-direction: column;}.chart-container .legend-item { display: flex; align-items: center; margin-bottom: 5px;}.chart-container .legend-color { width: 20px; height: 20px; margin-right: 5px; border-radius: 50%;}.inner-grid-doc { position: absolute; border-radius: 5px; left: 9px; top: 9px; right: 9px; bottom: 9px; padding:9px; background: white;}h1 { text-align: center; color: #2c3e50;}.document-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 20px; padding: 20px 0; padding-top: 3px;}.document-item { border: 1px solid #e0e0e0; border-radius: 8px; background-color: white; overflow: hidden; min-height: 240px; transition: box-shadow 0.3s ease;}.document-item:hover { box-shadow: 0 4px 8px rgba(0,0,0,0.1);}.document-preview { height: 100px; overflow: hidden;}.document-preview img { width: 100%; height: 100%; object-fit: cover;}.document-info { padding: 15px;}.document-title { margin: 0 0 0 0; font-size: 18px; color: #2c3e50;}.document-description { margin: 0 0 15px 0; font-size: 14px; color: #7f8c8d;}.download-button { display: inline-block; background-color: #3498db; color: white; padding: 10px 15px; text-decoration: none; border-radius: 5px; transition: background-color 0.3s ease;}.download-button:hover { background-color: #2980b9;}.rapidHide { animation: rotateHideY2 2s; animation-fill-mode: forwards ;}.grid-stack-rapidCourses,.grid-stack-rapidContent,.grid-stack-rapidProgress,.grid-stack-rapidProgress,.grid-stack-rapidLearningPath{ -webkit-perspective: 500px; perspective: 500px; transform-style: preserve-3d; -webkit-transform-style: preserve-3d;}.k-card-anim { /* animation: scale-fade-in 1s cubic-bezier(0.34, 1.56, 0.64, 1); */ animation: rotateOnY2 1s; -webkit-perspective : 500px; perspective: 500px; transform-style: preserve-3d; -webkit-transform-style: preserve-3d;}@keyframes scale-fade-in { 0% { transform: scale(0.9); opacity: 0.1; } 20%, 60% { transform: scale(0.95); opacity: 0.9; } 100% { transform: scale(1); opacity: 1; }}@keyframes rotateOnY { 0% { transform: rotateY(4deg) scale(0.9); opacity: 0.5; } 100% { transform: rotateY(0deg) scale(1); opacity: 1; }}@keyframes rotateOnY2 { 0% { transform: translateX(10px); opacity: 0.6; } 100% { transform: translateX(0px); opacity: 1; }}@keyframes rotateHideY2 { 0% { opacity: 1; } 99% { opacity: 0; } 100% { opacity: 0; left :-3000px; right :3000px; }}.badge-box { position: absolute; left: 0px; top: 0px ; right: 0px; bottom: 80px; display: flex; justify-content: center; align-items: center; margin: 0; background-color: #ffffff; perspective: 1000px;}.badge-image-gain { position: absolute; left : 0px; top: 0px; width: 300px; height: 300px; transform: translateZ(-30px) rotate(-64deg); border-radius: 50%; background-color: #f7dc6f; border: solid 1px #f7dc6f; overflow: hidden; z-index: 0;}.badge-image-lum { position: absolute; left : 0px; top: 0px; width: 300px; height: 300px; background-image: url(img/badges/lum.svg); background-size: cover; transform: translateZ(-30px) scale(0.1); border-radius: 50%; overflow: hidden; z-index: 0;}.badge-image-lum-explode { transform: translateZ(-30px) rotate(45deg) scale(1); transition: transform 0.6s ease;}.badge-image-lum-anim { transform: translateZ(-30px) rotate(-45deg) scale(0.4); transition: transform 2s ease;}.badge-image-gain-retract { transform: translateZ(-30px) scale(0.1); transition: transform 0.5s ease;}.badge-image-circle { position: absolute; left : 50%; top: 50%; width: 160px; height: 160px; background-image: url('img/badges/badge-s.png'); background-size: cover; transform: translateZ(350px) translate(-50%, -50%); border-radius: 50%; border: solid 0px #f7dc6f; background-color: #f0f0f0; background-color: transparent; z-index: 4;}.badge-circle-fill-base { position: absolute; left : 0px; top: 0px; width: 300px; height: 300px; border-radius: 50%;}.badge-circle-color-bottom { background-image: linear-gradient(00deg, #ffffff 50%, transparent 50%); z-index: 1;}.badge-circle-fill-bottom { animation: badgefillbottom 0.9s linear;}.badge-circle-color-top { background-image: linear-gradient(180deg, #ffffff 50%, transparent 50%); z-index: 0;}.badge-circle-fill-top { animation: badgefillbottom 0.9s linear;}.badge-shadow { position: absolute; left : 50px; bottom: 0px; width: 200px; height: 5px; border-radius: 50%; background : #9a9a9a; box-shadow: 0px 0px 5px 5px #9a9a9a; opacity: 0.5; display: none; z-index: 1;}@keyframes badgefillbottom { 0% { transform: rotate(0deg); } 99% { transform: rotate(180deg); } 100% { transform: rotate(180deg); display: none; }}.badge-image-container { position: relative; width: 300px; height: 300px; overflow: visible; transform-style: preserve-3d; z-index: 1;}.badge-base { position :absolute; width: 100%; height: 100%; opacity : 0; object-fit: cover; transition: transform 0.3s ease;}.badge-image-container .badge-shadow { transform: rotateX(2deg) rotateY(-2deg); animation: badgefloat3d 3s ease-in-out infinite; z-index: 2;}.badge-image-container .badge-image { transform: rotateX(2deg) rotateY(-2deg); animation: badgefloat3d 3s ease-in-out infinite; z-index: 2;}.badge-image-container .badge-title { transform: rotateX(2deg) rotateY(-2deg); animation: badgefloatTxt3d 3s ease-in-out infinite; z-index: 3;}.badgetext1 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 20px; font-weight: bold; color: #494dbc; text-transform: uppercase; text-align: center; font-family: 'Arial'; z-index: 2;}@keyframes badgerotationlum { 0%, 100% { transform: translateZ(-30px) translateY(0) rotate(0deg); } 50% { transform: translateZ(-30px) translateY(-5px) rotate(360deg); }}@keyframes badgefloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-5px); }}@keyframes badgefloat3d { 0%, 100% { transform: rotateY(-7deg); } 50% { transform: rotateY(7deg); }}@keyframes badgefloatTxt3d { 0%, 100% { transform: translateZ(300px) rotateY(-8deg) ; } 50% { transform: translateZ(300px) rotateY(8deg); }}.lesson-list { list-style-type: none; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(225px, 1fr)); gap: 20px;}.lesson-block { background-color: #fff; border-radius: 8px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); overflow: hidden; transition: transform 0.3s ease, box-shadow 0.3s ease; display: flex; flex-direction: column;}.lesson-block:hover { transform: translateY(-5px); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);}.lesson-image { width: 100%; height: 130px; background-position: center center; background-repeat: no-repeat; background-size: cover;}.lesson-content { padding: 20px; flex-grow: 1; display: flex; flex-direction: column; text-decoration: none ;}.lesson-content a{ text-decoration: none ;}.lesson-header { font-size: 1.2em; margin-bottom: 10px;}.lesson-description { margin-bottom: 15px; flex-grow: 1; color: #272727;}.lesson-meta { display: flex; justify-content: space-between; color: #7f8c8d; font-size: 0.9em; margin-top: auto;}.lesson-difficulty { display: flex; align-items: center;}.difficulty-dot { height: 8px; width: 8px; border-radius: 50%; display: inline-block; margin-right: 5px;}.difficulty-beginner .difficulty-dot { background-color: #2ecc71;}.difficulty-intermediate .difficulty-dot { background-color: #f39c12;}.difficulty-advanced .difficulty-dot { background-color: #e74c3c;}@media (max-width: 568px) { .lesson-list { grid-template-columns: 1fr; }}.download-button { float: right; margin: 10px;}.k-slider-container { position: absolute; left: 9px; top: 9px; right:9px; bottom: 9px; overflow: hidden; transform-style: preserve-3d; border-radius: 10px; z-index: 1;}.k-slider { width: 100%; height: 100%; background-color: #d6dbdf; overflow: hidden; position: relative; transition: transform 0.8s ease;}.k-slide { position: absolute; border-radius: 6px; width: 100%; height: 100%; opacity: 0; transition: opacity 0.5s ease, transform 0.8s ease; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; background-size: cover; background-position: center; transform: perspective(1000px) rotateY(90deg);}.k-slide.active { opacity: 1; transform: perspective(1000px) rotateY(0deg);}.k-slide.prev { transform: perspective(1000px) rotateY(-90deg);}.k-slide-title { background-color: rgba(0, 0, 0, 0.6); color: white; padding: 10px 20px; margin-bottom: 20px; border-radius: 5px; font-size: 18px;}.k-slide-link { position : absolute; display : block; bottom : 22px; top : 10px; left : 15px; right: 15px; border : solid 0px red; z-index : 10;}.k-nav-button { position: absolute; top: 50%; transform: translateY(-50%); background-color: rgba(255, 255, 255, 0.5); color: #333; border: none; padding: 10px 15px; cursor: pointer; font-size: 18px; border-radius: 5px; transition: background-color 0.3s ease; z-index : 15;}.k-nav-button:hover { background-color: rgba(255, 255, 255, 0.8);}.k-prev-button { left: 10px;}.k-next-button { right: 10px;}.k-dots-container { position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); display: flex;}.k-dot { width: 10px; height: 10px; background-color: rgba(255, 255, 255, 0.5); border-radius: 50%; margin: 0 5px; cursor: pointer; transition: background-color 0.3s ease;}.k-dot.active { background-color: rgb(133, 140, 180);}.flx-col { display: flex; flex-direction: column;}.card-header { padding: 5px; color: white;}.news-container { flex: 1; overflow-y: auto; padding: 0;}.news-item { padding: 16px 20px; border-bottom: 1px solid #eaedf0; transition: background-color 0.2s;}.news-item:hover { background-color: #f8f9fb;}.news-item:last-child { border-bottom: none;}.news-date { font-size: 12px; color: #6c757d; margin-bottom: 6px; display: flex; align-items: center;}.news-category { display: inline-block; padding: 2px 8px; border-radius: 12px; font-size: 11px; font-weight: 500; margin-left: 8px;}.category-policy { background-color: #e3f2fd; color: #1976d2;}.category-tech { background-color: #e8f5e9; color: #2e7d32;}.category-research { background-color: #fff3e0; color: #e65100;}.category-higher-ed { background-color: #f3e5f5; color: #7b1fa2;}.category-k12 { background-color: #e0f7fa; color: #00838f;}.news-title { font-size: 16px; font-weight: 600; color: #2c3e50; margin-bottom: 6px; line-height: 1.3;}.news-description { font-size: 14px; color: #5a6a7e; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}.card-footer { padding: 6px 10px; background-color: #f8f9fa; border-top: 1px solid #eaedf0; text-align: center; font-size: 12px; color: #6c757d;}/* Custom scrollbar */.news-container::-webkit-scrollbar { width: 6px;}.news-container::-webkit-scrollbar-track { background: #f1f1f1;}.news-container::-webkit-scrollbar-thumb { background: #d1d9e6; border-radius: 3px;}.news-container::-webkit-scrollbar-thumb:hover { background: #b8c4d9;}:root {--active-action-color: #cfdbe8; --top-txt-color: #ffffff;--right-background-color: rgb(247 248 249 / 1); --right-border-color: rgb(228 233 237 / 1); --right-txt-color: #1d2734; --gray-button-back: #cfdbe8; --active-button-action: #537ea4; --module-line-color: #406489; --big-stone-50: #f5f7fa; --big-stone-100: #eaeef4; --big-stone-200: #cfdbe8; --big-stone-300: #a5bdd4; --big-stone-400: #759abb; --big-stone-500: #537ea4; --big-stone-600: #406489; --big-stone-700: #35506f; --big-stone-800: #2f455d; --big-stone-900: #243242; --big-stone-950: #1d2734;}body { font-size: 16px; font-family: 'Raleway',"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 500; line-height: 24px; margin :0;}/* Title 2 of elearning */.lesson-header, .card-caption h2 , .card-caption-btn h2 , .lp-map-h2 { color: #243242; font-weight: 500;}.k-card , .k-block-border , .inner-grid-doc , .inner-grid , .inner-grid-stat , .k-slider-container , .grid-card-courses-inner ,.inner-podium-area{ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);}.mainContent , .apprendreContent { position: relative; max-width: 1400px; margin: 0 auto; min-height: 10px;}.opacContent ,.rapidContent , .rapidCourses , .rapidContainer { position: absolute; left : 0rem; right: 0rem; top : 0rem; bottom: auto; width: calc(100% - 2rem); height: auto; overflow-y: visible; border-radius: 2px; transition: all 0.3s ease 0s;}.opacContent { bottom: 0rem;}.apprendreContent { margin-left: -23px!important; margin-right: -23px!important;}.rapidContentOpac { position: absolute; left : 0px; right: 0px; top : 0px; bottom : 0px; background-color : rgba(255, 255, 255); z-index : 990; display : none;}