/*****Mobile & Small Tablets*****/
@media only screen and (min-width: 0px) and (max-width: 767px) {

/*Initialise*/
body, .lmsBox{overflow-x:hidden;}
.pageContent{overflow:auto;}
select{max-width:200px; overflow:hidden;}
select.autoWidth{max-width:100%;}
input[type="file"]{max-width:260px;}

/*Display Block*/
.dataList td, .infoTable td, .tblChildElems td, .curriculumList h3, .forMob{display:block;}

/*Hide*/
/*.lmsHeader .lnkDashboard, */.headerIcons .icnShopping, .headerIcons .icnSupport, .moduleLinks, .moduleHeader p, .moduleSelector .pagination small, .forDeskTab, .proxyLogin{display:none !important;}

/*Show*/
.icnLmsSearch, .icnLmsMenu, .lmsSearch.show/*, .icnDashboard*/{display:block !important;}

/*Float Left*/
.moduleName{float:left;}

/*Float Right*/
.moduleActions, .headerIcons a{float:right;}

/*Headings*/
.areaPagination h2{font-size:1.2em;}
.currBrief h2{font-size:1.4em;}

/*Layout*/
.lmsNav{overflow:hidden; height:0;}
.lmsHeader ~ section{padding-top:48px;}
.lmsNav.show{bottom:0; height:auto; left:0; overflow-x:hidden; overflow-y:auto; position:fixed; top:48px; visibility:visible; width:100px;}
.content.show{background-color:#fff; backface-visibility:hidden; height:100%; left:0; overflow:hidden; position:relative; top:0; transform:translate3d(100px, 0px, 0px); transition:transform 0.2s ease-in-out 0s; -webkit-transition:-webkit-transform 0.2s ease-in-out; -moz-transition:-moz-transform 0.2s ease-in-out; -o-transition:-o-transform 0.2s ease-in-out; -webkit-transition-delay:0s;transition-delay:0s; -webkit-transform:translate3d(0px, 0px, 0px); transform:translate3d(0px, 0px, 0px); -moz-transform:translate3d(0px, 0px, 0px);-webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -webkit-transform:translate3d(100px, 0px, 0px); transform:translate3d(100px, 0px, 0px); overflow:hidden; z-index:2;}
.content.show.menu{transform:translate3d(320px, 0px, 0px); -webkit-transform:translate3d(320px, 0px, 0px); transform:translate3d(320px, 0px, 0px);}
.preFrmBtn{height:10px; padding:0 !important;}
.wrapper{padding:10px;}
.tdBlockTabMob .tag, .tdBlockTabMob .label{display:inline-block; margin:0 10px 10px 0 !important; vertical-align:top;}
.catalogListDetails .tdBlockTabMob .tag, .catalogListDetails .tdBlockTabMob .label{margin:0; padding:4px 6px; vertical-align:middle;}
.separateList .icon ~ h3{margin-left:0;}
.autoComplete{width:100%;}
.lmsSearch{height:50px;}
.slimScrollBar, .slimScrollRail{display:none !important;}
.slimScrollDiv, .slimScrollDiv > *{overflow-y:auto !important;/* height:auto !important;*/}
.ulChat .assessmentQuestion .scrollable section{min-height:200px;}
.courseList, .catalogList{height:auto !important;}
.formView dt{padding:7px 15px 15px;}
.formView .frmLabel{padding:10px 15px 0;}
.formView dt .halfArea, .table .halfArea{width:100%;}
.formView dt .halfArea:nth-child(2n), .table .halfArea:nth-child(2n){margin-top:12px;}
.areaPagination.wrapper > aside{text-align:center !important;}
.areaPagination.wrapper > aside:nth-child(2n){padding-top:8px;}
/*.areaPagination.frmElemGroup > aside input:only-child{width:100%;}*/
.uiBox .areaPagination .frmElemGroup{max-width:none;}
.uiBox .areaPagination .frmElemGroup aside:first-child{display:block !important;}

/*Header*/
.lmsHeader{position:fixed; top:-50px; z-index:1100;}
.lmsHeader.show{top:0;}
.lmsHeader > div{padding:10px 0;}
.lmsHeader .lmsSearch{background-color:rgba(0,0,0,0.07); display:table-header-group; /*padding:10px; text-align:center;*/}
.lmsSearch input[type="text"]{margin:10px; width:calc(100% - 20px);}
.moduleActions a{margin:5px 0 0 10px;}
.moduleActions .icnAdd{margin-top:1px;}
.lmsHeader > .headerIcons{padding-right:100px;}
.tbLearnerMenu{position:absolute; right:0; top:40px; width:50px !important;}
.lnkLearnerMenu{height:50px !important; padding:11px 10px 0 !important; width:50px !important;}
/*.uamMenu{position:absolute; top:60px !important;}*/
.uamMenu:before{top:50px !important;}
.genLinks{min-width:150px;}
.spclLinks{min-width:120px;}

.headerIcons .icnDashboard{display:inline-block;}
.lnkDashboard{display:none; position:absolute; height:50px; left:90px; padding:0 !important; right:90px; top:50px; text-align:center; width:auto;}
.lnkDashboard a{display:block; height:100%; padding:8px; position:relative;}
.lnkDashboard a, .lnkDashboard a:hover{background:url(../images/bg-lnk-dashboard.png) no-repeat center center;}
/*.lnkDashboard a img{height:34px; max-width:200px;}*/
/*.lnkDashboard a img{display:inline-block;}*/

/*Icons*/
.icnLmsMenu, .icnLmsSearch{float:left !important; margin:0 0 0 10px !important;}

/*Module Header*/
.moduleHeader{padding:10px;}
.moduleHeader h1{color:#fff; font-size:1.5em; padding-top:3px; text-align:center;}

/*ArticleList*/
.articleList, .courseList, .catalogList{padding-bottom:50px;}
.articleList article, .courseList article, .catalogList > div{width:97%; position:static !important; float:none !important;}

/*Community List*/
.communityList article, .topicList article, .treeView > li, .learnerList > article, .pollArchive article{width:94%; position:static !important; float:none !important;}
.communityList div img{float:none;}

.content .uiBox .scrollable{overflow:visible !important; position:relative;}
/*.content .pageContent{overflow:visible !important;}*/

/*Contact List*/
.contactList article{width:95%;}

/*Separate List*/
.separateList .areaPagination > aside:first-child{padding-bottom:10px;}
.courseWise .areaPagination > aside.txtRight{/*padding-left:42px; text-align:left;*/}

/*Panel*/
.panel{margin:10px;}
/*.panel > header aside{display:block; text-align:center;}
.panel > header aside ~ aside{padding-top:10px;}*/

/*Info Group*/
.infoGroup li{padding-top:1%; padding-bottom:2%; padding-right:10px; width:49%;}
.infoGroup li.fullWidth, .infoGroup li.autoWidth{width:100%;}
.white-popup .infoGroup li{padding:10px 10px 0 0;}
.helpDesk .infoGroup li{padding-top:15px; padding-bottom:0;}
.tblChildElems .infoGroup li{/*padding-top:10px;*/ width:100%;}
.infoGroup label{white-space:normal;}
.currImg figcaption{padding:10px 15px 0;}
.grpDocuments small{min-width:90px; width:50%;}

/*Data Table & List*/
.dataList td, .infoTable td{border-bottom:none; border-top:none; box-shadow:none; padding:0 15px 15px;}
.dataList tr td:first-child, .infoTable tr td:first-child{border-top:1px solid #ccc; box-shadow:0 2px 0 rgba(0, 0, 0, 0.03) inset; padding-top:15px;}
.dataList tr:first-child td, .infoTable tr:first-child td{border:none;}
.dataList .infoGroup ~ .tblChildElems{margin-top:10px;}
.dataList .tblChildElems td{padding-top:10px;}
.dataTable, .dataTree{border-top:none; margin:0; overflow-x:auto;}

/*Item List*/
.areaItemList{border-bottom:1px solid #afafaf; padding-bottom:30px;}

/*UI Box*/
.uiBox > header aside, .uiBox > form > header aside, .uiBox > footer aside, .actionTopBar aside{padding:10px; text-align:center !important;}
.uiBox > header aside ~ aside, .uiBox > form > header aside ~ aside, .uiBox > footer aside ~ aside{padding-top:0;}
.uiBox > header, .uiBox > form > header{background-color:#f7f7f7; box-shadow:0 2px 0 rgba(0, 0, 0, 0.06) inset; padding:0 10px;}

/*Dashboard*/
.column{width:98%;}
.portlet-content .dataTable table td{display:block;}
.portlet-content .dataTable table td.txtRight{text-align:left;}
.portlet-content .dataTable b{display:inline-block; margin-right:10px;}
.ulDashboard{padding-top:10px;}
.ulDashboard .portletContent{height:auto !important;}
.ulDashboard .row > aside{margin-bottom:0;}
.ulDashboard .ulPortlet{margin-bottom:10px;}

/*Area Form*/
.frmElemGroup > aside{/*float:left; */ display:block; padding:0 !important; width:inherit;}
.wrapper.frmElemGroup > aside{display:table-cell !important;}

/*Filters*/
.filterGroup div{display:block; float:none; margin-right:0;}
.filterGroup input{width:99%;}
.filterGroup input.autoWidth{width:auto;}

/*Action Bar*/
.actionBar > aside{border:none; padding-bottom:10px;}

/*Discussions*/
.discussion .actionBar > aside{display:block; padding:13px 10px; text-align:center;}
.comment, .message{margin:0 10px 10px;}
.message{padding:10px;}
.speaker{margin-right:0;}
.topic .actionBar > aside{display:block; text-align:center;}
.topic .btnGreen{display:inline-block;}
.comment .comment .commentBody{padding:15px 10px 10px;}
.comment .comment .comment{margin:10px 0 20px 5px;}
.topic p small{display:inline-block; margin:0 10px 0 0 !important;}
.comment .speaker{font-size:.9em;}
.comment .speaker img{border-width:0; width:35px;}
.comment .comment .actionBar > aside{display:block; text-align:left;}

/*Profile*/
.profile{margin:10px;}

/*Messages*/
.messageBox > .right{border-bottom:1px solid #CFCFCF;}

/*Media List*/
.mediaList{margin:10px;}
.mediaList > article{width:50%;}

/*Form*/
.areaForm dt{padding:0 15px 10px; word-break:break-all;}
.areaForm .frmLabel{padding:10px 15px;}
.frmElemGroup > aside, .frmElemGroup > aside:first-child{display:table-cell !important; vertical-align:middle;}

/*User Menu*/
.userMenu{height:calc(100% - 48px); top:48px; width:220px;}
.userMenu article, .userMenu .slimScrollDiv{width:220px !important;}
/*.userMenu article{padding:10px;}*/

/*Learner View*/
.learnerView .infoGroup{margin-top:20px;}

/*Curriculum List*/
.curriculumList h3 ~ .tag, .curriculumList h3 ~ .label{display:inline-block; margin:0 0 10px;}

/*Paper Box*/
.paperBox{padding:15px;}

/*UL Dashboard*/
.portletHeader{height:auto;}
.portletHeader > aside{display:block; padding:10px 15px; text-align:center;}
.ulCharts .portletHeader{padding:10px 15px;}
.ulCharts .portletHeader > aside{display:table-cell; padding:0; text-align:left;}
.ulCharts .portletHeader > aside.txtRight{text-align:right;}
.portletHeader > aside:first-child{padding-bottom:0;}
.portletHeader > aside:only-child{padding-bottom:15px;}
.dashCalendar td{height:30px;}
.doubleSize{max-height:740px;}
.portletEventIcon{width:65px;}

.transcript header ~ .infoGroup li{border:none !important; display:inline-block; padding:10px 0 0; width:50%;}
.transcript .tdBlockTabMob td:before{font-size:.9em; line-height:1.2; top:13px; white-space:normal;}
.transcript .infoGroup.tab4Columns li{display:block; width:auto;}
.transcript article{padding:15px;}
.transcriptUser img{width:45px;}
.transcriptUser h2{font-size:16px; font-weight:bold;}
.transcript h4{font-size:1.1em; padding-bottom:10px;}

/*Assessment*/
.assessmentBox > section{bottom:0; left:0; overflow-y:auto; position:fixed; right:0; top:77px;}
.assessmentBox header, .assessmentBox header .txtRight{text-align:center;}
.assessmentBody > aside{display:block;}
.answer h3{font-size:1em;}
.question, .listQuestions{padding:10px;}
.assessmentBox h1{font-size:1.3em; padding:5px 0 20px;}
.questionControl{padding-bottom:15px;}
.assessmentSections .vbox > footer{padding:15px 0;}
.matchPairs li{border-bottom:1px solid rgba(0,0,0,0.1); display:block; padding-bottom:0;}
.matchPairs li aside{box-sizing:border-box; display:block; padding:0 15px;}
.matchPairs li aside:first-child, .matchPairs li aside:last-child{padding:10px;}
.matchPairs h3{font-size:15px;}
.matchPairs h3 span{font-weight:bold;}
.questionControl .pagination a{padding:0 7px;}
.questionControl .pgntInfo b{font-size:11px;}
.matchPairs .answer{width:auto;}
.matchPairs li aside{padding:0 10px;}
.assessmentBox header .txtRight{padding:10px; text-align:center;}

/*.assessmentBox section, .assessmentBox div{height:auto !important; overflow:visible !important; position:relative !important;}*/

/*Chat*/
.chatRoom header aside{padding-bottom:5px;}

/*Area Login*/
.areaLogin{background-color:#7b436a;}
.areaLogin header{/*background-color:transparent;*/ border:none; box-shadow:none;}
.uiBox .loginHeader{background-color:#006db0; height:50px; left:0; position:fixed; right:0; top:0;}
.areaLogin > section{position:fixed; left:0; right:0; top:50px; bottom:0;}
.logo{max-height:30px;}
.loginHeader input, .loginHeader small, .areaPagination aside:first-child{display:block; margin:0 0 15px; width:100%;}
.areaPagination aside:first-child{margin-bottom:0;}
.areaLogin small{padding-top:15px;}
.areaLogin .txtRight{text-align:center;}
.loginHeader .btnGreen{margin-right:0;}
.loginPage .landingContent, .loginPage .gap, .loginPage .tweets, .loginPage .askQuery{display:none;}
.loginPage > aside article{margin-bottom:0;}
.loginPage{padding-top:0;}
/*.loginWrapper .areaPagination{height:auto;}*/
.loginPage .infoSystem{padding-top:15px;}
.loginPage .label{display:inline-block; padding:0.4em 0.7em 0.4em 0.65em !important;}

.logIn{border:none;}

/*Pagination*/
.pgntInfo{padding:0 10px;}
.assessmentQuestion .pagination a, .assessmentQuestion .pgntInfo{padding:0 7px;}

/*Curriculum Brief*/
.currBrief > aside{padding:10px 0; text-align:center;}
.currInfo > aside{display:block;}
.currInfo{padding:0;}
.currInfo > .currImg{width:auto;}
.currInfo .infoGroup{padding:15px;}
.panel .infoGroup li{border-bottom:none; min-width:120px; margin-right:10px; padding-bottom:15px; width:auto;}

/*Overlay Activity*/
.oaWelcome h1, .oaTourEnd h1{line-height:1.4;}
.oaWelcome, .oaTourEnd{width:95%; max-width:400px;}
.overActBG li{width:260px;}

.iphone .mfp-close{position:fixed; right:20px; top:20px;}
.iphone .mfp-bg{position:fixed; left:0; top:0; right:0; bottom:0; width:auto; height:auto;}

.scroll-wrapper{overflow:auto !important; height:auto !important;}
.iphone html, .iphone body{overflow-y:scroll !important; -webkit-overflow-scrolling:touch;}

body > .lmsBox{min-height:100%;}

.ulImgCrop .container img{max-height:300px;}

/*Item List Tools*/
.categoryNames li{width:50%;}
.assessmentBox.categoryList header .txtRight{padding:10px; text-align:center;}

/*Preview List*/
.previewList{border-spacing:0; padding:0 10px;}
.previewList article{padding:0 10px 10px 0; width:auto;}
.previewList a{display:block; margin-bottom:10px;}

/*Server Errors*/
.areaServerError{margin:15px auto; padding:0 15px;}
.areaServerError header{padding:10px 15px;}
.areaServerError hr{margin:15px auto;}
.areaServerError header img{width:100px;}
.areaServerError h1{font-size:2em;}
.areaServerError h2{font-size:1.1em; padding-top:10px;}
.areaServerError h3{font-size:.9em;}
.serverError .lmsHeader{top:0;}
.serverError .lnkDashboard{display:block; top:0; width:auto;}

/*Catalog List*/
.catalogListDetails .catalogListFooter{padding-bottom:15px; text-align:center;}
.catalogListDetails .catalogListFooter > aside{margin:0 !important; padding:10px 10px 0 !important;}
.catalogListDetails .catalogListFooter > aside ~ aside{display:inline-block;}
.catalogListDetails .catalogListFooter > aside#currAction{display:block; padding-top:20px !important;}
.catalogListDetails .uiBox > .scrollable{padding:10px;}
.nomCurriculumBrief > aside{display:block;}
.nomCurriculumBrief aside ~ aside{padding-left:0;}
.nomCurriculumBrief figure{margin:0 auto;}
.catalogListDetails .tblChildElems.tdBlockTabMob td:first-child{border-top:none; padding-bottom:0;}
.catalogList{padding-right:3%;}
.catalogListDetails .tblChildElems td{padding-left:30%;}

/*My Plan*/
.currDetailLinks a{height:auto; padding-bottom:10px;}
.currDetailLinks .icon{display:block;}
.currContentList article, .currContentInfo li, .currDetailData > section > article{display:block; margin:15px 10px 0; width:auto;}

/*My Plan*/
.curriculumDetails > header{padding-right:0;}
.currDetailHeader{padding-top:240px;}
.curriculumDetails header figure{border:none; bottom:inherit; height:240px; left:0; max-height:240px; max-width:1200px; margin:0; padding:0; position:absolute; right:0; top:0; width:auto;}
.currNameStatus{background-color:#fff; bottom:60px; min-height:70px; position:absolute; left:10px; padding-right:15px; right:10px; z-index:2;}
.curriculumDetails header figcaption{bottom:auto; top:10px;}
.currDetailHeader h1{font-size:1.1em; font-weight:bold; line-height:1.2;}
.currDetailData > section > article{padding:0;}

.currDetailHeader.noCurrImage{background-color:#eee; padding-top:120px;}
.currDetailHeader.noCurrImage .currDetailLinks{background-color:#fff;}

/*Skills*/
.skillDetails .currDetailHeader{padding-top:0;}
.skillDetails .areaPagination{height:auto;}
.skillDetails .areaPagination > aside{padding:10px 0; text-align:center;}
.skillDetails .catalogList > div{margin:10px 0 0; width:auto;}
.skillDetails .catalogList{padding-right:0;}

/*Table Block for Mobile*/
.tblMobBlock > aside{display:block;}
.tblMobBlock > aside:not(.popupMain):not(.popupRef){text-align:center;}
.tblMobBlock > aside{margin-top:15px;}
.assessmentBox .ulSelectBox section{overflow:visible;}
.assessmentBox .ulSelectBox section:before{top:77px;}
.popupRef{width:auto;}

/*Team List*/
.teamProgress{padding:10px;}
.teamProgress tr td:first-child{display:block;}
.teamProgress tr td ~ td{display:inline-block; margin-right:-4px; width:50%;}
.teamProgress td > a{min-height:inherit;}
.teamProgress tr td ~ td > a{padding:7px 15px;}
.teamProgress tr ~ tr td ~ td{border:none;}
.teamProgress tr:nth-child(2n){background-color:#f9f9f9;}
.teamProgress .user{padding:10px 15px;}
.teamProgress .currProgress{margin-bottom:7px;}
.teamView .row{padding-bottom:5px;}
.teamView .row > aside{margin:15px 0 0;}
.teamView .portletHeader > aside:only-child{padding-bottom:0;}

/*Beige Block*/
/*.beigeBlock{padding:15px;}*/
.beigeBlock > aside{display:block;}
.beigeBlock > aside ~ aside{margin-top:15px;}

.curriculumList > table td{padding:10px;}
.curriculumList > table tr td ~ td{padding-top:0;}

.curriculumList .contentCpdDetails > td{padding:0 10px;}
.catalogListDetails .contentCpdDetails .tblChildElems td{padding:9px 10px 10px 30%;}
.teamProgress tr td ~ td{width:100%;}
/*.catalogListDetails .tdBlockTabMob .tag, .catalogListDetails .tdBlockTabMob .label{margin:0 0 0 10px !important;}*/
.catalogListDetails .tdBlockTabMob td:before{font-size:.9em; white-space:normal;}

.curriculumDetails header figure.lnkCertificate{background-color:#ddd; height:240px;}
.curriculumDetails header figure.lnkCertificate a{height:90px; margin:10px auto; max-width:200px;}
.lnkCertificate:not(.lnkUplCerticate) a{background-color:transparent;}

.skillList li{display:block; width:auto;}

.ifrmPreview{width:100%;}

.certHeader{padding-top:0;}
.curriculumDetails .certHeader figure, .curriculumDetails .certHeader .currNameStatus{position:static;}
.curriculumDetails header figure.lnkCertificate{background-color:#fff; height:auto; max-height:none; padding:10px;}
.curriculumDetails header figure.lnkCertificate a{margin:0; max-width:none;}
.certHeader .currNameStatus{padding-top:0;}

.infoGroup.table > aside .icnStatus{display:block;}
.infoGroup.table > aside .icnStatus ~ .icnStatus{margin-left:0 !important; margin-top:10px;}

/*Communication Chat*/
.commChat{padding:10px;}
.commChat li{margin-left:45px;}
.commChat li img{left:-45px; width:30px;}
.commChat li.ccMe{margin-left:0; margin-right:45px;}
.commChat li.ccMe img{left:auto; right:-45px;}

/*Advanced Dashboard*/
.adCol1, .grid-sizer, .adCol2, .adCol3{width:100%;}
.scrollPage .currDetailHeader{padding-top:0;}
.scrollPage .currNameStatus{position:static;}
.scrollPage .infoGroup li{display:block; width:auto;}
.adLrnPrgs{height:220px;}

/*Table*/
.table.mobBlock > aside{display:block;}

/*Alert Block*/
.alertBlock{max-width:90%;}

/*Notifications*/
.tbNotifications{position:absolute; right:50px; top:40px; width:50px !important;}
.lnkLearnerMenu, .lnkNotifications {height: 50px;width: 50px;}
.lnkNotifications:before {line-height: 50px;}
.notification-rect{top:50px !important;height:calc(100% - 50px) !important;}
.lnkNotifications.notify:after{top:14px;}
}

@media only screen and (max-width: 359px){
/*Overlay Activity*/
.overActBG li{width:230px;}
.overActBG p{font-size:12px;}
.overActBG p .btnGreen{font-size:13px;}
/*Item List Tools*/
.categoryNames li{display:block; width:auto;}
.categoryNames p{display:none;}

.themePanel .table > aside{display:block;}
.themePanel .table:not(.tblUiSetting) > aside ~ aside{margin-top:10px;}
.themePanel .table > aside.txtRight{text-align:left;}
.themePanel .table.tblUiSetting > aside{line-height:1.2;}
.themePanel .table.tblUiSetting > aside ~ aside{margin-top:5px;}
.themePanel .ulSelectBox section{right:auto;}

.assessmentTime{margin:0 15px;}

/*Advanced Dashboard*/
.adTabLinks.dashboardTypes .table{width:100%;}
.adTabLinks.dashboardTypes a{text-align:center;}
.adFilter input.pickDate[type="text"]{display:block; margin-bottom:5px; width:90%;}
.adFilter .ui-datepicker-trigger{margin:0 10px 0 0;}

}

@media only screen and (min-width: 600px){
/*Nominate Catalog*/
.catalogListDetails .currAttachments li{display:inline-block; width:50%;}
}

@media only screen and (max-width: 600px){
.iphone .mfp-iframe-holder .mfp-close{position:fixed; right:10px; top:10px;}
.iphone .mfp-iframe{max-width:100%;}
}

@media only screen and (min-width: 768px) and (max-width: 768px){
.iZendaReport .moduleHeader ~ .scrollable{top:90px !important;}

.landingContent{width:67.4694%;}
.landingSidebar{width:30.4898%;}

.registerNow{padding:10px 20px;}
.registerNow a{display:block; padding:3px 0;}

.grpDocuments small{min-width:90px; width:33.3%;}

/*My Plan*/
.curriculumDetails > header{padding-right:0;}
/*.currNameStatus{min-height:135px;}*/

.curriculumDetails header figure{/*height:calc(100% - 41px)*/ bottom:60px; height:auto; max-width:140px; top:15px;}
.lnkUplCerticate .icon{font-size:2em; padding-top:12px;}
.currContentList article, .currContentInfo li, .currDetailData > section > article{display:block; margin:15px 15px 0; width:auto;}
.currDetailData > section > article{padding:0;}
.currNameStatus{padding:15px;/*padding-right:155px;*/}
.catalogListDetails .tblChildElems td{padding-left:30%;}

.curriculumDetails header figure{height:100px; left:15px; margin-bottom:10px; position:relative; right:15px;}/*7.6*/

/*Dashboard*/
.ulCharts .portletHeader > aside:first-child{padding-left:15px;}
.ulCharts .portletHeader > aside:last-child{padding-right:15px;}

/*Skills*/
.skillDetails .currNameStatus{min-height:inherit;}
.skillDetails .currDetailData > section > article{padding:0;}

/*.batchList aside:not(.batchSelection):not(.batchDateTime){display:block; width:100%;}*/

/*Skills*/
.skillDetails .catalogList > div{width:47%;}
.skillDetails .catalogList figure ~ .curriculumInfo .catalogListHeader{padding:10px 10px 5px;}
.skillDetails .catalogList h3{font-size:1em; padding:0 10px 10px;}
.skillDetails .catalogList p{margin:0 10px 18px;}
.skillDetails .catalogListHeader > aside, .skillDetails .catalogListFooter > aside{text-align:left; line-height:1;}
.skillDetails .catalogListHeader > aside{display:block;}
.skillDetails .catalogListFooter > aside{display:inline-block; padding:10px 0 0; width:50%;}
.skillDetails .starRating b{font-size:1.1em;}
.skillDetails .catalogListHeader > aside ~ aside:not(:empty){padding:5px 0;}

.skillDetails .catalogListFooter:not(.areaPagination){padding:0 10px 10px;}
.skillDetails .catalogListFooter:not(.areaPagination) > aside{padding-left:0; padding-right:0;}
/*.skillDetails .catalogList .catalogListFooter > aside ~ aside{padding-top:0;}*/
.skillDetails .catalogListFooter > aside:last-child{text-align:left;}

.areaItemList ~ section .currDetailData .areaPagination{display:block; height:auto;}
.areaItemList ~ section .currDetailData .areaPagination > aside{display:block; text-align:center;}
.areaItemList ~ section .currDetailData .areaPagination > aside ~ aside{padding-top:15px;}
.areaItemList ~ section .currDetailData .areaPagination .pagination{text-align:center;}

.areaItemList ~ section .skillDetails .catalogList > div{float:none; margin:10px 0 0; width:auto;}

.teamProgress td{display:inline-block; margin-right:-4px; width:25%;}
.teamProgress td:first-child{display:block; width:100%;}
.teamProgress tr ~ tr td{border:none;}
.teamProgress .user{padding-bottom:0;}

}

@media only screen and (max-width: 768px){
/*Batch List*/
.batchList > li{position:relative;}
.batchList > li > aside{display:block;}
.batchList > li > aside:not(.batchStatusColor):not(.batchSelection){padding-left:75px;}
.batchList > li > aside.batchDateTime:not(.batchStatusColor):not(.batchSelection){padding-top:0; width:auto;}
.batchList > li > aside.batchSelection{bottom:0; position:absolute; left:0; top:0; z-index:2;}
.batchCount > aside{display:block; text-align:center;}
.batchCount > aside ~ aside{padding-top:10px;}

/*Course SCO*/
.courseSCO .table > aside{display:block; padding:10px 10px 0; width:auto !important;}
.courseSCO .table > aside ~ aside:last-child{padding-bottom:15px; text-align:left;}
.scoAttachments li{display:block; padding-top:5px; width:auto;}
.scoAttachments li:before{top:3px;}

.catalogListDetails .tblChildElems tr td:last-child{margin-bottom:15px;}

.topBarInfoPanel{display:none;}

/*Communication Chat*/
.commChat .table > aside{display:block;}
.commChat .table > aside ~ aside{padding-top:5px; text-align:left;}
.commChat footer > aside{display:block; text-align:center;}
.commChat footer > aside ~ aside{padding-top:0;}
.table.tabBlock > aside{display:block;}
}

@media only screen and (min-width: 769px) and (max-width: 1023px){
/*My Plan*/
.currContentList article, .currContentInfo li, .currDetailData > section > article{display:block; margin:15px 15px 0; width:auto;}
.currDetailData > section > article{padding:0;}
}

@media only screen and (min-width: 769px) and (max-width: 1024px){
/*Skills*/
.areaItemList ~ section .skillDetails .catalogList > div{width:48%;}

/*.currNameStatus{min-height:120px;}*/
}

/*****Mobile & Tablets*****/
@media only screen and (max-width: 768px){
/* comment by ahwai 20180822 */
/* .forDesk{display:none !important;} */
body, html{-webkit-overflow-scrolling:touch;}

/*Display Block*/
.dataList td, .addItem > aside{border-top:none; display:block !important;}
.msie9 td{width:100%\9;float:left\9;}

/*Table Child Elements*/
.tblChildElems td{border-top:none;}
.tblChildElems td:first-child{border-top:1px solid #eee; padding-top:10px;}
.tdBlockTabMob{margin-left:0; width:100%;}
.tdBlockTabMob th, .tdBlockTabMob td{display:block;}
.tdBlockTabMob th{position:absolute; top:-9999px; left:-9999px;}
.tdBlockTabMob td{box-shadow:none !important; position:relative; padding-left:30%;}
.tdBlockTabMob td:before{color:#999; position:absolute; top:10px; left:0px; width:25%; padding-right:10px; white-space:nowrap; text-align:right;}
.tdBlockTabMob td:before{content:attr(data-title);}
.tblChildElems.tdBlockTabMob td:first-child{border-top:1px solid rgba(0,0,0,0.1); padding-top:10px;}
.tblChildElems.noMarginTop tr:nth-child(2) td{border-top:none;}
.catalogListDetails .tblChildElems td:first-child{border-top:none; padding-bottom:0;}

/*.itemInfo > article, .areaItemList > article{padding:10px;}*/

.transcript{padding:10px 10px 0;}
.transcript header{font-size:1em; padding:10px 0;}
.transcript h2{line-height:inherit;}

/*Small Tabs*/
.smallTabNames > a{width:auto;}

.articleList a, .courseList a, .treeView > li, .pollArchive article{padding:15px 20px;}

/*Chat Room*/
.ulChat{overflow:hidden !important;}
.chatRoom.assessmentBox > section{bottom:0; left:0; position:fixed; right:0; top:54px;}
.chatRoom .assessmentQuestion .vbox > section{bottom:90px; left:0; position:fixed; right:0; top:54px; overflow-y:auto;}
.assessmentQuestion .slimScrollDiv{position:relative; height:auto !important; overflow:auto; top:0;}
.assessmentQuestion .slimScrollDiv > section{height:auto !important;}
.assessmentQuestion .paper{position:fixed; bottom:0; width:100%; z-index:2;}
.ulChat .assessmentBox .assessmentSections{display:none;}
.ulChat .assessmentBox .assessmentSections.show{background-color:#e4ebf2; display:block; position:fixed; width:100%; height:85%; top:54px; left:0; z-index:5; overflow-y:auto;}
.assessmentSections.show .slimScrollDiv, .assessmentSections.show .slimScrollDiv > section{height:100% !important;}
.ulChat .assessmentBox header{text-align:left; padding-left:15px; margin-right:60px; border-right:1px solid #ccc;}
.lnkOnlineUsers{display:block; position:absolute; top:0; right:0; width:60px; height:54px; text-align:center;}
.lnkOnlineUsers .icon.circle{background-color:#7b436a; color:#fff; float:none; font-size:1.4em; margin:10px 0 0; line-height:2; height:36px; width:36px;}
.lnkOnlineUsers:hover .icon.circle, .lnkOnlineUsers.current .icon.circle{background-color:#65bd77;}
.ulChat .paper{background-color:#ffffe8;}

/*.ipad .assessmentBox .pageBox.stretch, .ipad .assessmentBox, .ipad .ulChat .pageBox.stretch, .ipad .assessmentBox{display:block !important; max-height:420px !important; overflow-y:auto !important;}*/

/*Preview List*/
.previewList a:nth-child(n+3){display:none;}

/*iZenda Report*/
.iZendaReport, .iZendaReport .lmsHeader ~ section, .iZendaReport .pageBox.stretch, .iZendaReport .moduleHeader ~ .scrollable{position:absolute; left:0; right:0; top:0; bottom:0; overflow:hidden;}
.iZendaReport .lmsHeader ~ section, .iZendaReport .moduleHeader ~ .scrollable{top:50px;}

/*My Plan*/
.currContentList, .currContentInfo{padding:0;}
.currDetailLinks{display:table; width:100%;}
.currDetailLinks a{display:table-cell; height:auto; padding-bottom:10px; text-align:center;}

/*Mark Attendance*/
.atndcUsers .speaker, .atndcDate{border-right:none; display:block; width:100%;}

}

@media only screen and (max-width: 1024px){
/* comment by ahwai 20180822 */
/* .ipad .forDesk{display:none !important;} */
.ipad .curriculumDetails{height:100%;}
.row > aside{margin-bottom:20px;}
.articleList a, .courseList a, .treeView > li, .pollArchive article{padding:15px 20px;}

/*Shopping Cart*/
.shoppingCart{margin:10px;}

.itemInfo > article, .areaItemList > article{padding:10px;}

/*.content .pageBox.stretch, .content .pageBox.stretch > section, .content .pageBox.stretch > aside{height:auto;}*/

.currDetailHeader h1{padding-bottom:0;}

/*Team List*/
.teamProgress h5 span{display:block; margin:0;}
.teamProgress h5 span ~ span{margin-top:7px;}

.ipad .mfp-iframe-holder .mfp-close{position:fixed; right:10px; top:10px;}
.ipad .mfp-iframe-holder .mfp-content{min-height:94%; max-height:94%;}

/*UL Select Box*/
.ulSelectBox > a{text-align:left; /*white-space:normal;*/}

}

/*****Desktop & Tablets*****/
@media only screen and (min-width: 768px){

/*Initialise*/
html, body{overflow:hidden;}

/*Layout*/
.lmsBox > section{bottom:0; position:absolute; top:0; width:100%;}
.lmsBox > .lmsHeader ~ section, .lmsBox > .subModuleHead ~ section{top:50px;}
.lmsHeader > div{display:table-cell; float:none; height:100%; padding:0 !important; vertical-align:middle;}
.pageBox.stretch, .dashBoard{height:100%;}
.pageBox{border-spacing:0; display:table; table-layout:fixed; width:100%;}
.pageBox > aside, .pageBox > section{display:table-cell; float:none; height:100%; padding:0 !important; margin:0; vertical-align:top;}
.lmsBox{border-spacing:0; display:table; height:100%; overflow:auto; position:relative; width:100%;}
.lmsBox > header.moduleHeader ~ section{top:90px;}
.scrollable{top:90px;}
.moduleLinks{background-color:#fff; border-left:1px solid #CFCFCF; position:relative; width:100px; z-index:3;}
.moduleLinks.right{border-right:1px solid #CFCFCF; border-left:none;}
.ulChat .assessmentSections .slimScrollDiv, .ulChat .assessmentSections .slimScrollDiv > section{height:100% !important;}
/*.dataHeader{background-color:#fff; border-bottom:1px solid #E7EBF1; min-height:52px;}*/
html .infoGroup.threeColumns li{margin-top:5px; width:33.3%;}
html .infoGroup.threeColumns li.fullWidth{margin-top:10px; width:100%;}
html .infoGroup li.fullWidth, .infoGroup li.autoWidth{width:100%;}
html .white-popup .infoGroup li{padding:10px 10px 0 0; width:50%;}
.scrollPage{bottom:0; left:0; overflow-y:auto; position:absolute; right:0; top:0;}

/*Header*/
.lmsHeader .lmsSearch{padding:0 10px 0 5px !important; width:200px;}
.headerIcons{display:table-cell; min-width:10px; text-align:right;}
.lmsSearch input[type="text"]{width:100%;}

/*Module Header*/
.moduleHeader{display:table; height:90px; width:100%;}
.moduleHeader > div{display:table-cell; vertical-align:middle;}
.moduleName{padding-left:20px;}
.moduleActions{/*padding-right:20px; */text-align:right;}
.moduleHeader h1{color:#fff; font-size:2.15em;}

/*Item List*/
.areaItemList{border-right:1px solid #afafaf;}
.currInfo > .currImg img{border-radius:4px;}
.currInfo .infoGroup li:not(.fullWidth):not(.autoWidth){width:50%;}

/*UI Box*/
.uiBox{border-spacing:0; display:table; height:100%; /*position:relative;*/ width:100%;}
.right > .uiBox{table-layout:fixed;}
/*.content .uiBox{position:relative !important;}
.msie .content .uiBox > header, .msie .content .uiBox > section, .msie .content .uiBox > footer{position:relative !important;}*/
.msie .adjPageFooter .pageBox.stretch > .pageContent{height:auto !important; min-height:100%; position:relative !important;}
.uiBox > section, .uiBox > form > section, .uiBox > footer{bottom:0; position:absolute; width:100%;}
/*.firefox */.lmsNav .uiBox{position:relative;}
.uiBox > header, .uiBox > form > header, .uiBox > footer, .actionTopBar, .dataTableActions{height:60px;} /*modify by ahwai*/
.lmsNav .uiBox > header{height:90px;}
.uiBox > header ~ section, .uiBox > form > header ~ section{top:50px;}
.lmsNav .uiBox > header ~ section{top:90px; left:0;}
.uiBox > section.withFooter{bottom:50px;}

/*Pagination*/
.areaPagination{display:table; /* height:100%; */ width:100%;}/* modify by Marco 20231030 */
.areaPagination > aside{display:table-cell; vertical-align:top;padding-top:1px}/*modify by ahwai*/
.pagination{text-align:right;}
.pagination.left{text-align:left;}

/*.filterGroup .ctaFilter{padding-top:38px;}*/

/*Action Bar*/


/*Discussions*/
.comment, .message{margin:0px 20px 20px 20px;}
.message{padding:15px;}
.comment .comment .commentBody{padding:15px 0 10px 20px;}
.comment .comment .comment{margin:10px 0 20px 20px;}

/*Form View*/
.formView, .formView > form{display:table; width:100%;}
.formView dl{display:table-row;}
.formView dt{border-bottom:1px solid #f7f7f7; display:table-cell; padding:15px 20px; vertical-align:top;}
.formView .frmLabel{background-color:#f7f7f7; color:#333; padding:15px 20px; text-align:right; width:160px;}

/*Cart Items*/
.cartItems > article{display:table; width:100%;}
.cartItems > article > aside, .cartItems > article > section{display:table-cell; vertical-align:top;}
.cartItems > article > section{}

/*User Menu*/
.userMenu article{/*padding:20px; */width:320px;}
.userMenu article, .userMenu .slimScrollDiv{width:320px !important;}

/*UL Dashboard*/
.portletCalendar{display:table; height:100%; width:100%;}
.portletCalendar > aside{display:table-cell; height:100%; vertical-align:top;}
.portletHeader > aside{padding-right:20px;}
.portletHeader > aside:first-child{padding:0 0 0 20px;}
.ulPortlet{margin:0 10px 20px;}
.row:first-child{padding-top:20px;}
.row .row:first-child{padding:0;}
.dashCalendar td{height:40px;}
.answers li{display:block;}

/*Assessment*/
.assessmentBox header{display:table; height:50px; width:100%;}
.assessmentBox header aside{display:table-cell; padding:0 20px; vertical-align:middle;}
.assessmentTime{text-align:right;}
.assessmentBox > section{bottom:0; position:absolute; top:50px; width:100%;}
.assessmentBody{display:table; height:100%; width:100%;}
.assessmentBody > aside{display:table-cell; height:100%; vertical-align:top;}
.assessmentSections{width:200px;}
.vbox{border-spacing:0; display:table; height:100%; position:relative; width:100%;}
.vbox > section, .vbox > footer{bottom:0; position:absolute; top:0; width:100%;}
.vbox > section{bottom:50px;}
.assessmentQuestion .vbox > section{bottom:0;}
.vbox > footer{height:50px; padding-top:7px; top:auto; z-index:1000;}
.question{padding:20px 20px 10px;}
/*.listQuestions{padding:15px;}*/
.assessmentBox h1{font-size:1.5em; padding:5px 0 20px;}

/*Chat*/
.chatRoom .assessmentBody{display:table; width:100%;}
.chatRoom .assessmentBody > aside{display:table-cell; height:100%; vertical-align:top;}

/*Overlay Activity*/
.overActBG li{width:320px;}

.ulImgCrop, .ulImgCrop .container{position:absolute; left:0px; right:0px; bottom:0px; top:0px;}

/*.cropper-crop-box{max-height:100px !important; max-width:100px !important;}*/

/*Four Columns*/
.infoGroup.fourColumns li{width:25%;}

/*Item List Tools*/
.categoryNames li{width:33.3%;}

/*Preview List*/
.previewList a{width:50%;}
.previewList a:nth-child(n+3){display:none;}

/*My Plan
.currContentList article, .currContentInfo li{margin:15px -4px -4px 15px; width:calc(100% - 15px);}*/

/*Mark Attendance*/
.atndcDate{border-right:1px solid #eee; width:50%;}

/*Nominate Catalog*/
.catalogListDetails .currAttachments li{display:inline-block; width:33.3%;}

/*Advanced Dashboard*/
.adCol1, .grid-sizer{width:50%;}
.adCol2{width:66.6%;}
.adCol3{width:100%;}

/*Select Users*/
.selectUsers.twoColumns a{display:inline-block; margin-right:-4px; vertical-align:top; width:calc(50% - 10px);}
.selectUsers.twoColumns > a{border-top:1px solid #eee;}
.selectUsers.twoColumns a:nth-child(2n-1){margin-left:20px;}

}

/*****Tablets & Small Resolutions*****/
@media only screen and (min-width: 768px) and (max-width: 1024px) {

/*Display Block
.dataList td, .addItem > aside{border-top:none; display:block;}*/

/*ArticleList*/
.articleList article, .courseList article, .learnerList > article, .pollArchive article, .catalogList > div{width:48%;}
.areaItemList ~ .pageContent .courseList article{width:98%;}
.topicList article, .communityList article, .treeView > li{width:47%;}
.areaItemList ~ .pageContent .articleList article{width:98%;}
.topicList .start{width:auto;}

/*Contact List*/
.contactList article{width:47%;}

/*Item List*/
.areaItemList{width:200px;}

/*Item Info*/
.itemInfo{border-left:1px solid #CFCFCF; width:300px;/*200px*/}
.itemInfo .infoGroup li{display:block; margin-right:0; width:100%;}
.itemInfo .infoGroup .lnkSmall{padding:0;}

/*Info Group*/
.infoGroup li, .dataList .infoGroup li{padding-top:1%; padding-bottom:2%; padding-right:15px; width:auto; min-width:120px;}
.dataList .infoGroup.tab3Columns li{padding-right:10px; width:33%;}
.dataList .infoGroup li{width:auto;}
.helpDesk .infoGroup li{padding-top:15px; padding-bottom:5px;}
.tblChildElems .infoGroup li{padding-top:10px;}
.currInfo > .currImg{width:160px;}

/*Panel*/
.panel{margin:10px;}

/*Data Table & List*/
.dataList td{border-bottom:none; /*box-shadow:none;*/ padding-top:10px;}
.dataList:not(.lessPadding) table:not(.tblChildElems.tdBlockTabMob) tr td:first-child{border-top:1px solid #ccc; box-shadow:0 2px 0 rgba(0, 0, 0, 0.03) inset; padding-top:20px; padding-bottom:10px;}
.dataList table:not(.tblChildElems.tdBlockTabMob) tr:first-child td{border:none;}
.dataTable{margin:10px;}
.dataList .tblChildElems.tdBlockTabMob tr td:first-child{box-shadow:none; padding-top:10px;}

/*Dashboard*/
.column{width:48%;}

/*UL Chart*/
.row.ulCharts{display:table;}
.row.ulCharts > aside{display:table-cell;}
.row.ulCharts .table.tblChart, .row.ulCharts .table.tblChart > aside{display:block; margin:0 auto; position:relative; overflow:hidden;}
.row.ulCharts .table.tblChart > aside ~ aside{padding:10px 0 0;}
.ulCharts .dashCpdChart{min-height:215px;}

/*Filters*/
.filterGroup div{width:50%;}
.filterGroup input{width:99%;}
.filterGroup input.autoWidth{width:auto;}

/*Messages*/
.messageBox > aside{display:block;}
.messageBox .uiBox > section{position:relative; top:0;}
.messageBox > .right{border-bottom:1px solid #CFCFCF;}

/*Profile*/
.profile{margin:10px;}

/*Media List*/
.mediaList{margin:10px;}
.mediaList > article{width:50%;}
.photo img{/*width:100%; */max-width:100%;}
.jwplayer img{width:auto;}

/*UL Dashboard*/
.portletMonth{width:250px;}

.areaLogin header, .areaLogin .scrollable{padding:0 15px;}
.blogSummary h6, .ulTabs .moduleNames h6{font-size:14px;}

/* Video */
.auto-resizable-iframe{max-height:310px;}

.myPlan h1{margin-top:10px;}
.myPlan h5{line-height:16px; word-wrap:break-word;}
.myPlan .itemList a .table{padding:10px;}
.myPlan .itemList a aside:first-child{width:70px;}
.withCategories .itemList a{margin:0;}

/*Item List Tools*/
.itemListTools .table{margin:0 auto; width:auto;}
.itemListTools .table > aside{display:block;}
.itemListTools .table > aside.txtRight{padding-top:10px; text-align:center;}

/*.ulSelectBox span, .ulIconSelectBox span{min-width:170px;}*/
.assessmentBox .ulSelectBox span{min-width:200px;}

.myPlan .itemList .tag, .curriculum .tag.grey{white-space:normal;}
/*.curriculumDetails header figure{max-height:110px;}*/

/*.currDetailLinks a{height:auto; padding-bottom:12px;}*/

/*Advanced Dashboard*/
.adTabLinks.dashboardTypes .table{width:100%;}
.adTabLinks.dashboardTypes a{text-align:center;}
.adFilter input.pickDate[type="text"]{display:block; margin-bottom:5px; width:90%;}
.adFilter .ui-datepicker-trigger{margin:0 10px 0 0;}

/*.content .pageBox.stretch > aside{height:auto;}*/
.pageBox.stretch.messageBox > aside{height:auto;}

}

@media only screen and (min-width: 1024px){
.courseList article{width:33%;}
.areaItemList ~ .pageContent .courseList article{width:49.1%;}
.catalogList > div{width:32%;}

/*Preview List*/
.previewList article{width:33.3%;}
.previewList a:nth-child(n){display:table-cell;}
.previewList a:nth-child(n+4){display:none;}
.previewList a{width:33.3%;}

/*Catalog List*/
.catalogListDetails .tblChildElems td{border:none !important; padding:5px 0;}
.currInfo .infoGroup li:not(.fullWidth):not(.autoWidth){width:33.3%;}
.grpDocuments small{min-width:90px; width:25%;}

/*My Plan*/
.currContentList article, .currContentInfo li{margin:15px -4px -4px 15px; width:calc(50% - 15px);}

/*Mark Attendance*/
.atndcDate{width:33.3%;}

/*Advanced Dashboard*/
.advDashboard{padding-right:0;}
.adCol1, .grid-sizer{width:33%;}
.adCol2{width:66%;}
.adCol3{width:65.9%; position:static !important;}

}

@media only screen and (max-width: 1024px){

.currBrief{table-layout:fixed;}
.ie11 .content .stretch.pageBox > aside{height:auto;}

}

@media only screen and (min-width: 1025px){

/*UL Dashboard*/
.row{display:table;}
.row.tblFixed{table-layout:fixed;}
.row > aside{display:table-cell; height:100%; vertical-align:top;}
.row .columnBig{width:67%;}
.row .columnSmall{width:33%;}
.row .columnMed{width:50%;}
.row .column20{width:26%;}
.row .column40{width:37%;}
.tblChart.fullWidth .msg{padding-top:0;}

/*Shopping Cart*/
.shoppingCart{margin:20px;}

/*UL Dashboard*/
.portletMonth{width:300px;}

/*Filters*/
.filterGroup div{width:25%;}
.filterGroup input{width:99%;}
.filterGroup input.autoWidth{width:auto;}

/*Preview List*/
.previewList a{width:25%;}

.grpDocuments small{min-width:140px; width:auto;}

/*Mark Attendance*/
.atndcUsers .speaker{width:33.3%;}
.atndcDate{width:20%;}
}

/*****Desktop*****/
@media only screen and (min-width: 1200px){
}
@media only screen and (min-width: 1300px){
/*My Plan*/
.currContentList article, .currContentInfo li{margin:15px -4px -4px 15px; width:calc(33.3% - 15px);}
.skillList li{display:inline-block; width:50%;}

}

/*****Desktop*****/
@media only screen and (min-width: 1025px) and (max-width: 1399px){
	
/*Display Block*/
.forDesk{display:block;}

/*Info Group*/
.infoGroup li:not(.fullWidth):not(.autoWidth){padding-top:1%; padding-bottom:1%; width:33%;}
.transcript .infoGroup.tab3column li:not(.fullWidth):not(.autoWidth){width:auto;}
.white-popup .infoGroup li:not(.fullWidth):not(.autoWidth){padding:10px 10px 0 0; width:50%;}
.areaItemList ~ .pageContent .dataList .infoGroup li{width:49%;}
.panel .dataList .infoGroup li{width:31% !important;}
.infoGroup.tab4Columns li{width:25%;}
.tdBlockTabMob .infoGroup.tab4Columns li{width:49%;}
.infoGroup.tab5Columns li{width:20%;}
.itemInfo .infoGroup li:not(.fullWidth):not(.autoWidth){padding-bottom:15px; width:50%;}

/*Item Info*/
.itemInfo{border-left:1px solid #CFCFCF; width:300px;}
.itemInfo .infoGroup li{box-sizing:border-box; padding-bottom:10px; padding-right:10px; width:50%;}
aside.right{border-left:none; border-right:1px solid #CFCFCF;}
/*.dataList .infoGroup li{display:block;}*/

/*Item List*/
.areaItemList{width:300px;}
.areaItemList.small{width:200px;}

/*Paper*/
.answers li{display:block;}

/*Filters
.filterGroup input{min-width:300px;}*/

/*Media List*/
.mediaList{margin:20px;}
.mediaList > article{width:33.3%;}

/* Grid Blocks */
.gbThirty{width:30%;}
.gbSeventy{width:70%;}

/*Community List*/
.communityList div > img, .communityList div > p{display:table-cell; vertical-align:top;}
.treeView > li{width:32%;}

/*Learner View*/
.learnerView .speaker{margin-bottom:20px;}

/*Course List*/
.courseList article{width:24.5%;}
.areaItemList ~ .pageContent .courseList article{width:33%;}
.catalogList > div{width:23.7%;}
.areaItemList ~ .pageContent .catalogList > div{width:32%;}

/*Preview List*/
.previewList article{width:25%;}
.previewList a:nth-child(n){display:table-cell;}
.previewList a:nth-child(n+5){display:none;}

.skillList li{display:inline-block; width:33.3%;}


}

/*****Large Screens*****/
@media only screen and (min-width: 1400px){

/*Display Block*/
.forDesk{display:block;}

/*ArticleList*/
.articleList article, .courseList article, .communityList article, .topicList article, .treeView > li, .contactList > article, .learnerList > article, .pollArchive article, .catalogList > div{width:24.1%;}
.areaItemList ~ .pageContent .courseList article{width:33%;}

/*Item List*/
.areaItemList{width:300px;}

/*Item Info*/
.itemInfo{border-left:1px solid #CFCFCF; width:300px;}
.itemInfo.right, aside.right{border-left:none; border-right:1px solid #CFCFCF;}
.itemInfo .infoGroup li{box-sizing:border-box; padding-bottom:10px; width:50%;}

/*Info Group*/
.infoGroup li:not(.fullWidth):not(.autoWidth){padding:0 4% 1% 0;}
.transcript header ~ .infoGroup li:not(.fullWidth):not(.autoWidth){padding:10px;}
.helpDesk .infoGroup li{padding:1% 4% 0 0;}
.transcript .infoGroup li{width:20%;}
.itemInfo .infoGroup li:not(.fullWidth):not(.autoWidth){padding-bottom:15px; width:50%;}

/*UL Dashboard*/
.answers li{display:inline-block; margin-right:-4px; padding-right:15px; vertical-align:top; width:50%;}

/*Filters
.filterGroup input{min-width:300px;}*/
.filterGroup div{width:20%;}

/*Media List*/
.mediaList{margin:20px;}
.mediaList > article{width:25%;}

/* Grid Blocks */
.gbThirty{width:30%;}
.gbSeventy{width:70%;}

/*Community List*/
.communityList div > img, .communityList div > p{display:table-cell; vertical-align:top;}

/*Learner View*/
.learnerView .speaker{margin-bottom:20px;}

/*Preview List*/
.previewList a{width:20%;}


.skillList li{display:inline-block; width:33.3%;}

}

@media only screen and (min-width: 1400px){
/*
comment by ahwai 20180821 for transcript
*/
/* .transcript .infoGroup li{width:14.28571428571429%;} */

/*Preview List*/
.previewList article{width:20%;}
.previewList a:nth-child(n){display:table-cell;}
}

@media only screen and (min-width: 1600px){
/*Course List*/
.courseList article{width:19.8%;}
.areaItemList ~ .pageContent .courseList article{width:19.8%;}
.catalogList > div{width:19.2%;}
.currInfo .infoGroup li:not(.fullWidth):not(.autoWidth){width:16.66666666666667%;}

/*My Plan*/
.currContentList article, .currContentInfo li{margin:15px -4px -4px 15px; width:calc(25% - 15px);}

/*Mark Attendance*/
.atndcUsers .speaker{width:25%;}
.atndcDate{width:20%;}

/*Advanced Dashboard*/
.adCol1, .grid-sizer{width:20%;}
.adCol2{width:40%;}
.adCol3{width:59.9%;}
.adLrnPrgs{height:300px;}
}

@media only screen and (min-width: 1900px){
/*My Plan*/
.currContentList article, .currContentInfo li{margin:15px -4px -4px 15px; width:calc(20% - 15px);}

/*Mark Attendance*/
.atndcUsers .speaker{width:20%;}
.atndcDate{width:12.5%;}


.skillList li{display:inline-block; width:25%;}
}

/*Print*/
@media print {
body{font-size:.7em; /*-webkit-print-color-adjust:exact;*/}
.printHeader{display:block; font-size:1.3em; width:100%;}
.lmsHeader, .userMenu, .lmsNav, .moduleHeader, .ulIcn, .uiBox > header, .uiBox > footer, .itemInfo, .areaFilters, .areaFilters.show{display:none;}
.pageContent{background-color:transparent; box-shadow:none; padding:0;}
body{padding:0;}
.transcript header{background-color:transparent; border:1px solid #ccc;}
.transcript header ~ .infoGroup li{border-color:#ccc !important;}
.transcript > article{page-break-after:always;}
.transcript .infoGroup li{padding-bottom:15px;}
.infoGroup label{color:#999;}
.smallTabData > div{display:block;}
.learnerList > article{float:none; position:relative !important; width:98% !important; top:auto !important; left:auto !important;/* page-break-before: always;*/page-break-inside: avoid;}
/*.speaker img, */.itemInfo h6, .itemInfo .memberName, .smallTabNames{display:none;}
.smallTabs .slimScrollDiv, .smallTabs .slimScrollDiv ul, *{height:auto !important;}
.smallTabData{position:relative;}
.smallTabData div{float:left; width:33.3%; vertical-align:top;}
.itemInfo{width:auto;}
.itemInfo > article{border-bottom:none; padding:0 0 7px;}
.itemInfo .infoGroup{padding-top:0;}
.itemInfo .infoGroup li{padding-bottom:0;}
.infoGroup, .infoGroup li{height:auto !important; left:inherit !important; position:relative !important; top:inherit !important; width:auto !important;}
.infoGroup li{width:20% !important; padding-right:20px;}
.infoGroup label{color:#999 !important;}
.infoGroup.tab4Columns{width:100%;}
.infoGroup.tab4Columns li{width:25%;}
.contact{display:table; width:100%;}
.contact span, .contact > div{display:table-cell;}
.contact span{width:55px;}
.contact > span img{border:none; height:50px; width:50px;}
.transcript{padding-top:0;}
.transcript .infoGroup{width:100% !important;}
.label, .tag{border:1px solid #000; color:#000; font-size:11px;}
.tblChildElems .infoGroup li{white-space:nowrap;}
.infoGroup .tag, .infoGroup .label{margin:0;}
img{max-width:none; width:auto;}
.dataList > table, .dataTable > table, .dataTable{overflow:visible;}
.dataList > table, .dataTable > table{box-shadow:none;}
.row.ulCharts{display:table; table-layout:fixed; width:100%;}
.row.ulCharts > aside{display:table-cell;}
.row.ulCharts .ulPortlet{box-shadow:none;}
.row.ulCharts .portletHeader{border:none; padding-bottom:5px;}
.teamProgress .currProgress{border:1px solid #ccc; box-shadow:none;}
.teamProgress .currProgress div{border:1px solid #000; box-shadow:0 -6px rgba(0,0,0,0.1) inset; padding:3px;}
.teamProgress h5 span{display:block;}
.curriculum img{width:90px;}

.commChat > li{page-break-inside:avoid;}
.currDetailHeader figure, .currDetailLinks a:not(.current){display:none;}
.currNameStatus{padding:15px 15px 20px;}
.currDetailLinks{border-color:#000; text-align:center;}
.currDetailLinks .current, .currDetailLinks .current:after{border-color:transparent;}

}

/*IE11*/
@media all and (-ms-high-contrast:none)
{
/*.foo { color: green }  IE10 */
/* IE11 */
*::-ms-backdrop, .content .uiBox > .scrollable {height:calc(100% - 50px);} 
*::-ms-backdrop, .content .lmsBox > .scrollable {height:calc(100% - 5.265em);} 
*::-ms-backdrop, .content .uiBox > .scrollable.withFooter {height:calc(100% - 100px);} 
*::-ms-backdrop, .content .lmsBox > .scrollable.withFooter {height:calc(100% - 100px);}
*::-ms-backdrop, .lmsNav nav a{display:block; padding-top:16px;}
*::-ms-backdrop, .userPic a{display:block; padding-top:14px;}
}

@media all and (min-width:768px){
.scrollable{-webkit-overflow-scrolling: touch;}
}