body{font-family:"Lato",Arial,sans-serif}root{display:block}a,i{cursor:pointer}blockquote{padding:10px 20px!important;margin:0 0 20px!important;font-size:inherit!important;border-left:5px solid #eee!important}.divpadding{padding-top:40px}.iamtext{padding-right:20px}.downlink{margin:0 15px;text-align:right}.signinform{padding-bottom:20px}.advertiseborder{padding:0 10px;border:1px solid #eee}.fontred{font-size:24px}#babillarr_btn_div{margin:0 0 5px 0}#babillarr_btn_div .box_mycontents{margin:0 5px 0 0}.maincontainer{margin-top:10px}@media (max-width:320px){.maincontainer{margin:60px 5px 0 5px}}#followersBox,#studentsettings{margin-top:10px}#xs_formparentfollow{margin-top:10px;margin-right:10px;margin-left:5px}#formparentfollow label,#xs_formparentfollow label{padding-right:5px}#formparentfollow select,#xs_formparentfollow select{border-color:#ffecb5}.eltfilter{padding:8px 5px 8px 10px;margin:10px 5px;border:1px solid #ddd;background-color:#f5f5f5}.eltfilterqcmbank{padding:8px 5px 8px 10px;margin:10px 0;border:1px solid #ddd;background-color:#f5f5f5}.eltfilter select,.eltfilterqcmbank select{background-color:#fbfbfb}.eltfilter label,.eltfilter ul,.eltfilterqcmbank label,.eltfilterqcmbank ul{padding:0}.eltfilter ul li,.eltfilterqcmbank ul li{list-style:none;padding-right:2px}.eltfilter ul li select,.eltfilterqcmbank ul li select .objsendbtn{border-radius:0px!important}.filterchoicelist{margin:0}.distance_btn{margin:0 0 5px 5px}.margin_box_btn{margin:15px 0 0 5px;padding:0}.objnewcssrg{margin-right:8px}.objnewcss1{margin-right:5px}.objnewcss2{margin-right:30px}.prevBtn{border-radius:4px 0 0 4px}.nextBtn{border-radius:0 4px 4px 0}.pinBtn{border-radius:4px 0 0 4px}.pinListBtn{border-radius:0 4px 4px 0}#qcmpinlist{margin:2px 0 0 0!important;padding:0!important;min-width:200px!important;border-radius:0 0 4px 4px}#qcmpinlist li{padding:0 5px}#qcmpinlist li:hover{background-color:#f5f5f5;cursor:pointer}#menuobj,.infobtn{text-transform:uppercase;background-color:#0073b1!important;color:#ffffff!important;border:1px solid #0073b1;border-radius:0}.objactmenu li:hover{background-color:#0073b1;color:#fff}.objnewcss li{text-transform:capitalize}.fontred48{font-size:48px}.font32{font-size:32px;font-weight:700}.font32nml{font-size:32px;font-weight:400}.font24{font-size:24px}.font18{font-size:18px}.stafflist .staffbox{padding:5px}#setting-list .margeboxtof{padding-bottom:5px;margin-bottom:10px;border-bottom:1px solid #ddd}#setting-list .margeboxtof .divcontent{padding:0!important}#setting-list .margeboxtof .contentrightalign{text-align:right}#setting-list li,#infos-list li{list-style:none;padding:10px 15px;border-bottom:1px solid #ddd}#setting-list label,#infos-list label{line-height:48px}#ulboxlist li{padding:10px 5px}#periods_container ul li:last-child,#evals_container ul li:last-child,#classes_container ul li:last-child,#ues_container ul li:last-child,#staff_container ul li:last-child{border:none}.icondistance{margin-left:8px}.icondistance_saveico{margin-left:10px;margin-right:10px}.signup-header .form-title{text-transform:uppercase}.course_view_item{padding:0;margin:10px 0 0 0;border:1px solid #eee;border-radius:4px}.course_view_item .course_aside_zone{padding:0;margin:0;text-align:center;text-transform:uppercase;background-color:#f5f5f5}.course_view_item .course_aside_zone .course_day{font-size:1.2em;color:#fff;padding:8px;border-radius:4px 0 0 0;margin:-1px 0 0 -1px}.course_view_item .course_aside_zone .course_month{font-size:1.2em;color:#fff;padding:8px;background-color:#47A447;margin:-1px 0 0 -1px}.course_view_item .course_aside_zone .course_classlist{font-size:.8em;font-weight:700;padding:8px 3px;text-align:center;word-break:break-all;background-color:#fff}.course_xs_day,.course_xs_month,.course_xs_classlist{font-size:1em;padding:5px}.course_xs_day{color:#fff;border-radius:4px 0 0 0}.course_xs_month{color:#fff;background-color:#47A447}.course_xs_classlist{background-color:#e1edf7;border-radius:0 0 0 4px}.course_view_item .course_content_zone{padding:0}.course_view_item .course_content_zone .head-course{padding:8px}.course_view_item .course_content_zone .head-course .elthourdiv{padding:0;margin:0 0 5px 0;line-height:normal}.elthour{font-size:12px;text-transform:lowercase!important;color:#aaa}.elthour:first-letter{text-transform:capitalize}.course_view_item .course_content_zone .course_ue{text-transform:uppercase;font-size:1em}.course_view_item .course_content_zone hr{margin-top:10px;margin-bottom:10px}.course_title,.course_resume,.course_other{font-weight:700;font-size:1em}.download_title{font-size:14px;font-weight:700}.greenBg{background-color:#47a447;border-color:#47a447}.greenBg:hover{border:2px solid #47a447;color:#fff}.validbtn{color:#fff!important;background-color:#ec971f!important;border-color:#d58512!important;cursor:pointer}.validstatus{color:#fff!important;background-color:#5cb85c!important;border-color:#398439!important}#userviewZone .classonglet{margin-left:5px;margin-right:5px}.classonglet a{color:#777!important}.classonglet>li.active>a{color:#0073b1!important}.nav_user_tab>li>a{color:#777!important}.nav_user_tab>li.active>a{color:#0073b1!important}.navbarprofile>h3{color:#0073b1}.course_aspect_files{padding:5px 8px;background-color:#D2E0E6}.course_aspect_files ul,.course_files ul{margin:0;padding:0}.course_aspect_files ul li,.course_files ul li{list-style:none;margin:0;padding:0}.colorjumbo{margin-bottom:0;padding:0;padding-left:40px;background-color:#f59300}.div_course_sapect{background-color:#fff}.course_aspect_head{clear:both;padding:5px 8px}.info{color:#39B3D7}.rslicon{color:#5bc0de;font-weight:400}.font35{font-size:3.5em}.course_aspect_div{background-color:#e1edf7}.nav_pill_contentbox{padding:1px 0}.div_course_aspect{margin:15px;background-color:#FFF}.aspect_date{float:right;color:#fff;padding:0 5px;background-color:#39B3D7}.babillarr_btn_div{padding:0;margin:0}.babillarr_btn_div p{margin:0;padding:0}.marginbtn{margin:0 10px 0 10px}.filecolor{color:#47A447!important}.shareclass{color:#39B3D7!important;cursor:pointer}.todouploadlink{text-align:center;margin:0}.todofileiconsend{color:#47A447!important;cursor:pointer}.course_files ul li a,.mystdtodofiles ul li a{color:#777!important}.specificdiv{margin-left:10px;margin-right:15px}.specificdiv ul li{list-style:none}.specificdiv ul{margin:0;padding:0}.datelineinfo{color:#9F6000}.btndistance{margin-right:15px}.objactbutton{display:inline-block;margin-left:23px;padding-bottom:10px}.course_files ul{padding:0 3px 3px 0}.infonbgrpmembers{color:#d79a10!important}.placeon{text-align:center;margin:20px}.backwarn{border-radius:4px 4px 0 0;background-color:#f8d7da;border-color:#f5c6cb}.backwarn a,.alertinfo{color:#721c24!important}.backwarnmod{border-radius:4px 4px 0 0;background-color:#f7e68c;border-color:#ed9d45}.backwarnmod a{color:#514940!important}.tabTitle,.logoempty{color:#0073b1}.visitors_advice{font-style:italic;color:#A94442}.resulticondiv{margin-right:10px}.noteclasstitle table{border-collapse:collapse;border:1px solid #ccc;margin-bottom:5px}.noteclasstitle table tr td,.noteclasstitle table tr th{border:1px solid #ccc;vertical-align:central;text-align:center;padding:0 5px}.noteclasstitle table tr th{background-color:#f5f5f5;color:#777;font-weight:400}.noteclasstitle table tr{padding:5px}.schoolabnlist{padding:0;margin:0;margin-left:10px}.schoolabnlist li{list-style:none;padding:0;margin:0}.hintcolor{color:#9F6000;cursor:pointer}.bluelink{color:#0073b1;cursor:pointer}.bluelinkmod{color:#0073b1;cursor:pointer}.nomargelist{margin:0;padding:0}.nomargelistMat{margin:0;padding:0;padding-left:18px}.nomargelist li,.nomargelistMat li{margin:0;padding:0}.stdtodofilelist{margin:0;margin-left:10px;padding:5px 0}.nofilefound{margin:0}.nbtodomvt{color:#47a447;font-weight:700}.nopadtabletd tbody tr td,.nopadtabletd thead tr th{padding:7px;vertical-align:middle;padding:0}#nopadtable>table>tbody>tr td,#nopadtable>table>thead>tr>th,#nopadtable>table>tfoot>tr>th,#nopadtableNT>table>tbody>tr td,#nopadtableNT>table>thead>tr>th,#nopadtableNT>table>tfoot>tr>th{padding:5px;vertical-align:middle}#nopadtableins>table>tbody>tr td,#nopadtableins>table>thead>tr>th,#nopadtableins>table>tfoot>tr>th,#nopadtableNTins>table>tbody>tr td,#nopadtableNTins>table>thead>tr>th,#nopadtableNTins>table>tfoot>tr>th{padding:5px;vertical-align:middle}.schoolbox{padding-bottom:5px;margin-bottom:10px;margin-top:15px;border-bottom:1px solid #eee}.schoolbox .updown{margin-right:5px}.schoolbox .schoollogo{margin-right:5px}.schoolbox .schoolname{padding-top:15px}.noteclasstitles .noteperiodtitle{padding:10px 0}.seeheader{padding:0 0 0 0;margin-bottom:0}.tabTitle span{font-size:18px}#studentsettings li{padding:10px 5px;margin:10px 0}.sltSchoolLabel{font-size:22px;padding:0;margin:0;padding-bottom:15px}.cursor{cursor:pointer}.filterue{padding:3px}.headerbluelink{position:relative;display:block;padding:10px 15px;color:#3eb0f7;cursor:pointer}.headerbluelinkmod{padding:2px 5px;padding-left:10px;color:#777;cursor:pointer;background-color:#f5f5f5}.navbarprofile{padding:0 3px!important}.noteclasstitles .schClassTitle{padding:0 10px;margin:10px 0 0 0;width:100%;background-color:#39B3D7;color:#fff}.noactiontext{padding:5px 10px;background-color:#eee;border-radius:4px;border:1px solid rgb(0 0 0 / .196)}.noteclasstitles .schPeriodTitle{padding:0}.noteclasstitles .schPeriodTitle span{padding:5px 10px;background-color:#47A447;color:#fff}.noteclasstitles .schEvalTitle{margin-top:10px;color:#39B3D7}.noteclasstitles .noteevaltitle{padding-left:10px;overflow:auto}.seemore,.seemorecourse,.seemoretodo{cursor:pointer;color:#39b3d7}.myresultzone{text-align:center}.myresultzone label{font-weight:400}.tdtbstdtodolist tr td{vertical-align:central}.centerElt{text-align:center!important}.stafflist li{list-style:none}.clearlink{color:#afd9ee}.dropdown-header{font-size:14px}.resultloaderbox{margin-top:10px}.noresult,.nocontent{color:silver;font-size:small}.note-toolbar .btn-default,.note-popover .btn-default{font-size:13px;margin:0;margin-right:0;line-height:1.5;padding:5px 10px;height:30px;border:1px solid #CCC;background:#fff;transition:all 0.4s;color:#333;border-radius:3px}.note-toolbar .btn-default:hover,.note-toolbar .btn-default:focus,.note-toolbar .btn-default:active,.note-toolbar .btn-default.active,.note-toolbar .open>.dropdown-toggle.btn-default{border:1px solid #CCC;background:#F5F5F5;color:#333}.responsive-video{position:relative;padding-bottom:56.25%;padding-top:60px;overflow:hidden}.responsive-video iframe,.responsive-video object,.responsive-video embed{position:absolute;top:0;left:0;width:100%;height:100%}.cnx_error{padding:16px;font-size:14px}.cnx_error .close{line-height:5px}.editeltclass{color:#39B3D7}.deleltclass{color:#A94442}.undoeltclass{color:#f0ad4e}.fontFA{font-size:22px}.fontFA18{font-size:18px}.fontFA14{font-size:14px}.wrongrollcode{padding:10px;background-color:#f5f5f5}.help{text-align:justify}.inbold{font-weight:700}.greenlink{color:#47A447;cursor:pointer}.greenicon{color:#47A447;cursor:default}.pinklink{color:#E059AA;cursor:pointer}pinklink .pinkicon{color:#E059AA;cursor:default}#stdhelpbox ul.nav-pills{top:210px;position:fixed;width:160px}.helpmenu_nav{padding-left:0}.help .red,.staffhelp .red{color:#A94442}.red_color{color:#A94442}.yellow_color{color:#ff0}.help .helpcaption,.staffhelp .helpcaption{color:#3eb0f7}.iconbbr{color:#0AA59B;font-weight:700}.staffhelp .helpmenu,.help .helpmenu{padding:5px;border:1px solid #eee}.staffhelp .helpmenu ul,.help .helpmenu ul{padding:0;margin:0}.staffhelp .helpmenu li,.help .helpmenu li{padding:0;margin:0 5px 0 15px;list-style:circle;text-align:left}.staffhelp .helpmenu ul li,.help .helpmenu ul li{padding:0;list-style-type:none;list-style:square}.helpmenutitle{margin:20px 0 10px 0;font-size:22px}.helpbox{padding:10px 0;border-bottom:1px solid #ddd}.warning_color{color:#9F6000}.warning_box{background-color:#ec971f}#posbtn{line-height:45px}.course_view_item .asideblu{background-color:#39B3D7}.course_view_item .asideimportant{background-color:#FF9800!important}.important_color{color:#FF9800!important}.justifytext{text-align:justify}.mainactzone{margin-bottom:8px;padding:0 5px}.schprefix{display:none;padding:2px 5px;margin-bottom:5px;background-color:#f5f5f5;font-size:12px;line-height:14px;border:1px solid #ddd}.schprefix .prefixclef{font-size:12px!important;font-weight:700;color:#47a447}.abnschlabel,.abnclasslabel{cursor:pointer;text-transform:uppercase}.newform-header .newform-control{border-radius:0;border:solid 1px #dadada;background-color:#fff;color:#333;height:40px}.newform-header .newform-controlsm{border-radius:0;border:solid 1px #dadada;background-color:#fff;color:#333;height:auto}.fileupl{margin:0;padding:0;list-style:square;font-size:14px}.listleftpadding{padding-left:20px}.child_padding{font-style:italic}.noleftpadding{padding-left:0}.norightpadding{padding-right:0}.middleleftpadding{padding-left:3px!important}.middlerightpadding{padding-right:3px!important}.minleftpadding{padding-left:5px!important}.minrightpadding{padding-right:5px!important}.linequeslegend{border:1px solid #39B3D7;padding:3px 10px;margin:10px 0}.linequeslegend b{color:#39B3D7}.staffhelp ul li,.staffhelp p,.help ul li,.help p{text-align:justify}.bbdEltList{margin:0;padding:0}.bbdEltList li{list-style:none}.popover{z-index:1000001}.normalview table td,.normalview table th{vertical-align:middle;padding:5px!important}.vertbar{border-right:1px solid #CCC}.smsoptionsbox h6{margin-top:3px!important}.noteTable th{background-color:#ececec}.flip-scroll_lg{overflow:auto}.flip-scroll_lg .noteTable td,.flip-scroll_lg .noteTable th{text-align:left;vertical-align:middle;padding:5px}@media only screen and (max-width:800px){#flip-scroll .cf:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}#flip-scroll * html .cf{zoom:1}#flip-scroll *:first-child+html .cf{zoom:1}#flip-scroll table{width:100%;border-collapse:collapse;border-spacing:0}#flip-scroll th,#flip-scroll td{margin:0;vertical-align:top}#flip-scroll th{text-align:left}#flip-scroll table{display:block;position:relative;width:100%}#flip-scroll thead{display:block;float:left}#flip-scroll tbody{display:block;width:auto;position:relative;overflow-x:auto;white-space:nowrap}#flip-scroll thead tr{display:block}#flip-scroll th{display:block;text-align:right;padding-right:10px;padding-left:10px;background-color:#39B3D7;color:#fff;font-weight:700}#flip-scroll tbody tr{display:inline-block;vertical-align:top}#flip-scroll td{display:block;min-height:1.25em;text-align:left;padding-right:10px;padding-left:10px}#flip-scroll th{border-bottom:0;border-left:0}#flip-scroll td{border-left:0;border-right:0;border-bottom:0}#flip-scroll tbody tr{border-left:1px solid #babcbf}#flip-scroll th:last-child,#flip-scroll td:last-child{border-bottom:1px solid #babcbf}}@media only screen and (max-width:800px){#no-more-tables table,#no-more-tables thead,#no-more-tables tbody,#no-more-tables th,#no-more-tables td,#no-more-tables tr{display:block;font-size:14px}#no-more-tables thead tr{position:absolute;top:-9999px;left:-9999px}#no-more-tables tr{border:1px solid #ccc}#no-more-tables .noteTable td{border:none;border-bottom:1px solid #eee;position:relative;padding-left:63%;white-space:normal;text-align:left;overflow:auto}#no-more-tables .noteTable td:before{position:absolute;top:0;left:0;padding-left:6px;width:60%;white-space:nowrap;text-align:left;overflow:auto;background-color:#f5f5f5}#no-more-tables .listTable td{border:none;border-bottom:1px solid #eee;position:relative;padding-left:33%;white-space:normal;text-align:left;overflow:auto}#no-more-tables .listTable td:before{position:absolute;top:0;left:0;padding-left:6px;width:30%;white-space:nowrap;text-align:left;overflow:auto;background-color:#f5f5f5}#no-more-tables td:before{content:attr(data-title)}.no-more-tables table,.no-more-tables thead,.no-more-tables tbody,.no-more-tables th,.no-more-tables td,.no-more-tables tr{display:block;font-size:14px}.no-more-tables thead tr{position:absolute;top:-9999px;left:-9999px}.no-more-tables tr{border:1px solid #ccc}.no-more-tables td{border:none;border-bottom:1px solid #eee;position:relative;padding-left:33%;white-space:normal;text-align:left;overflow:auto}.no-more-tables td:before{position:absolute;top:0;left:0;padding-left:6px;width:30%;white-space:nowrap;text-align:left;overflow:auto;background-color:#f5f5f5}.no-more-tables td:before{content:attr(data-title)}.stdrsltable table td{padding-left:83%!important}.stdrsltable td:before{width:80%!important}.noteclasstitle table,.noteclasstitle table tr td{border:0!important}}.stdrsltable table th:nth-child(1),.stdrsltable table td:nth-child(1){font-weight:400}.stdrsltable table th:nth-child(2),.stdrsltable table td:nth-child(2){font-weight:normal!important}.stdrsltable .notecaption{padding-left:5px!important;text-align:center!important}table tr td.tdrightclass{border-right:1px solid red}.course_files ul li a{font-size:14px}label{font-weight:400}.sm-progress-bar{width:150px;height:10px}.marginbtnbottom{margin-bottom:15px}.margin_off_bottom{margin-bottom:10px}.filesample{font-size:14px}.files{padding-left:15px!important}.errorfile{color:#A94442}.specificdiv .specschzone{font-size:16px;font-weight:lighter}.specificdiv .goonmain{margin-top:25px}.specificdiv .goonmain2{margin-left:-20px!important;margin-top:30px}.todotheme{text-align:justify;margin-bottom:10px}.publicmsg{background-color:#d4edda;border:1px solid #c3e6cb;margin:0 0 5px 0;padding:2px}.publicmsg p{color:#155724;font-size:small;padding-left:3px}.privatemsg{background-color:#fff3cd;border:1px solid #ffecb5;margin:0 0 5px 0;padding:2px}.privatemsg p{color:#664d03;font-size:small;padding-left:3px}.alertprivatemsg{background-color:#f8d7da;border:1px solid #f5c6cb;margin:0 0 5px 0;padding:2px}.alertprivatemsg p{color:#721c24;font-size:small;padding-left:3px}.archiveprivatemsg{background-color:#EED;margin:0 0 5px 0;padding:2px}.archiveprivatemsg p{color:#777;font-size:small;padding-left:3px}.configreport{background-color:#fcf8e3;border:2px solid #faebcc;padding:15px;margin:0}.configreport .reportcontent{font-size:14px;color:#8a6d3b}.configreport .iconhelp{padding:10px 0 0 10px;color:#A94442}.configreport p{font-size:14px;color:#8a6d3b;font-weight:700}.configreport .reportcontent ul li{list-style:square}.tableintableinfo{width:100%}.tableintableinfo td{padding:5px 10px}.tableintableinfo .tblfirsttd{width:50%}.stdmoreinfo{font-weight:700}.trstdmoreinfo{background-color:#f5f5f5;padding-left:5px;padding-right:5px}.studentlistbtnzone{padding:5px!important;text-align:center!important}.formstdinfotitle{font-size:22px;padding-bottom:5px;margin:0 10px 10px 10px;border-bottom:2px solid #DDD}#bbd_menu_status,#docs_menu_status,#forum_menu_status{color:#0073b1!important}#forum_main_content{margin-left:-5px;margin-right:-5px}#forum_main_content li.nocontent{list-style:none}.forum_subject_box{margin-bottom:10px;border:1px solid #eee;background-color:#fff;border-radius:0 0 15px 0}.forum_subject_box_head{padding:3px 5px 5px 5px;background-color:#F9F9F9;margin-bottom:5px}.forum_subject_box_body{height:100px;padding:8px 5px;font-size:12px;line-height:14px;text-overflow:ellipsis;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;-o-hyphens:auto;hyphens:auto}.forum_subject_box_footer{margin:2px 5px 4px 5px}.forum_subject_box_footer>div{margin:0;padding:0}.forum_subject_box_head .felttitle{margin-top:5px;color:#283891;line-height:1;height:35px}.forum_subject_box_head .felttitle_3{margin-right:5px}.forum_subject_box_head .felttitle .felttitle_1{font-size:13px;font-weight:700}.forum_subject_box_head .felttitle .felttitle_2{font-size:14px;font-weight:lighter}.forum_subject_box_head .felttitle .felttitledet_1{font-size:16px;font-weight:lighter;padding:5px 0}.forum_subject_box_head .felttitle .felttitledet_2{font-size:13px;font-weight:lighter}.forum_subject_box_footer .feltfooter{margin-top:5px;line-height:13px}.forum_subject_box_footer .feltfooter .feltfooter_1{font-size:12px}.forum_subject_box_footer .feltfooter .feltfooter_2{font-size:12px}.forum_subject_box_footer .feltfooter .feltfooter_2 .forauthor{font-weight:700;color:#283891}.forum_subject_box_footer .feltfooter_3{margin-right:5px}.content_subject_box{margin-bottom:10px;background-color:#fff;border:1px solid #eee;border-radius:0 0 15px 0}.content_subject_box_head{padding:5px 10px;background-color:#fff}.content_subject_box_body,.content_mod_subject_box_body{height:100px;padding:10px;font-size:13px;line-height:16px;overflow:hidden;text-overflow:ellipsis;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;-o-hyphens:auto;hyphens:auto}.content_subject_box_body .objInfo,.content_mod_subject_box_body .objInfo{word-wrap:break-word;font-size:14px;color:#5397a8}.content_subject_box_footer{height:33px;padding:5px 10px 0 10px}.content_subject_box_footer>div{margin:0;padding:0}.content_subject_box .content_subject_box_head .felttitle{color:#fff;line-height:1;height:fit-content}.content_subject_box_head .felttitle_3 span{display:block;color:#777;padding:5px 0 7px 30px;cursor:pointer}.content_subject_box_head .felttitle .felttitle_1{margin:-5px 0 0 -5px;padding:5px;padding-right:10px;font-weight:400;height:fit-content;width:fit-content}.content_subject_box_head .felttitle .felttitle_2{font-weight:lighter}.content_subject_box_head .felttitle .felttitledet_1{font-size:16px;font-weight:lighter;padding:5px 0}.content_subject_box_head .felttitle .felttitledet_2{font-size:13px;font-weight:lighter}.content_subject_box_footer .feltfooter{margin-top:5px;line-height:13px}.content_subject_box_footer .feltfooter .feltfooter_1{font-size:12px}.content_subject_box_footer .feltfooter .feltfooter_2{font-size:12px}.content_subject_box_footer .feltfooter .feltfooter_2 .forauthor{font-weight:700;color:#283891}.content_subject_box_footer .feltfooter_3{vertical-align:bottom}.content_subsubject_box .content_subject_box_head{font-size:14px;color:#fff;padding:5px;border-bottom:1px solid #ddd}.eltschoolbox .objLeftPlace{padding:0 5px 0 10px}.eltschoolbox .objCenterPlace{padding:0 5px 0 10px}.eltschoolbox .objRightPlace{padding:0 5px}#divforumtable{margin-top:10px}#divforumtable>table{padding:10px 0;background-color:#EBEBEB}.orange3bschools{color:#F26522}.green3bschools{color:#8DC63F}.blue3bschools{color:#3eb0f7}.blue3bschools a{color:#0073b1}.violet3bschools{color:#E059AA}.neutralbg{color:#777!important;background-color:#fff}.orangebg3bschools{color:#fff!important;background-color:#f26522}.orangeBdLR3bschools{border-color:#f26522!important}.orangeBdLR3bschools .content_subject_box_footer i:hover{color:#f26522!important}.greenbg3bschools{color:#fff!important;background-color:#59B959}.greenBdLR3bschools{border-color:#59B959!important}.greenBdLR3bschools .content_subject_box_footer i:hover{color:#59B959!important}.bluebg3bschools{color:#fff!important;background-color:#39B3D7}.blueBdLR3bschools{border-color:#39B3D7!important}.blueBdLR3bschools .content_subject_box_footer i:hover{color:#39B3D7!important}.violetbg3bschools{color:#fff!important;background-color:#E059AA}.violetBdLR3bschools{border-color:#E059AA!important}.violetBdLR3bschools .content_subject_box_footer i:hover{color:#E059AA!important}.warning_btn{color:#fff;background-color:#f0ad4e;border-color:#eea236}.warning_btn:hover{color:#fff;background-color:#ec971f!important;border-color:#d58512!important}.info_btn{color:#fff;background-color:#5bc0de;border-color:#46b8da}.info_btn:hover{color:#fff;background-color:#31b0d5!important;border-color:#269abc!important}.yellow_star{color:#ed9c28}.feltfooter_3 i{color:#aaa}.fontFA28{font-size:28px}.objactmenu{color:#555;border-radius:0!important;line-height:28px}.objactmenu li{padding:0 10px;font-weight:400;cursor:pointer}.objactmenu li .divider{padding:0}.bluestrong3bschools{color:#283891}.forum_main_title{color:#283891}.sm-marges{padding-left:5px;padding-right:5px}.forum_subject_box:hover{background-color:#FAFAFA;cursor:pointer}.content_subsubject_box:hover{background-color:#FAFAFA;cursor:pointer}.row-marges{margin:0 -15px}.forum_subjectitem_box{margin:2px 0 5px 0;border:1px solid #fff0;background-color:#fff;border-radius:0 0 15px 0;cursor:pointer}.forum_subjectitem_box:hover{background-color:#FAFAFA}.forum_subjectitem_box_head{padding:5px;background-color:#FAFAFA}.forum_subjectitem_box_body{padding:5px;font-size:12px;line-height:15px;word-wrap:break-word;max-height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.forum_reply_box{margin:8px -10px;padding-bottom:10px;border:1px solid #ddd;background-color:#fff;border-bottom:2px solid #eee}.forum_reply_box_head{padding:5px;background-color:#FAFAFA}.forum_reply_box_body{padding:0 5px}.forum_reply_box_head .replytexttitle{margin-top:5px;color:#283891;line-height:1}.forum_reply_box_head .replytexttitle .replytexttitle_1{font-size:14px;font-weight:700}.forum_reply_box_head .replytexttitle .replytexttitle_2{font-size:12px;font-weight:lighter}.forum_reply_box_head .replytitle_3{margin-right:5px}.div_forum_reply_box{margin-right:-10px;margin-left:-10px}.hr_forum_reply_box{margin-right:-10px;margin-left:-10px;border-width:2px}.forum_title{margin-left:-10px;margin-right:-10px}.forum_add_btn{margin-top:20px}.forumfilter{margin:6px 0 10px 0}.btn_forsubject{background-color:#3eb0f7;border-color:#3eb0f7}.foricocolor{;color:rgb(244 102 27 / .5)}.foricocolor:hover{color:rgb(244 102 27)}.forum_empty_answer{margin-left:-10px;margin-right:-10px;color:#CCC;font-size:14px}.forum_subject_div_head{margin-left:-10px;margin-right:-10px;padding-bottom:10px;border-bottom:2px solid #eee}.forum_subject_div_head a{font-weight:lighter}.back_listmsg{font-size:16px}.comcomment{padding:0 5px;border-top:1px solid #eee}.forumtitle{font-size:1.4em}.addfilebtn{margin-top:5px}.margeext{margin-bottom:10px}#noteextractzone{margin-top:10px;border-top:1px solid #e5e5e5}#noteextractzone h5{font-weight:lighter}.privForm h5{color:#47A447}.privForm h6{color:#3eb0f7}.formparentalcontrol{margin-top:8px}.margin4minterminal{margin-top:50px}.downbtn a,.exportbtn a{color:#fff}.exportbtn{padding:2px 4px!important}.divlist{margin-bottom:5px}.nopadding{padding-right:0!important}.noallpadding{padding:0!important}#divAddQCMCompositionLine{margin-top:10px!important}.msgTargetBox{font-size:12px;padding:0 5px 0 10px;border:1px solid #dadada;max-height:130px;overflow-y:auto}.msgTargetBox .checkbox{margin:0!important}.textmarginbottom{margin-bottom:10px!important}.msgTargetBoxList{max-height:130px;overflow-y:auto}.msgTargetBoxList ul,.msgTargetBoxList .listgroup{margin-bottom:0}.selectcss button,.noformatedsel button{margin:0!important;padding:6px 12px!important;height:40px!important;border:1px solid #dadada!important;border-radius:0!important;color:#333!important;font-size:14px!important}#reportsms caption{text-align:left;color:#39B3D7}#reportsms td{padding:0 25px 0 0}.smsinfo{color:#39B3D7}.infobox span{cursor:pointer;padding:5px;border-radius:2px;background-color:#cff4fc;border-color:#b6effb;color:#055160!important}.prtinfoboxs{padding-right:15px;padding-left:15px}.prtinfoboxs table thead{background-color:#cff4fc;color:#055160}.smslistbox{max-height:500px;overflow-y:auto}.diveditprofile{padding-top:15px}.tdobjhead{width:100%}.righttd{display:block;padding-right:10px;text-align:right}.righttd img{float:right}.bottomtd{text-transform:capitalize;font-size:small;vertical-align:bottom}.HLelt{font-size:18px;color:#222}.MLelt{font-size:16px;color:#fff}.SLelt{font-size:14px}.Ctelt{font-size:12px;color:#222}.BHelt{font-size:18px;color:#fff!important}.BNelt{font-size:18px}.divObjBox table{width:100%}.divObjBox table tr td{vertical-align:bottom}.tdalignright{padding-left:10px;text-align:right}.mystdtodofilesbox{margin:10px -15px -15px -15px!important;padding-bottom:10px;padding:10px 20px}.mystdtodofiles ul{padding:0;margin:0}.mystdtodofiles ul li{list-style:none}.objfilesbox{margin:15px -15px -15px -15px!important;padding:10px 0;background-color:#f5f5f5;border-top:1px solid #e5e5e5}.objfilesbox .filelistdiv{margin:0 20px 0 20px}.filelistdiv div{margin:0!important}.divgreyfiles{background-color:#f5f5f5}.icorepnumb{display:inline-block;margin-left:2px;font-size:xx-small}.listgrpmember{overflow:auto}.listgrpmember tr td{vertical-align:bottom;padding-right:10px;line-height:16px}#grpmemberform{padding:0!important}.cssImgAvatarSize{font-size:3em}.cssImgProfileSize{font-size:2em}.objclasslist{margin-top:10px;word-wrap:break-word}.objlistelt{padding-left:0}.objlistelt li{list-style:none;margin-top:10px}.objseenlist{margin-left:15px;padding:0}.objseenlist{border-collapse:collapse}.objseenlist tr td{vertical-align:top}.objseenlist .dettable tr td{padding-right:5px;line-height:14px}.objseenlist .dettable .toptof{vertical-align:top}.divmedia{margin-bottom:10px}.alignleft{text-align:left!important}.aligncenter{text-align:center!important}.alignright{text-align:right!important}.delcompolinebtn{font-size:12px;color:#A94442;text-align:right!important;cursor:pointer}.divmedia .alignname,.padmedbody,.padmedbodyhead{font-size:12px}.padmedbodyhead{vertical-align:middle!important}.tdmediawidth{width:fit-content!important}.divmedia .media-det{margin:0;padding:0;text-transform:capitalize;font-size:10px;color:#ccc}.tblsch{margin-bottom:10px}.tblsch td{padding-right:10px;vertical-align:bottom}.listpadding{margin-left:10px}.objlistelt li{border-bottom:1px solid #eee}.objTitle{margin-bottom:10px}.box_mycontents .nbtodomvt{cursor:pointer}.box_mycontents .selmycontent{color:#664d03;background-color:#ffecb5}.topay_attention{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb;padding:0 5px;margin:0 0 10px 0}.hrpadding{margin:10px -15px}.hrpadding2{margin:7px 0}.hrnonmargin{margin:0;margin-bottom:15px;margin-left:-15px;margin-right:-15px}.nobottom{margin-bottom:0}#divqcmaddbtn,#divqcmsavebtn,#divqcmdsavebtn{margin-top:-10px;margin-right:-5px}.qcmGroupManageBar{margin-bottom:10px}.qcmGroupManageBar select.qcmGroupSelectClass{max-width:250px;vertical-align:middle}.qcmGroupStemBox{background-color:#f5f7fa;border-left:3px solid #5bc0de;padding:8px 12px;margin-bottom:8px;border-radius:3px}.qcmGroupStemPreview{font-style:italic}.qcmquestlist>li.qcmGroupStemLi{display:flex;align-items:flex-start}.qcmquestlist>li.qcmGroupStemLi::before{content:counter(qcmBlock) ". ";flex:0 0 auto}.qcmquestlist>li.qcmGroupMemberLi{margin-left:0}.qcmQuestionActions{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:2px 0 4px}.qcmQuestionActions .badge{display:inline-block;white-space:nowrap}.qcmquestlist{list-style:none}.qcmquestlist>li{counter-increment:qcmBlock}.qcmquestlist>li.qcmGroupMemberLi{counter-increment:none}.qcmquestlist>li.qcmGroupStemLi{counter-reset:qcmMember}.qcmquestlist>li>.smallTitle{padding-left:1.6em;text-indent:-1.6em}.qcmquestlist>li.qcmGroupStemLi>.qcmGroupStemBox{flex:1 1 auto;min-width:0}.qcmquestlist>li:not(.qcmGroupMemberLi)>.smallTitle::before{content:counter(qcmBlock) ". "}.qcmquestlist>li.qcmGroupMemberLi>.smallTitle::before{counter-increment:qcmMember;content:counter(qcmBlock) "." counter(qcmMember,lower-alpha) ") "}.qcmquestlist ol.qcmChoiceList{list-style:none;padding-left:1.6em;margin-left:0}.qcmquestlist ol.qcmChoiceList>li{padding-left:1.6em;text-indent:-1.6em}.qcmChoiceList>li::before{content:attr(data-code) ") "}.qcmGroupAddCheckBoxClass,.qcmGroupRemoveCheckBoxClass{margin-left:6px;vertical-align:middle}.hrnopadding{margin:5px -15px}.hrqcm{margin:5px -15px 20px -15px}.hrnopaddingtab{margin:5px -15px 10px -15px}#boxQCMList ul{list-style:none;padding:0;padding-left:17px;margin-left:0}#boxQCMList ul li,#boxQCMList ol li{line-height:20px}.divlistclasses{margin-bottom:10px}.padmedia{margin:0;color:#777}.margindivclear{margin-bottom:10px}.lineheight{padding:10px 0;padding-right:5px;color:#777;cursor:pointer;background-color:#f5f5f5;line-height:32px;vertical-align:middle}.divusrprofile{max-width:200px}.foruminfoheadHome{height:45px;font-size:11px!important;text-transform:lowercase;overflow:scroll}.foruminfohead{font-size:11px!important;text-transform:lowercase}.padmedbodyhead p:first-letter{text-transform:uppercase}.foruminfo{font-weight:700;text-transform:capitalize}.phtrghtpad{padding-right:10px}.textinleft{text-align:left}.textinright{text-align:right}.media{margin-top:15px}.media-left,.media-right{display:table-cell;vertical-align:top}.media-body{display:table-cell;vertical-align:bottom}.media-left,.media>.pull-left{padding-right:7px}.media-right,.media>.pull-right{padding-left:5px}.media-object{display:block}.media,.media-body{overflow:hidden;zoom:1}.media{line-height:1.42857143}.arrMenu{text-transform:none!important;border-top:0!important;border-top-left-radius:0!important;border-top-right-radius:0!important}.arrMenu li:hover{background-color:#f5f5f5}.datepicker table tr td{line-height:1.428571429!important}.icondist{padding-left:5px}.upperText{text-transform:uppercase!important}.staffQCMDetailsList{list-style:none}.smallContent{font-size:x-small;font-weight:400}.smallContent2{font-size:small;font-weight:400}.uppertext{text-transform:uppercase!important}.qcmBadSolutionColor{color:#A94442;font-weight:700}.qcmGoodSolutionColor{color:#47A447;font-weight:700}.qcmEndRecap .qcmRcp1{font-size:22px}.qcmEndRecap .qcmRcp2{font-size:28px}.qcmEndRecap .qcmRecap3{margin:15px;background-color:#f7f7f7}.qcmRecap3{padding-left:5px}.qcmEndRecap .qcmRecap3 li{text-align:center;margin:5px 0;padding:20px;list-style:none}.bleft{border-left:1px solid #ddd}.bright{border-right:1px solid #ddd}.nolist{padding:0!important}.qcmStatVal{font-size:16px;font-weight:lighter}.qcmEndRecap .qcmRecap3 caption{font-size:14px;font-weight:700}.qcmEndRecap22 .qcmRcp1{font-size:14px}.qcmEndRecap22 .qcmRcp2{font-size:18px}.qcmEndRecap22 .qcmRecap3{margin:5px;background-color:#f7f7f7}.qcmEndRecap22 .qcmRecap3 li{text-align:center;padding:5px 15px 5px 5px;list-style:none}.qcmStatVal22{font-size:14px;font-weight:700}.qcmEndRecap22 .qcmRecap3 caption{font-size:14px;font-weight:700}.qcmOrangeColor{color:#fd9c3b}.qcmRedColor{color:#f83847}.qcmBlueColor{color:#2ac1e5}.normTab{font-size:12px}.normTab tr{vertical-align:middle}.tdcenter{text-align:center}.tdright{text-align:right}.tdleft{text-align:left}.marginBox{margin:5px 0;background-color:#f5f5f5;padding:7px 5px}.marginBox label{padding:0 5px;color:#222}.marginBox span{margin-left:5px}.smallbtn{padding:7px;font-size:12px}.nopleft{padding-left:0!important}.timerQCM{font-size:16px;font-weight:700}ul ul,ol ol{margin-top:0;margin-bottom:10px}.fileuploadinstruction{padding:5px 10px;color:#777;background-color:#fff8c4;border:1px solid #f7dda7}.fileuploadinstruction h5{font-weight:700}.colwar{color:#cc9b5c}.icontestimonoial{font-size:70px}#sltSchools{background-color:#fbfbfb}.bold{font-weight:700}.treattd{padding:0 0 10px 40px}.treattd p{font-weight:700}.treattd form{margin-bottom:10px}.notifnb{background-clip:padding-box;display:inline-block;line-height:1.3;min-height:13px;background-color:#fa3e3e;color:#fff;border-radius:2px;padding:1px 3px;margin-left:-1px}.bbdopts{cursor:pointer;padding:10px}.annparams{font-size:12px;color:#aaa;text-transform:lowercase}.annparams span{color:#777}.annparams i.fa-arrow-right{padding:5px}.annparams i.fa-minus{padding:10px}.cnxusrname{line-height:12px!important}.qcmquestlist{padding-left:8px;margin-left:15px;margin-top:10px;line-height:18px}.qcmquestlist>li{padding-left:0;margin-left:0}.qcmquestlist ol{padding-left:15px;margin-left:0}.qcmquestlist ol li{margin-left:0;padding:2px 0}.darkheader{background-color:#0073b1!important;color:#ffffff!important}.schvwbox{background-color:#f5f8fa}.infoshclasses{font-size:12px}#qcmContentZone .divonglet{max-height:400px;overflow:auto}.boxMaxHeight{max-height:1000px;overflow:auto}.ctimeqq{margin-right:0!important;padding-right:0!important}.ctimemodeqq{margin-left:0!important;padding-left:0!important}.timeqq{text-align:right;padding-right:5px;border-right:none;border-radius:4px 0 0 4px}.timemodeqq{text-align:left;padding-left:0;background-color:#f7f7f7;border-left:none;border-radius:0 4px 4px 0}.timelightL{border-radius:4px 0 0 4px}.timelightM{border-radius:0}.timelightR{border-radius:0 4px 4px 0}.quesansexplainbox,.quesanshintbox{padding:5px;padding-top:0!important;margin-bottom:15px;font-size:12px}.quesansexplainbox{border:1px solid #59B959}.quesanshintbox{border:1px solid #9F6000}.quesansexplainbox i,.quesanshintbox i{font-size:14px!important}.quesansexplainbox p,.quesanshintbox p{margin:0;padding:0}.quesansexplainbox_text,.quesanshintbox_text{padding:0 5px!important;background-color:#f5f5f5}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.noheight{padding-left:0!important}.nopadcoin{padding-left:0px!important;padding-right:0px!important}.warningHeader{color:#8a6d3b!important;background-color:#fcf8e3!important;border-bottom:1px solid #faebcc}.table tr td{vertical-align:middle!important}.table tr th{vertical-align:middle!important}.selQCMClassBox{font-size:12px!important}.selQCMClassBox select{height:26px!important;padding:3px 6px;font-size:12px!important}.hr10{margin-top:10px!important;margin-bottom:10px!important}.titlemar{margin:10px 0;color:#0073b1}#subscribe>h3{color:#0073b1}.renew_year fieldset{margin-bottom:0px!important}.renew_year fieldset legend{font-size:16px!important;background-color:#f5f5f5;padding-left:15px;margin-bottom:5px!important}.renew_year fieldset label{color:#333!important;padding-left:15px}.renew_year fieldset label span{font-size:12px!important}.renew_year textarea{margin-left:15px}.boxSubtitle{font-size:16px;color:brown}.stdfailedlist{font-size:12px}.stdfailedlist li{line-height:18px}.msgBox{font-size:12px}.msgBox .msgBoxContent{border-top:1px solid #ffe484;border-bottom:1px solid #ffe484;margin-bottom:5px}.msgBox .msgBoxHead{padding:2px 8px;background-color:#ffe484;color:#444;line-height:18px!important;cursor:pointer}.msgBoxList{padding-left:0!important;margin-bottom:2px!important}.msgBoxList li{list-style:none}.msgBoxItem{padding:5px 0}.msgBoxItem .msgBoxItemHead{font-size:11px;line-height:14px}.msgBoxItem .msgBoxItemContent{padding:5px;background-color:#f5f5f5;color:#000;line-height:18px}.msgBoxNotAllowed{padding:10px!important;font-size:12px;line-height:12px;margin-bottom:2px!important}.logobic{vertical-align:bottom;padding-left:5px;color:#000;font-family:'Bad Script',cursive;font-weight:400;font-size:14px}.baniere_mini{margin:60px 0 0 0;padding:5px;background-color:#fdb913}.forum_subject_box_right .listSubHead{margin:8px -10px 0 -10px;padding:2px 5px;font-size:16px}.forum_subject_box_left{margin:0 -10px}.forum_subject_box_left .listSubHead{margin:8px 0 0 0;padding:2px 5px;font-size:12px;color:#fff;background-color:#f26522;border:1px solid #f26522}.forum_subject_box_left ul{margin:0;padding:0;max-height:300px;overflow-y:scroll!important}.forum_subject_box_left ul li{margin:0;padding:0;list-style:none}.dataignoretr{background-color:#f8d7da}.dataignoretr td{color:#222}.dataignoretd{background-color:#a94442;color:#f2dede!important}.dataignoretrNB{color:#721c24!important}.singupbloc{padding:0}.singupbloc p{text-align:center}.btn3B{display:inline-block;padding:0 5px;background-color:#8dc63f;border-color:#8dc63f;text-decoration:none;color:#fff;border-radius:4px}.btn3B:hover{color:#fff;background-color:#47a447;border-color:#47a447}.backgreen3B{background-color:#8ec741!important}.intro_msg{font-size:22px;font-weight:300;color:#fff;margin:0 0 30px 130px}.btn3BSch{display:inline-block;padding:2px 5px;background-color:#f26522;border-color:#f26522;text-decoration:none;color:#fff;border-radius:4px}.btn3BSch:hover{color:#fff;background-color:#f26522;border-color:#f26522}.btn3BSchlink{color:#8dc63f!important;white-space:nowrap}.btn3BSchnormallink{white-space:nowrap}#sch_bbdcontents_btn,#my_schnews_btn,#my_contents_btn,#my_timetable_btn{white-space:nowrap}.box_mycontents{overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}.classonglet li a{white-space:nowrap}.grpmemberlist_title{font-size:16px;margin-top:10px}.grpformtitle{font-size:16px;margin-bottom:10px}.tablelistsubject thead th{white-space:nowrap;text-transform:none!important;color:#333!important}.infinvue{text-align:center;color:#39B3D7}.keeptogether{white-space:nowrap}.center_text{text-align:center!important}.classdesc{margin-left:10px;margin-top:5px;padding:5px;border:1px solid #ddd}.classcode{color:#555}#setclcBtn{padding-right:10px}.hidden{visibility:hidden}.haveaccounttext{margin-bottom:5px;padding:5px 10px 5px 5px;background-color:#f5f5f5}.haveaccounttext p{font-size:16px;text-align:right}.boxusrname{color:#262626;margin-bottom:12px}.logout a{color:#777;text-transform:none}.tooltip3B{position:relative;display:inline-block;border-bottom:1px dotted #000}.tooltip3B .tooltiptext{visibility:hidden;width:120px;background-color:#555;color:#fff;text-align:center;padding:5px 0;border-radius:6px;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-60px;opacity:0;transition:opacity 0.3s}.tooltip3B .tooltiptext::after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#555 #fff0 #fff0 #fff0}.tooltip3B:hover .tooltiptext{visibility:visible;opacity:1}.boximportant{text-align:right;padding-bottom:5px;margin-bottom:5px}.shclassp{font-size:1.1em;margin:0 0 5px 0}.audienceList{max-height:275px;padding:0 5px 0 0;overflow:auto;border:1px solid #ddd}.audienceList table{margin-bottom:0!important}.checkallbtn{margin-right:10px}.tab-btn-explain{border-collapse:separate}.tab-btn-explain tr{vertical-align:middle}.tab-btn-explain tr td{font-size:11px;line-height:12px;padding:5px}.tab-btn-explain .td-btn-exp{text-align:right}.tab-btn-explain .td-btn-exp span,.tab-btn-explain .td-btn-exp button{font-size:11px!important}.backyellow{background-color:#fcf8e3!important}.coursecontentborder{padding-left:0;border-right:2px solid #eee}.coursesharebox{padding-right:0}.messagecontentborder{padding-left:0}.messagesharebox{padding-right:0;border-left:2px solid #eee}.modal-header-min{padding:15px 15px 0 0}.specialty_input{width:330px!important}.centertd{text-align:center}.linkedobjlist{padding-left:0}.linkedobjlist li{list-style:none}.contentlinkline{border-color:#ddd!important}.hiddentext{color:transparent!important}.modal{overflow-y:scroll!important}.stdselcnx-row{display:flex;align-items:flex-end;flex-wrap:wrap;gap:0px;margin-bottom:15px}.stdselcnx-row .stdselcnx{margin-bottom:0}.stdselcnx{margin-bottom:15px;margin-left:5px;margin-right:5px}.stdselcnx label{font-weight:700}.stdselcnx select{margin-right:15px;background-color:#f5f5f5}.list-group-horizontal .list-group-item{display:inline-block}.list-group-horizontal .list-group-item{margin-bottom:0;margin-left:-4px;margin-right:0;border-right-width:0}.list-group-horizontal .list-group-item:first-child{border-top-right-radius:0;border-bottom-left-radius:4px}.list-group-horizontal .list-group-item:last-child{border-top-right-radius:4px;border-bottom-left-radius:0;border-right-width:1px}.multiselect-native-select .btn-default{font-size:17px;margin:0px!important;line-height:20px;padding:0px!important;height:fit-content!important;border:none!important;background:#fff0;transition:all 0.4s;color:#555;border-radius:0;border-color:transparent!important}.multiselect-native-select li{padding:0px!important;margin:0px!important}.multiselect-selected{color:#262626!important;text-decoration:none;background-color:#e9e9ed!important}.multiselect-native-select .dropdown-menu>.active>a{color:#262626!important;text-decoration:none;background-color:#e9e9ed!important}.multiselect-native-select .btn-success,.multiselect-native-select .btn-success:hover,.multiselect-native-select .btn-success:active,.multiselect-native-select .open>.dropdown-toggle.btn-success{color:#fff;background-color:#39B3D7!important;border:1px solid #ccc!important}.multiselect-native-select .input-group-btn{position:relative;font-size:0;white-space:nowrap;padding:0 5px;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:0 4px 4px 0}#nopadtable tr:hover,#nopadtableNT tr:hover{background-color:#f5f5f5!important}#nopadtableins tr:hover,#nopadtableNTins tr:hover{background-color:#f5f5f5!important}.warnborder{border:1px solid #ed9d45}.noyet{margin:10px 5px;padding:5px}#xs_dd_user_menu .arrMenu{min-width:160px;padding:5px 0;margin:2px 0 0;margin-top:2px;font-size:14px;text-align:left;list-style:none;-webkit-background-clip:padding-box;background-clip:padding-box;border-radius:4px}#xs_dd_user_menu .divider{height:1px;margin:9px 5px 9px 5px;overflow:hidden;background-color:#e5e5e5}#xs_dd_user_menu .dropdown-header>li>a{padding:5px 15px 5px 25px}#xs_dd_user_menu .dropdown-header{color:#777!important;padding:3px 5px}#xs_dd_user_menu>ul>li>a{color:#333;line-height:20px;padding:5px 15px 5px 25px;display:block;padding:3px 5px;clear:both;font-weight:400;line-height:1.42857143;white-space:nowrap}.headerbluelinkmobile{padding:5px!important}.navbar-nav-xs{margin:7.5px -15px 0 -15px!important}#classes_container,#cursuses_container,#staff_container,.listHLimit{max-height:300px;overflow:scroll}#ulboxlist{padding:0 10px 0 0;max-height:300px;overflow:scroll}.emptyline{background-color:#eee!important}.multiselect-container{width:100%!important;max-height:300px!important;overflow:scroll auto!important}.smallbtn{font-size:12px!important}.compoQCMRecap{border:1px solid #ccc;padding:3px 10px;margin-bottom:10px}.isEmptyBadge{background-color:#ccc!important}.compoQCMRecap ul{margin-bottom:0!important}.homeactionbtn tr td{padding-right:15px!important}.qcmplacechoices{margin:0 0 5px 0}.qcmplaceboxchoices{padding:10px 0 0 0}#qcmbankcontener{text-align:center}#qcmfileactionsBtnBloc{margin:0 -15px;padding:10px 15px 0 15px;border-top:1px solid #eee}.grpmodechoicesbloc{padding:5px 10px;border:1px solid #ccc}.grpoptchoicesbloc{padding:5px;border:1px solid #ccc}.grpautoopt_box{text-align:center;border-top:1px solid #ccc}.useroptlist{list-style:none;padding:5px 0 0 0}.useroptlist li{display:inline;padding-right:0}.useroptlist li .grpactpadding{padding-right:10px}.qcmlink{color:#E059AA;cursor:pointer}.whitecolor{color:#fff!important}#stdinfosbox ul li{padding:3px 5px!important;margin:10px 0}#stdinfosbox ul .list-group{margin-bottom:0!important}.filegrptitle{padding:7px 3px 0 17px}.filegrplist li,.linkedobjlist li{padding-left:17px!important}.formValidation{margin-bottom:50px}.filegrptitlein{padding:0 0 0 3px;height:20px}.formEltLabel{font-weight:700}.switch{position:relative;display:inline-block;width:30px;height:17px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:13px;width:13px;left:2px;bottom:2px;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:#8DC63F}input:focus+.slider{box-shadow:0 0 1px #2196F3}input:checked+.slider:before{-webkit-transform:translateX(13px);-ms-transform:translateX(13px);transform:translateX(13px)}.slider.round{border-radius:17px}.slider.round:before{border-radius:50%}input:checked+.redbgslider{background-color:#A94442!important}.ai_gen_pending{background-color:#fff3cd;border:1px solid #ffecb5;border-radius:4px;color:#856404;font-style:italic;padding:8px 12px}.ai_gen_pending .fa-spinner{margin-right:4px}.qcmpublishedfileszone{margin-bottom:6px!important}.qcmpublishedfileslabel{margin-bottom:2px}.qcmpublishedfileslist{background-color:#f5f5f5;border:1px solid #ddd;border-radius:2px;padding:4px 8px}.qcmpublishedfileslist:empty{padding:0;border:none;background:none}.qcmpublishedfileslist .checkbox{margin:0!important;line-height:22px}.qcmpublishedfileslist .checkbox label{font-weight:400}#qcmAiValidatedCta{display:flex;align-items:center;justify-content:space-between;gap:10px}#qcmAiValidatedCta .btn{font-size:12px!important;padding:2px 8px!important;line-height:1.5!important;border-radius:3px!important;height:auto!important;margin:0!important;border-width:1px!important}

/* === Ajouts session Claude (mobile/boutons/responsive) - voir main_170624_1.css pour la version commentee/lisible === */
body {
    font-family: "Lato", Arial, sans-serif
}

root {
    display: block
}

a,
i {
    cursor: pointer
}
blockquote {
  padding: 10px 20px !important;
  margin: 0 0 20px !important;
  font-size: inherit !important;
  border-left: 5px solid #eee !important;
}
.divpadding {
    padding-top: 40px
}

.iamtext {
    padding-right: 20px
}
.downlink {margin: 0 15px;text-align: right;}
.signinform {
    padding-bottom: 20px
}

.advertiseborder {
    padding: 0 10px;
    border: 1px solid #eee
}

.fontred {
    font-size: /*32*/24px
}

#babillarr_btn_div {
    margin: 0 0 5px 0
}

#babillarr_btn_div .box_mycontents {
    margin: 0 5px 0 0
}

.maincontainer {
    margin-top: 10px;
}

@media (max-width:320px){.maincontainer {margin: 60px 5px 0 5px;}}

#followersBox,
#studentsettings {
    margin-top: 10px
}
#xs_formparentfollow {
    margin-top: 10px;
    margin-right: 10px;
    margin-left: 5px;
}
#formparentfollow label, #xs_formparentfollow label {
    /*color: #664d03;
    font-weight: bold;*/
    padding-right: 5px;
}
#formparentfollow select, #xs_formparentfollow select {
    /*background-color: #fff3cd;
    color: #664d03*/
    border-color: #ffecb5;
}
.eltfilter {
    padding: 8px 5px 8px 10px;
    /*margin: 10px 5px 10px 10px;*/
    margin: 10px 5px;
    border: 1px solid #ddd;
    background-color: #f5f5f5
}
.eltfilterqcmbank {
    padding: 8px 5px 8px 10px;
    /*margin: 10px 5px 10px 10px;*/
    margin: 10px 0px;
    border: 1px solid #ddd;
    background-color: #f5f5f5
}

.eltfilter select, .eltfilterqcmbank select {
    background-color: #fbfbfb
}

.eltfilter label,
.eltfilter ul,
.eltfilterqcmbank label,
.eltfilterqcmbank ul {
    padding: 0
}

.eltfilter ul li, .eltfilterqcmbank ul li {
    list-style: none;
    padding-right: 2px
}

.eltfilter ul li select, .eltfilterqcmbank ul li select
.objsendbtn {
    border-radius: 0px!important
}

.filterchoicelist {
    margin: 0;
}
.distance_btn {
    margin: 0 0 5px 5px
}

.margin_box_btn {
    /*margin: 15px 0 0 10px;*/
    margin: 15px 0 0 5px;
    padding: 0
}

.objnewcss {
    /*margin-left: 8px*/
}

.objnewcssrg {
    margin-right: 8px
}

.objnewcss1 {
    margin-right: 5px
}

.objnewcss2 {
    margin-right: 30px
}

.prevBtn {
    border-radius: 4px 0 0 4px
}

.nextBtn {
    border-radius: 0 4px 4px 0
}

.pinBtn {
    border-radius: 4px 0 0 4px
}

.pinListBtn {
    border-radius: 0 4px 4px 0
}

#qcmpinlist {
    margin: 2px 0 0 0!important;
    padding: 0!important;
    min-width: 200px!important;
    border-radius: 0 0 4px 4px
}

#qcmpinlist li {
    padding: 0 5px
}

#qcmpinlist li:hover {
    background-color: #f5f5f5;
    cursor: pointer
}

#menuobj,
.infobtn {
    /*background-color: #c5b583!important;
    color: #fff;
    border: 2px solid #bfb081;*/
    text-transform: uppercase;
    background-color: #0073b1 !important;
    color: #ffffff !important;
    border: 1px solid #0073b1;
    border-radius: 0
}
.objactmenu li:hover {
    background-color: #0073b1;
    color: #ffffff;
}

.objnewcss li {
    text-transform: capitalize
}

.fontred48 {
    font-size: 48px
}

.font32 {
    font-size: 32px;
    font-weight: 700
}

.font32nml {
    font-size: 32px;
    font-weight: 400
}

.font24 {
    font-size: 24px
}

.font18 {
    font-size: 18px
}

.stafflist .staffbox {
    padding: 5px
}

#setting-list .margeboxtof {
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd
}

#setting-list .margeboxtof .divcontent {
    padding: 0!important
}

#setting-list .margeboxtof .contentrightalign {
    text-align: right
}

#setting-list li,
#infos-list li {
    list-style: none;
    padding: 10px 15px;
    border-bottom: 1px solid #ddd
}

#setting-list label,
#infos-list label {
    line-height: 48px
}

#ulboxlist li {padding: 10px 5px;}
#periods_container ul li:last-child,
#evals_container ul li:last-child,
#classes_container ul li:last-child,
#ues_container ul li:last-child,
#staff_container ul li:last-child {
    border: none
}

.icondistance {
    margin-left: 8px
}
.icondistance_saveico {
    margin-left: 10px;
    margin-right: 10px;
}

.signup-header .form-title {
    text-transform: uppercase
}

.course_view_item {
    padding: 0;
    margin: 10px 0 0 0;
    border: 1px solid #eee;
    border-radius: 4px
}

.course_view_item .course_aside_zone {
    padding: 0;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
    background-color: #f5f5f5
}

.course_view_item .course_aside_zone .course_day {
    font-size: 1.2em;
    color: white;
    padding: 8px;
    border-radius: 4px 0 0 0;
    margin: -1px 0 0 -1px
}

.course_view_item .course_aside_zone .course_month {
    font-size: 1.2em;
    color: white;
    padding: 8px;
    background-color: #47A447;
    margin: -1px 0 0 -1px
}

.course_view_item .course_aside_zone .course_classlist {
    font-size: .8em;
    font-weight: 700;
    padding: 8px 3px;
    text-align: center;
    word-break: break-all;
    background-color: #fff
}

.course_xs_day,
.course_xs_month,
.course_xs_classlist {
    font-size: 1em;
    padding: 5px
}

.course_xs_day {
    color: white;
    border-radius: 4px 0 0 0
}

.course_xs_month {
    color: white;
    background-color: #47A447
}

.course_xs_classlist {
    background-color: #e1edf7;
    border-radius: 0 0 0 4px
}

.course_view_item .course_content_zone {
    padding: 0
}

.course_view_item .course_content_zone .head-course {
    padding: 8px
}

.course_view_item .course_content_zone .head-course .elthourdiv {
    padding: 0;
    margin: 0 0 5px 0;
    line-height: normal
}

.elthour {
    font-size: 12px;
    text-transform: lowercase !important; 
    color: #aaa
}
.elthour:first-letter {
    text-transform: capitalize;
}
.course_view_item .course_content_zone .course_ue {
    text-transform: uppercase;
    font-size: 1em
}

.course_view_item .course_content_zone hr {
    margin-top: 10px;
    margin-bottom: 10px
}

.course_title,
.course_resume,
.course_other {
    font-weight: 700;
    font-size: 1em
}

.download_title {
    font-size: 14px;
    font-weight: 700
}

.greenBg {
    background-color: #47a447;
    border-color: #47a447
}

.greenBg:hover {
    border: 2px solid #47a447;
    color: #fff
}
.validbtn {
    color: #fff !important;
    background-color: #ec971f !important;
    border-color: #d58512 !important;
    cursor: pointer;
}
.validstatus {
    color: #fff !important;
    background-color: #5cb85c !important;
    border-color: #398439 !important;
}
#userviewZone .classonglet {margin-left:5px;margin-right: 5px;}
.classonglet a {
    color: /*#25aae1*/#777 !important;
}

.classonglet > li.active > a {
    color: #0073b1 !important;
}
.nav_user_tab > li > a {color:#777 !important; white-space: nowrap;}
.nav_user_tab > li.active > a {color:#0073b1 !important;}

@media (max-width: 767px) {
    .nav-tabs.nav_user_tab {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .nav-tabs.nav_user_tab > li {
        float: none;
        flex: 0 0 auto;
    }
}
@media (max-width: 767px) {
    #menumin .navbar-backyard.in {
        max-height: calc(100vh - 60px);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
}
.navbarprofile > h3 {color: #0073b1;}

.course_aspect_files {
    padding: 5px 8px;
    background-color: #D2E0E6
}

.course_aspect_files ul,
.course_files ul {
    margin: 0;
    padding: 0
}

.course_aspect_files ul li,
.course_files ul li {
    list-style: none;
    margin: 0;
    padding: 0
}

.colorjumbo {
    margin-bottom: 0;
    padding: /*10px*/0;
    padding-left: 40px;
    background-color: /*#e1edf7;#f8992f*/#f59300;
    /*background-image: url("../images/logobic.png");*/
}

.div_course_sapect {
    background-color: white
}

.course_aspect_head {
    clear: both;
    padding: 5px 8px
}

.info {
    color: #39B3D7
}

.rslicon {
    color: #5bc0de;
    font-weight: 400
}

.font35 {
    font-size: 3.5em
}

.course_aspect_div {
    background-color: #e1edf7
}

.nav_pill_contentbox {
    padding: 1px 0
}

.div_course_aspect {
    margin: 15px;
    background-color: #FFF
}

.aspect_date {
    float: right;
    color: white;
    padding: 0 5px;
    background-color: #39B3D7
}

.babillarr_btn_div {
    padding: 0;
    margin: 0
}

.babillarr_btn_div p {
    margin: 0;
    padding: 0
}

.marginbtn {
    margin: 0 10px 0 10px
}

.filecolor {
    color: #47A447!important
}

.shareclass {
    color: #39B3D7!important;
    cursor: pointer
}

.todouploadlink {
    text-align: center;
    margin: 0
}

.todofileiconsend {
    color: #47A447!important;
    cursor: pointer
}

.course_files ul li a,
.mystdtodofiles ul li a {
    color: #777!important
}

.specificdiv {
    margin-left: 10px;
    margin-right: 15px;
}

.specificdiv ul li {
    list-style: none
}

.specificdiv ul {
    margin: 0;
    padding: 0
}

.datelineinfo {
    color: #9F6000
}

.btndistance {
    margin-right: 15px
}

.objactbutton {
    display: inline-block;
    margin-left: 23px;
    padding-bottom: 10px
}

.course_files ul {
    padding: 0px 3px 3px 0px /*0*/
}

.infonbgrpmembers {
    color: #d79a10!important
}

.placeon {
    text-align: center;
    margin: 20px
}

.backwarn {
    border-radius: 4px 4px 0 0;
    background-color: #f8d7da;
    border-color: #f5c6cb
}

.backwarn a,
.alertinfo {
    color: #721c24!important
}

.backwarnmod {
    border-radius: 4px 4px 0 0;
    background-color: /*#fdf5ec*/#f7e68c;
    border-color: #ed9d45
}

.backwarnmod a {
    color: #514940 !important
}
.tabTitle, .logoempty {color: #0073b1}
.visitors_advice {
    font-style: italic;
    color: #A94442
}

.ai_generated_mention {
    font-style: italic;
    font-size: 0.85em;
    color: #8a8a8a;
    margin-top: 2px
}

.resulticondiv {
    margin-right: 10px
}

.noteclasstitle table {
    border-collapse: collapse;
    border: 1px solid #ccc;
    margin-bottom: 5px
}

.noteclasstitle table tr td,
.noteclasstitle table tr th {
    border: 1px solid #ccc;
    vertical-align: central;
    text-align: center;
    padding: 0 5px
}

.noteclasstitle table tr th {
    background-color: #f5f5f5;
    color: #777;
    font-weight: normal
    /*font-weight: 700*/
}

.noteclasstitle table tr {
    padding: 5px
}

.schoolabnlist {
    padding: 0;
    margin: 0;
    margin-left: 10px
}

.schoolabnlist li {
    list-style: none;
    padding: 0;
    margin: 0
}
.hintcolor {
    color: #9F6000;
    cursor: pointer
}
.bluelink {
    color: /*#3eb0f7*/#0073b1;
    cursor: pointer
}

.bluelinkmod {
    color: /*#3eb0f7*/#0073b1;
    cursor: pointer
}

.nomargelist {
    margin: 0;
    padding: 0
}

.nomargelistMat {
    margin: 0;
    padding: 0;
    padding-left: 18px;
}

.nomargelist li, .nomargelistMat li {
    margin: 0;
    padding: 0
}

.stdtodofilelist {
    margin: 0;
    margin-left: 10px;
    padding: 5px 0
}

.nofilefound {
    margin: 0
}

.nbtodomvt {
    color: #47a447;
    font-weight: 700
}

.nopadtabletd tbody tr td,
.nopadtabletd thead tr th {
    padding: 7px;
    vertical-align: middle;
    padding: 0
}

#nopadtable>table>tbody>tr td,
#nopadtable>table>thead>tr>th,
#nopadtable>table>tfoot>tr>th,
#nopadtableNT>table>tbody>tr td,
#nopadtableNT>table>thead>tr>th,
#nopadtableNT>table>tfoot>tr>th {
    padding: 5px;
    vertical-align: middle
}

#nopadtableins>table>tbody>tr td,
#nopadtableins>table>thead>tr>th,
#nopadtableins>table>tfoot>tr>th,
#nopadtableNTins>table>tbody>tr td,
#nopadtableNTins>table>thead>tr>th,
#nopadtableNTins>table>tfoot>tr>th {
    padding: 5px;
    vertical-align: middle
}

.schoolbox {
    padding-bottom: 5px;
    margin-bottom: 10px;
    margin-top: 15px;
    border-bottom: 1px solid #eee
}

.schoolbox .updown {
    margin-right: 5px
}

.schoolbox .schoollogo {
    margin-right: 5px
}

.schoolbox .schoolname {
    padding-top: 15px
}

.noteclasstitles .noteperiodtitle {
    padding: 10px 0
}

.seeheader {
    padding: 0 0 /*13px*/ 0 0;
    margin-bottom: /*15px*/ 0;
    /*border-bottom: 1px solid #EEE*/
}

.tabTitle span {
    font-size: 18px
}

#studentsettings li {
    padding: 10px 5px;
    margin: 10px 0;
}
.stdsettingsdiv {
    /*margin-bottom: 10px*/
}

.sltSchoolLabel {
    font-size: 22px;
    padding: 0;
    margin: 0;
    padding-bottom: 15px
}

.cursor {
    cursor: pointer
}

.filterue {
    padding: 3px
}

.headerbluelink {
    position: relative;
    display: block;
    padding: 10px 15px;
    color: #3eb0f7;
    cursor: pointer
}

.headerbluelinkmod {
    padding: 2px 5px;
    padding-left: 10px;
    color: #777;
    cursor: pointer;
    background-color: #f5f5f5
}

.navbarprofile {
    /*padding: 0!important*/
    padding: 0 3px !important
}

.noteclasstitles .schClassTitle {
    padding: 0 10px;
    margin: 10px 0 0 0;
    width: 100%;
    background-color: #39B3D7;
    color: #fff;
    /*text-transform: uppercase;
    font-weight: 700*/
}

.noactiontext {
    padding: 5px 10px;
    background-color: #eee;
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,.196);
}

.noteclasstitles .schPeriodTitle {
    padding: 0;
    /*padding-bottom: 4px;
    border-bottom: 1px solid #47A447*/
}

.noteclasstitles .schPeriodTitle span {
    padding: 5px 10px;
    background-color: #47A447;
    color: #fff;
    /*padding: 10px;
    background-color: #47A447;
    color: #fff;
    text-transform: capitalize*/
}

.noteclasstitles .schEvalTitle {
    margin-top: 10px;
    /*text-transform: uppercase;*/
    color: #39B3D7;
    /*font-weight: 700*/
}

.noteclasstitles .noteevaltitle {
    padding-left: 10px;
    overflow: auto
}

.seemore, .seemorecourse, .seemoretodo {
    cursor: pointer;
    color: #39b3d7
}

.myresultzone {
    text-align: center
}

.myresultzone label {
    font-weight: 400
}

.tdtbstdtodolist tr td {
    vertical-align: central
}

.centerElt {
    text-align: center !important;
}

.stafflist li {
    list-style: none
}

.clearlink {
    color: #afd9ee
}

.dropdown-header {
    font-size: 14px
}

.resultloaderbox {
    margin-top: 10px
}

.noresult,
.nocontent {
    color: silver;
    font-size: small
}

.note-toolbar .btn-default,
.note-popover .btn-default {
    font-size: 13px;
    margin: 0;
    margin-right: 0;
    line-height: 1.5;
    padding: 5px 10px;
    height: 30px;
    border: 1px solid #CCC;
    background: #fff;
    transition: all 0.4s;
    color: #333;
    border-radius: 3px
}

.note-toolbar .btn-default:hover,
.note-toolbar .btn-default:focus,
.note-toolbar .btn-default:active,
.note-toolbar .btn-default.active,
.note-toolbar .open>.dropdown-toggle.btn-default {
    border: 1px solid #CCC;
    background: #F5F5F5;
    color: #333
}

.responsive-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 60px;
    overflow: hidden
}

.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.cnx_error {
    padding: 16px;
    font-size: 14px
}

.cnx_error .close {
    line-height: 5px
}

.editeltclass {
    color: #39B3D7
}

.deleltclass {
    color: #A94442
}

.undoeltclass {
    color: #f0ad4e
}

.fontFA {
    font-size: 22px
}

.fontFA18 {
    font-size: 18px
}

.fontFA14 {
    font-size: 14px
}

.wrongrollcode {
    padding: 10px;
    background-color: #f5f5f5
}

.help {
    text-align: justify
}

.inbold {
    font-weight: 700
}

.greenlink {
    color: #47A447;
    cursor: pointer
}

.greenicon {
    color: #47A447;
    cursor:default;
}

.pinklink {
    color: #E059AA;
    cursor:pointer;
}pinklink
.pinkicon {
    color: #E059AA;
    cursor:default;
}

#stdhelpbox ul.nav-pills {
    top: 210px;
    position: fixed;
    width: 160px
}

.helpmenu_nav {
    padding-left: 0
}

.help .red,
.staffhelp .red {
    color: #A94442
}

.red_color {
    color: #A94442
}

.yellow_color {
    color: yellow
}

.help .helpcaption,
.staffhelp .helpcaption {
    color: #3eb0f7
}

.iconbbr {
    color: #0AA59B;
    font-weight: 700
}

.staffhelp .helpmenu,
.help .helpmenu {
    padding: 5px;
    border: 1px solid #eee
}

.staffhelp .helpmenu ul,
.help .helpmenu ul {
    padding: 0;
    margin: 0
}

.staffhelp .helpmenu li,
.help .helpmenu li {
    padding: 0;
    margin: 0 5px 0 15px;
    list-style: circle;
    text-align: left
}

.staffhelp .helpmenu ul li,
.help .helpmenu ul li {
    padding: 0;
    list-style-type: none;
    list-style: square
}

.helpmenutitle {
    margin: 20px 0 10px 0;
    font-size: 22px
}

.helpbox {
    padding: 10px 0;
    border-bottom: 1px solid #ddd
}

.warning_color {
    color: #9F6000
}
.warning_box {
    background-color: #ec971f;
}

#posbtn {
    line-height: 45px
}

.course_view_item .asideblu {
    background-color: #39B3D7
}

.course_view_item .asideimportant {
    background-color: #FF9800!important
}

.important_color {
    color: #FF9800!important
}

.justifytext {
    text-align: justify
}
.mainactzone {margin-bottom: 8px;padding: 0 5px;}
.schprefix {
    display: none;
    padding: 2px 5px;
    margin-bottom: 5px;
    background-color: #f5f5f5;
    /*text-transform: uppercase;*/
    font-size: 12px;
    line-height: 14px;
    border: 1px solid #ddd
}

.schprefix .prefixclef {
    font-size: 12px!important;
    font-weight: 700;
    color: #47a447
}

.abnschlabel,
.abnclasslabel {
    cursor: pointer;
    text-transform: uppercase
}

.newform-header .newform-control {
    border-radius: 0;
    border: solid 1px #dadada;
    background-color: #fff;
    color: #333;
    height: 40px
}

.newform-header .newform-controlsm {
    border-radius: 0;
    border: solid 1px #dadada;
    background-color: #fff;
    color: #333;
    height: auto
}

.fileupl {
    margin: 0;
    padding: 0;
    list-style: square;
    font-size: 14px
}

.listleftpadding {
    padding-left: 20px;
}

.child_padding {font-style: italic;}

.noleftpadding {
    padding-left: 0
}
.norightpadding {
    padding-right: 0
}


.middleleftpadding {
    padding-left: 3px !important
}
.middlerightpadding {
    padding-right: 3px !important
}

.minleftpadding {
    padding-left: 5px !important
}
.minrightpadding {
    padding-right: 5px !important
}
.linequeslegend {border: 1px solid #39B3D7;  padding: 3px 10px;  margin: 10px 0;}
.linequeslegend b {color:#39B3D7}
.staffhelp ul li,
.staffhelp p,
.help ul li,
.help p {
    text-align: justify
}

.bbdEltList {
    margin: 0;
    padding: 0
}

.bbdEltList li {
    list-style: none
}

.popover {
    z-index: 1000001
}

.normalview table td,
.normalview table th {
    vertical-align: middle;
    padding: 5px!important
}

.vertbar {
    border-right: 1px solid #CCC
}

.smsoptionsbox h6 {
    margin-top: 3px!important
}

.noteTable th {
    background-color: #ececec
}

.flip-scroll_lg {
    overflow: auto
}

.flip-scroll_lg .noteTable td,
.flip-scroll_lg .noteTable th {
    text-align: left;
    vertical-align: middle;
    padding: 5px
}

@media only screen and (max-width:800px) {
    #no-more-tables table,
    #no-more-tables thead,
    #no-more-tables tbody,
    #no-more-tables th,
    #no-more-tables td,
    #no-more-tables tr {
        display: block;
        font-size: 14px
    }
    #no-more-tables thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px
    }
    #no-more-tables tr {
        border: 1px solid #ccc
    }
    /** FOR NOTE **/
    #no-more-tables .noteTable td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 63%;
        white-space: normal;
        text-align: left;
        overflow: auto
    }
    #no-more-tables .noteTable td:before {
        position: absolute;
        top: 0;
        left: 0;
        padding-left: 6px;
        width: 60%;
        white-space: nowrap;
        text-align: left;
        overflow: auto;
        background-color: #f5f5f5
    }
    /** FOR OTHER **/
    #no-more-tables .listTable td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 33%;
        white-space: normal;
        text-align: left;
        overflow: auto
    }
    #no-more-tables .listTable td:before {
        position: absolute;
        top: 0;
        left: 0;
        padding-left: 6px;
        width: 30%;
        white-space: nowrap;
        text-align: left;
        overflow: auto;
        background-color: #f5f5f5
    }
    /****/
    #no-more-tables td:before {
        content: attr(data-title)
    }
    /*#no-more-tables table th:nth-child(2),
    #no-more-tables table td:nth-child(2) {
        font-weight: 700
    }*/
    .no-more-tables table,
    .no-more-tables thead,
    .no-more-tables tbody,
    .no-more-tables th,
    .no-more-tables td,
    .no-more-tables tr {
        display: block;
        font-size: 14px
    }
    .no-more-tables thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px
    }
    .no-more-tables tr {
        border: 1px solid #ccc
    }
    .no-more-tables td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 33%;
        white-space: normal;
        text-align: left;
        overflow: auto
    }
    .no-more-tables td:before {
        position: absolute;
        top: 0;
        left: 0;
        padding-left: 6px;
        width: 30%;
        white-space: nowrap;
        text-align: left;
        overflow: auto;
        background-color: #f5f5f5
    }
    .no-more-tables td:before {
        content: attr(data-title)
    }
    .stdrsltable table td {
        padding-left: 83%!important
    }
    .stdrsltable td:before {
        width: 80%!important
    }
    .noteclasstitle table, .noteclasstitle table tr td {border: 0 !important;}
}

.stdrsltable table th:nth-child(1),
.stdrsltable table td:nth-child(1) {
    font-weight: 400
}

.stdrsltable table th:nth-child(2),
.stdrsltable table td:nth-child(2) {
    font-weight: normal!important
}

.stdrsltable .notecaption {
    padding-left: 5px!important;
    text-align: center!important
}

table tr td.tdrightclass {
    border-right: 1px solid red
}

.course_files ul li a {
    font-size: 14px
}

label {
    font-weight: 400
}

.sm-progress-bar {
    width: 150px;
    height: 10px
}

.marginbtnbottom {
    margin-bottom: 15px
}

.margin_off_bottom {
    margin-bottom: 10px
}

.filesample {
    font-size: 14px
}

.files {
    padding-left: 15px !important;
}

.errorfile {
    color: #A94442
}

.specificdiv .specschzone {
    /*margin-left: -20px!important;*/
    font-size: 16px;
    font-weight: lighter
}

.specificdiv .goonmain {
    margin-top: /*10*/25px
}

.specificdiv .goonmain2 {
    margin-left: -20px!important;
    margin-top: 30px
}

.todotheme {
    text-align: justify;
    margin-bottom: 10px
}

.publicmsg {
    background-color: #d4edda;
    border: 1px solid #c3e6cb;
    margin: 0 0 5px 0;
    padding: 2px
}

.publicmsg p {
    color: #155724;
    font-size: small;
    padding-left: 3px
}

.privatemsg {
    background-color: /*#f8d7da*/#fff3cd;
    border: /*#f5c6cb*/1px solid #ffecb5;
    margin: 0 0 5px 0;
    padding: 2px
}

.privatemsg p {
    color: /*#721c24*/#664d03;
    font-size: small;
    padding-left: 3px
}

.alertprivatemsg {
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
    margin: 0 0 5px 0;
    padding: 2px
}

.alertprivatemsg p {
    color: #721c24;
    font-size: small;
    padding-left: 3px
}

.archiveprivatemsg {
    background-color: #EED;
    /*border: 1px solid #f5c6cb;*/
    margin: 0 0 5px 0;
    padding: 2px
}

.archiveprivatemsg p {
    color: #777;
    font-size: small;
    padding-left: 3px
}

.configreport {
    background-color: #fcf8e3;
    border: 2px solid #faebcc;
    padding: 15px;
    margin: 0
}

.configreport .reportcontent {
    font-size: 14px;
    color: #8a6d3b
}

.configreport .iconhelp {
    padding: 10px 0 0 10px;
    color: #A94442
}

.configreport p {
    font-size: 14px;
    color: #8a6d3b;
    font-weight: 700
}

.configreport .reportcontent ul li {
    list-style: square
}

.tableintableinfo {
    width: 100%
}

.tableintableinfo td {
    padding: 5px 10px;
}

.tableintableinfo .tblfirsttd {
    width: 50%;
}

.stdmoreinfo {
    font-weight: 700
}

.trstdmoreinfo {
    background-color: #f5f5f5;
    padding-left: 5px;
    padding-right: 5px;
}

.studentlistbtnzone {
    padding: 5px !important;
    text-align: center !important;
}

.formstdinfotitle {
    font-size: 22px;
    padding-bottom: 5px;
    margin: 0 10px 10px 10px;
    border-bottom: 2px solid #DDD
}

.mainAppItem {}

#bbd_menu_status,
#docs_menu_status,
#forum_menu_status {
    color: /*#3eb0f7*//*#25aae1*/#0073b1 !important;
}

#forum_main_content {
    margin-left: -5px;
    margin-right: -5px
}

#forum_main_content li.nocontent {
    list-style: none
}

.forum_subject_box {
    margin-bottom: 10px;
    border: 1px solid #eee;
    background-color: #fff;
    border-radius: 0 0 15px 0;
}

.forum_subject_box_head {
    padding: 3px 5px 5px 5px;
    background-color: #F9F9F9;
    margin-bottom: 5px;
    /*border-bottom: 1px solid #ddd*/
}

.forum_subject_box_body {
    height: 100px;
    padding: 8px 5px;
    font-size: 12px;
    line-height: 14px;
    text-overflow: ellipsis;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto
}

.forum_subject_box_footer {
    margin: 2px 5px 4px 5px;
    /*padding: 2px 0 0 0;
    border-top: 1px solid #eee*/
}

.forum_subject_box_footer>div {
    margin: 0;
    padding: 0
}

.forum_subject_box_head .felttitle {
    margin-top: 5px;
    color: #283891;
    line-height: 1;
    height: 35px
}

.forum_subject_box_head .felttitle_3 {
    margin-right: 5px
}

.forum_subject_box_head .felttitle .felttitle_1 {
    font-size: 13px;
    font-weight: 700
}

.forum_subject_box_head .felttitle .felttitle_2 {
    font-size: 14px;
    font-weight: lighter
}

.forum_subject_box_head .felttitle .felttitledet_1 {
    font-size: 16px;
    font-weight: lighter;
    padding: 5px 0
}

.forum_subject_box_head .felttitle .felttitledet_2 {
    font-size: 13px;
    font-weight: lighter
}

.forum_subject_box_footer .feltfooter {
    margin-top: 5px;
    line-height: 13px
}

.forum_subject_box_footer .feltfooter .feltfooter_1 {
    font-size: 12px
}

.forum_subject_box_footer .feltfooter .feltfooter_2 {
    font-size: 12px
}

.forum_subject_box_footer .feltfooter .feltfooter_2 .forauthor {
    font-weight: 700;
    color: #283891
}

.forum_subject_box_footer .feltfooter_3 {
    margin-right: 5px
}

.content_subject_box {
    margin-bottom: 10px;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 0 0 15px 0;
}

.content_subject_box_head {
    padding: 5px 10px;
    background-color: /*#FAFAFA*/#fff;
    /*border-bottom: 2px solid #eee*/
}

.content_subject_box_body,
.content_mod_subject_box_body {
    height: 100px;
    padding: 10px;
    font-size: 13px;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
    /*border-left: 1px solid #eee;
    border-right: 1px solid #eee*/
}

.content_subject_box_body .objInfo,
.content_mod_subject_box_body .objInfo {
    word-wrap: break-word;
    font-size: 14px;
    color: #5397a8;/*#555*/
    /*text-transform: uppercase;*/
}

.content_mod_subject_box_body {
    /*border-bottom: 1px solid #eee*/
}

.content_subject_box_footer {
    min-height: 33px;
    padding: 5px 10px 0 10px;
    /*border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;*/
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
}

.content_subject_box_footer>div {
    margin: 0;
    padding: 0
}

.content_subject_box_footer>.clearfix {
    display: none;
}

.content_subject_box .content_subject_box_head .felttitle {
    color: white;
    line-height: 1;
    height: /*35px*/fit-content;
}

.content_subject_box_head .felttitle_3 span {
    display: block;
    color: #777;
    /*padding: 10px 10px 10px 30px;*/
    padding: 5px 0px 7px 30px;
    cursor: pointer
}

.content_subject_box_head .felttitle .felttitle_1 {
    /*padding-top: 10px;*/
    margin: -5px 0 0 -5px;
    padding: 5px;
    padding-right:10px;
    font-weight: 400;
    /*text-transform: capitalize;*/
    height: /*25px*/fit-content;
    width: fit-content;
}

.content_subject_box_head .felttitle .felttitle_2 {
    font-weight: lighter
}

.content_subject_box_head .felttitle .felttitledet_1 {
    font-size: 16px;
    font-weight: lighter;
    padding: 5px 0
}

.content_subject_box_head .felttitle .felttitledet_2 {
    font-size: 13px;
    font-weight: lighter
}

.content_subject_box_footer .feltfooter {
    margin-top: 5px;
    line-height: 13px
}

.content_subject_box_footer .feltfooter .feltfooter_1 {
    font-size: 12px
}

.content_subject_box_footer .feltfooter .feltfooter_2 {
    font-size: 12px
}

.content_subject_box_footer .feltfooter .feltfooter_2 .forauthor {
    font-weight: 700;
    color: #283891
}

.content_subject_box_footer .feltfooter_3 {
    vertical-align: bottom;
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    white-space: nowrap;
}

.content_subject_box_footer .feltfooter_3 .objactbutton {
    margin-left: 13px;
}

.content_subsubject_box {
    /*border-left: 1px solid #eee;
    border-top: 1px solid #eee;
    border-right: 1px solid #eee;*/
}
.content_subsubject_box .content_subject_box_head {
    font-size: 14px;
    color: white;
    /*padding: 0 0 5px 10px;*/padding: 5px;
    border-bottom: 1px solid #ddd;
}

.eltschoolbox .objLeftPlace {
    padding: 0 5px 0 10px
}

.eltschoolbox .objCenterPlace {
    padding: 0 5px 0 10px
}

.eltschoolbox .objRightPlace {
    /*padding: 0 5px 0 10px*/
    padding: 0 5px
}

#divforumtable {
    margin-top: 10px
}

#divforumtable>table {
    padding: 10px 0;
    background-color: #EBEBEB
}

.orange3bschools {
    color: #F26522
}

.green3bschools {
    color: #8DC63F
}

.blue3bschools {
    color: #3eb0f7
}
.blue3bschools a {
    color: /*#25aae1*/#0073b1
}

.violet3bschools {
    color: #E059AA
}

.amber3bschools {
    color: #E0940A
}

.neutralbg {
    color: #777!important;
    background-color: #fff
}

.orangebg3bschools {
    color: #fff!important;
    background-color: #f26522
}
.orangeBdLR3bschools {
    border-color: #f26522 !important;
}
.orangeBdLR3bschools .content_subject_box_footer i:hover {
    color: #f26522 !important;
}

.greenbg3bschools {
    color: #fff!important;
    background-color: #59B959
}
.greenBdLR3bschools {
    border-color: #59B959 !important;
}
.greenBdLR3bschools .content_subject_box_footer i:hover {
    color: #59B959 !important;
}

.bluebg3bschools {
    color: #fff!important;
    background-color: #39B3D7
}
.blueBdLR3bschools {
    border-color: #39B3D7 !important;
}
.blueBdLR3bschools .content_subject_box_footer i:hover {
    color: #39B3D7 !important;
}

.violetbg3bschools {
    color: #fff!important;
    background-color: #E059AA
}
.violetBdLR3bschools {
    border-color: #E059AA !important;
}
.violetBdLR3bschools .content_subject_box_footer i:hover {
    color: #E059AA !important;
}

.amberbg3bschools {
    color: #fff!important;
    background-color: #E0940A
}
.amberBdLR3bschools {
    border-color: #E0940A !important;
}
.amberBdLR3bschools .content_subject_box_footer i:hover {
    color: #E0940A !important;
}


.warning_btn {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236
}

.warning_btn:hover {
    color: #fff;
    background-color: #ec971f!important;
    border-color: #d58512!important
}

.info_btn {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da
}

.info_btn:hover {
    color: #fff;
    background-color: #31b0d5!important;
    border-color: #269abc!important
}

.yellow_star {
    color: #ed9c28
}

.feltfooter_3 i {
    color: #aaa
}

.feltfooter_3 .objactbutton,
.qcm-question-action-icon {
    display: inline-block;
    padding: 8px;
    margin-top: -8px;
    margin-bottom: -8px;
}

.fontFA28 {
    font-size: 28px
}

.objactmenu {
    color: #555;
    border-radius: 0!important;
    line-height: 28px
}

.objactmenu li {
    padding: 0 10px;
    font-weight: 400;
    cursor: pointer
}

.objactmenu li .divider {
    padding: 0
}

.objactmenu li.disabled {
    cursor: not-allowed;
    opacity: 0.6;
}

.objactmenu li.disabled:hover {
    background-color: transparent;
    color: #555;
}

.bluestrong3bschools {
    color: #283891
}

.forum_main_title {
    color: #283891
}

.sm-marges {
    padding-left: 5px;
    padding-right: 5px
}

.forum_subject_box:hover {
    background-color: #FAFAFA;
    cursor: pointer
}

.content_subsubject_box:hover {
    background-color: #FAFAFA;
    cursor: pointer
}

.row-marges {
    margin: 0 -15px
}

.forum_subjectitem_box {
    margin: 2px 0px 5px 0px;
    border: 1px solid transparent;
    background-color: #fff;
    /*border-bottom: 2px solid #eee;*/
    border-radius: 0 0 15px 0;
    cursor: pointer;
}

.forum_subjectitem_box:hover {
    background-color: #FAFAFA;
}

.forum_subjectitem_box_head {
    padding: 5px;
    background-color: #FAFAFA
}

.forum_subjectitem_box_body {
    padding: 5px;
    font-size: 12px;
    line-height: 15px;
    word-wrap: break-word;
    max-height: 40px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


.forum_reply_box {
    margin: 8px -10px;
    padding-bottom: 10px;
    border: 1px solid #ddd;
    background-color: #fff;
    border-bottom: 2px solid #eee
}

.forum_reply_box_head {
    padding: 5px;
    background-color: #FAFAFA
}

.forum_reply_box_body {
    padding: 0 5px;
    /*font-size: 12px;
    line-height: 15px;
    word-wrap: break-word;
    max-height: 40px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;*/
}

.forum_reply_box_head .replytexttitle {
    margin-top: 5px;
    color: #283891;
    line-height: 1
}

.forum_reply_box_head .replytexttitle .replytexttitle_1 {
    font-size: 14px;
    font-weight: 700
}

.forum_reply_box_head .replytexttitle .replytexttitle_2 {
    font-size: 12px;
    font-weight: lighter
}

.forum_reply_box_head .replytitle_3 {
    margin-right: 5px
}

.div_forum_reply_box {
    margin-right: -10px;
    margin-left: -10px
}

.hr_forum_reply_box {
    margin-right: -10px;
    margin-left: -10px;
    border-width: 2px
}

.forum_title {
    margin-left: -10px;
    margin-right: -10px
}

.forum_add_btn {
    margin-top: 20px
}

.forumfilter {
    margin: 6px 0px 10px 0
}

.btn_forsubject {
    background-color: #3eb0f7;
    border-color: #3eb0f7
}

.foricocolor {
    ;
    color: rgba(244, 102, 27, .5)
}

.foricocolor:hover {
    color: rgba(244, 102, 27, 1)
}

.forum_empty_answer {
    margin-left: -10px;
    margin-right: -10px;
    color: #CCC;
    font-size: 14px
}

.forum_subject_div_head {
    margin-left: -10px;
    margin-right: -10px;
    padding-bottom: 10px;
    border-bottom: 2px solid #eee
}

.forum_subject_div_head a {
    font-weight: lighter
}

.back_listmsg {
    font-size: 16px
}

.comcomment {
    padding: 0 5px;
    border-top: 1px solid #eee
}

.forumtitle {
    font-size: 1.4em
}

.addfilebtn {
    margin-top: 5px
}

.margeext {
    margin-bottom: 10px
}

#noteextractzone {
    margin-top: 10px;
    border-top: 1px solid #e5e5e5
}

#noteextractzone h5 {
    font-weight: lighter
}

.privForm h5 {
    color: #47A447
}

.privForm h6 {
    color: #3eb0f7
}

.formparentalcontrol {
    margin-top: 8px
}
.margin4minterminal {margin-top: 50px;}
/* EC options indented further under their UE optgroup header in the school-registration
   subject picker (#seluelist), so the group/child relationship reads like a nested list */
#seluelist + .btn-group .multiselect-container > li.multiselect-group label {padding-left: 20px;}
#seluelist + .btn-group .multiselect-container > li:not(.multiselect-group) > a > label {padding-left: 55px;}
.downbtn a, .exportbtn a {
    color: white
}
.exportbtn {
    padding: 2px 4px !important;
}
.divlist {
    margin-bottom: 5px;
}
.nopadding {
    padding-right: 0!important
}

.noallpadding {
    padding: 0!important
}
#divAddQCMCompositionLine {margin-top: 10px !important;}
.msgTargetBox {
    font-size: 12px;
    padding: 0 5px 0 10px;
    border: 1px solid #dadada;
    max-height: 130px;
    overflow-y: auto
}
.msgTargetBox .checkbox {
    margin: 0 !important;
}

.textmarginbottom {
    margin-bottom: 10px!important
}

.msgTargetBoxList {
    max-height: 130px;
    overflow-y: auto
}

.msgTargetBoxList ul,
.msgTargetBoxList .listgroup {
    margin-bottom: 0
}

.selectcss button,
.noformatedsel button {
    margin: 0!important;
    padding: 6px 12px!important;
    height: 40px!important;
    border: 1px solid #dadada!important;
    border-radius: 0!important;
    color: #333!important;
    font-size: 14px!important
}

#reportsms caption {
    text-align: left;
    color: #39B3D7
}

#reportsms td {
    padding: 0 25px 0 0
}

.smsinfo {
    color: #39B3D7
}

.infobox span {
    cursor: pointer;
    padding: 5px;
    border-radius: 2px;
    background-color: #cff4fc;
    border-color: #b6effb;
    color: #055160 !important
}

.prtinfoboxs {
    padding-right: 15px;
    padding-left: 15px
}
.prtinfoboxs table {
    
}
.prtinfoboxs table thead {
    background-color: #cff4fc;
    color: #055160; 
}

.smslistbox {
    max-height: 500px;
    overflow-y: auto
}

.diveditprofile {
    padding-top: 15px
}

.tdobjhead {
    width: 100%
}

.righttd {
    display: block;
    padding-right: 10px;
    text-align: right
}

.righttd img {
    float: right
}

.bottomtd {
    text-transform: capitalize;
    font-size: small;
    vertical-align: bottom
}

.HLelt {
    font-size: 18px;
    color: #222
    /*font-weight: 700;
    text-transform: capitalize;*/
}

.MLelt {
    font-size: 16px;
    color: #fff
    /*font-weight: 700;
    text-transform: capitalize;*/
}

.SLelt {
    font-size: 14px;
    /*font-weight: 700;
    text-transform: capitalize*/
}

.Ctelt {
    font-size: 12px;
    color: #222
    /*text-transform: capitalize;*/
}

.BHelt {
    font-size: 18px;
    color: #fff!important
}

.BNelt {
    font-size: 18px
}

.divObjBox table {
    width: 100%
}

.divObjBox table tr td {
    vertical-align: bottom
}

.tdalignright {
    padding-left: 10px;
    text-align: right
}

.mystdtodofilesbox {
    margin: 10px -15px -15px -15px!important;
    padding-bottom: 10px;
    padding: 10px 20px
}

.mystdtodofiles ul {
    padding: 0;
    margin: 0
}

.mystdtodofiles ul li {
    list-style: none
}

.objfilesbox {
    margin: 15px -15px -15px -15px!important;
    padding: 10px 0;
    background-color: #f5f5f5;
    border-top: 1px solid #e5e5e5
}

.objfilesbox .filelistdiv {
    margin: 0 20px 0 20px
}

.filelistdiv div {
    margin: 0!important
}

.divgreyfiles {
    background-color: #f5f5f5
}

.icorepnumb {
    display: inline-block;
    margin-left: 2px;
    font-size: xx-small
}

.listgrpmember {
    overflow: auto
}

.listgrpmember tr td {
    vertical-align: bottom;
    padding-right: 10px;
    line-height: 16px
}

#grpmemberform {
    padding: 0!important
}

.cssImgAvatarSize {
    font-size: 3em
}

.cssImgProfileSize {
    font-size: 2em
}

.objclasslist {
    margin-top: 10px;
    word-wrap: break-word
}

.objlistelt {
    padding-left: 0
}

.objlistelt li {
    list-style: none;
    margin-top: 10px
}

.objseenlist {
    margin-left: 15px;
    padding: 0
}

.objseenlist {
    border-collapse: collapse
}

.objseenlist tr td {
    vertical-align: top
}

.objseenlist .dettable tr td {
    padding-right: 5px;
    line-height: 14px
}

.objseenlist .dettable .toptof {
    vertical-align: top
}

.divmedia {
    margin-bottom: 10px
}

.alignleft {
    text-align: left !important
}

.aligncenter {
    text-align: center !important
}

.alignright {
    text-align: right !important
}

@media (max-width: 767px) {
    .modal-actions {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }
    .modal-actions .btn,
    .modal-actions > button,
    .modal-actions > span.btn {
        width: 100%;
        text-align: center;
        margin: 0 !important;
        float: none !important;
    }
}
.delcompolinebtn {font-size:12px;color: #A94442;text-align: right !important;cursor: pointer;}
.divmedia .alignname,
.padmedbody,
.padmedbodyhead {
    /*text-transform: capitalize;*/
    font-size: 12px
}

.padmedbodyhead {
    vertical-align: middle!important
}
.tdmediawidth {width: fit-content !important}
.divmedia .media-det {
    margin: 0;
    padding: 0;
    text-transform: capitalize;
    font-size: 10px;
    color: #ccc
}

.tblsch {
    margin-bottom: 10px
}

.tblsch td {
    padding-right: 10px;
    vertical-align: bottom
}

.listpadding {
    margin-left: 10px;
    /*padding: 0px 5px 5px 5px;*/
}
/*.listpaddingadapt {
    margin-left: 20px
}*/

.objlistelt li {
    border-bottom: 1px solid #eee
}

.objTitle {
    /*text-transform: uppercase;
    font-size: 12px*/
    margin-bottom: 10px;
}

.box_mycontents .nbtodomvt {
    /*text-transform: uppercase;
    font-size: 12px;*/
    cursor: pointer
}

.box_mycontents .selmycontent {
    color: #664d03;
    background-color: #ffecb5;
    /*color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb*/
}

.topay_attention {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    padding: 0 5px;
    margin: 0 0 10px 0;
}

.hrpadding {
    /*margin-left: -15px;
    margin-right: -15px;*/
    margin: 10px -15px;
}

.hrpadding2 {
    margin: 7px 0px;
}

.hrnonmargin {
    margin: 0;
    margin-bottom: 15px;
    margin-left: -15px;
    margin-right: -15px
}
.nobottom {
    margin-bottom: 0px;
}

#divqcmaddbtn,
#divqcmsavebtn,
#divqcmdsavebtn {
    margin-top: -10px;
    margin-right: -5px
}

.qcmGroupManageBar {
    margin-bottom: 10px;
}
.qcmGroupManageBar select.qcmGroupSelectClass {
    max-width: 250px;
    vertical-align: middle;
}
.qcmGroupStemBox {
    background-color: #f5f7fa;
    border-left: 3px solid #5bc0de;
    padding: 8px 12px;
    margin-bottom: 8px;
    border-radius: 3px;
}
.qcmGroupStemPreview {
    font-style: italic;
}
/* the group stem is a <li> inside the question <ol> purely for DOM placement - display:flex takes it out
   of the browser's native list-item marker entirely (only display:list-item participates in that), and lets
   the number sit as a flex item OUTSIDE/before the description box - not inside its bordered/shaded
   background - matching how the plain-text numbers look for every other question. Only the numbered
   description itself is shown here - no separate name/button row. */
.qcmquestlist > li.qcmGroupStemLi {
    display: flex;
    align-items: flex-start;
}
.qcmquestlist > li.qcmGroupStemLi::before {
    content: counter(qcmBlock) ". ";
    flex: 0 0 auto;
}
/* member questions sit in the SAME column as their group's description (no extra indentation) - only
   their numbering (1.a, 1.b...) marks them as belonging to the group, see below */
.qcmquestlist > li.qcmGroupMemberLi {
    margin-left: 0;
}
/* the answer badge, the time/mark info, and the action buttons (edit/delete icons, group add/remove
   checkboxes) share one row right after the question text, not embedded inline within its hanging-indented
   flow - laid out with flexbox so all three display cleanly side by side instead of wrapping awkwardly.
   The badge/smallContent spans keep their own natural (content-driven) size - nothing here constrains
   their width, so a longer answer-code string still renders as a properly sized pill, not a clipped dot. */
.qcmQuestionActions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    margin: 2px 0 4px;
}
.qcmQuestionActions .badge {
    display: inline-block;
    white-space: nowrap;
}

/* --- custom numbering: standalone questions and group blocks share one flat counter (qcmBlock), rendered
   on the group's description; group members are numbered as <group-number>.<letter> (a, b, c...) via a
   second counter (qcmMember) that resets at each new group, instead of continuing the flat sequence
   themselves. This numbering applies ONLY to questions within a group, never to answer choices (below).
   qcmBlock's start offset is seeded inline per <ol> (see the "counter-reset: qcmBlock N" style emitted
   alongside start="" in appTools/bbdTools.php) to match the existing tab-pagination numbering offset. */
.qcmquestlist {
    list-style: none;
}
.qcmquestlist > li {
    counter-increment: qcmBlock;
}
.qcmquestlist > li.qcmGroupMemberLi {
    counter-increment: none;
}
.qcmquestlist > li.qcmGroupStemLi {
    counter-reset: qcmMember;
}
/* hanging indent: the number stays put but wrapped continuation lines of the question text align under
   where that text STARTS, not back under the number - reserved width is approximate (varies with how wide
   the actual counter text ends up), but comfortably fits typical "N." / "N.a)" labels. The group description
   doesn't need this trick - its number is now a flex sibling (see .qcmGroupStemLi above), so the box's own
   text just wraps naturally within the box, already excluding the number. */
.qcmquestlist > li > .smallTitle {
    padding-left: 1.6em;
    text-indent: -1.6em;
}
.qcmquestlist > li.qcmGroupStemLi > .qcmGroupStemBox {
    flex: 1 1 auto;
    min-width: 0; /* allow the box to shrink/wrap instead of overflowing the flex row */
}
.qcmquestlist > li:not(.qcmGroupMemberLi) > .smallTitle::before {
    content: counter(qcmBlock) ". ";
}
.qcmquestlist > li.qcmGroupMemberLi > .smallTitle::before {
    counter-increment: qcmMember;
    content: counter(qcmBlock) "." counter(qcmMember, lower-alpha) ") ";
}

/* --- answer choices show ONLY their own inherent code (data-code, whatever style the quiz data already
   uses - letter, digit, etc.) - no question/group prefix compounded in, per explicit request. The choice
   list's own left edge is pulled in to align with where the question's TEXT starts (not further indented
   past that), and each choice gets its own hanging-indent treatment for wrapped text. */
.qcmquestlist ol.qcmChoiceList {
    list-style: none;
    padding-left: 1.6em;
    margin-left: 0;
}
/* .qcmquestlist ol.qcmChoiceList (2 classes + 1 type) needed here, not just ".qcmChoiceList > li", to
   outrank the pre-existing ".qcmquestlist ol li { padding: 2px 0; }" rule (1 class + 2 types) - otherwise
   that rule's shorthand silently zeroes this padding-left back out while leaving text-indent untouched,
   pulling the choice label off to the wrong position instead of aligning it as intended. */
.qcmquestlist ol.qcmChoiceList > li {
    padding-left: 1.6em;
    text-indent: -1.6em;
}
.qcmChoiceList > li::before {
    content: attr(data-code) ") ";
}

.qcmGroupAddCheckBoxClass,
.qcmGroupRemoveCheckBoxClass {
    margin-left: 6px;
    vertical-align: middle;
}

.hrnopadding {
    margin: 5px -15px
}

.hrqcm {
    margin: 5px -15px 20px -15px
}

.hrnopaddingtab {
    margin: 5px -15px 10px -15px
}

#boxQCMList ul {
    list-style: none;
    padding: 0;
    padding-left: 17px;
    margin-left: 0
}

#boxQCMList ul li,
#boxQCMList ol li {
    line-height: 20px
}

.divlistclasses {
    margin-bottom: 10px
}

.padmedia {
    margin: 0; /*10px*/
    color: #777;
}

.margindivclear {
    margin-bottom: 10px
}

.lineheight {
    padding: 10px 0;
    padding-right: 5px;
    color: #777;
    cursor: pointer;
    background-color: #f5f5f5;
    line-height: 32px;
    vertical-align: middle
}

.divusrprofile {
    max-width: 200px
}

.foruminfoheadHome {
    height: 45px;
    font-size: 11px!important;
    text-transform: lowercase;
    overflow: scroll;
}

.foruminfohead {
    font-size: 11px!important;
    text-transform: lowercase
}

.padmedbodyhead p:first-letter {
    text-transform: uppercase
}

.foruminfo {
    font-weight: 700;
    text-transform: capitalize
}

.phtrghtpad {
    padding-right: 10px
}

.textinleft {
    text-align: left
}

.textinright {
    text-align: right
}

.media {
    margin-top: 15px
}

.media-left,
.media-right {
    display: table-cell;
    vertical-align: top
}

.media-body {
    display: table-cell;
    vertical-align: bottom
}

.media-left,
.media>.pull-left {
    padding-right: 7px
}

.media-right,
.media>.pull-right {
    padding-left: /*10px*/5px
}

.media-object {
    display: block
}

.media,
.media-body {
    overflow: hidden;
    zoom: 1
}

.media {
    line-height: 1.42857143
}

.arrMenu {
    text-transform: none!important;
    border-top: 0!important;
    border-top-left-radius: 0!important;
    border-top-right-radius: 0!important
}
.arrMenu li:hover {
    background-color: #f5f5f5;
}

.datepicker table tr td {
    line-height: 1.428571429!important
}

.icondist {
    padding-left: 5px
}

.qcm-question-action-icon {
    padding-left: 3px
}

.qcm-group-bar-left {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}
.qcm-group-bar-icons {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
@media (max-width: 767px) {
    .qcm-group-bar-left .qcmGroupSelectClass {
        max-width: 100%;
    }
}

.upperText {
    text-transform: uppercase!important
}

.staffQCMDetailsList {
    list-style: none
}

.smallTitle {
    /*font-size: small;
    font-weight: 700*/
}

.smallContent {
    font-size: x-small;
    font-weight: 400
}

.smallContent2 {
    font-size: small;
    font-weight: 400
}

.uppertext {
    text-transform: uppercase!important
}

.qcmBadSolutionColor {
    color: #A94442;
    font-weight: 700
}

.qcmGoodSolutionColor {
    color: #47A447;
    font-weight: 700
}

.qcmEndRecap .qcmRcp1 {
    font-size: 22px
}

.qcmEndRecap .qcmRcp2 {
    font-size: 28px
}

.qcmEndRecap .qcmRecap3 {
    margin: 15px;
    background-color: #f7f7f7
}

.qcmRecap3 {
    padding-left: 5px;
}

.qcmEndRecap .qcmRecap3 li {
    text-align: center;
    margin: 5px 0;
    padding: 20px;
    list-style: none
}

.bleft {
    border-left: 1px solid #ddd
}

.bright {
    border-right: 1px solid #ddd
}

.nolist {
    padding: 0!important
}

.qcmStatVal {
    font-size: 16px;
    font-weight: lighter
}

.qcmEndRecap .qcmRecap3 caption {
    font-size: 14px;
    font-weight: 700
}

.qcmEndRecap22 .qcmRcp1 {
    font-size: 14px
}

.qcmEndRecap22 .qcmRcp2 {
    font-size: 18px
}

.qcmEndRecap22 .qcmRecap3 {
    margin: 5px;
    background-color: #f7f7f7
}

.qcmEndRecap22 .qcmRecap3 li {
    text-align: center;
    padding: 5px 15px 5px 5px;
    list-style: none
}

.qcmStatVal22 {
    font-size: 14px;
    font-weight: 700
}

.qcmEndRecap22 .qcmRecap3 caption {
    font-size: 14px;
    font-weight: 700
}

.qcmOrangeColor {
    color: rgb(253, 156, 59)
}

.qcmRedColor {
    color: rgb(248, 56, 71)
}

.qcmBlueColor {
    color: rgb(42, 193, 229)
}

.normTab {
    font-size: 12px
}

.normTab tr {
    vertical-align: middle
}

.tdcenter {
    text-align: center
}

.tdright {
    text-align: right
}

.tdleft {
    text-align: left
}

.marginBox {
    margin: 5px 0;
    background-color: #f5f5f5;
    padding: 7px 5px;
}

.marginBox label {padding: 0 5px;color:#222}
.marginBox span {margin-left: 5px;}

.smallbtn {
    padding: 7px;
    font-size: 12px
}

.nopleft {
    padding-left: 0!important
}

.timerQCM {
    font-size: 16px;
    font-weight: 700
}

@media (max-width: 767px) {
    .qcm-header-actions {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        gap: 6px;
        margin-top: 8px;
    }
    .qcm-header-actions .pull-right {
        float: none;
        margin-left: 0 !important;
    }
}

ul ul,
ol ol {
    margin-top: 0;
    margin-bottom: 10px
}

.fileuploadinstruction {
    padding: 5px 10px;
    color: #777;
    background-color: #fff8c4;
    border: 1px solid #f7dda7
}

.fileuploadinstruction h5 {
    font-weight: 700
}

.colwar {
    color: #cc9b5c
}

.icontestimonoial {
    font-size: 70px
}

#sltSchools {
    background-color: #fbfbfb
}
.bold {font-weight: bold;}
.treattd {padding: 0 15px 10px 15px;}
.treattd p {font-weight: bold;}
.treattd form {margin-bottom: 10px;}
@media (min-width: 768px) {
    .treattd {padding: 0 0 10px 40px;}
}

.notifnb {
    background-clip: padding-box;
    display: inline-block;
    line-height: 1.3;
    min-height: 13px;
    background-color: #fa3e3e;
    color: #fff;
    border-radius: 2px;
    padding: 1px 3px;
    margin-left: -1px;
}

.bbdopts {
    cursor: pointer;
    padding: 10px;
}
.annparams {
    font-size: 12px;
    color: #aaa;
    text-transform: lowercase
}
.annparams span {
    color: #777;
}
.annparams i.fa-arrow-right {
    padding: 5px;
}.annparams i.fa-minus {
    padding: 10px;
}
.cnxusrname {
    line-height: 12px !important;
}
.qcmquestlist {
    padding-left: 8px;
    /*margin-left:0;*/
    margin-left:15px;
    margin-top: 10px;
    /* tighter than the browser default (~1.4-1.5x font-size) - cascades to question text, choices, group
       description, etc. so there isn't too much vertical space between elements in the list */
    line-height: 18px;
}
.qcmquestlist > li {
    padding-left: 0;
    margin-left:0;
}
.qcmquestlist ol {
    padding-left: 15px;
    margin-left:0;
}
.qcmquestlist ol li {
    margin-left:0;
    padding: 2px 0;
}
.darkheader {
    background-color: #0073b1 !important;
    color: #ffffff !important;
}
.schvwbox {
    background-color: #f5f8fa;
}
.infoshclasses {font-size:12px;}
#qcmContentZone .divonglet {
    max-height: 400px;
    overflow: auto;
}
.boxMaxHeight {
    max-height: /*400*/1000px;
    overflow: auto;
}

.ctimeqq {
    margin-right: 0 !important;
    padding-right: 0 !important;
}
.ctimemodeqq {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

.timeqq {
    text-align: right;
    padding-right: 5px;
    border-right: none;
    border-radius: 4px 0 0 4px;
}
.timemodeqq {
    text-align: left;
    padding-left: 0px;
    background-color: #f7f7f7;
    border-left: none;
    border-radius: 0 4px 4px 0;
}

.timelightL {border-radius: 4px 0 0 4px;}
.timelightM {border-radius: 0;}
.timelightR {border-radius: 0 4px 4px 0;}

.qcmbankcontent ol {/*list-style-position: inside !important;*/ /*padding-left: 2em !important;*/}

.quesansexplainbox, .quesanshintbox {
    padding: 5px;
    padding-top:0 !important;
    margin-bottom: 15px;
    font-size: 12px;
}
.quesansexplainbox {border: 1px solid #59B959;}
.quesanshintbox {border: 1px solid #9F6000;}
.quesansexplainbox i, .quesanshintbox i {font-size:14px !important;}
.quesansexplainbox p, .quesanshintbox p {margin:0; padding:0}
.quesansexplainbox_text, .quesanshintbox_text {padding: 0 5px !important;background-color: #f5f5f5;}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
/*.btn-success {
    background-color: #0073b1 !important;
    color: #ffffff !important;
    border: none !important;
}*/
/*.noheight .close {
    opacity: 1 !important;
}*/
.noheight {padding-left: 0 !important}
.nopadcoin {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.warningHeader {
    color: #8a6d3b !important;
    background-color: #fcf8e3 !important;
    border-bottom: 1px solid #faebcc;
}

.qcmAiValidatedCta {
    padding: 10px 15px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    background-color: #dff0d8;
    border: 1px solid #d6e9c6;
    color: #3c763d;
    border-radius: 4px;
}

.table tr td {vertical-align: middle !important;}
.table tr th {vertical-align: middle !important;}

.selQCMClassBox {
    font-size: 12px !important;
}
.selQCMClassBox label {
    
}
.selQCMClassBox select {
    height: 26px !important;
    padding: 3px 6px;
    font-size: 12px !important;
}
.hr10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}
.titlemar {
    margin: 10px 0;
    color: #0073b1;
}

#subscribe > h3 {color: #0073b1;}

.renew_year fieldset {margin-bottom: 0px !important;}
.renew_year fieldset legend {
    font-size: 16px !important;
    background-color: #f5f5f5;
    padding-left: 15px;
    margin-bottom: 5px !important;
}
.renew_year fieldset label {color: #333 !important;padding-left: 15px;}
.renew_year fieldset label span {font-size: 12px !important;}
.renew_year textarea {margin-left: 15px;}
.boxSubtitle {
    font-size: 16px;
    color: brown;
}
.stdfailedlist {
    font-size: 12px;
}
.stdfailedlist li {
    line-height: 18px;
}

.msgBox {
    font-size: 12px;
}
.msgBox .msgBoxContent {
    border-top: 1px solid #ffe484;
    border-bottom: 1px solid #ffe484;
    margin-bottom: 5px;
    /*background-color: #39B3D7;*/
}
.msgBox .msgBoxHead {
    padding: 2px 8px;
    background-color: /*#39B3D7*/#ffe484;
    color: /*black*/#444;
    line-height: 18px !important;
    cursor: pointer;
}

.msgBoxList {
    padding-left: 0 !important;
    margin-bottom: 2px !important;
}
.msgBoxList li {
    list-style: none;
}
.msgBoxItem {
    padding: 5px 0px;
}
.msgBoxItem .msgBoxItemHead {
    font-size: 11px;
    line-height: 14px;
    /*color: #000;*/
}
.msgBoxItem .msgBoxItemContent {
    padding: 5px;
    background-color: #f5f5f5;
    /*color: #39B3D7;*/
    color: black;
    line-height: 18px;
}
.msgBoxNotAllowed {
    padding: 10px !important;
    font-size: 12px;
    line-height: 12px;
    margin-bottom:2px !important;
}

.logobic {
    vertical-align: bottom;
    padding-left: 5px;
    color: #000;
    font-family: 'Bad Script',cursive;
    font-weight: 400;
    font-size: 14px;
}
.baniere_mini {
    margin: 60px 0px 0 0px;
    padding: 5px;
    background-color: #fdb913;
}
/*.modal-body {
    max-height: calc(100vh - 212px) !important;
    overflow-y: auto !important;
}*/


.forum_subject_box_right .listSubHead {
    margin: 8px -10px 0 -10px;
    padding: 2px 5px;
    font-size: 16px;
}

.forum_subject_box_left {
    margin: 0 -10px;
}

.forum_subject_box_left .listSubHead {
    margin: 8px 0px 0 0px;
    padding: 2px 5px;
    font-size: 12px;
    color: #fff;
    background-color: #f26522;
    border: 1px solid #f26522;
}

.forum_subject_box_left ul {
    margin: 0;
    padding: 0;
    max-height: 300px;
    overflow-y: scroll !important;
}

.forum_subject_box_left ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    
}

.dataignoretr {
  background-color: #f8d7da;
}
.dataignoretr td{
  color: #222;
}
.dataignoretd {
  background-color: #a94442;
  color: #f2dede !important;
}
.dataignoretrNB{
  color: #721c24 !important;
}

.singupbloc {
    padding:0;
}
.singupbloc p {text-align: center;}
.btn3B {
    display: inline-block;
    padding: 0px 5px;
    background-color: #8dc63f;
    border-color: #8dc63f;
    text-decoration: none;
    color: white;
    border-radius: 4px;
}
.btn3B:hover {color:white; background-color: #47a447; border-color: #47a447}

.backgreen3B {background-color: #8ec741 !important;}

.intro_msg {
    font-size: 22px;
    font-weight: 300;
    color: #fff;
    margin: 0px 0 30px 130px;
}
.btn3BSch {
    display: inline-block;
    padding: 2px 5px;
    background-color: #f26522;
    border-color: #f26522;
    text-decoration: none;
    color: white;
    border-radius: 4px;
}
.btn3BSch:hover {color:white; background-color: #f26522; border-color: #f26522}
.btn3BSchlink {color:#8dc63f !important; white-space: nowrap}
.btn3BSchnormallink {white-space: nowrap}
#sch_bbdcontents_btn, #my_schnews_btn, #my_contents_btn {white-space: nowrap}
.classonglet li a {white-space: nowrap}
.grpmemberlist_title {
    font-size: 16px;
    margin-top: 10px;
}
.grpformtitle {
    font-size: 16px;
    margin-bottom: 10px;
}

.tablelistsubject {
    
}
.tablelistsubject thead th {
    white-space: nowrap;
    text-transform: none !important;
    color: #333 !important;
}
.infinvue {
    text-align: center;    
    color: #39B3D7;
}
.keeptogether {white-space: nowrap;}
.center_text {text-align: center !important;}
.classdesc {
    margin-left: 10px;
    margin-top: 5px;
    padding: 5px; 
    border: 1px solid #ddd;
}
.classcode {
    color: #555;
}
#setclcBtn {padding-right: 10px;}
.hidden {visibility: hidden}
.haveaccounttext {margin-bottom: 5px; padding: 5px 10px 5px 5px; background-color: #f5f5f5}
.haveaccounttext p {font-size: 16px;text-align: right}
.boxusrname {color: #262626; margin-bottom: /*7*/12px;}
.logout a {color: #777;text-transform: none;}

 /* Tooltip container */
.tooltip3B {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip3B .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;

  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;

  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}

/* Tooltip arrow */
.tooltip3B .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip3B:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
.boximportant {
    text-align: right;
    padding-bottom: 5px;
    margin-bottom: 5px;
    /*border-bottom: 1px solid #ddd;*/
}
.shclassp {
    font-size: 1.1em;
    margin: 0 0 5px 0;
    /*border-bottom: 1px solid #ddd;*/
}
.shclassp span {
    
}
.audienceList {
    max-height: 275px;
    padding: 0 5px 0 0;
    overflow: auto;
    border: 1px solid #ddd;
}
.audienceList table {
    margin-bottom: 0 !important;
}
.checkallbtn {margin-right: 10px;}
.tab-btn-explain {
    border-collapse: separate;
}
.tab-btn-explain tr {
    vertical-align: middle;
}
.tab-btn-explain tr td {
    font-size: 11px;
    line-height: 12px;
    padding: 5px;
}
.tab-btn-explain .td-btn-exp {
    text-align: right;
}
.tab-btn-explain .td-btn-exp span, .tab-btn-explain .td-btn-exp button {
    font-size: 11px !important;
}
.backyellow {
    background-color: #fcf8e3 !important;
}
.coursecontentborder {
    padding-left: 0;
    border-right: 2px solid #eee;
}
.coursesharebox {
    padding-right: 0;
}
.messagecontentborder {
    padding-left: 0;
}
.messagesharebox {
    padding-right: 0;
    border-left: 2px solid #eee;
}
.modal-header-min {
  padding: 15px 15px 0 0;
}
.specialty_input {width: 330px !important;}
.centertd {text-align: center;}
.linkedobjlist {padding-left: 0;}
.linkedobjlist li {list-style: none;}
.contentlinkline {border-color: #ddd !important;}
.hiddentext {color: transparent !important;}

/*--- TRES IMPORTANT POUR LE SCROLL DE LA PAGE */
 .modal { overflow-y: scroll !important; }

 .stdselcnx {margin-bottom: 15px;margin-left: 5px;margin-right: 5px;}
 .stdselcnx label {font-weight: bold;}
 .stdselcnx select {margin-right:15px;background-color: #f5f5f5;}
 .list-group-horizontal .list-group-item
{
	display: inline-block;
}
.list-group-horizontal .list-group-item
{
	margin-bottom: 0;
	margin-left:-4px;
	margin-right: 0;
 	border-right-width: 0;
}
.list-group-horizontal .list-group-item:first-child
{
	border-top-right-radius:0;
	border-bottom-left-radius:4px;
}
.list-group-horizontal .list-group-item:last-child
{
	border-top-right-radius:4px;
	border-bottom-left-radius:0;
	border-right-width: 1px;
}


.multiselect-native-select .btn-default {
  font-size: 17px;
  margin: 0px !important;
  line-height: 20px;
  padding: 0px !important;
  height: fit-content !important;
  border: none  !important;
  background: transparent;
  transition: all 0.4s;
  color: #555;
  border-radius: 0;
  border-color: transparent !important;
}
.multiselect-native-select li {
  padding: 0px  !important;
  margin: 0px  !important;
}

/*.multiselect-native-select li .dropdown-menu > .active > a {
  color: #262626 !important;
  text-decoration: none;
  background-color: #e9e9ed !important;
}*/

.multiselect-selected {
    color: #262626 !important;
    text-decoration: none;
    background-color: #e9e9ed !important;
}

.multiselect-native-select .dropdown-menu > .active > a {
  color: #262626 !important;
  text-decoration: none;
  background-color: #e9e9ed !important;
}
.multiselect-native-select .btn-success
, .multiselect-native-select .btn-success:hover
, .multiselect-native-select .btn-success:active
, .multiselect-native-select .open > .dropdown-toggle.btn-success{
  color: #fff;
  background-color: #39B3D7 !important;
  border: 1px solid #ccc !important;
}
.multiselect-native-select .input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
  padding: 0px 5px;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 0 4px 4px 0;
}

#nopadtable tr:hover, #nopadtableNT tr:hover {
    background-color: #f5f5f5 !important;
}

#nopadtableins tr:hover, #nopadtableNTins tr:hover {
    background-color: #f5f5f5 !important;
}

.warnborder {border: 1px solid #ed9d45;}
.noyet {margin: 10px 5px;padding: 5px;}
#xs_dd_user_menu .arrMenu {
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  margin-top: 2px;
  font-size: 14px;
  text-align: left;
  list-style: none;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 4px;
}
#xs_dd_user_menu .divider {
  height: 1px;
  margin: 9px 5px 9px 5px;
  overflow: hidden;
  background-color: #e5e5e5;
}
#xs_dd_user_menu .dropdown-header > li > a {
    padding: 5px 15px 5px 25px;
}
#xs_dd_user_menu .dropdown-header {
    color: #777 !important;
    padding: 3px 5px;
}
#xs_dd_user_menu > ul > li > a {
    color: #333;
    line-height: 20px;
    padding: 5px 15px 5px 25px;
    display: block;
    padding: 3px 5px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    white-space: nowrap;
}

.headerbluelinkmobile {
    padding: 5px !important;
}
.navbar-nav-xs {margin: 7.5px -15px 0 -15px !important;}
#classes_container, #cursuses_container, #staff_container, .listHLimit {
    max-height: 300px;
    overflow: scroll;
}
#ulboxlist {
    padding: 0 10px 0 0;
    max-height: 300px;
    overflow: scroll;}
.subject_aff_title {
    
}
.nbaff_zone {
    
}
.emptyline {background-color: #eee !important}
.multiselect-container {width:100% !important;max-height: 300px !important; overflow: scroll auto !important}
/**
color: #555;
text-align: center;
background-color: #eee;
border: 1px solid #ccc;
border-radius: 4px 0 4px 0;
*/

.fieldelt {
    /*color: #222;*/
}
.smallbtn {font-size: 12px !important;}
.compoQCMRecap {
    border: 1px solid #ccc;
    padding: 3px 10px;
    margin-bottom: 10px;
}
.isEmptyBadge {background-color: #ccc !important;}
.compoQCMRecap ul {margin-bottom: 0 !important;}
.homeactionbtn tr td {padding-right: 15px !important;}
.qcmplacechoices {margin: 0 0 5px 0;}
.qcmplacechoices span {/*color: #0060df;*/}
.qcmplaceboxchoices {padding: 10px 0 0 0;}
#qcmbankcontener {text-align: center;}
#qcmfileactionsBtnBloc {margin: 0 -15px;padding: 10px 15px 0 15px;border-top: 1px solid #eee;}
.grpmodechoicesbloc {padding: 5px 10px;border: 1px solid #ccc;}
.grpoptchoicesbloc {padding: 5px;border: 1px solid #ccc;}
.grpautoopt_box {text-align: center;border-top: 1px solid #ccc;}
.useroptlist {list-style: none;padding:5px 0 0 0;}
.useroptlist li {display:inline;padding-right: 0px;}
.useroptlist li .grpactpadding {padding-right: 10px;}
.qcmlink {color: #E059AA;cursor: pointer}
.notefile_indicator {/*padding-left: 20px;padding-right: 20px;*/}
.whitecolor {color:#fff !important;}
#stdinfosbox ul li {
    padding: 3px 5px !important;
    margin: 10px 0;
}
#stdinfosbox ul .list-group {margin-bottom: 0 !important;}
.filegrptitle {padding:7px 3px 0px 17px;}
.filegrplist li, .linkedobjlist li {padding-left:17px !important;}
.formValidation {margin-bottom: 50px;}
.filegrptitlein {padding:0 0 0 3px;height: 20px;}
.formEltLabel {font-weight: bold;}
.switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 17px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #8DC63F;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 17px;
}

.slider.round:before {
  border-radius: 50%;
}


input:checked + .redbgslider {
  background-color: #A94442 !important;
}

/* Emploi du temps - vue calendrier (listTimetable.php) */
.tt-grid-wrap {
  overflow-x: auto;
}
.tt-grid {
  width: 100%;
  min-width: 700px;
  border-collapse: collapse;
  table-layout: fixed;
}
.tt-grid th,
.tt-grid td {
  border: 1px solid #e0e0e0;
}
.tt-grid th {
  background: #f5f5f5;
  text-align: center;
  padding: 6px 4px;
  font-size: 12px;
}
.tt-grid .tt-time-col {
  width: 62px;
  background: #fafafa;
  color: #888;
  font-size: 11px;
  text-align: center;
  white-space: nowrap;
  padding: 2px;
}
.tt-grid td.tt-slot {
  height: 30px;
  padding: 0;
  vertical-align: top;
  position: relative;
}
.tt-day-nonschool {
  background: #ececec !important;
}
th.tt-day-nonschool {
  color: #aaa;
}
.tt-month-day.tt-day-nonschool .tt-month-daynum {
  color: #bbb;
}
.tt-session-block {
  background: #e3f0ff;
  border-left: 3px solid #337ab7;
  padding: 1px 4px;
  font-size: 10px;
  line-height: 1.2;
  overflow: hidden;
  cursor: pointer;
}
.tt-session-header {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 2;
}
.tt-session-tooltip {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  left: 0;
  bottom: 100%;
  margin-bottom: 6px;
  width: 200px;
  background-color: #555;
  color: #fff;
  text-align: left;
  padding: 8px 10px;
  border-radius: 6px;
  font-size: 11px;
  line-height: 1.5;
  z-index: 5;
  pointer-events: none;
  transition: opacity 0.3s;
}
.tt-session-tooltip strong {
  display: block;
  margin-bottom: 3px;
}
.tt-session-tooltip span {
  display: block;
}
.tt-session-tooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 16px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}
.tt-session-block:hover + .tt-session-tooltip {
  visibility: visible;
  opacity: 1;
}
.tt-session-block .tt-session-actions {
  float: right;
}
.tt-session-block .tt-session-actions .icondistance {
  font-size: 11px;
  margin-left: 4px;
  cursor: pointer;
}
.tt-session-block .tt-session-class,
.tt-session-block .tt-session-subject {
  display: block;
  font-weight: bold;
}
.tt-session-block .tt-session-duration {
  font-weight: normal;
  color: #337ab7;
}
.tt-session-block .tt-session-time,
.tt-session-block .tt-session-staff,
.tt-session-block .tt-session-room {
  display: block;
  color: #555;
}
.tt-session-block + .tt-session-block {
  margin-top: 2px;
  border-top: 1px dashed #b8d4f0;
  padding-top: 2px;
}
/* bande de continuation d'une seance etalee sur plusieurs creneaux (voir renderTimetableView()) -
   fond nettement plus sature que l'entete pour ne jamais se lire comme une case vide/un trou, avec
   un repere visuel centre (trois points verticaux) signalant "la seance ci-dessus continue ici" */
.tt-session-continuation {
  background: #cfe4fa;
  border-left: 3px solid #337ab7;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tt-session-continuation-mark {
  color: #6c9bc4;
  font-size: 11px;
  line-height: 1;
}
.tt-list-row {
  cursor: pointer;
}
.tt-list-row .tt-list-actions {
  cursor: default;
}
/* Modale de details de seance (clic sur une seance de l'emploi du temps) - meme palette bleue que
   les blocs de la grille (.tt-session-block/.tt-month-entry) pour que la modale se lise comme un
   agrandissement de la case cliquee plutot que comme un composant a part */
.tt-session-details-card {
  background: #e3f0ff;
  border-left: 3px solid #337ab7;
  border-radius: 4px;
  padding: 12px 15px;
}
.tt-session-details-card p {
  margin: 0 0 8px;
  color: #333;
}
.tt-session-details-card p:last-child {
  margin-bottom: 0;
}
.tt-session-details-card p i {
  width: 20px;
  text-align: center;
  color: #337ab7;
  margin-right: 2px;
}
.tt-session-details-actions {
  margin-top: 15px;
  text-align: right;
}
/* mise en avant temporaire d'une seance apres avoir suivi le lien "Emploi du temps" du widget
   "prochain cours" - courte pulsation puis retour normal (classe retiree par JS apres 3s) */
.tt-session-block.tt-session-highlight {
  animation: tt-session-highlight-pulse 1s ease-in-out 2;
  box-shadow: 0 0 0 2px #9F6000;
}
@keyframes tt-session-highlight-pulse {
  0%, 100% { background: #e3f0ff; }
  50% { background: #fdf6e8; }
}

/* css-index_110624.css (page d'accueil) redefinit .btn-default/.btn-primary en gros boutons
   pilule pour le hero de la landing page, sans equivalent pour .btn-success - ce style de
   page publique fuit dans toute l'appli des qu'on utilise ces deux classes ailleurs. On
   reinitialise ici aux proportions standards de Bootstrap pour que les 3 boutons de la
   barre d'outils de l'emploi du temps aient la meme taille, seule la couleur differe. */
.tt-toolbar .btn {
  font-size: 14px;
  line-height: 1.42857143;
  margin: 0 0 0 5px;
  padding: 6px 12px;
  height: auto;
  border-radius: 4px;
}

/* option "Cours en visio" du select Salle (formulaire de seance, admin et enseignant) - toujours
   en tete de liste, police distincte des vraies salles pour bien la signaler comme speciale */
.tt-room-video-option {
  font-style: italic;
  color: #337ab7;
}

/* Emploi du temps - vue mois (listTimetable.php, viewMode=month) */
.tt-month-nav {
  text-align: center;
  margin-bottom: 8px;
  font-size: 15px;
}
.tt-month-nav i {
  cursor: pointer;
  padding: 4px 12px;
  color: #337ab7;
}
.tt-month-nav strong {
  display: inline-block;
  min-width: 140px;
  text-transform: capitalize;
}
.tt-month-grid td {
  vertical-align: top;
  width: 14.28%;
  height: 90px;
  padding: 2px;
}
.tt-month-day-other {
  background: #fafafa;
}
.tt-month-day-other .tt-month-daynum {
  color: #bbb;
}
.tt-month-daynum {
  font-size: 11px;
  font-weight: bold;
  color: #888;
  padding: 2px 4px;
}
.tt-month-day-entries {
  max-height: 68px;
  overflow-y: auto;
}
.tt-month-entry {
  background: #e3f0ff;
  border-left: 3px solid #337ab7;
  font-size: 10px;
  line-height: 1.3;
  padding: 1px 3px;
  margin: 1px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
}
.tt-month-entry-del {
  float: right;
  cursor: pointer;
  color: #a94442;
  margin-left: 3px;
}
.tt-loading {
  text-align: center;
  padding: 50px 0;
  color: #337ab7;
  font-size: 28px;
}

/* Emploi du temps - bascule Calendrier/Liste au dessus de la zone d'affichage */
.tt-display-toggle {
  margin-bottom: 6px;
}
.tt-display-toggle-ico {
  font-size: 18px;
  color: #bbb;
  cursor: pointer;
  padding: 4px 8px;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  margin-right: 4px;
  background: #fafafa;
}
.tt-display-toggle-ico.active {
  color: #fff;
  background: #337ab7;
  border-color: #337ab7;
}

/* Emploi du temps - vue liste (listTimetable.php, DisplayMode=list) */
.tt-list-wrap {
  overflow-x: auto;
}
.tt-list-table {
  margin-bottom: 0;
}
.tt-list-actions {
  white-space: nowrap;
}

/* Emploi du temps - responsive mobile : la grille Semaine/Mois et la liste ne doivent
   jamais imposer de scroll horizontal, meme sur un petit ecran. On resserre les colonnes,
   on reduit les polices et, pour la vue liste, on transforme le tableau en cartes empilees
   (pattern responsive-table classique : thead masque, td en bloc, libelle via data-label). */
@media (max-width: 768px) {
  .tt-grid-wrap {
    /* "hidden" et non "visible" : les largeurs de colonnes en pourcentage (vue Mois avec
       une colonne reduite a 4%) peuvent depasser le conteneur de quelques dixiemes de
       pixel par arrondi du navigateur - "visible" laissait ce micro-depassement remonter
       jusqu'a la page entiere et y declencher un scroll horizontal, "hidden" l'absorbe
       silencieusement (imperceptible, il ne coupe jamais de contenu reel) */
    overflow-x: hidden;
  }
  .tt-grid {
    min-width: 0;
    table-layout: fixed;
  }
  .tt-grid .tt-time-col {
    width: 32px;
    font-size: 9px;
    padding: 1px;
  }
  .tt-grid th {
    font-size: 9px;
    padding: 3px 1px;
    word-break: break-word;
  }
  /* vue Semaine uniquement (jamais .tt-month-grid, dont les colonnes sont les 7 jours
     fixes du mois et ne peuvent pas disparaitre sans casser la grille calendrier) : les
     jours hors config horaire n'auront de toute facon jamais de seance, les faire
     disparaitre entierement laisse plus de place aux jours de classe reels sur petit ecran */
  .tt-grid:not(.tt-month-grid) th.tt-day-nonschool,
  .tt-grid:not(.tt-month-grid) td.tt-day-nonschool {
    display: none;
  }
  /* vue Mois : la colonne elle-meme ne peut pas disparaitre (ce sont les 7 jours fixes
     du calendrier reel), mais on la reduit au minimum (largeur + libelle d'entete masque,
     numero du jour et seances masques) pour que l'espace gagne aille aux 6 autres colonnes -
     table-layout:fixed (regle mobile plus haut) calque les largeurs de colonnes sur celles
     de la ligne d'entete, donc reduire ici le <th> suffit a reduire toute la colonne */
  .tt-month-grid th.tt-day-nonschool,
  .tt-month-grid td.tt-day-nonschool {
    width: 4%;
    padding-left: 1px;
    padding-right: 1px;
  }
  .tt-month-grid th.tt-day-nonschool {
    font-size: 0;
  }
  .tt-month-grid td.tt-day-nonschool .tt-month-daynum,
  .tt-month-grid td.tt-day-nonschool .tt-month-day-entries {
    visibility: hidden;
  }
  .tt-session-block {
    font-size: 9px;
    padding: 1px 2px;
    line-height: 1.2;
  }
  .tt-session-block .tt-session-time,
  .tt-session-block .tt-session-staff,
  .tt-session-block .tt-session-room {
    display: none;
  }
  .tt-session-block .tt-session-class,
  .tt-session-block .tt-session-subject {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .tt-session-block .tt-session-actions {
    font-size: 9px;
  }
  .tt-month-grid td {
    height: 60px;
    padding: 1px;
  }
  .tt-month-day-entries {
    max-height: 40px;
  }
  .tt-month-entry {
    font-size: 8px;
  }
  .tt-month-nav strong {
    min-width: 100px;
    font-size: 13px;
  }
  .tt-list-table thead {
    display: none;
  }
  .tt-list-table,
  .tt-list-table tbody,
  .tt-list-table tr,
  .tt-list-table td {
    display: block;
    width: 100%;
  }
  .tt-list-table tr {
    border: 1px solid #e0e0e0;
    margin-bottom: 8px;
  }
  .tt-list-table td {
    border: none;
    border-bottom: 1px solid #eee;
    padding: 4px 8px;
    text-align: right;
  }
  .tt-list-table td:last-child {
    border-bottom: none;
  }
  .tt-list-table td[data-label]::before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    color: #888;
    margin-right: 8px;
  }
  .tt-list-table td.tt-list-actions {
    text-align: center;
  }
}
.tt-break-block {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: repeating-linear-gradient(45deg, #f2f2f2, #f2f2f2 6px, #e6e6e6 6px, #e6e6e6 12px);
  border-left: 3px solid #999;
}
.tt-break-label {
  display: block;
  font-size: 10px;
  color: #777;
  padding: 2px 4px;
  font-style: italic;
}

/* Widget "prochain cours" (tableau de bord enseignant, juste apres la Banque de QCM) */
.nextcourse-widget {
  display: inline-flex;
  align-items: center;
  flex-wrap: nowrap;
  margin-left: 12px;
  padding: 6px 10px;
  border-left: 3px solid #9F6000;
  background: #fdf6e8;
  border-radius: 3px;
  color: #9F6000;
  font-size: 13px;
  line-height: 20px;
  vertical-align: middle;
}
.nextcourse-icon {
  margin-right: 2px;
}
.nextcourse-link {
  color: #9F6000;
  text-decoration: underline;
}
.nextcourse-widget.nextcourse-urgent .nextcourse-link {
  color: #a94442;
}
.nextcourse-countdown {
  font-weight: bold;
  font-variant-numeric: tabular-nums;
  margin-left: 2px;
}
/* hauteur fixe, alignee sur la line-height du widget - le bouton ne doit jamais depasser la
   hauteur du texte seul, qu'il soit present ou non */
.nextcourse-video-btn {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  margin-left: 10px;
  padding: 0 8px;
  height: 23px;
  line-height: 23px;
  background: #47A447;
  color: #fff;
  border-radius: 3px;
  cursor: pointer;
  font-size: 12px;
  white-space: nowrap;
}
.nextcourse-video-btn i {
  /* le conteneur est en display:flex - l'espace texte entre l'icone et le libelle ne garde pas
     sa largeur visuelle dans ce contexte, d'ou l'icone et le texte apparaissant colles */
  margin-right: 5px;
}
.nextcourse-video-btn:hover {
  background: #3d8b3d;
}
/* dans les 30 dernieres minutes avant le debut - bascule sur une teinte alerte et une legere
   pulsation de la cloche pour attirer l'oeil, sans etre plus intrusif qu'un badge de notification
   deja present ailleurs dans l'appli (ex. .notifnb) */
.nextcourse-widget.nextcourse-urgent {
  border-left-color: #a94442;
  background: #fbe9e7;
  color: #a94442;
}
.nextcourse-widget.nextcourse-urgent .nextcourse-icon {
  animation: nextcourse-pulse 1.2s infinite;
}
@keyframes nextcourse-pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.35; }
}
@media (max-width: 768px) {
  .nextcourse-widget {
    display: block;
    margin: 6px 0 0;
  }
  /* le tableau .homeactionbtn (bouton CREER + lien Banque de QCM + widget prochain cours) ne
     s'enroule pas nativement en <table> - on le fait passer en flex pour que la cellule du
     widget puisse etre forcee sur sa propre ligne, juste apres celle du bouton CREER et de la
     Banque de QCM, sans casser leur mise en page cote a cote */
  .homeactionbtn,
  .homeactionbtn tbody,
  .homeactionbtn tr {
    display: flex;
    flex-wrap: wrap;
  }
  .homeactionbtn tr td {
    display: block;
  }
  .homeactionbtn tr td.tt-nextcourse-cell {
    flex-basis: 100%;
    width: 100%;
    padding-right: 0 !important;
    margin-top: 6px;
  }
}
/* Interrupteur (on/off) pour les preferences utilisateur - "pref-" pour ne pas entrer en
   collision avec .switch (docs de la police d'icones Pixeden, non liee) */
.pref-toggle-row { display: flex; align-items: center; justify-content: space-between; padding: 8px 0; }
.pref-toggle-row .pref-toggle-label { margin: 0; padding-right: 12px; }
.pref-toggle-row .pref-toggle-help { display: block; font-size: 12px; color: #888; margin-top: 2px; }
.pref-toggle-control { display: inline-flex; align-items: center; gap: 8px; }
.pref-toggle-switch { position: relative; display: inline-block; width: 44px; height: 24px; flex: 0 0 auto; }
.pref-toggle-switch input { opacity: 0; width: 0; height: 0; }
.pref-toggle-slider { position: absolute; cursor: pointer; top: 0; right: 0; bottom: 0; left: 0; background-color: #ccc; border-radius: 24px; transition: .2s; }
.pref-toggle-slider:before { position: absolute; content: ""; height: 18px; width: 18px; left: 3px; bottom: 3px; background-color: #fff; border-radius: 50%; transition: .2s; }
.pref-toggle-switch input:checked + .pref-toggle-slider { background-color: #28a745; }
.pref-toggle-switch input:checked + .pref-toggle-slider:before { transform: translateX(20px); }
.pref-toggle-spinner { color: #888; font-size: 14px; }

/* Sondages - constructeur de questions (creation) et resultats agreges (detail) */
.surveyquestionbox { margin-bottom: 10px; }
.surveychoicerow { margin-bottom: 6px; }
.survey-results-count { color: #777; font-size: 13px; }
.survey-result-question { margin-bottom: 16px; }
.survey-result-question > label { font-weight: bold; margin-bottom: 6px; display: block; }
.survey-result-bar-row { display: flex; align-items: center; margin-bottom: 4px; }
.survey-result-bar-label { flex: 0 0 35%; max-width: 35%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 8px; }
.survey-result-bar-outer { flex: 1 1 auto; background: #eee; border-radius: 3px; height: 16px; overflow: hidden; }
.survey-result-bar-inner { background-color: #E0940A; height: 100%; }
.survey-result-bar-count { flex: 0 0 auto; padding-left: 8px; font-size: 12px; color: #777; white-space: nowrap; }
.survey-result-textlist { list-style: disc; padding-left: 20px; }
.survey-result-textlist li { margin-bottom: 4px; }
.modal-header { cursor: move; touch-action: none; user-select: none; -webkit-user-select: none; }
.modal-header.modal-dragging { opacity: .92; }
.note-video-or-divider { display: flex; align-items: center; text-align: center; color: #999; font-size: 12px; margin: 14px 0; }
.note-video-or-divider::before, .note-video-or-divider::after { content: ""; flex: 1; border-bottom: 1px solid #e5e5e5; }
.note-video-or-divider span { padding: 0 10px; text-transform: uppercase; }
.note-video-file-row { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.note-video-file-name { font-size: 13px; }

/* Modales a contenu potentiellement long (QCM depuis contenus, revue IA) : scroll interne dans
   modal-body uniquement - l'entete (modal-header) reste toujours visible/accessible */
.modal-scrollbody-dialog .modal-content { max-height: calc(100vh - 60px); display: flex; flex-direction: column; }
.modal-scrollbody-dialog .modal-header { flex: 0 0 auto; }
.modal-scrollbody-dialog .modal-body { flex: 1 1 auto; overflow-y: auto; }

.qcmContentPickerListWrap { max-height: 280px; overflow-y: auto; border: 1px solid #e5e5e5; border-radius: 4px; margin-bottom: 14px; }
.qcmContentPickerList { margin: 0; }
.qcmContentPickerList li { padding: 8px 12px; border-bottom: 1px solid #f2f2f2; }
.qcmContentPickerList li:last-child { border-bottom: none; }
.qcmContentPickerList li:hover { background-color: #f7f9fb; }
.qcmContentPickerList label.checkbox-inline { margin: 0; font-weight: normal; display: flex; align-items: flex-start; gap: 8px; cursor: pointer; line-height: 1.25; }
.qcmContentPickerList label.checkbox-inline input[type="checkbox"] { margin-top: 3px; }

/* La colonne liste et la colonne theme/specialite doivent avoir a peu pres la meme hauteur (comme la
   zone de diffusion des cours), sans pour autant laisser la liste grandir sans limite (ca forcerait
   tout le corps de la modale a defiler au lieu de garder un encart de liste compact et lisible) -
   d'ou un plafond (max-height) sur la liste elle-meme, qui garde son propre scroll interne. .coursecontentborder
   et .coursesharebox annulent volontairement leur padding exterieur (cf. formulaire de creation de
   cours) en comptant sur le padding de la modale - ici il n'y en a pas d'equivalent, donc on le
   restitue pour eviter que le contenu ne colle aux bords de la modale. */
.qcmgenfromcontent-row { display: flex; flex-wrap: wrap; }
.qcmgenfromcontent-row > .coursecontentborder,
.qcmgenfromcontent-row > .coursesharebox { flex-basis: 100%; max-width: 100%; }
@media (min-width: 992px) {
    .qcmgenfromcontent-row > .coursecontentborder { flex-basis: 66.66666667%; max-width: 66.66666667%; }
    .qcmgenfromcontent-row > .coursesharebox { flex-basis: 33.33333333%; max-width: 33.33333333%; }
}
.qcmgenfromcontent-row .coursecontentborder { display: flex; flex-direction: column; padding-left: 20px; padding-right: 20px; }
.qcmgenfromcontent-row .coursesharebox { padding-left: 20px; padding-right: 20px; }
.qcmgenfromcontent-row .coursecontentborder > p { flex: 0 0 auto; }
.qcmgenfromcontent-row .qcmContentPickerListWrap { flex: 1 1 auto; min-height: 160px; max-height: 320px; }
/* Les libelles de cette colonne etroite (ex: "Nombre de questions a generer par contenu") se
   coupent souvent sur 2 lignes - sans line-height reduit ils heritent du 1.42857 par defaut de
   bootstrap, ce qui parait exagerement aere une fois coupe. Idem pour le texte d'aide sous le champ. */
.qcmgenfromcontent-row .coursesharebox .form-group { margin-bottom: 14px; }
.qcmgenfromcontent-row .coursesharebox label { display: block; line-height: 1.2; margin-bottom: 4px; }
.qcmgenfromcontent-row .coursesharebox .smallContent { display: block; line-height: 1.25; margin-top: 4px; }
.note-video-file-clear { font-size: 12px; }

/* Regroupement visuel des 4 sources de contenu du "Nouveau QCM" en 2 blocs (Vide+Fichier / Mes
   contenus publies+Banque) - separation legere entre les deux blocs, radios d'un meme bloc collees */
.qcmsourcegroup { display: inline-block; padding: 0 14px; border-right: 1px solid #e5e5e5; }
.qcmsourcegroup:last-child { border-right: none; padding-right: 0; }
.qcmsourcegroup:first-child { padding-left: 0; }

.redlink { color: #d9534f; cursor: pointer; }
.qcmPublishedBatchItem { padding: 6px 0; border-bottom: 1px solid #f2f2f2; }
.qcmPublishedBatchItem:last-child { border-bottom: none; }
.qcmAiReviewToolbar { margin-bottom: 10px; }
#qcmPublishedCompoAddLineRow { background-color: #f9f9f9; padding: 12px; border-radius: 4px; margin-bottom: 10px; }
#qcmPublishedCompoList .bnkQCMCompoLine { padding: 6px 0; border-bottom: 1px solid #f2f2f2; }
#qcmPublishedCompoList .bnkQCMCompoLine:last-child { border-bottom: none; }
.videoLoaderOverlay { position: absolute; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,.75); z-index: 2; color: #fff; pointer-events: none; }
.qcmplacechoices { display: grid; grid-template-columns: 1fr 1fr; row-gap: 6px; column-gap: 20px; }
.qcmplacechoices .blue3bschools { grid-column: 1 / 3; grid-row: 1; margin: 0 0 4px 0; }
.qcmplacechoices .qcmsourcegroup-row1 { grid-column: 1; grid-row: 2; display: flex; flex-direction: column; }
.qcmplacechoices .qcmsourcegroup-row2 { grid-column: 2; grid-row: 2; display: flex; flex-direction: column; }
.qcmplacechoices .qcmsourcegroup .radio-inline { margin: 0 0 4px 0; text-align: left; }
.ainotiflist { list-style: none; margin: 0; padding: 0; }
.ainotiflist li { display: flex; align-items: flex-start; gap: 10px; padding: 12px 14px; cursor: pointer; border-bottom: 1px solid #f0f0f0; transition: background-color .15s ease; }
.ainotiflist li:last-child { border-bottom: none; }
.ainotiflist li:hover { background-color: #f8f9fa; }
.ainotif-dot { flex: 0 0 auto; width: 8px; height: 8px; margin-top: 6px; border-radius: 50%; background-color: #0073b1; }
.ainotif-read .ainotif-dot { background-color: transparent; }
.ainotif-body { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.ainotif-title { font-size: 14px; color: #333; line-height: 1.35; }
.ainotif-unread .ainotif-title { font-weight: 500; }
.ainotif-read .ainotif-title { color: #888; font-weight: 400; }
.ainotif-date { font-size: 12px; color: #aaa; }
.table-wrap-scroll { overflow-x: auto; margin-bottom: 15px; }
.table-wrap-scroll table { margin-bottom: 0; }
.table-wrap-tall { max-height: 280px; overflow-y: auto; border: 1px solid #eee; border-radius: 4px; }
.table-wrap-tall table { border: none; }
.table-wrap-tall thead th { position: sticky; top: 0; background-color: #fafafa; z-index: 1; font-weight: 400; }
.ttwarnnav { padding: 6px 10px; margin-bottom: 12px; background-color: #fafafa; border: 1px solid #eee; border-radius: 4px; font-size: 12px; }
.ttwarnnav div + div { margin-top: 4px; }
.ttwarnnav a { cursor: pointer; }
.ttwarnnav a.ttw-amber, .ttwarnnav a.ttw-amber i { color: #9F6000; }
.ttwarnnav a.ttw-red, .ttwarnnav a.ttw-red i { color: #A94442; }
.ttw-sectiontitle { font-weight: 400; margin-bottom: 6px; }
.ttw-sectiontitle .badge { font-weight: 400; margin-left: 4px; background-color: #eee; color: #777; }
/* ligne informative (pas un avertissement) - reste neutre pour ne pas concurrencer les couleurs de severite (amber/rouge) ci-dessous */
.ttw-summary { font-size: 15px; font-weight: 600; color: #333; margin-bottom: 10px; }
/* reprend les couleurs deja utilisees ailleurs dans l'appli (.warning_color = amber, .red_color = rouge) plutot que d'en introduire de nouvelles, en version claire - 2 niveaux de severite seulement, pas de 3e teinte */
.ttw-amber.ttw-sectiontitle, .ttw-amber.ttw-sectiontitle i { color: #9F6000; }
.ttw-amber.table-wrap-tall { border-color: #f0e2bb; }
.ttw-amber.table-wrap-tall thead th { color: #9F6000; border-bottom: 1px solid #f0e2bb; }
.ttw-red.ttw-sectiontitle, .ttw-red.ttw-sectiontitle i { color: #A94442; }
.ttw-red.table-wrap-tall { border-color: #f0d5d5; }
.ttw-red.table-wrap-tall thead th { color: #A94442; border-bottom: 1px solid #f0d5d5; }
.ttw-subjectlist { list-style: none; padding: 0; margin: 4px 0 0; font-size: 11px; color: #777; max-width: 320px; }
.ttw-subjectlist li { margin-bottom: 6px; }
.ttw-subjectlist li.ttw-subjectmore { font-style: italic; }
/* specificite (0,2,3), necessaire pour l'emporter sur la regle Bootstrap 3
   ".table > tbody > tr > td { vertical-align: top; }" (0,1,3) - meme correctif que
   .ttw-reassigntable plus bas */
.table.ttw-workloadtable > tbody > tr > td { vertical-align: middle; }
.ttw-workloadtable th:first-child, .ttw-workloadtable td:first-child { width: 38%; }
/* boutons "Reaffecter" : .btn-default/.btn-primary sont redefinis en gros pill par le CSS de la
   page publique (css-index_110624.css, charge sur toute l'appli) - meme correctif deja applique
   a .tt-toolbar .btn, proportions Bootstrap 3 standard */
.ttw-reassign-btn { font-size: 14px; line-height: 1.42857143; padding: 6px 12px; height: auto; border-radius: 4px; vertical-align: middle; margin: 0; }
.ttw-reassign-btn.btn-xs { font-size: 12px; padding: 1px 5px; }
/* modale de reaffectation (openReassignModal) : tableau pleine largeur avec defilement interne
   (meme mecanisme que les tableaux d'avertissements - table-wrap-scroll/table-wrap-tall,
   deja definis plus haut) plutot qu'une liste, pour un rendu plus lisible avec beaucoup de
   matieres - voir echange utilisateur */
.ttw-reassigntable .ttw-hoursinput { width: 64px; padding: 2px 4px; height: 28px; font-size: 13px; }
.ttw-reassigntable .ttw-targetselect { min-width: 180px; padding: 2px 4px; height: 28px; font-size: 13px; }
/* ligne "surcharge a resorber" en tete de la modale de reaffectation - mise a jour en place
   apres chaque transfert (renderReassignModalContent) */
.ttw-reassign-target { font-size: 15px; font-weight: 600; color: #A94442; margin: 0 0 12px; }
.ttw-reassign-target i { margin-right: 6px; }
/* specificite (0,2,3) necessaire pour l'emporter sur la regle Bootstrap 3
   ".table > tbody > tr > td { vertical-align: top; }" (0,1,3) - un simple ".ttw-reassigntable td"
   (0,1,1) perdait silencieusement face a elle, sans effet visible malgre la regle presente */
.table.ttw-reassigntable > tbody > tr > td { vertical-align: middle; }
.oauth-login-section { display: flex; gap: 10px; margin-bottom: 18px; }
.oauth-btn { flex: 1 1 0; min-width: 0; display: flex; align-items: center; justify-content: center; padding: 12px; border-radius: 6px; border: 1px solid #ddd; background-color: #fff; text-decoration: none; }
.oauth-btn:hover, .oauth-btn:focus { text-decoration: none; box-shadow: 0 1px 4px rgb(0 0 0 / .1); }
.oauth-btn-facebook { background-color: #1877f2; border-color: #1877f2; color: #fff; font-size: 20px; }
.oauth-btn-facebook:hover, .oauth-btn-facebook:focus { color: #fff; background-color: #166fe0; }
.oauth-or-sep { display: flex; align-items: center; margin: 0 0 18px 0; color: #e5e5e5; font-size: 12px; text-transform: uppercase; letter-spacing: .5px; }
.oauth-or-sep::before, .oauth-or-sep::after { content: ""; flex: 1 1 auto; border-top: 1px solid #e5e5e5; }
.oauth-or-sep::before { margin-right: 10px; }
.oauth-or-sep::after { margin-left: 10px; }