@charset "utf-8";
/* CSS Document */

/*---------------------[ Fonts ]--------------------------*/
@font-face {font-family:'ralewaysemibold'; src: url('../fonts/raleway-semibold.eot'); src: url('../fonts/raleway-semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/raleway-semibold.woff') format('woff'), url('../fonts/raleway-semibold.ttf') format('truetype'), url('../fonts/raleway-semibold.svg#ralewaysemibold') format('svg'); font-weight: normal; font-style: normal;}

@font-face {font-family: 'ralewayregular';src: url('../fonts/raleway-regular.eot');src: url('../fonts/raleway-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/raleway-regular.woff') format('woff'), url('../fonts/raleway-regular.ttf') format('truetype'), url('../fonts/raleway-regular.svg#ralewayregular') format('svg'); font-weight: normal; font-style: normal;}

@font-face {font-family: 'ralewaymedium';src: url('../fonts/raleway-medium.eot');src: url('../fonts/raleway-medium.eot?#iefix') format('embedded-opentype'), url('../fonts/raleway-medium.woff') format('woff'), url('../fonts/raleway-medium.ttf') format('truetype'), url('../fonts/raleway-medium.svg#ralewaymedium') format('svg'); font-weight: normal; font-style: normal;}

@font-face {font-family: 'ralewaylight'; src: url('../fonts/raleway-light.eot'); src: url('../fonts/raleway-light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-light.woff') format('woff'), url('../fonts/raleway-light.ttf') format('truetype'), url('../fonts/raleway-light.svg#ralewaylight') format('svg'); font-weight: normal; font-style: normal;}

@font-face {font-family: 'ralewaybold'; src: url('../fonts/raleway-bold.eot');src: url('../fonts/raleway-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-bold.woff') format('woff'),url('../fonts/raleway-bold.ttf') format('truetype'), url('../fonts/raleway-bold.svg#ralewaybold') format('svg');font-weight: normal;font-style: normal;}

/*---------------------[ Fonts ]--------------------------*/

@media print {
   .hide-print { display:none;}
}


* {
	margin: 0;
	outline:0;
}
.form-horizontal .form-group {margin-right:0;margin-left:0;width:100%;}
:focus, :hover {outline:0!important;}
html, body {height: 100%;}
.mainWrapper {min-height: 100%;	height: auto !important; height: 100%; margin: 0 auto -67px;}
.loggedWrapper {min-height: 100%;	height: auto !important; height: 100%; margin: 0 auto -53px;}
body {font-size:13px; font-smooth:always; font-family: 'ralewayregular'}
.spacer {clear:both; height:14px;}
.topFix { height:96px; clear:both;}
.ie-msgBlock { display:none}
.ie-msgBlock-Outer { display:none;}
/*.margin30 {margin-top:96px;}*/
/*-----Border 2px-----*/
.formBlocks, .course-right-pro-bar, .box-3, .crssheduld, .gridContainer, .gridContainer2, .group-wrap, .gridWrapper {border:2px solid #F0F0F0;}
/*-----border 2px end-----*/
/*-----border 1px -----*/
.borderyes,.interaction_image,.box-corse, .linkStyle a {border:1px solid #DFDFDF;}
/*-----border 1px end-----*/
/*-----shadow-----*/
.interaction_image, .settingslink a, .homedrop, .box-shadow {-webkit-box-shadow: 0px 0px 1px 0px #D4D4D4;-moz-box-shadow: 0px 1px 4px 0px #D4D4D4;box-shadow: 0px 1px 4px 0px #D4D4D4; background:#FFF;}
/*-----shadow end-----*/
/*-----shadow inner start-----*/
.dropwidth {
   -moz-box-shadow:    inset 0 0 2px #CACBCD;
   -webkit-box-shadow: inset 0 0 2px #CACBCD;
   box-shadow:         inset 0 0 2px #CACBCD;
}
/*-----shadow inner end-----*/
/*-----border radius-----*/
.expandfaq, .faq-right ul, .borderyes, .interaction_image, .settingslink a, .formBlocks, .tagsSelect, .ceCourseblock, .navsub li a, .homedrop, .messg span, .nav-pills > li > a, .lauchBtn, .gridContainer, .gridContainer2, .gridWrapper, .course-right-pro-bar, .border-radius, .welcometo, .crssheduld, .box-corse, .linkStyle a {-webkit-border-radius:4px!important;-moz-border-radius:4px!important;border-radius:4px!important;}
/*-----border radius end-----*/
.box-3 .lernerPro b, .nav > li > a, .messg span, .box-corse p, .box-3 h4, .crssheduld h4, .course-right-pro-bar h4, .gridContainer h4, .gridContainer2 h4, .gridWrapper h4, .box-3 .actvLince li span, .box-3 .chartInfo li span, .welcometo h2, .subHdr {font-family:'ralewaysemibold';}
/*------------------------------*/
.modal-header button.close { font-size: 50px !important; font-weight:normal !important; margin-top:-11px; position:relative;}
.spacer40{ height: 50px;}
h5, .h5 {font-family: 'ralewayregular'; font-size:17px!important;}
h3, .h3 {font-family: 'ralewayregular'; font-size:20px!important;}
.box-3 {min-height:243px; position:relative; padding:7px;}
.edit-BTn-V2 {position:absolute; right:18px; top:15px; width:14px; height:14px; display:table;}
.edit-BTn-V2 a {background:url(../images/kmc-edit-icon.png) no-repeat top left; width:14px; height:14px; display:block;}
.edit-BTn {position:absolute; bottom:16px; right:18px; width:14px; height:14px; display:table;}
.edit-BTn a {background:url(../images/kmc-edit-icon.png) no-repeat top left; width:14px; height:14px; display:block;}
.box-3 h4 {float:left; color:#000000;}
.past-due-more{ margin-left : 12px}
.highcharts-title tspan {font-family: 'ralewaylight';}
.box-3 .chartInfo {float:right; list-style:none; margin:0; padding:0; position:absolute; right:10px; top:13px; z-index:100;}
.box-3 .chartInfo li span{float:right; padding-left:5px; color:#000; font-size:13px; font-family: 'ralewaymedium'; min-width:18px;}
.box-3 .chartInfo li {font-size:13px; color:#656565; font-family: 'ralewaylight'; text-align:right;}
.box-3 .chartInfo li b {font-weight:500; color:#000; font-family:'ralewaymedium';}
.box-3 .lernerPro img, .box-3 .lernerPro ul {float:left;}
.box-3 .lernerPro p { margin:0; padding:0; font-size:13px;}
.box-3 .lernerPro p span {font-size:12px; color:#999; font-family: 'ralewaylight'}
.box-3 .lernerPro img {margin-right:10px; border:1px solid #F0F0F0; padding:3px;}
.box-3 .lernerPro h6 { margin:0px!important; font-size:12px; font-weight:normal; font-family: 'ralewaylight';}
.box-3 .lernerPro b { font-size:16px; font-family:'ralewayregular'; font-weight:normal;}
.box-3 .lernerPro p {font-family:'ralewaymedium';}
.box-3 .actvLince {margin:0; padding:0; font-size:11px; list-style:none; max-height:82px; overflow:auto;}
.box-3 .actvLince li span {padding-right:7px; font-family:'ralewaymedium'; color:#333333; font-size:13px;}
.box-3 .actvLince li {margin:2px 0;}
.box-3 .actvLince li a {color:#0099CC; font-size:14px; font-family:'ralewaymedium';}
.welcometo {background: url(../images/indication-icon-KMC.png) no-repeat 17px center #F6F9EE; padding:10px 10px 10px 48px; color:#616161; position:relative;}
.closebtn a {background:url(../images/KMC-close-icon.png) no-repeat; width:10px; height:10px; display:block;}
.closebtn {width:10px; height:10px; display:block; position:absolute; top:10px; right:12px;}
.welcometo h6, .welcometo h2, .welcometo p { margin:0px!important; padding:0!important;}
.welcometo h2, .subHdr {font-size:15px;}
.welcometo h6 {font-size:12px; }
.welcometo p { font-size:14px;}
.crssheduld {padding:10px 6px; }
.crssheduld h4 { padding:0px!important; margin:0px!important; line-height:28px; color:#000000; font-family: 'ralewaysemibold';font-size: 15px;}
.box-corse {padding:10px; min-height:144px;}
.box-corse p { font-size:17px; color:#333; margin-bottom:5px!important; font-family: 'ralewaybold';}
.box-corse p a {color:#333; font-family: 'ralewaybold'; text-decoration:none;}
.courseLink {border-top:1px solid #DFDFDF; list-style:none; margin:0px!important; padding:0px!important; position:absolute; width:90%; bottom:21px;}
.height109	{ min-height:146px!important;}
.courseLink2 {list-style:none; margin:0px!important; padding:0px!important;}
.courseLink2 li {float:right; text-align:right; text-decoration:none; padding:3px 0 0 8%;}
.courseLink2 li a { background:url(../images/KMC-arrow-default.png) no-repeat right center; padding-right:13px; color:#0099CC; font-size:14px;}
.courseLink li {float:right; text-align:right; text-decoration:none; padding:9px 0 0 8%;}
.courseLink li a { background:url(../images/KMC-arrow-default.png) no-repeat right center; padding-right:13px; font-size:14px;}
.list-ul {margin:0; padding:0; list-style:none; font-size:13px; color:#4E4E4E;}
.list-ul li span {padding-right:7px; font-weight:500; font-size:13px;}
.crssheduld .col-md-6, .crssheduld .col-sm-6, .crssheduld .col-xs-12 {padding-bottom:14px;}
.course-right-pro-bar  {padding:10px;}
.gridContainer, .gridContainer2  {padding:10px 17px; font-family:'ralewaymedium'; font-size:14px;}
.gridWrapper {padding:10px 20px; font-family:'ralewaymedium'; font-size:13px;}
.course-right-pro-bar h4 { margin:0; padding:0;}
.course-right-pro-bar p {margin-top:10px; font-size:12px;}
.course-right-pro-bar a {color:#0099CC; background:url(../images/KMC-arrow-default.png) no-repeat right center; padding-right:13px; font-size:12px;}
.gridContainer .table a {background:url(../images/KMC-arrow-default.png) no-repeat right center; padding-right:13px;}
.footer { padding:8px; color:#FFF!important; font-size:13px;}
.lauchBtn {width:100%; color:#FFF; padding:20px!important;}
.photoUpload {color:#FFF!important; width:50%; margin-top:6%;}
.photoUpload:hover {background:#477AB4; color:#FFF!important;}
.lauchBtn:hover {background:#477AB4; color:#FFF!important;}
.photoborder {/*border-right:1px solid #ccc;*/ margin-top:15px;}
.header {width:100%; position:fixed; height:85px; z-index:102; top:0; background: url(../images/header-nav-bg.png) top left repeat-x;}
.logo { border:1px solid #E3E3E3; width:103px; height:85px; background:#fff;}
.logo a { display:block; background-size:100% 100%; width:101px; height:85px;}
.logo-container {  box-sizing: border-box; width:102px; height:85px; float:left;}
.knlgCntr { height:55px; padding-left:30px; line-height:55px; font:normal 17px "Trebuchet MS"; font-style:italic; padding-top:19px;}
.course-right-pro-bar h4, .gridContainer h4, .gridContainer2 h4 { color:#000000; font-family: 'ralewaysemibold'; font-size: 15px;}
.nav-container { margin-left:103px;}
.msgIcon-Wrap {float:right; margin-top:19px;}
.msgIcon-Wrap ul li { float:left; }
.msgIcon-Wrap ul {list-style:none;}
.messg {position:relative; background:url(../images/kmc-message-icon.png) no-repeat; background-size:100% 100%; width:26px; height:21px; display:block;}
.messg span {position:absolute; background:#F00; color:#FFF; top:-5px; right:-7px; font-size:11px; min-width:15px; text-align:center; border-bottom:1px solid #747474; border-right:1px solid #747474;}
.messg a { display:block; height:25px; width:25px;}
.homearea {padding-left:21px; /*margin-right:37px;*/  position:relative;}
.homearea b {background:url(../images/homemenu-icon.png) no-repeat left top; background-size:100% 100%; width:18px; height:12px; display:block; float:right; margin-top:3px; margin-left:6px;}
.homedrop {position:absolute; background:#fff; border:2px solid #E4E4E4; min-width:317px; right:-2px; z-index:100; top:35px; padding:21px 10px; text-align:center;}
.homedrop ul {margin:0; padding:0;}

.homedroup-top-arrow {position:absolute; width:16px; height:15px; background:url(../images/home-top-arrow.png) no-repeat; display:block; right:11px; top:-15px;}
.homedrop ul {font-size:12px; display:inline-block; padding-left:18px; width:100%;}
.homedrop ul li {width:46%; margin:0 0 6px; text-align:left;}
.homedrop ul li a {display:block; background:url(../images/KMC-arrow-default.png) no-repeat left center; padding:2px 0 2px 18px; font-size:13px;}
.homedrop ul li.logout-ico a {background:url(../images/logout-icon.png) no-repeat left center;}
.homedrop ul li.help-ico a {background:url(../images/help-ico.png) no-repeat left center;}
.homedrop ul:nth-child(3) {margin-left: 10px; width:110px;}
.loadMore {background:url(../images/KMC-arrow-down.png) no-repeat bottom center; font-size:12px; padding-bottom:11px; margin:0 auto; display:block; width:62px; outline:0; clear:both }
.loadMore:focus {outline:0;}
.navNew { text-align:center;  display: table; width: 100%;}
.navNew li {display: table-cell!important; height: 19px;  width: 10.667%;line-height: 19px;text-align: center; white-space: nowrap;}
.navNew li a { padding:6px 0px!important;}
.homeLink { float:left; color:#000; font-size:13px;}
.iconnote { background:url(../images/KMC-note-icon.png) no-repeat; padding:0 23px 1px;}
.padding-15 {padding-left:26px;}
.dropwidth { width:178px; text-align:left!important; line-height:16px!important; margin:0!important; padding:2px 12px!important;}
.dropwidth .caret { float:right; position:relative; top:6px;}
.sortby { font-weight:normal; padding-right:10px; padding-top:4px; font-family: 'ralewayregular'; font-size:13px;}
.btn, .btn-info {/*font-family: 'ralewayregular';*/ font-size:13px!important;}
.dropwidth b { font-weight:normal; position:relative;}
.lngIcon {background: url(../images/lng-icon.png) no-repeat left; padding: 1px 17px 1px 31px; float: left; height: 34px;}
.stateIcon {background:url(../images/state-icon.jpg) no-repeat; padding-left:22px;}
.gridContainer table thead tr th, .gridContainer2 table thead tr th {border-bottom:none!important; border-bottom-color:#FFF!important; padding:0 8px!important;}
.bordrNone td {border-top:none!important;}
.crssheduld h2 { margin-top:8px!important; font-weight:normal!important;}
.padding2-20 {padding:2px 20px!important;}
.padding20 {padding:20px!important;}
.navsub {float:right; margin-top:9px;}
.navsub li {float:left; margin:0 5px;}
.navsub li a { padding:5px; color:#0099CC;}
.navsub {list-style:none;}
.cls {clear:both;}
.subnavWrap h1 { float:left; margin-top:6px; font-size:22px; /*margin-bottom:0px;*/}
.subnavWrap h5 { float:left; margin-top:0px; margin-bottom:0px; font-size:13px!important; clear:both;}
.navsub li a.subactive {border:1px solid #F0F0F0; color:#666;}
#lic-cht-container {float:left; width:242px!important; position:relative; top:-10px; left:10px;}
/*.highcharts-container {height:122px!important;}*/
#pending-co-chart {float:left; width:242px; clear:left; position:relative; top:19px;}
#highcharts-0, #highcharts-2 {height:122px!important;}
#highcharts-4 {height:234px!important;}
#highcharts-8 {height:236px!important;}
.learner-course {margin:0; padding:0;}
.learner-course li {list-style:none; text-align:center; background:#F8F8F8; font-family: 'ralewayregular'; font-size:13px; padding:7px; margin-bottom:9px;}
.learner-course li span {display:block;}
.course-wrap {min-height:80px; }
.co-inner-big {font-family:'ralewaysemibold'; font-size:28px;}
.highcharts-legend-item text {font-weight:normal!important;}
.highcharts-legend-item { border:1px solid #666; padding:3px;}
.pass-due { margin:0 0 0 6px; padding:0; list-style:none; clear:left;}
.pass-due li {color:#333;}
.pass-due li.pass-due-title {font-family:'ralewaysemibold';}
.pass-due-cont {text-align:center;}
.carrier-path-link { background:none!important; margin:0 auto; display:block; text-align:center;}
.normal-link { background:none!important; }
.iconarrow {background:url(../images/grid-arrow-new.png) no-repeat 8px 0; padding-left:25px;}
.padding-19 {padding-left: 19px;}
.learner-groups h3, .individual-group h3 {margin:0; padding:0 0 0 13px; float:left; font-family:'ralewaysemibold'; font-size:16px!important;}
.group-tgl-btn {float:right; display:block; width:16px; height:10px; margin-top:7px; position: absolute;
right: 12px;top: 11px;}
.tgl-down {background:url(../images/tgl-down.png) no-repeat;}
.tgl-up	{background:url(../images/tgl-up.png) no-repeat;}
.learner-groups h3, .individual-group h3 {background:url(../images/icon-lnr.png) no-repeat; padding-left:33px; height:25px; line-height:24px;}
.group-tgl{ display: none; clear:both; padding:10px 8px;}
.group-wrap { min-height:45px; padding:10px;}
.useredit {clear:both; margin:0 7px; padding:0; list-style:none;}
.useredit li {clear:both; border-bottom:1px solid #ccc; margin:4px 0; min-height:40px; line-height:33px; display:table; width:100%;}
.pro-edit-btn { background:url(../images/pro-edit-icon.png) no-repeat; width:35px!important; height:28px; display:block;}
.proImg img { padding:8px; border:1px solid #ccc; margin-top:7%;}
.radioMargin { margin-top:6%;}
.radioMargin input, .radioMargin label { display:inline-block; font-size:16px; font-family:'ralewaymedium'; font-weight:normal; margin:0 10px;}
.radioMargin {text-align:center;}
.useredit label {font-weight:normal;}
.colapse-panel-body { background:#E8EBEC; width:100%; display:none; clear:both; padding:15px;}
.pro-edit-btn:focuz { outline:none; border:none;}
.spacer3 {height:4px;}
.contatHding { width:98%; border-bottom: 1px solid #BAC6C9; padding: 8px 0;}
.colapse-panel-body label {text-align:right;}
.login-area .form-control { border-radius:0px!important; background:#F5F5F5!important;}
.login-header { margin-bottom:30px; padding-top:12px; padding-bottom:12px; border-bottom:1px solid #BDD0E3;}
.login-header h3 {color:#305379!important; font-weight:normal; font-family:'ralewaymedium'; margin-top:34px; margin-right: 14px;}
.login-header .logo {border:none!important;}
.login-header .logo a { background-position:0 2px!important;}
.footer-link {border-top:1px solid #BDD0E3; clear:both; margin-top:30px;}
.footer-link ul {margin:0; padding:0; list-style:none; margin:30px 0 15px 0}
.footer-link ul li {float:left; font-family: 'ralewayregular'; font-size:13px; color:#000; margin:0 12px; }
.footer-link ul li a { color:#000;}
.login-area p {font-family: 'ralewayregular'; font-size:21px; color:#797979;}
.login-area p span {font-family: 'ralewaybold'; color:#00144C; }
.login-area .btn-primary { background:#30547A;  min-width:96px;  margin-right: -5px;padding: 10px 23px;}
.login-area .arrow { margin:0px!important; display:initial!important; float:none!important; right:-12px; top: 1px;}
.login-area #rememberme { margin-left:-5px; margin-right:8px;}
.loginWelcome h2 {font-weight:normal; margin:0; padding:0;}
.loginWelcome h2 span {font-family: 'ralewaybold'; color:#00144C;}
.loginWelcome h3 {margin:0 0 15px 0; padding:0; color:#ACACAC; font-size:17px!important; font-weight:normal;}
.loginWelcome h4 {color:#002B5C; font-size:18px; font-family:'ralewaysemibold';}
.btnPurchace {padding:10px 34px!important; background: #879812 url("../images/arrow-white.png") no-repeat scroll right center!important; color:#fff!important; font-family:'ralewaysemibold';}
.fixFooter{ position: absolute; bottom: 0px; width: 100% }
.comparative-co-selection ul {margin:0; padding:0; list-style:none; font-family: 'ralewaylight';}
.comparative-co-selection ul li input {margin:0 12px 0 0;}
.comparative-co-selection ul li label {font-weight:normal;}
.modal-content .modal-header h4 {font-size:15px; font-family:'ralewaysemibold'; text-transform:uppercase;}
.comparative-co-selection {height: 250px; overflow: auto;}
.tabGroup .tab-li a { border:2px solid #f0f0f0; color:#666; font-family: "ralewaysemibold"; font-size: 16px !important; padding:8px 37px; text-align:left;}
.tab-li .active a  { height:50px; border-color: #f0f0f0 #f0f0f0 transparent!important; border-style: solid; border-width: 2px 2px 0 2px!important; border-radius: 4px 4px 0 0px!important;}
.tabGroup .tab-content { margin-top:15px;}
.tab-li { height:48px; border:none!important; }
.tab-li > li a { background:#fff url("../images/icon-lnr.png") no-repeat scroll 11px 8px !important;}
.tabGroup > ul > li > a {border-radius: 4px;}
.tabGroup > .tab-content {border:2px solid #f0f0f0; border-radius: 4px; padding:17px; margin:0px;}
.tabGroup > ul > li {width:49.4%;}
.Width60 {min-width:60px;}
.Width96 {min-width:96px;}
.Width90 {width:96px;}
.Width50 {width:50px;}
.Width73 {width:73px;}
.gridWidth table tr th {padding: 8px;}
.gridWrapper table tr {border-bottom:1px solid #e5e5e5;}
.course-config { list-style:none; margin:0; padding:0;}

.course-config.listCommonBlock  li{ list-style:none; margin:0; padding-top:2px; padding-bottom:2px;}
.course-config.listCommonBlock  li label { padding-top:8px;}
.course-config.listCommonBlock  li .custom-checkbox { margin-top:8px;}
.noPaddingLeft { padding-left:0 !important;}
.noPaddingRight { padding-right:0 !important;}
.marginLeftNormal { margin-left:5px !important;}
.marginRightNormal { margin-right:5px !important;}
.course-config li { margin:4px 0 0;}
.course-config li label {text-align:right; float:right;  font-weight:bold; /*padding-right:15px;line-height:29px;*/ font-size:13px;}
 /*.course-config li span {line-height:28px;}*/
.cat-head div h3 {color:#357ebd; margin:0; padding:0; font-family: "ralewaysemibold"; font-weight:normal; font-size:14px!important;}
.cat-head {background:#e9e9e9; border-bottom:2px solid #d5d5d5;}
.edit-del-bt a {margin-left:7px;}
.addNewCat .btn {background:#357ebd; color:#FFF; border-color:#357ebd;}
.addNewCat .btn:hover {background:#216aa9; color:#FFF; border-color:#357ebd;}
.jobcodeassign select { min-height:140px;}
.jobCodeMargin {padding-top:4%}
.Wblajax th {background:#b1b1b1!important; color:#FFF; font-weight:normal;}
.Wblajax th, .Wblajax td {}
.ajax  {background:#ddd;}
.search-res a:hover {text-decoration:none;}
.ajax-active { background:#ddd;}
.width80px {width:80px;}
.width90px {width:90px;}
.width95px {width:95px;}
.photoborder {text-align:center;}
.photoborder p {padding-top:8px;}
.tagsSelect { border:1px solid #e5e5e5; padding:11px; margin-top:5px 5px 2px 5px; background:#f6f6f6; text-align:right; font-size:11px; line-height:23px;}
.comparative-co-selection ul li { padding:5px; border-bottom:1px solid #F0F0F0; width: 100%; display : table}
.comparative-co-selection ul li .btn-xs {width:60px;}
.comparative-co-selection ul {border-top:1px solid #F0F0F0;}
.copyText { line-height:37px;}
.addNewCat {float:right;}
.clsLaft {clear:left;}
#myGrid1_headDiv {
    padding-right:19px;
}


/*------------------------------*/

/*-----BootStap Custom-----*/
#CosearchFrm .btn { padding:0 6px;}
.dropdown-menu > li > a  {font-size:15px; font-weight:normal!important;}
.table > thead > tr > th {font-size:12px;}
.topNav .dropdown-toggle {background:#fff; color:#333!important; font-weight:normal!important; padding:3px 4% !important; margin-top:3px; }
.navsub .dropdown-toggle {background:#fff; border:1px solid #F0F0F0; color:#333!important; font-weight:normal!important; padding:3px 4% !important; margin-top:-3px;}
.navsub.nav-pills {padding: 0; width: 100%;}
.nav > li > a {color:#fff; font-size:13px; text-align:center; font-family:'ralewaysemibold'; text-transform: uppercase;
}
.side-menu .arrow { background:url(../images/arrow-white.png) no-repeat left top;  padding: 0 6px; position:relative; margin-left: 25px; top: 3px; display:block; width:15px; height:20px; float: right;}
.table { margin-bottom:0px!important;}
.gridContainer .table, .gridContainer2 .table { margin-bottom:0px!important;}
.side-menu .list-group-item { background:url(../images/arrow-white.png) no-repeat right center; font-family:'ralewaymedium'; font-size:14px;}

.side-menu .list-group-item:hover { background:url(../images/arrow-white.png) no-repeat right center!important;}
.box-3 h4 {margin-top:1px!important; font-family:'ralewaysemibold'; font-size:15px; margin-left:6px;}
.progress {-webkit-border-radius:13px!important;-moz-border-radius:13px!important;border-radius:13px!important; background:#C0C5CD!important; margin-bottom:13px!important;}

/*------------------------------*/
.progress .bar {background-color: #0e90d2; background-image: linear-gradient(to bottom, #149bdf, #0480be); background-repeat:repeat-x;
box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset; box-sizing: border-box; color: #ffffff; float: left; font-size: 12px; height:100%;
text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); transition: width 0.6s ease 0s; width:0; -webkit-border-top-right-radius: 13px;	-webkit-border-bottom-right-radius: 13px; -moz-border-radius-topright: 13px; -moz-border-radius-bottomright: 13px;border-top-right-radius: 13px; border-bottom-right-radius: 13px; text-align:right; font-size:14px; padding-right:10px; line-height:17px;}
.progress-striped .bar {background-color: #149bdf; background:url(../images/progressbar-bg.png) repeat-x; border-right: 2px solid #74ae50;}
.navbar-toggle .icon-bar { background:#979797;}
.navbar-toggle { margin:0 0 0 13px!important; padding:2px!important;}
.asgnDta p { font-size:13px; color:#333}
.asgnDta p span {padding-left:13px; color:#000!important;}
.list-group {margin-bottom:0px!important;}
.input-group-addon { border-radius:0px!important; background:#fff!important;}
a:active,
a:hover {
  outline: 0;
  text-decoration:none !important;
}

a:hover,
a:focus {
   text-decoration:none!important;
}
a:focus {
  outline:none!important;
 }
 .nav-pills > li + li {
    margin-left: 1px;
}

/*-----BootStap Custom end-----*/

/*---------------------[ Responsive Custom ]--------------------------*/
@media (min-width: 250px) and (max-width: 325px) {
.courseLink {width:85%;}
.modal-footer .btn + .btn {margin-left: 0;}
.btn { padding:6px 10px!important;}
}

@media (max-width: 480px) and (min-width:300px) {
.logoText {float:none;}
.login-header h3 {margin-top:15px; font-size: 17px !important;}
.login-area { margin-top:0px!important;}
#forgotPassModal { position:relative; top:-25px;}
.tabGroup > ul > li { width:100%;}
.tab-pane .input-group { width:100%; margin-top:40px; margin-bottom:10px;}
.tabGroup .tab-li a { color:#cbcbcb;}
.tabGroup .tab-li .active a { color:#000!important;}
.table-responsive .dropdown button {width:96px;}
.table-responsive .dropdown .dropdown-menu {min-width:200px;}
.proImg img { margin:10px auto auto;}
.proApdateBtn {display:none;}
.proBtn a {width:100%; display:block; padding:10px; background:#e8e8e8 url(../images/setting-promenu.png) no-repeat center right; border-radius:5px; color:#6d6c6c; font-weight:bold; font-size:17px; margin-bottom:10px;}
	.btnPurchace {width:100%;}
	.login-area {margin-top:8px;}
	.search-portion label { margin:10px 0;}
	.pagination > li > a, .pagination > li > span {padding: 6px 9px!important;}
	.addNewCat {float: left; margin: 10px 5px;}
	.copyText {clear:both; line-height:24px;}
	.pagelink2, .pagelink, .pagelinkTxt, .pagelinkSelect, .pagelinkTxt2, .pagelinkSelect2  {float:none!important;}
#homeConvertedTab .mgrhometabsearch { position:relative; top:0;}
#homeConvertedTab { margin-top:22px;}
.form-area .form-group .col-sm-2 { width:100%!important;}
.form-area .form-group label { margin:10px 0;}
.table-responsive table { margin-bottom:50px!important;}
#searchContainer label { margin:10px 0px;}
.btn-primary {margin-bottom:4px!important;}
tr td div.btn-group {width: 85px;}
.messg { display:none;}
.msgIcon-Wrap ul, .msgIcon-Wrap li { margin:0; padding:0;}
.profilename {margin:18px 0 0 15px!important; padding:0; float:left!important;}
.ulstyle { text-align:center;}
.ulstyle li {border: 1px solid #e2e2e2; display: table; margin: 7px 0; padding: 6px 0; width: 100%;}
#sedulecoFrm .form-inline .form-control { float:left; width:84%;}
#sedulecoFrm .form-inline { width:100%;}
.container {padding-left:15px!important; padding-right:15px!important;}
}

@media (min-width: 480px) and (max-width:688px) {
.search-portion label { margin:12px 0 0;}

}

@media (min-width: 480px) and (max-width:688px) {
.search-portion label { margin:12px 0 0;}

}

@media (max-width: 888px) { .course-config li label {float:none; display:inline;}}

@media (min-width: 250px) and (max-width: 768px) {
	.nav > li > a {padding:6px 10px;}
	.course-config li label {float:none; text-align:left;}
	.login-area {margin-top:35px;}
	.btnPurchace {margin-top:15px;}
	.tagsSelect {text-align:center; width:100%; display:inline-block;}
	#checkopen { margin-top:10px;}
	.subnavlinks {float:none!important;}
	.subnavWrap h1 {margin-top:14px;}
	.Width60 {min-width: 115px;}
	.addNewCat .btn-group button {width:30px; height:33px;}
	.addNewCat .btn-group a {height:33px;}
}

@media (min-width: 250px) and (max-width: 767px) {

	.langText { text-align:center;}
	.copyText { text-align:center;}
	.homearea { margin-right:0px;}
	.learner-groups {margin-bottom:10px;}
	.proImg { text-align:center;}
	.photoUpload {width:100%; margin-top:0px;}
	.pro-edit-btn {background-position:-7px 0;  width: 29px !important;}
	.photoborder {border:none!important; text-align:center;}
	.photoborder p {padding-top:5px; padding-bottom:0px; margin-bottom:0px;}
	.mobTopmargin { margin-top:10px;}
	.pull-lg-left-mob { float:left!important; margin-bottom:10px;}
	.knlgCntr .hidden-mobile {display:none;}
	.listeps {width:100%!important;}
	.course-config li span { line-height:19px!important;}
	.form-control.dynmaicinpt option { font-size:11px!important}
	.radio-inline, .checkbox-inline { padding-left:0px!important}
	.alert-dismissible .btn-default, .alert-dismissible .btn-danger {width:100%;}
	.alert-dismissible .btn-danger { margin-top:10px; margin-bottom:10px;}
	.ceHomestate { display:table;  width:100%;}
	.homedrop ul { width:inherit!important;}
	.homedrop ul:nth-child(3) { margin-left:0px!important; width:inherit!important;}
	.colapse-panel-body label { float:left!important;}
	.useredit input[type="submit"] { margin-right: 7px; margin-top: 20px;}
	.box-3 .actvLince {max-height:inherit!important;}
	.ceCourseblock label {word-break: break-all;}
}

@media (min-width: 601px) and (max-width: 767px) {
	.dropdown-toggle { display:table!important; width: 135px !important;}
	.dropdown-toggle .caret { float:right; margin-top:6px;}
	.dropdown-toggle span {float:left;}
	.visible-sm-mob { display:block!important;}
	.hide-sm-mob   {display:none!important;}


	}


@media (min-width: 300px) and (max-width: 600px) {
	.nav > li > a { text-align:left;}
	.dropdown-toggle { display:table!important; width:100%;}
	.dropdown-toggle .caret { float:right; margin-top:6px;}
	.dropdown-toggle span {float:left;}
	.dropdown { width:100%;}
	.nav-pills { margin-left:10px;}
	.dropdown-menu { width:100%;}
	/*.dropdown-menu > li > a { padding:3px 8px!important;}*/
	.hidden-mobile {display:none;}
	.homedrop { min-width:0; width:264px;}
	.homedrop ul {font-size: 15px; width:auto;}
	.homedrop ul:nth-child(3) {margin-left:0px!important; width:auto!important;}
	.homedrop ul li {padding-left:10px;}
	.homedrop ul li a {padding-left:26px;}
	.visible-sx-mob { display:block!important;}
	.hide-sx-mob   {display:none!important;}
	.navsub li {width:100%; margin:0px!important; padding:0 3px;}
	.subactive {border:none!important;}
	.courseLink2 {float:none;}
	.courseLink2 li {float:left;}
	.homedrop ul li a { font-size:19px;}
	.ceHomestate .btn-group, .ceCourseblock .btn-group { width:150px;}
	.ceCourseblock .dropdown-toggle .caret, .ceHomestate .dropdown-toggle .caret { position:absolute; right: 15px; top: 8px;}
	.ceCourseblock li { clear:both;}
	.modal-footer .pull-right > button:nth-child(1) { margin-top:-4px;}
	.ceHomestate li {clear: both;}
	.modal-body {padding: 5px;}
	.infoMobile { position:absolute!important; right:-16px; top:-22px!important; }
	.inputFix2 li input[type="text"] { margin:10px 0!important;}
	inputFix2 li button.pull-right{ float:left!important;}
	.pull-right-mob { float:left!important;}

     .mobile-visible-more {
        display:none;
    }
    .mobile-visible-home {
         display:block;
    }

}

@media (min-width: 768px) and (max-width: 991px) {
	.radioMargin input, .radioMargin label {margin: 0 3px;}
	.photoUpload { width:94%;}
	.proUpdateTab a { width:100%!important;}
	.learner-groups {margin-bottom:10px;}
	.dropdown-toggle {display:table!important; width:100%;}
	.dropdown-toggle .caret { float:right; margin-top:6px;}
	.dropdown-toggle span {float:left;}
	.nav > li > a {padding:6px 10px; text-transform: uppercase;}
	.box-3 {min-height:91px;}
	.list-group { margin-bottom:0px!important;}
	.langText { text-align:left;}
	.copyText { text-align:right;}
	.list-group a { float:left; width:49%;}
	.list-group a:nth-child(odd) {margin-right:14px;}
	.course-right-pro-bar a {position: absolute; right:12px; bottom: 56px;}
	.course-right-pro-bar {position:relative;}
	.list-group a:nth-child(2) {-webkit-border-top-left-radius: 4px;-webkit-border-top-right-radius: 4px;-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;border-top-left-radius: 4px;border-top-right-radius: 4px;}
	.homearea { margin-right:0px;}
	.knlgCntr { padding-left:14px;}
	.course-config li label {float:none; display:inline;}
	.ceCourseblock li { clear:both;}
	.nonrecprocal .glyphicon-chevron-down {margin-top: 0; padding: 10px;}
	.list-group a { width:100%;}
	.ceHomestate { display: table; width: 100%;}
	.gridContainer, .gridContainer2 { margin-bottom:10px;}
	.ceCourseblock label {word-break: break-all;}
	}

@media (min-width: 750px) and (max-width: 991px) {
	.box-3 .actvLince {max-height:inherit!important;}
	.profilename { margin-top:3%!important;}

	}

	@media (min-width:300px) and (max-width: 991px) { .box-3-fix { min-height:60px!important; margin-top:13px; display:table;} }

	@media (min-width: 991px) {

	.box-3-fix { min-height:197px!important; margin-top:13px;}

	}

@media (min-width: 680px) and (max-width: 991px)  {
	.tabdrop a  { display:table; }
	.dropdown-toggle {  display:table; width:135px!important;}
    .hidden-mobile {
        display:none;
    }
}


@media (min-width: 768px) and (max-width: 1024px) {
.navNew li a { padding: 6px 21px; }
.navsub.nav-pills { left:0px;}
}

@media (min-width: 991px) and (max-width: 1160px) {
.navsub .tabdrop { width:200px;}
.navsub .tabdrop .dropdown-toggle {display:table; width:100%; padding: 0 4% !important;}
.navsub .tabdrop .dropdown-toggle .caret {float:right; position: relative; top: -10px;}
.navsub .tabdrop .dropdown-toggle span {padding-top:3px;}
.navsub.nav-pills { left:0px!important;}

}


@media (min-width: 992px) {

	.langText { text-align:left;}
	.copyText { text-align:right;}
	/*.navsub.nav-pills {left:28px;}*/
	.activemenu {position:relative;}
.activemenu span { display:block; margin:0 15px; height:10px; background:#FFF; position:absolute; width:86%; top:26px;}
	.logoText {float:right;}
}

@media (min-width: 300px) and (max-width: 991px)  {
.bookMenu { width:0px!important; display:none; padding-right:7px;}
.toglBtnNew { position:relative; left:-13px; }
.bokmenuBg { width:100%; padding:8px 5px; display:block!important; margin-bottom:13px; background:#ececec;}
.bookTrbg { background:#f8f8f8;}
.bookMobHide { display:none;}
.a1 { padding-left:0!important; border:0px!important;}
.courseLink li a.launch-link { color:#AFAFAF!important; cursor:no-drop;}

}

@media (min-width: 601px) {
    .mobile-visible-more {
        display:block;
    }
    .mobile-visible-home {
         display:none;
    }
}


/*---------------------[ Responsive End ]--------------------------*/

/*---------------------[ Chrome Hack start ]--------------------------*/

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.homedroup-top-arrow {top:-14px;}
}
/*---------------------[ Chrome Hack end ]--------------------------*/

/*---------------------[ FireFox Hack start ]--------------------------*/
@-moz-document url-prefix() {

  .navNew li a {
    padding: 6px 29px;
}
.dropwidth .caret {
    float: right;
    position: relative;
    top: -9px;
}
.dropwidth b { top:2px;}
/*.navNew li {
    display: inline-block !important;
    margin: 0 -2% !important;
}*/
/*---------------------[ FireFox Hack end ]--------------------------*/
}


.custom-checkbox,.custom-checkbox-disabled{
		width: 16px;
		height: 16px;
		display: inline-block;
		/*position: relative;*/
		z-index: 1;
		top: 3px;
		background: url("../images/checkbox.png") no-repeat;
}
.custom-checkbox:hover{
		background: url("../images/checkbox-hover.png") no-repeat;
	}
	.custom-checkbox.selected{
		background: url("../images/checkbox-selected.png") no-repeat;
	}
	.custom-checkbox-disabled.selected{
		background: url("../images/checkbox-selected.png") no-repeat;
	}
.custom-checkbox input[type="checkbox"],.custom-checkbox-disabled input[type="checkbox"]{
		margin: 0;
		z-index: 2;
		cursor: pointer;
		outline: none;
		opacity: 0;
		/* CSS hacks for older browsers */
		/*_noFocusLine: expression(this.hideFocus=true);*/
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		-khtml-opacity: 0;
		-moz-opacity: 0;
	}
.ceHomestate ul {list-style:none; margin:0; padding:0; width:100%; font-family: 'ralewaylight'; font-size:13px;}
.ceHomestate label {font-weight:normal;}
.ceHomestate h3 {margin:0; padding:0;}
.ceHomestate table tr th { border-top-color:#fff!important; font-weight:normal;}
.ceCourseblock {border:1px solid #DFDFDF; padding:10px; margin-bottom:14px; min-height:176px;}
.ceCourseblock ul { margin:0; padding:0; list-style:none; min-height:99px;}
.ceCourseblock label { font-weight:normal;}
.ceCourseblock ul.dropdown-menu, .ceCourseblock ul.ceactoin-expand{ min-height: auto}
.ulClear li {clear:both;}
.border-top {border-top:1px solid #ccc; padding-top:8px; margin-top: 9px; }
.ulClear b	{font-weight:normal; color:#1063A8;}
.ulstyle ul { margin:0; padding:0; list-style:none;}
#cropForm { padding:10px;}
#cropForm .btn-default{background:#30547a; color:#fff;}
.ticketList {list-style:none; margin:0; padding:0;}
.ticketList label {font-family:'ralewaysemibold'; font-weight:normal;}
.paddingfix-file {padding: 4px 5px!important;}
#crop { overflow:hidden; max-height:500px; max-width:600px; text-align:center;}
#cropbox, .jcrop-holder { margin:0 auto;}

.checkBx-fix {margin-top: 8px;}
.checkBx-fix label {padding-left:10px;}
.exportAll-Fix span {float:right; padding-right:22px;}
.paginate {line-height: 32px;}
.margin-left-10 {margin-left:10px}
.pull-lg-left-mob { float:right;}
 #list {width: 103.125%; /* 990px */overflow: hidden; margin-left: -1.562%; /* 15px */margin-bottom: -1.875em; /* 30px */clear:both;}
/*.item {width: 46%;  300px  margin: 0 1.515% 1.875em; 15px 30px /border:1px solid #ccc;*}
/*--------------------------------------------------------------------------------*/
.pagelink2, .pagelink, .pagelinkTxt, .pagelinkSelect, .pagelinkTxt2, .pagelinkSelect2  {float:left;}
.pagelinkTxt, .pagelinkTxt2 {padding:0 5px;}
.homedrop {display:none;}
.linkStyle a {display:block; padding:4px 12px;}
.linkStyle a:hover { text-decoration:none; background:#F9F9F9;}
.linkStyle li { margin:4px 0; position:relative;}
.linkStyle li span {font-size:8px; position:absolute; right:15px; top:10px; color:#84A7CE;}
.linkStyle li b {font-size:15px; position:absolute; right:12px; top:8px; color:#F00; z-index:100;}
/*--------------------------------------------------------------------------------*/
.formBlocks { padding:10px; margin-bottom:15px;}
.formBlocks .custom-checkbox {margin-left:27px; margin-top:8px;}
.formBlocks ul {margin:0; padding:0; list-style:none;}
.formBlocks ul li {margin-bottom:10px; clear:both; display:flex;}
.formBlocks .control-label {font-weight:normal; }
.formBlocks label { text-align:right; float:right; line-height:32px;}
.chkbxAlign .custom-checkbox { margin-left:15px;}
.formBlocks h4 { font-family: "ralewaysemibold"; font-size: 15px; color:#006; border-bottom:1px solid #f0f0f0; padding:0 0 10px 0; color: #30547a !important; text-transform:uppercase;}
.settingslink {list-style:none; /*margin:0; padding:0;*/}
.settingslink a {display:block; background:#0E2E54; padding:4px 12px; color:#fff; text-decoration:none; }
.settingslink a:hover {color:#fff; text-decoration:none; background:#5899d1;}
.settingslink li {margin:10px 0;}
hr {margin-bottom: 9px!important; margin-top: 9px!important;}
.tbleHD tr th { background:#fff!important; border-bottom:none!important; padding-bottom:0px!important; padding-top:5px!important;}
.tbleHD tr td {padding:7px 8px!important;}
.padding-15 { padding:15px!important;}
.gSetting .glyphicon { font-size:12px; cursor:pointer; margin-top:9px!important;}
.chkbxAlign .custom-checkbox { margin-left:48px;}
.subnavlinks { float:right;}
.interaction_image {height:228px; text-align:center; margin-bottom:13px;}
.interaction_image img {width:205px; height: 133px; padding:5px; border:1px solid #ccc; padding:5px;margin-top: 16px;}
.interaction_image h5 { border-top:1px solid #ccc; padding:10px; font-family:"ralewayregular"; font-size:15px!important; vertical-align: middle;}
.interaction_image h4 {font-family: "ralewaysemibold"; font-size: 15px; color:#000; padding:8px;}
.lbelFilter {float:left; font-weight: normal; line-height: 33px; padding-right: 15px;}
.BCajax .box-corse {background:#fff;}
.edit_lang { border-color:#46b8da!important;}
.gnSetting-hdding {clear:both; border-bottom:1px solid #CCC; padding:0 0 10px 0; margin-bottom:15px; font-family: "ralewaysemibold"; font-size:17px;}
.hide-display {display:none;}
.tglUp {background: url("../images/tgl-up.png") no-repeat!important; width:16px; height:10px; margin-top:11px; cursor:pointer;}
.tglDown {background: url("../images/tgl-down.png") no-repeat;  width:16px; height:10px; margin-top:11px; cursor:pointer;}
.btnTopmarin {padding-top: 6px!important; display: block;}
.superUser { margin:0; padding:0; list-style:none;}
.superUser li { margin:7px 0;}
.superUser li label { font-weight:normal; line-height:31px;}
.marginBottom { margin-bottom:12px;}
.glyphicon-plus, .glyphicon-minus { text-decoration: none;}
.glyphicon-plus:focus , .glyphicon-minus:focus { text-decoration: none;}
.listeps { list-style:none; margin:0 auto; padding:0; width:50%; text-align:center; background:url("../images/steps-middle.jpg") repeat-x;}
.listeps li { border:1px solid #ccc; display:block; padding:4px; margin:0 15% 0 0; border-radius:50px; display:inline-block; background:#FFF;}
.listeps li span {padding:15px 23px; border-radius:25px; display:block; background:#30547A; color:#FFF; font-weight:bold; font-size:16px;}
.listeps li.gray-circle span {background:#EDEDED; }
.listeps li.gray-circle {border-color:#EDEDED!important;}
.listeps li.lilast { margin:0px!important;}
.steptwo li .ms-choice { border:none!important;}
.steptwo li .ms-choice div {right: 3px!important; top: 3px!important;}
.steptwo li .ms-drop {left:0px!important;}
.imageSlect {padding:0px!important;}
.ifoTXT {padding:8px; text-align:center; border-radius:5px;}
.step2UL { margin:0; padding:0; list-style:none;}
.step2UL li { float: left; margin: 5px 0; width: 100%;}
.steptwo li	.ms-drop ul > li label {clear:both; float:left;}
.steptwo li	.ms-drop ul > li input[type="checkbox"] { margin:0px;}
.inputFix2 li input[type="text"] { margin-top:-6px;}
.credittptbl td a { background:none!important;}
.nonrecipul, .nonrecipul ul {margin:0; padding:0; list-style:none;}
.liborderyes  { border-bottom:1px solid #CCC;}
.nonrecprocal h4 {color:#000; text-decoration:none; font-family:'ralewayregular';}
.nonrecprocal h4 a {color:#000; font-size:15px;}
.nonrecprocal b { font-weight:normal; font-family:'ralewayregular'; line-height:35px; padding-right:15px;}
.nonrecprocal b a {font-family:'ralewayregular'; text-decoration:none; line-height:28px; color:#666666; font-size:15px;}
.nonrecprocal .glyphicon-chevron-up, .nonrecprocal .glyphicon-chevron-down { margin-top:11px;}
.nonrecprocal label {font-family:'ralewayregular'; padding-left: 12px !important; font-weight:normal!important;}
.nonrecprocal .borderyes {min-height:160px;}
.nonrecprocal .border-top {margin-bottom:15px;}
.borderyes b a {color:#FF9900!important;}
.borderyes .border-top { border:none!important;}
.panel-heading {font-family:'ralewaysemibold';}
.glyphicon {font-size:11px;}
.profilename {float:right; margin-top:2%;}
.extdiv ul li p { text-align:left!important;}
.dashbordPopInfo li { list-style:none; margin-bottom:3px;}
.dashbordPopInfo li span {font-family: "ralewaysemibold";}
.dashbordPopInfo li h3 { margin-top:0px;}
.dashbordPopInfo {margin:0 0 38px 0; padding:0; border-bottom:1px solid #ccc; padding-bottom:15px;}
.droupUl ul li label { float:left;  width:100%; text-align:left;}
.droupUl ul li { width:100%;}
.issue-report { color:#FFFFFF; margin-right:25px;}
.issue-report:hover {color:#FFFFFF; text-decoration:underline!important;}
.corseTitle {}
.faqUl { margin:0; padding:0; list-style:none;}
.faqUl ul.faq { list-style:none; padding:0;}
/*.faqLi {padding-bottom:15px; border-bottom:1px solid #eee;}*/
.faq-right ul { border:1px solid #eee; padding-bottom:16px; list-style:none; padding:2px 10px 15px 16px; min-height:180px;}
/*----------------------------Firefox hack start --------------------------------*/
@-moz-document url-prefix() {.padding-O {padding:0px!important;}
}
/*----------------------------Firefox hack end ----------------------------------*/
.btn-group label.btn { background:#fff!important; color:#000!important; border-color:#BBBBBB!important;}
.btn-group label.active {background:#0E2E54!important; color:#fff!important; }
.login-header {border-top:25px solid #8855C2;}
.footer,.btn.btn-mini.slelectLang.footer-select { background-color:#0E2E54;}
.btn.btn-mini.slelectLang.footer-select {border:1px solid #fff;}
.btn.btn-mini.slelectLang.footer-select option { color:#FFFFFF; border:none;}
.header { background-color:#0E2E54!important;}
.side-menu .list-group-item { background-color:#F2F2F2;}
.side-menu .list-group-item:hover { background-color:#DFDFDF;}
.logo a { background:#fff url(../images/kmc-blue.png) no-repeat;background-size:100% 100%;}
#pendco-cht-no-banner span,.navsub li a, .gridContainer .table a, .gridContainer2 .table a, .table-responsive a, .homedrop ul li a, #lic-cht-no-banner a {color:#0E2E54}
.interaction_image, .box-corse, .linkStyle a, .breadcrumb a, .pagination > li > a, .pagination > li > span, .co-inner-big, .expandmenu a, .past-due-more, .profilename a, .courseLink li a, .loadMore, .knlgCntr, .contatHding {color:#0E2E54!important;}
.photoUpload, .btn-info, .btn-primary, .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus, .lauchBtn, .btn-default, #CosearchFrm .btn-group .btn-default { background-color:#0E2E54!important; border-color: #fff!important; color:#fff!important;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {color:#fff!important;}
.btn:active, .btn.active {background-color:#262643!important; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset; outline: 0 none;}
#lic-cht-no-banner {background:url("../images/setting-banner.png") no-repeat right bottom #fbfbfb; border:1px solid #efefef; border-bottom: 7px solid #0E2E54; border-radius:5px; clear:both; display:table; float:left; margin-top:8px; margin-left:5px;  width:181px; text-transform:uppercase; text-align:center; font-family:'ralewaysemibold'; height:93px;}
#lic-cht-no-banner a {background:url("../images/baner-arrow.png") no-repeat 152px 25px; padding:13% 42px 13% 22px; display:block; width: 171px; text-align:left;}
.cpg-count {margin-left:10px;}
.positionrelative{ position: relative; }
.dashboard-overlay{background: #000 url("../../assets/general/loading.gif") center center no-repeat; opacity : 0.2; width:100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 100}
.ticketList label {padding-right:5px;}
.gt-hd-hidden { display:none;}
.gt-hd-row {background:#F2F2F2;}
.lineAdjust { position:relative; top:-3px;}
.spaceMargin span {margin-top: 7px; margin-left: 19px;}
.gt-grid .gt-col-grid1-email .gt-inner {width:auto!important;}
.btnaddnew a { margin-left:5px;}
/*.slelectLang { background:none!important;}*/
.slelectLang option {padding:2px;}
select.btn-mini {height: auto;line-height: 14px;}

/* this is optional (see below) */
select.btn { -webkit-appearance: button; -moz-appearance: button; appearance: button; padding-right: 16px;}
select.btn-mini + .caret { margin-left: -20px; margin-top: 9px;}
/*.course-config li span { line-height:29px; }*/
.lnr-shift-bt { width:100%; background-image:url("../images/cngebtn-arow.png")!important; background-repeat:no-repeat; background-position:right center;}
.pull-right-mob {float:right;}
.marginFixNew {margin-top:23px;}
.pagecontent { background:#fff; position: relative; z-index: 100;}
.bookMenu { width:275px; padding-right:7px;}
.bokmenuBg { display:none;}
.a1 { padding-left:14px; border-left:1px solid #ccc;}

.compatability-ie {background:url("../images/Ie-comb-bg.png") no-repeat 15px center;}
#pendco-cht-no-banner { background:no-repeat right bottom #fbfbfb; border:1px solid #efefef; border-bottom: 7px solid #0E2E54; border-radius:5px; clear:both; display:table; float:left; margin-top:8px; margin-left:5px;  width:181px; text-transform:uppercase; text-align:center; font-family:'ralewaysemibold'; height:93px; }
#pendco-cht-no-banner span{padding:7% 23px 5% 9px; display:block; text-align:left; }
/* background:url("../images/no-pending-course-background.png") no-repeat 0 0; left: 10px; padding:33px 4px; position: absolute; text-align: center; top:30%;   width: 200px; font-size:17px; color:#40245E;*/
.contatHding span { color:#000; font-size:12px;}
.faqUl { margin:0px; padding:0px;}
.faq > li { border: 1px solid #efefef; margin-bottom: 5px;  padding: 5px 10px;}
.faq > li > a {font-size:14px; color:#777773;}
.faqLi h3 { color:#783cbd;}
.expandfaq {background:#F5F5F5;}
.menuActive { background-color:#DFDFDF!important;}
.ps_menu {background:url("../images/ps-arrow-new.png") no-repeat 0 center; padding-left:15px; font-size:12px; display:block; width:50%; float:left;}
.pagecontent hr { clear:both; border:none;}
.pagecontent h2, .pagecontent h3, .pagecontent h4, .pagecontent h5 {clear:both; margin-top:20px;}
.gt-hd-row span {font-size:11px;}
.cache-info{background:url("../images/cache-time.png") no-repeat 0 center; position: absolute; width:20px; height:19px; bottom:3px; left:8px; cursor:pointer;}
.tooltip-inner {background:#8C8C8C!important;}
.tooltip.top .tooltip-arrow {border-top-color:#8C8C8C!important;}
.file-warpping {border:1px solid #EEEEEE; padding:10px;}
.fileWrap-headding { background:#F5F5F5; padding:18px 10px 10px; display:table; width:100%;}
.fileWrap-headding ul li { float:left; margin:0 10px 0 0; line-height:15px;}
.fileWrap-headding ul li a img {position: relative; top: -3px;}
.fileWrap-headding ul li a { line-height:18px;}
.fileWrap-headding ul { list-style:none; margin:0; padding:0;}
.subnavWrap img { margin-right:10px;}

.stardBtn { border:1px solid #eee; display:table; height:30px; line-height:35px; padding-right:10px; border-radius:5px; margin-left:13px; cursor:pointer;}
.stardBtn span {border-right:1px solid #F5F5F5; display:block; float:left; height:34px; padding:0px 10px 0; line-height:20px; margin-right:10px; color:#B7B7B7; text-align:center;}
.stardBtn span img { clear:both; display:block; margin-top:3px;}
.table-striped tr th { border-bottom-color:#783CBD!important; border-bottom-width:1px!important;}
#exTab1 .tab-content {color :#000; background-color: #FFF; padding : 5px 15px;}
#exTab1 .nav-pills { margin-left:-2px!important}
.collaborator { background:#F5F5F5; padding:15px;}
#exTab1 .nav-pills > li.active > a, #exTab1 .nav-pills > #exTab1 li.active > a:hover, #exTab1 .nav-pills > li.active > a:focus {color:#000!important; background-color:#fff!important;}
#exTab1 .nav-pills > li > a { border-radius:0px!important; min-width:150px; min-height:45px; padding:15px!important; background:#E8E8E8!important; color:#000;}
.collaborator h1 {margin-top:0px; font-size:25px!important}
.trBorder tr td  { border-top:none!important}
.pagingFix ul.pagination { margin:0px 0 0 10px!important;}
#exTab1 .nav-pills > li > a { min-width:50px!important;}
.colls_search { margin:20px 0 0; padding:0; list-style:none;}
.colls_search li { margin-bottom:10px;}
.my-group .form-control{width:70%!important; display:table; border-radius:0;}
.colls_search .form-control, .search-portion .form-control, .imSearch .form-control{border-radius:0;}
.form-Label {float: left;display: table;width: 30%;border: 1px solid #ccc;padding: 6px;border-right: none;font-weight: normal;}
.addNewFolder a.btn-primary { background:#FFFFFF!important; border-color:#ccc!important; color:#0E2E54!important; border-radius:0;}
.bookpadding {    padding: 0 0 0 13px!important;
    display: block;}

	.bookpadding img { margin-right:7px; float:left;}
#module938 a, #module938 a:hover { font-size:11px;}
.pagecontent h2 { font-size:20px; margin-top:15px!important; margin-bottom:0px!important;}
.pagecontent p { padding:0; margin:0; clear:both;}
.bookpadding  b { font-weight:normal; display:table; float:left; width:92%; float:left;}

.pagecontent.ps_redesign ul {
    list-style: inherit;
    margin: 0 26px 26px;

    padding-left: 10px;}
.nav.nav-tabs.gfc-reportTab li a {padding:10px 15px; color:#000; }
.nav.nav-tabs.gfc-reportTab { margin-bottom:20px; padding-left: 10px;}
.multicourse ul {border:none!important;padding:0px !important; margin:0px}
.multicourse li ul {border:none!important;} /*.multicourse li ul {border:none!important;}*/
.multicourse ul li { border:none!important; list-style :none; padding:3px 0px 2px 0px; margin:0px}
.multicourse ul li div { margin-bottom:0px; padding-bottom:0px!important; line-height:25px;}
.titleblog { font-weight:bold;}
.multicourse ul { padding:0px; margin:0px;}
.multicourse ul li ul li div.col-md-6 { font-weight:bold; font-size:13px; color:#8855C2;}
.mandatory{float: left;
position: absolute;
right: -7px;
top: -8px;
font-size: 34px;
font-family: ralewaymedium;
color: red;}
.kmc-tabs .nav li a{ padding: 10px 15px; color : #783cbd}
.booksummries { list-style:none; margin:0; padding:0;}
.btn-new-lnr-resource {font-size:13px; background:#EBEBEB url('../images/new-learners-btn.png') no-repeat; padding:12px; display:block; width:100%; margin-top:16px; color:#000; border-radius:5px; height: 57px; color:#8955C3;}
.btn-new-lnr-resource p {float:left; padding-left:12px; width:104px; position:relative; top:-4px; left:25px; line-height:19px; font-size:19px;}
.list-group.lnr-resource-nav .list-group-item.active { background:#CDCCCC; border-color:#CDCCCC;}
.inr-serch {background:#F3F3F3!important;}
.lnr-catalog a {color: #716E6E;display: block;min-height:254px; max-height:254px;}
.lner-listing-category h3 { margin-top:0px; margin-bottom: 20px}
.lner-listing-category figure img {max-width:100%; max-height:203px; height:203px; width:auto;}
.lner-listing-category figure { margin-bottom:6px;}
.btn-lnr-viewall { color:#888; margin-top: 15px;margin-bottom: 15px;}
.clearfix .glyphicon.glyphicon-circle-arrow-left { color:#8855C2;}
.clearfix .glyphicon.glyphicon-circle-arrow-left:hover {color:#8855C2;}
.list-group.lnr-resource-nav .list-group-item { background:#F2F1F1;}
.by-author {display: block;clear: both;font-size: 11px;color:#989898;}
.info-support { margin-right:10px;}
.icon-manuals { background:#fff; border:1px solid #EAEAEA; border-radius:4px; padding:50px 15px; text-align:center; -webkit-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.03);
-moz-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.03);
box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.03); margin:0 6px;}
.icon-manuals h3 {color:#0E2E54;}
.support-contact h3 { border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:30px;}
.support-contact > .contactDiv { border:1px solid #ddd; padding:0 15px 15px; min-height:378px; border-radius:4px;}
.support-icon-top { margin-left:10px;}
.gfc-reportTab li {width:152px;}
.homearea a:nth-child(3) {border-left: 1px solid #ccc; margin-left: 14px;}
.hoverActve { display:table; background:rgba(136,85,194,0.00); position:absolute; color:#fff; padding:15px; z-index:100; bottom:-200px; font-size:13px; height:240px;
 transition:1s; width:100%; opacity:0; overflow:hidden; vertical-align:middle;}
 .hoverActve p { opacity:0; display:none; transition: 1s;}
.hoverDiv:hover .hoverActve {display:block;  background:rgba(14,46,84,0.85); opacity:100; bottom:-10px;}
.hoverDiv:hover .hoverActve p {opacity:100; display:block; }
.hoverDiv { position:relative; }
.lnr-catalog { overflow:hidden;}
.textprv {transition:1s; color:rgba(0,0,0,0.8)}
.hoverDiv:hover .textprv { opacity:0; color:rgba(0,0,0,0.00)}
.hoverActve .by-author { color:#fff;}
.hoverActve div {display:table-cell; vertical-align:middle; height:240px;}
.list-videos .lnr-catalog a { min-height:172px; max-height:172px;}
.list-videos .lnr-catalog a .hoverActve {height:160px;}
.list-videos .lnr-catalog a .hoverActve div {height:160px;}
.lnr-catalog { margin-bottom:10px;}
.moreDetails{color:#783CBD; font-size:23px; line-height: 12px;}
.btn-new-lnr-resource span { font-size:16px; position:relative; top:5px; left:16px; float:left; -ms-transform: rotate(-60deg); /* IE 9 */
    -webkit-transform: rotate(-60deg); /* Chrome, Safari, Opera */ transform: rotate(-60deg); text-transform:uppercase; color:#fff; font-family:arial; font-weight:bold;}
.page-container p, .page-container img { margin-bottom:15px;}
.btn-new-lnr-resource.list-group-item img {position: relative;left:0px;top: -2px; float:left; margin-right:15px;}
.btn-new-lnr-resource.list-group-item b{ color:#8955C3; font-size: 17px; line-height: 17px; font-weight:normal;}
.label.co-ver-no{ border-radius : 2.25em ; background-color : #41245E ; }
.btn-color-blue{background: #5f3f09; border-color: #5f3f09;color: #ffffff;}


.ui-select-choices-row {
  transition: background 0.1s ease, color 0.1s ease;
  background: #fff;
  color: #0099ff;
}
.ui-select-choices-row:hover {
  background:#eee !important;
  color:#1A1A1A;
}
.option.ui-select-choices-row-inner {
  padding: 0 !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.option.ui-select-choices-row-inner div {
  padding: 6px 12px;
  position: relative;
}
.selectize-dropdown {
  margin-top: -3px;
  overflow: hidden;
}
.selectize-dropdown-content {
  overflow-x: auto;
}
.selectize-dropdown.group-tree .goto-child-group {
  background: none;
  border: none;
  box-shadow: none;
  color: rgba(0, 0, 0, 0.5);
  height: 100%;
  line-height: 1;
  margin: 0;
  padding: 8px;
  position: absolute;
  right: 0;
  text-shadow: none;
  top: 0;
  transition: background .2s;
}
.selectize-dropdown.group-tree .goto-child-group:hover {
  box-shadow: none;
  background: rgba(0, 0, 0, 0.1);
  border: none;
  color: #fff;
}
.selectize-dropdown.group-tree .ui-select-breadcrumbs {
  padding: 6px 12px;
  margin: 0;
  background: rgba(0, 0, 0, 0.8);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.selectize-dropdown.group-tree .ui-breadcrumb {
  color: white;
  cursor: pointer;
  font-size: 12px;
}
.selectize-dropdown.group-tree .ui-breadcrumb:hover {
  color: #ff9000;
}
.selectize-dropdown.group-tree .ui-breadcrumb:after {
  content: '>';
}
.selectize-dropdown.group-tree .ui-breadcrumb:last-child {
  color: white;
  cursor: default;
}
.selectize-dropdown.group-tree .ui-breadcrumb:last-child:after {
  content: ' ';
}

/*Manage KMC Styles start*/
.ul-style {margin: 0; padding: 0; list-style: none;}
.tbl-border-right {border-right:1px solid #ddd;}
.pannel-filter .btn-primary {background: #fff!important; border-color:#DFDFDF!important; color: #0E2E54!important; text-transform: uppercase; text-align: left; width:100%; font-size: 14px!important; font-weight:bold; padding:10px 0 8px 16px!important;}
.pannel-filter .btn-primary.active, .pannel-filter .btn-primary:active, .pannel-filter .open>.dropdown-toggle.btn-primary {background: #fff; border-color:#DFDFDF; color: #783CC0; text-transform: uppercase;}
.glyphicon.glyphicon-chevron-right {color:#83A9CE;}
.pannel-filter .open>.dropdown-menu { width:100%;}
.pannel-filter .dropdown-menu>li>a{ padding:6px 20px; }
.border-pannel {padding:20px;border:2px solid #F0F0F0; background:#fff; margin-top:20px; margin-bottom: 20px; border-radius:5px; }
.tbl-div {display:table; width:100%;}
.tbl-row {display:table-row!important;}
.tbl-div > div , .tbl-div > div.tbl-row  > div {display:table-cell;}
.tbl-div-expand .tbl-div-expand-tbl-row > div {display:table-cell;}
.tbl-div-expand .tbl-div-expand-tbl-row {display:table; width:100%;}
.tbl-div-expand { border:1px solid #ddd; padding: 15px; border-radius:5px; background: #fff; -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.33);-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.33);box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.33);}
.tbl-div.pointer{ cursor: pointer;}
.filter-by-team {width:70%}
.temManag {width:30%; text-align: center;}
.temManag .btn {min-width: 150px;}
.temManag ul {margin: auto; display:table;}
.temManag ul li {margin-bottom: 10px;}
.group-icon-svg,.user-icon-svg,.book-icon-svg,.tools-icon-svg  { width:10%; text-align: center; position: relative;}
.group-icon-svg img,.user-icon-svg img,.book-icon-svg img,.tools-icon-svg img { width:43px;}
.treeLvel-1.ul-style .tbl-div { border:1px solid #ddd; padding: 15px; border-radius:5px; background: #fff; -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.33);
-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.33);box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.33);}
.treeLvel-1.ul-style .tbl-div > div {vertical-align: top;}
.treeLvel-1.ul-style .tbl-div > div p {margin-bottom: 0px;}
.treeLvel-1.ul-style .tbl-div > div h4 {margin-bottom: 0px; margin-top:9px; font-weight: bold; font-size: 15px; color: #000;}
.click-btn-exand {width:40px; text-align: center;}
.click-to,.plusicon {width:35px; height:35px; display: block; cursor: pointer; }
.close-svg { background:url(../SVGs/user-icon-plus-01.svg) no-repeat;}
.loading-svg { background:url(../SVGs/Ripple-1s.svg) no-repeat center center; width: 35px; height: 35px;}
.click-to.close-svg.open-svg { background:url(../SVGs/user-icon-minues-01.svg) no-repeat;}
.treeLvel-1.ul-style li {margin-bottom: 15px;}
.sub-level { padding-top: 15px; list-style: none; position:relative;}
.sub-level li:before {content:""; position: absolute; width: 1px;background:#444;left: -11px; height: 45px; top: -13px;}
.sub-level > li:after {content: ""; position: absolute;width: 1px; background:#444; height: 100%; bottom: -3px; display: table-cell;left: -11px;}
.sub-level > li:last-child:after {display: none;}
.st0.user-sv {color: red; filter: saturate(50)}
.sub-level > li > div.tbl-div:before {content: "";position:absolute;height: 1px; width: 10px; background:#444;left: -10px;top: 31px;}
.sub-level li{position: relative;}
.treeLvel-1.ul-style .dropdown-menu li {margin-bottom:0px;}
.treeLvel-1.ul-style .dropdown-menu li:before {display: none;}
.treeLvel-1.ul-style .dropdown-menu li a {padding:3px 20px; font-size:15px; }
.treeLvel-1.ul-style .dropdown-menu {left: inherit; right: 0px; top: 49px;}
.list-group {margin-bottom:0px;}
.list-group-item b {width:100%;}
span.plusicon {float: left; position: relative; top: -5px; left: -5px;}
.sortableLists .list-group-item {padding: 10px 9px;}
/*.groupheading {color: #783cbd; font-weight:bold; text-transform:uppercase; border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom: 30px;}*/
/*Manage KMC Styles end*/

/*Add Learner KMC*/
.addlnr-ul li { list-style: none; margin:0 0 15px 0;}
.addlnr-ul {margin:0; padding:0px;}
.addlnr-ul li label {min-width:116px;}
.addLnr h3 {color:#783CBD;text-transform:uppercase;font-weight:700;font-size:15px!important;line-height:31px;margin-top:0;border-bottom:1px solid #c8c8c8;margin-bottom:16px;}
.addLnr {margin-bottom:15px;}
.busins-line {width:calc(100% - 193px)!important;}
.pass-txt {width:100%;}
.lug-txt {width:100%;}
#statediv {width:100%;}
.remove-group {background:none!important; cursor: pointer;}
.allLnr_L { margin-right: 7px; width: calc(50% - 7px); padding-left: 15px!important; padding-right: 15px!important;}
.allLnr_R { margin-left: 7px; width: calc(50% - 7px); padding-left: 15px!important; padding-right: 15px!important;}
.editTeam {float:right; cursor: pointer;}
.teamdetails li { border-bottom: 1px solid #ddd; display: table; width: 100%; line-height: 40px; margin: 0px!important;}
.selectize-control.demo-default.busPro.multi {width: calc(100% - 211px);display: inline-block;position: relative;top:10px;left: 5px;}
.selectize-control.multi .selectize-input > div { background:#ddd;}

/*Add Learner KMC end*/
.ui-select-choices-row a, .ui-select-choices-row {color:#0F0F0F;}
.pannel-filter.listGroup .dropdown .dropdown-toggle { width:100%!important;}
.pannel-filter.listGroup > div {margin-bottom:15px;}
.pannel-filter.listGroup .dropdown .dropdown-toggle .glyphicon.glyphicon-chevron-right.pull-right {position: absolute;right: 15px;top: 15px;}
.filter-by-team h3, .temManag h3, .manageGroup h3 {margin-top:0px; font-size: 14px !important;font-weight:700;}
.filter-by-team {vertical-align:top;}
.form-control.stateSelect {width:100%}
.course-cat-table {display:table; width:100%; border:1px solid #ddd;}
.course-cat-table .course-cat-table-row { display:table-row; }
.course-cat-table .course-cat-table-row > div {display: table-cell; border-bottom:1px solid #ddd; padding: 5px; vertical-align:middle; height:45px;}
.course-cat-table .course-cat-table-row > div:last-child {width:88px;}
.courseCat-settings {height: 25px; margin-left: 15px;}
.course-subcat-table {display:table; width: 100%;}
.course-subcat-table > div {display:table-cell; vertical-align:middle; }
.course-subcat-table > div:nth-child(1) {width: 80px;}
.btn-savesvg, .btn-closesvg {float: left;width: 23px;position: relative;left: 5px;}
.btn-closesvg {left:10px;}
.remove-co-cat {font-size:31px; color:#41245E;}

.groupdetails-content {clear:both; padding:15px; border-width:0 1px 1px; border-style: solid; border-color: #ddd;}
.groupdetails-content h3 {margin: 0px;}
.groupdetails-ul a {color:#0E2E54!important; padding:5px; font-size: 11px; border: 1px solid #eee;}
.nav-tabs.groupdetails-ul > li > a{margin: 0px; border: 1px solid #eee!important; cursor: pointer!important;}
.nav-tabs.groupdetails-ul > li {margin-right:2px;}
.nav-tabs.groupdetails-ul > li:last-child {margin: 0px;}
.tabbedcontent .nav-tabs.groupdetails-ul > li.active a { border-bottom-color:#fff!important; color: #000!important; position: relative; top: 1px;}
.tabbedcontent .treeLvel-1.ul-style .tbl-div > div {vertical-align: middle;}
.sel-course-list .overflow-scroll {max-height:500px; overflow-y: auto;}
.sel-course-list {border:1px solid #ddd;}
.sel-course-list .tbl-div {border-bottom: 1px solid #ddd;}
.sel-course-list .tbl-div > div {vertical-align: middle;}
.sel-course-list .tbl-div > div:nth-child(2),.sel-course-list .tbl-div > div:nth-child(3) {width:20%}
.selectBox .form-control {border-radius:0px;}
.tbl-div.searchdiv-filter > div {padding:0 8px; vertical-align:bottom;}
.listNone {padding:0; margin:0; list-style:none;}
.text-right {font-weight:bold;}
.dateCors, .dateCors a {color:#8855C2;}
.width_15 {width:15%;}
.curr-selected{ border: 1px solid #000 }
.chkBox-w { text-align:center; width:43px;}
.selectAll-col {width:90px; float: right; position: relative; right:15px;}
.selectAll-col input {margin-left:8px!important;}
.tools-icon-svg a, .title_link a {color: #000;}

.unassign.gridContainer { margin-bottom:15px;}
#homecourse {position: relative; top:10px;}
#managersList .treeLvel-1.ul-style > li > div > div:nth-child(2) {width:50%;}


@media (min-width:981px) {
	.w75 {width:60%; padding-right: 20px;}
.w25{width:25%; border-left:1px solid #ddd; padding-left:20px}
.courseMngment_btn {margin: 0 auto; display: table;}
.courseMngment_btn a {width:100%;}
}

@media (max-width:981px) {

	.tbl-div.mob-table-div, .tbl-div.mob-table-div > div {display: block;}
	.courseMngment_btn a {width:100%;}
	.w25 {clear: both; padding-top: 15px;}
	.w75 {clear: both;}
	.addlnr-ul li {margin-bottom: 0px;}
	.allLnr_L, .allLnr_R {width: 100%; margin:0 0 15px 0;}
	.addLnrGroupBtn {float:right;}
}
#set-date-calender .uib-daypicker{ margin: 0 auto ;}
.assind-course-id .tbl-div > div:nth-child(4) {width:35px;}
.assind-course-id .tbl-div > div:nth-child(3) {width:10%;}
.assind-course-id .tbl-div > div:nth-child(2) {width:10%;}
.lrng-pth-assin-id .tbl-div > div:nth-child(2) {width:35px;}
.member-course-assign .tbl-div > div:nth-child(2) {width:10%;}
.member-course-assign .tbl-div > div:nth-child(3) {width:10%;}

@media (min-width: 768px) {
	.form-inline .form-control {width:100%;}
}
.tbl-div h4 a {color:#3A3A3A;}
.autoSuggt-refresh {position:relative;}
.autoSuggt-refresh .glyphicon.glyphicon-refresh {position:absolute;right:11px; top:36px;}
.preLoging {margin:0 auto; display:table; }
.form-horizontal .control-label {padding-top: 0px;}
.col-md-3.lableLAlign > label { margin-top: 10px;}
.course-TabTitle {border-bottom: 2px solid #eee; color:#000; margin-bottom:30px; margin-top: 5px; font-family: 'ralewaysemibold'; padding-bottom:5px;}
.nav.nav-tabs li a {text-transform: inherit!important;}
.plus-Adj-dsk{font-size:34px; position:absolute; left:0; top:-6px; right:14px; display:block; color:#000; }
.plus-Adj-dsk:before {content:"+"}
.minus-Adj-dsk{font-size:34px; position:absolute; left:0; top:-10px; right:14px; display:block; color:#000; }
.minus-Adj-dsk:before {content:"-"}
.w50 {width:55px;}
.searchTable {display:table; width:100%;}
.searchTable > div { display:table-cell; padding: 0 7px;}
.add-to-btn {padding: 6px 8px;border: 1px solid #D8D8D8;border-radius: 5px;min-width: 113px; display: inline-block; text-align: right;position: relative; color: #783CBD;}
.add-to-btn span {font-size: 26px;position: absolute;left: 8px;top:-3px;color: #783CBD;}
#managersList > ul li:last-child .dropdown-menu {top:-214px!important;}
.droupdawnFix.dropdown-menu {top:-213px!important;}

@-moz-document url-prefix() {
	.treeLvel-1.ul-style.member-course-assign.ng-scope h4 {font-weight: normal!important; font-size: 14px; font-family: 'ralewaysemibold';}
}
.chkBox-new-w {width:115px;}


/* Customize the label (the container) */
.chkBox-new-w label {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight:normal;
  margin-bottom: 0px;
}

/* Hide the browser's default checkbox */
.chkBox-new-w label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top:9px;
  left: 0;
  height:20px;
  width:20px;
  background: url(../images/checkbox-background.png) no-repeat;
}


/* When the checkbox is checked, add a blue background */
.chkBox-new-w label input:checked ~ .checkmark {
	background: url(../images/checkbox--ched-background.png) no-repeat;

}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.chkBox-new-w label input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.chkBox-new-w label .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  }
  /* Put your css in here */

  [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak],
  .ng-cloak, .x-ng-cloak,
  .ng-hide {
    display: none !important;
  }

  ng\:form {
    display: block;
  }

  .ng-animate-block-transitions {
    transition:0s all!important;
    -webkit-transition:0s all!important;
  }

  /* show the element during a show/hide animation when the
   * animation is ongoing, but the .ng-hide class is active */
  .ng-hide-add-active, .ng-hide-remove {
    display: block!important;
  }

  .ui-grid-row-progress, .loading-tbl-div, .loading-div{ opacity: 0.4}
  /* New Notification */
  .ui-notification
  {
      position: fixed;
      z-index: 9999;

      width: 300px;

      cursor: pointer;
      -webkit-transition: all ease .5s;
           -o-transition: all ease .5s;
              transition: all ease .5s;

      color: #fff;
      border-radius: 0;
      background: #337ab7;
      box-shadow: 5px 5px 10px rgba(0, 0, 0, .3);
  }
  .ui-notification.killed
  {
      -webkit-transition: opacity ease 1s;
           -o-transition: opacity ease 1s;
              transition: opacity ease 1s;

      opacity: 0;
  }
  .ui-notification > h3
  {
      font-size: 14px;
      font-weight: bold;

      display: block;

      margin: 10px 10px 0 10px;
      padding: 0 0 5px 0;

      text-align: left;

      border-bottom: 1px solid rgba(255, 255, 255, .3);
  }
  .ui-notification a
  {
      color: #fff;
  }
  .ui-notification a:hover
  {
      text-decoration: underline;
  }
  .ui-notification > .message
  {
      margin: 10px 10px 10px 10px;
  }
  .ui-notification.warning
  {
      color: #fff;
      background: #f0ad4e;
  }
  .ui-notification.error
  {
      color: #fff;
      background: #d9534f;
  }
  .ui-notification.success
  {
      color: #fff;
      background: #5cb85c;
  }
  .ui-notification.info
  {
      color: #fff;
      background: #5bc0de;
  }
  .ui-notification:hover
  {
      opacity: .7;
  }
  .backto-su{ background:url('../images/super-user-icon.png') no-repeat 7px center ; border: 1px solid #bbb; background-color: none !important; color: #fff; padding: 7px 11px 5px 44px; border-radius: 5px; margin-top: 7px;}
  .backto-su.icon-purple{ background-image: url('../images/super-user-icon-blue.png') !important;}
.icon-manuals img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.9;
    filter: hue-rotate(296deg) grayscale(0) brightness(96%);
}
#loading-image {position:fixed; top:45%; left:50%; margin-left:-80px; z-index:10000;}
.tabbedcontent.customTabbed .nav > li > a {font-size: 13px!important; background:#eee!important;}
.tabbedcontent.customTabbed .nav > li.active a { background:#fff!important;}
/*Modal Popup custom style*/
	.model-cusom{position: fixed; left: 0; top:0; right: 0; bottom:0; z-index:1050; perspective: 500px;
	-webkit-transition: opacity .4s,background .4s; transition: opacity .4s,background .4s; perspective-origin: center; user-select: none;  width: 100%; height: 100%; display: none;}

.ctm-overlay {content:""; position: fixed; background: rgba(0,0,0,0); display: block; left: 0; top:0; right: 0; bottom:0; z-index:0; z-index: 1;}
.model-dialoge-custom {display:table-cell; text-align: center; vertical-align: middle;position: relative; z-index: 2; }

.model-cusom .cs-model-body {  min-height: 150px; text-align:left; background: #fff; box-shadow: 0 2px 6px rgba(0,0,0,0.2); border-radius: 5px; padding: 15px 15px 0; display:inline-block; position: relative; z-index: 3; transition-duration: 0.4s;  transition-timing-function: cubic-bezier(0.36, 0.55, 0.19, 1);}

.model-cusom.in  {transition-duration: 0.4s; transition-timing-function: cubic-bezier(0.36, 0.55, 0.19, 1); display:table!important;}

.ctm-overlay:active + .cs-model-body {animation: shake 75ms infinite; animation-timing-function: linear;}
.model-cusom .cs-model-body h4 {font-family:inherit; font-size:22px;}
.model-cusom .cs-model-body p {transition-duration: 0.4s; transition-timing-function: cubic-bezier(0.36, 0.55, 0.19, 1);}

@keyframes shake {
  0% { transform: translate(4px, 0); }
  50% { transform: translate(-4px, 0); }
  100% { transform: translate(4px, 0); }
}
.modal-backdrop.in {
    filter: alpha(opacity=20)!important;
	opacity: .2!important;}
	/*Modal Popup custom style end*/

.filtering-UL-style { list-style:none; margin: 0;
    padding: 0;}
.filtering-UL-style li:before {    content: "";
    display: inline-block;
    height:1px;
    width: 33px;
    width: 9px;
    background: #000;
    margin-right: 10px;    
    position: absolute;
    left: 0;
    top: 8px;}
.filtering-UL-style li {
	padding-left: 15px;
    position: relative;}
.col-flexbox {display:flex;}
.col-flexbox .gridContainer {width:100%; margin: 0 7px 15px 7px;}
.col-flexbox div:nth-child(1) {margin-left: 0px!important;}
.col-flexbox div:nth-child(3) {margin-right: 0px!important;}
.gridContainer  .control-label {text-align: left;}
.col-flexbox .gridContainer .input-group.date.form_date {width:100%;}
.col-flexbox .addLnr h3 {margin-bottom: 16px;} 
.input-group.date.form_date .input-group-addon {width:30px;}
.grid-advanced-report {display: grid;  align-items: center; grid-template-columns:1fr 1fr 1fr; grid-column-gap: 15px; grid-row-gap: 15px;}
.grid-advanced-report > div {text-align: center; cursor:pointer; background: #F5F5F5; border-radius: 5px; min-height: 208px; display: grid; align-items: center; padding:0 15px;}
.grid-advanced-report > div h3 {font-weight:600;}
.icon-sales-report  { background-image: url("../images/cart.svg"); width:30px; height:30px; background-size: 100%; background-position: center; display: block;
    margin: auto;}
.icon-learner-report { background-image: url("../images/learner-report.svg"); width:33px; height:33px; background-size: 100%; background-position: center;display: block;margin: auto;}
.icon-kmc-report {background-image: url("../images/kmc-report.svg"); width:34px; height:34px; background-size: 100%; background-position: center;display: block;     margin: auto;}
.icon-mq-report {background-image: url("../images/mq-report.svg"); width:40px; height:40px; background-size: 100%; background-position: center;display: block;
    margin: auto;}
.icon-ce-report {background-image: url("../images/ce-advanced-report.svg"); width:40px; height:40px; background-size: 100%; background-position: center;display: block; margin: auto;}
.icon-are-repoert {background-image: url("../images/ARE-Report.svg"); width:32px; height:32px; background-size: 100%; background-position: center;display: block;
    margin: auto;}

@media (min-width:500px) and (max-width: 768px) {
	.grid-advanced-report {grid-template-columns:1fr 1fr;}
}

@media (max-width: 500px) {
	.grid-advanced-report {grid-template-columns:1fr;}
}

.course-expired{position: relative;
    border: 1px solid #FFCECE;
    background: #FFECEC;
    padding: 1px 15px;
    bottom: -10px;
    left: -16px;
    width: calc(100% + 99px);
    color: #FF4D4D;
    font-weight: 500;}
	
.course-inner-expired{position: relative;
    border: 1px solid #FFCECE;
    background: #FFECEC;
    padding: 1px 15px;
    bottom: -10px;
    color: #FF4D4D;
    font-weight: 500;}	
    
 .buynow-btn{background: #DF195C;
    color: #fff!important;
    border-radius: 5px;
       padding: 9px 6px;
    text-transform: uppercase;
    font-size: 12px;
    text-align: right;
    width: 100%;
    display: block;
    font-weight: bold;
    white-space: nowrap;
    position: relative;}

.padding-4 {padding: 0 4px!important;}

.icon-cart {background: url(../images/shopping-cart.svg) no-repeat;
    display: inline-block;
    height: 17px;
    width: 19px;
    position: absolute;
    left: 7px;
    background-size:15px;}


.reportbanerul li > div.tab-active {position:relative}
.reportbanerul li > div.tab-active {border: 5px solid #0E2E54;}

.reportbanerul li > div.tab-active:after {
content: '';
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 17px solid #26C9FF;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    bottom: -84px;

}

.sug-password {
	margin:30px 0px 0px 0px;
	padding:0px;
	list-style:none;
}
.sug-password > li {
	margin:15px 0;
	padding-left: 45px;
	font-size:18px;
	position:relative;
	background-size: 27px!important;
	min-height:30px;
}
.sug-password > li {
	background: url(../images/gray-tick-01.png) no-repeat left center;
	
}

.sug-password > li.text-success {
	background: url(../images/greentick-01.png) no-repeat left center;
	
}