body{
  background-size: 100% 100%;
  background-repeat: no-repeat;
  min-width: 1010px;
}
.utp{
	margin-top: 1.25rem;
}
.padding-for-header{
	padding-top: 1rem;
	padding-left: .4375rem;
}
.blue-bar{
	width: .1875rem;
	height: .625rem;
	background-color: #33b1f8;
	display: inline-block;
	float: left; 
	margin-right: .5rem;
    margin-top: .125rem;

}
.italic-text{
	display: inline-block;
	font-size: .75rem;
	color: white;
	float: left;
	line-height: .8125rem;
}
.to-do-text{
	font-size: .875rem;
	display: inline-block;
	padding-left: .1875rem;
	color: #abd2ff;
	float: left;
	line-height: .6875rem;
}
.to-do-text:hover{
	color:#74b3fd;
}
.white-crcle-module{
background: white;
float: left;
height: .6875rem;
border: 1px solid #527ea7;
border-radius: 50%;
margin-top: -.4375rem;
position: absolute;
width: .9375rem;
height: .9375rem;
z-index: 100;
}
.more-link-text{
    font-size: .875rem;
  display: inline-block;
  padding-left: .1875rem;
  color: #abd2ff;
  float: right;
  line-height: .6875rem;
  padding-top: .8125rem;
  cursor: pointer;
}
.more-link-text:hover{
	color:#74b3fd;
}
.to-do-list-wrap{
	padding-top: 0.375rem;
}
.yellow-bar{
	width: 0.1875rem;
	height: .625rem;
	background-color: #f8c210;
	display: inline-block;
  margin-right: .5rem;
  margin-top: .125rem;	
  float: left;
}
.voilet-bar{
  width: 0.1875rem;
  height: .625rem;
	background-color: #ab81f3;
	display: inline-block;
	float: left; 
	margin-right: .5rem;
  margin-top: .125rem;	
}
.single-row-wrap{
	padding-top: .375rem;
  cursor: pointer;
}
.task-number{
	font-size: .875rem;
	color: white;
}
.task-details{
	font-size: .875rem;
	color: #abd2ff;
	line-height: 1.0625rem;
	cursor:pointer;
}
.task-details:hover{
	color:#74b3fd;
}
.time-period{
  font-size: 1.25rem;
  font-weight: 300;
  letter-spacing: -0.4px;
  color: #c0c0c0;
  line-height: 2.875rem;
  padding-left: .125rem;
}
.event-time-wrap{
	float: left;
	padding-top: .125rem;
}
.event-details-text{
  font-size: 1rem;
  color: #abd2ff;
  width: 100%;
  float: left;
  margin-top: -.25rem;
  cursor:pointer;
}
.event-details-text:hover{
	color:#74b3fd;
}
.user-bday{
	border: 1px solid transparent;
  border-radius: 50%;
  width: 2.1875rem;
  height: 2.1875rem;
  float: left;
  object-fit: cover;
}
.name-wrap {
  display: inline-block;
  float: left;
  padding-left: .3125rem;
  padding-right: .375rem;
  padding-top: .1875rem;
  cursor: pointer;
}
.baday-username{
	font-size: .75rem;
	color: #abd2ff;
    display: block;
	line-height: 0.9375rem;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.birthday-wrap .name-wrap:hover .baday-username{
	color:#74b3fd;
}
.birthday-wrap .baday-username{
  width: 6rem;
}
.user-baday-wrap {
	float: left;
}
.bday-image-wrap{
	padding-top: .625rem;
}
.talk-wrap{
	position: absolute;
	bottom: .625rem;
  left: 1.5625rem;
  right: 1.5625rem;
}
.share-thoughts {
  background: transparent;
  width: 100%;
  padding-left: .625rem;
  outline: none;
  resize: none;
  border: none !important;
  color: white;
  font-size: .75rem;
  opacity: .9;
  height: 2.5rem;
  padding-top: .4375rem;
}
input,
input::-webkit-input-placeholder {
    font-size: .75rem;
    color: white;
}
input.header-input-rp::-webkit-input-placeholder {
    font-size: .75rem;
    color: #9b9b9b;
    font-variant: "Lato-Regular";
}
textarea.share-thoughts::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #9d9d9d;
  font-size: .75rem;
}
textarea.share-thoughts::-moz-placeholder { /* Firefox 19+ */
  color: #9d9d9d;
  font-size: .75rem;
}
textarea.share-thoughts:-ms-input-placeholder { /* IE 10+ */
  color: #9d9d9d;
  font-size: .75rem;
}
textarea.share-thoughts:-moz-placeholder { /* Firefox 18- */
  color: #9d9d9d;
  font-size: .75rem;
}
.share-comnt-wrap {
  width: 100%;
  position: relative;
  margin-bottom: .9375rem;
  margin-top: .4375rem;
  background: rgba(0,0,0,0.3);
  height: 4.0625rem;
}
.wooq-button {
  outline: none;
  border: 1px solid white;
  background: white;
  font-size: .6875rem;
  letter-spacing: -0.2px;
  text-align: center;
  color: white;
  position: absolute;
  right: .25rem;
  bottom: .25rem;
  border: solid 1px transparent;
  color: #e7ecec;
  background-color: #5680a8;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  transition: all ease .2s;
}
.wooq-button:hover{
  box-shadow: 0px 0px .1875rem #5680a8;
}
.dropdown-share {
  width: 9.375rem;
  bottom: .375rem;
  position: absolute;
  left: 0.3125rem;
  cursor: pointer;
}
.share-privacy {
  background: transparent;
  font-size: .6875rem;
  letter-spacing: -0.2px;
  color: #abd2ff;
  border: none;
  outline: none;
  padding-left:0.375rem;
  background-image: url('../images/talk_down_arrow_share_v1.png');
  background-repeat: no-repeat;
  background-size: .625rem; 
  background-position: 100% 0.25rem;
  width:8rem;
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
  cursor:pointer;
}
.share-privacy:hover {
   color: #74b3fd;
}
.active-talk-h-text{
  font-size: .625rem;
  color: #9d9d9d;
}
.active-talk-user-text{
  color: white;
  font-size: .75rem;
  padding-top: .375rem;
  font-weight: bold;
}
.active-talk-details{
	font-size: .75rem;
  color: #abd2ff;
  padding-top: .1875rem;
  width: 80%;
  float: left;
  font-family: 'Lato-Regular';
  line-height: .875rem;
  white-space: nowrap;
  cursor:pointer;
}
.active-talk-details:hover{
	color:#74b3fd;
}
.active-talk-details-wrap{
  margin-left: 3.125rem;
}
.active-talk-img{
	width: 2.1875rem;
	height: 2.1875rem;
	border-radius: 50%;
	float: left;
  margin-top: .3rem;
	object-fit:cover;
}
img.bg {
  min-height: 100%;
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -2;
  object-fit: cover;
}
.container img.bg{
	position:absolute;
}
.first-col-cntnt{
  transition: all ease-out .3s;
  padding-top: 2.375rem;
  overflow-y: hidden;
  overflow-x: hidden;
}
.page-header-wrap{
  padding-bottom: .3125rem;
}
.inner-contents-frst-col{
	overflow-y: hidden;
}
.search-wrap{
  float: right;
  margin-right: .1875rem;
}
.search-img{
  cursor: pointer;
  font-size: .9375rem;
  color: #5680a8;
}
.search-img:hover{
	color:#23527c;
}
.left-blk-div{
  padding-bottom: 0px;
}
.sub-heades{
  font-size: .8125rem;
  color: #828385;
  opacity: .7;
  float: left;
  padding-top: .125rem;
  padding-left: .3125rem;
}


.progress-bar-wrap-a{
  margin-top: 15px;
  padding-bottom: 0;
  border-bottom: none;
}
.accordian-wrap{
  margin-top: 10px;
}
.acc-header{
  width: 100%;
  font-size: 14px;
  color: white;
  cursor: pointer;
}
.spotlite-text{
  font-family: Lato-Bold;
  font-size: .625rem;
	color: #FF9F00;
  padding-left: .3125rem;
}
.grey-text{
	color: #9b9b9b;
}
.rows-blue-text{
  padding-top: 0.25rem;
  padding-bottom: 0.1875rem;
}
.blue-text{
  float: left;
  font-size: 1rem;
  letter-spacing: -0.3px;
	color: #5680a8;
  font-family: Lato-Regular;
  padding-left: .3125rem;
  padding-top: .125rem;
  height: 1.4375rem;

}
.blue-text:hover{
	color:#23527c;
}
.down-arrow{
  font-size: .75rem;
  color: #5680a8;
  float: right;
  margin-top: .3125rem;
  margin-right: .375rem;
}
.down-arrow:hover{
	color:#23527c;
}
.up-arrow{
  font-size: .75rem;
  color: #5680a8;
  float: right;
  margin-top: .3125rem;
  display: none;
  margin-right: .375rem;
}
.up-arrow:hover{
	color:#23527c;
}
.acc-exp-wrap{
  display: none;
  transition: max-height 1s ease-out;
  padding-left: 0.3125rem;
  background: rgba(58,58,58,0.06);
}
.text-under-label{
	font-size: .875rem;
	letter-spacing: -0.2px;
	color: #5680a8;
	float: left;
	display: inline-block;
  cursor: pointer;
  height: 1.375rem;
  padding-top: .1875rem ;
  padding-left: .125rem;
  margin-left:.1875rem;
}
.text-under-label:hover{
	color:#23527c;
}
.modules-header{
	padding-top: 16px;
	position: relative;
}
.sptlight-wrap{
	padding-top: 1.375rem;
	
}
.close-icon-wrap{
  cursor: pointer;
  display: none;
  float: right;
  margin-right: 0rem;
  margin-top: .125rem;
  position: relative;
  z-index:2;
}
.close-icon{
  font-size: 1.125rem;
  color: rgb(157, 157, 157);
}
.total-search-wrap{
  width: 100%;
  width: 0;
  right: 0;
  position: absolute;
  transition: 200ms ease-out;
  margin-top: -.25rem;
  z-index:1;
 visibility: hidden;
}
.home-search{
  width: 100%;
  height: 1.875rem;
  background: white;
  outline: none;
  border: none;
  color: #4a4a4a;
  padding-left: .4375rem;
  font-size: .875rem;
  padding-left: 1.5625rem;
}
.down-arrow-ak{
  width: 1rem;
  font-size: .75rem;
  margin-left: .1875rem;
position: relative;
top: 1px;
}
.button-wrap-exp{
  width:9.375rem;
  letter-spacing: -0.2px;
  text-align: center;
  color: #5680a8;
  cursor: pointer;
  margin: 0 auto;
  margin-top: 1.25rem;
  height: 2.0625rem;
  padding-top: .375rem;
  padding-left: .5rem;
  border: solid 0.5px #b5b5b5;
  position: absolute;
  left: calc(50% - 4.6875rem);
}
.button-wrap-exp:hover{
  color: #23527c;
}
.all-knwldg-btn{
  font-size: .75rem;
  letter-spacing: -0.2px;
  color: #5680a8;
  border-radius: .625rem;
  box-shadow: none;
  outline: none;
}
.button-wrap-exp:hover .all-knwldg-btn{
  color:#23527c;
}
.button-wrap-exp:hover .down-arrow-ak{
  color:#23527c;
}
.all-knwldg-btn:hover{
	color:#23527c;
}
.first{
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.circle {
  margin: .75rem .75rem 0px 0;
  display: inline-block;
  position: relative;
  text-align: center;
  line-height: 1.2;
  position: relative;
}

.circle canvas {
  vertical-align: top;
  height: 4.6825rem !important;
  width: 4.6825rem !important;
}

.circle strong {
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  text-align: center;
  line-height: 2.5rem;
  font-size: 1.875rem;
}
.circle strong i {
  font-style: normal;
  font-size: 0.6em;
  font-weight: normal;
}
.circle span {
  display: block;
  color: #aaa;
  margin-top: .75rem;
}
p {
  margin: 40px 0;
}
.install {
  display: inline-block;
}
.install a {
  display: block;
  width: auto;
  vertical-align: middle;
  padding: 6px 12px;
  line-height: 20px;
  background-color: #111;
  color: #fff;
  border-radius: 3px;
  text-decoration: none;
  margin: 5px auto;
  transition: all .3s;
}
.install code {
  padding: 6px 12px;
  display: block;
  font: 13px/20px Courier New, Liberation Mono, monospase;
  background-color: #333333;
  border-radius: 4px;
  margin: 5px 0;
  white-space: nowrap;
}
.install a:hover {
  background-color: #222;
}
.credits {
  color: #aaa;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
}
.credits img {
  margin-left: 4px;
  border-radius: 4px;
  vertical-align: middle;
}
.view-text{
  font-size: 1.5625rem;
  font-weight: 500;
  color: #5680a8;

}
.view-text-perc{
 	font-weight: 500;
  	color: #5680a8;
	font-size: 1.125rem;
	position:relative;
	top:-0.125rem;
	left:0;
}

.view-text-parent{
	position:absolute;
	left:1rem;
	top:2.25rem;
  z-index: 100;
}
.view-text-parent:hover .view-text{
	color:#23527c;
	
}
.view-text-parent:hover .view-text-perc{
  color:#23527c;
  
}
.user-progress-det-wrap{
	float: left;
  min-height: 6.4rem;
  position: absolute;
  cursor: pointer;
  left: 0;
margin-top:.375rem;
}
.mod-det-text{
	font-size: 1.0625rem;
	color: #373737;
	line-height: 1.3125rem;
  float: left;
}
.module-view-outer-wrap .mod-det-text{
  padding-top: 1.3rem;
}
.module-view-outer-wrap{
  display: none;
}
.user-name-greet{
	font-size: 1.0625rem;
	color: #373737;
	line-height: 1.3125rem;
}
.bl-text{
	color: #5680a8;
	cursor: pointer;
}
.bl-text:hover{
	color:#23527c;
}
.first-row-sec-col{
	margin-left: .9375rem;
	margin-right: .9375rem;
	margin-bottom: .8125rem;
  border-width:1px;
  position: relative;
}
.module-progress-report{
	padding-top: 1.4375rem;
  min-height: 6.25rem;
  padding-bottom: .625rem;
  margin-left: 5.625rem;
}
.videos{
  width: 100%;
}
.chap-videos{
  width: 100%;
}
.comments-roll-sec-chap{
  display: none;
}
.third-row-sec-col{
	padding-left: .9375rem;
	padding-right: .9375rem;
	padding-top: 1rem;
  padding-bottom: 0px;
}
.third-row-sec-col-chap{
  padding-left: .9375rem;
  padding-right: .9375rem;
  padding-top: 2rem;
  padding-bottom: 0px;
}
.module-det-text{
	font-size: .875rem;
	color: #717170;
}
.retro-header{
	font-size: 1.5rem;
	letter-spacing: -0.4px;
	color: #4a4a4a;
	padding-top: .4375rem;
  height: 2.3125rem;
}
.prev-comments{
  font-size: .875rem;
  line-height: 2.5;
  letter-spacing: -0.2px;
  color: #5680a8;
  float: left;
  cursor: pointer;
}
.comments-show-wrap:hover .prev-comments{
	color:#23527c;
}
.comments-show-wrap:hover .comments-down-arrow{
  color:#23527c;
}
.view-chap-text{
	float: left;
  padding-top: 0.6875rem;
  padding-left: 0.375rem;
  font-size: .875rem;
	line-height: 2.1;
	letter-spacing: -0.2px;
	color: #527ea7;
}
.comments-down-arrow{
  font-size: .75rem;
  color: #527ea7;
  float: left;
  padding-top: .75rem;
  padding-left: .375rem;
}
.chapter-up-arrow{
	font-size: .75rem;
  color: #5680a8;
  float: left;
  padding-top: 1.3125rem;
  padding-left: .375rem;
}
.chapter-up-arrow:hover{
	color:#23527c;
}
.comments-show-wrap{
  position: absolute;
  cursor: pointer;
  text-align: center;
  left: calc(50% - 3.25rem);
  bottom: .8125rem;     
}
.comments-show-wrap-chap{
  position: absolute;
  cursor: pointer;
  text-align: center;
  left: calc(50% - 3.125rem);
  bottom: .8125rem;     
}
.margin-left{
	margin-left: .9375rem;
}
.left-col-header{
	font-size: 1.5rem;
  	color: rgba(74,74,74, .76);
	padding-left:0.3125rem;
}
.full-width{
  width: 100%;
  display: block;
}
.search-box{
  position: relative;
  width: 86%;
  float: left;
}
.col-one::-webkit-scrollbar { 
  display: none; 
}
.green-tick{
  color: #6fbb1d;
  float: left;
  border-radius: 50%;
  font-size: .6875rem;
  padding-top: .3125rem;
  margin-right: .125rem;
}
.green-tick-chap-compl{
    color: #85c743;
    float: left;
    border-radius: 50%;
    font-size: .875rem;
    padding-top:0rem;
    padding-left: 0.625rem;
    text-align:right;
}
.chapter-wrap{
	padding-bottom: .1875rem;
	padding-top: .1875rem;
}
.display-block{
	display: block;
}
.header-inner-wrap{
	margin: 0 auto;
	max-width: 1700px;
}
.header-left-part{
	float: left;
}
.logo-img{
  max-height:60px;
  width: auto;
  height: auto;
  cursor:pointer;
  vertical-align:middle;
  
}
.header-right-inner-wrap{
  position: relative;
}
.user-icon{
  width: 2.375rem;
  height: 2.375rem;
  border-radius: 50%;
  margin-top: 2%;
  cursor: pointer;
  position: relative;
  z-index: 11;
  object-fit: cover;
}
.user-img-wrap{
  float: right;
  margin-top: 2%;
}
.primary-navigation{
	float: right;
  cursor: pointer;
  height: 81%;
  position: relative;
  top: 19%;
margin-right:0.875rem;
}
.nav-text{
	font-size: .75rem;
	text-align: center;
	color: #888;
	padding-bottom:0.1875rem;
}
.notif-icon{
	text-align: center;
  font-size: 1rem;
  color: #969696;
  padding-top: 3px;
  position: relative;
  
}
.report-icon{
  text-align: center;
  font-size: 1rem;
  color: #969696;
  padding-top: 2px;
  position: relative;
}
.cal-icon{
  text-align: center;
  font-size: 0.9375rem;
  color: #969696;
  padding-top: 3px;
  position: relative;
}
.task-icon{
	text-align: center;
    font-size: 1rem;
    color: #969696;
    padding-top: 2px;
    position: relative;
}
.todo-icon{
  text-align: center;
  font-size: 0.875rem;
  color: #969696;
  padding-top: 3px;
  position: relative;
}
.home-icon{
  text-align: center;
  font-size: 1rem;
  color: #969696;
  padding-top: 1px;
}
.height-auto{
	height: auto;
	overflow-y: scroll;
}
.comments-roll-inner-sec{
	padding-left: 15px;
	padding-right: 15px;
}
.view-chap-outer-wrap{
	width: 100%;
  border-bottom: 1px solid #bababa;
}
.view-chap-wrap{
	width: 7.5rem;
	margin: 0 auto;
  cursor: pointer;
}
.view-chap-wrap-chap{
  width: 8.75rem;
  margin: 0 auto;
  cursor: pointer;
}
 .user-com-image-wrap{
  width:  3.125rem;
  height: 3.125rem;
  border-radius: 50%;
  float: left;
  }
.user-com-img{
  width: 100%;
  height: 100%;
  border: 1px solid transparent;
  border-radius: 50%;
  object-fit:cover;
}
.user-details-wrap{
  padding-top: .6rem;
  float: left;
  width: 88%;
  padding-left: .9375rem;
}
.comment-time-text{
  float: right;
  text-align: right;
  	font-size: 0.6875rem;
  font-weight: 300;
  letter-spacing: -0.2px;
  color: #4a4a4a;
}
.user-comment-wrap{
  padding: .9375rem;
  margin-bottom: .5625rem;
  height: 31.75rem;
  overflow-y: scroll;
}
.user-comment{
  color: white;
  width: 100%;
  padding-top: 1.25rem;
  padding-bottom: 0.4375rem;
  line-height: .875rem;
  font-size: .75rem;
  letter-spacing: -0.2px;
  color: #4a4a4a;
  word-wrap:break-word;
}
.this-user-comment{
  color: white;
  width: 100%;
  padding-top: 1.25rem;
  padding-bottom: .4375rem;
  line-height: .875rem;
  font-size: .75rem;
  letter-spacing: -0.2px;
  color: #4a4a4a;
}
.user-name{
  float: left;
  font-size: .875rem;
  font-weight: bold;
  color: #717170;
}
.this-user-name{
  float: left;
  font-size: 14px;
  font-weight: bold;
  color: #717170;  
}
.reac-icon{
	font-size: 0.6875rem;
	letter-spacing: -0.2px;
	color: #4b739a;
	float: left;
}
.reac-icon-fill{
	font-size: 0.6875rem;
	letter-spacing: -0.2px;
	color: #4b739a;
	float: left;
}
.reaction-number{
		font-size: .625rem;
	color: #527ea7;
	float: left;
	padding-left: 0.1875rem;
	cursor: pointer;
}
.reaction-wrap{
	float: left;
	margin-left: .5rem;
	cursor: pointer;
}
.reaction-wrap-flag{
  float: left;
  margin-left: .5rem;
  cursor: pointer;  
}
.reac-icon-retro{
  font-size: .875rem;
  letter-spacing: -0.2px;
  color: #4b739a;
  float: left;
}
.reac-icon-fill-retro{
  font-size: .875rem;
  letter-spacing: -0.2px;
  color: #4b739a;
  float: left;
}
.reaction-number-retro{
  font-size: .875rem;
  color: #527ea7;
  float: left;
  cursor: pointer;
}
.reaction-wrap-retro{
  float: left;
  margin-left: .9375rem;
  cursor: pointer;
}
.user-reaction-wrap-retro{
  float: right;
}
.each-user-com-block{
	margin-top: 1.5625rem;
}
.user-com-comment-wrap{
  margin-top: 1.5625rem;
  margin-bottom: .3125rem;
  display: none;
}
.m-l-z{
	margin-left: 0;
}
.comments-roll-sec{
	position: relative;
  height: 613px;
}
.comments-roll-sec {
  display: none;
}
.cur-user-comment-sec{
	position: absolute;
	bottom: 0.75rem;
	width: calc(100% - 1.875rem);
	left: .9375rem;
}
.cur-user-comment-sec-chap{
  position: absolute;
  bottom: 0.75rem;
  width: calc(100% - 1.875rem);
  left: .9375rem;
  border: solid 0.5px #b5b5b5;
  padding-top: .7rem;
  padding-bottom: .7rem;
  padding-left: .7rem;
}
.cur-user-comment-sec-frs-com {
  position: absolute;
  bottom: .3125rem;
  width: 94%;
  left: .9375rem;
}
.user-comment-ta-wrap{
	float: left;
	width: 88%;
  padding-left: 0.9375rem;
	position: relative;
}
.user-com{
	width: 100%;
	height: 3.125rem;
	outline: none;
	border: none;
	background: white;
	font-size: .6875rem;
	padding-left: .625rem;
	padding-top: .625rem;
	padding-bottom: .625rem;
	resize: none;
	padding-right: 7rem;
}
.user-comment-ta-wrap-frst-com .user-com{
  padding-right: 7.8125rem;
}
.comment-btn{
	outline: none;
  border: 1px solid white;
  background: white;
  font-size: .6875rem;
  letter-spacing: -0.2px;
  text-align: center;
  color: white;
  position: absolute;
  right: 1.25rem;
  bottom: 1rem;
  border: solid 1px transparent;
  color: #e7ecec;
  background-color: #5680a8;
  padding-left: .625rem;
  position: absolute;
  transition: all ease-out .2s;
  padding-right: .625rem;
    padding-top: .3125rem;
  padding-bottom: .3125rem;
}
.comment-btn:hover{
  box-shadow: 0px 0px 0.1875rem #5680a8;
}
.text-area-close{
  position: absolute;
  right: 5.75rem;
  font-size: .75rem;
  letter-spacing: -0.2px;
  color: #4b739a;
  bottom: 1.1875rem;
  cursor: pointer;
}
.comments-roll-sec{
  display: none;
}
.heightas{
  height: 611px;
}
.truncate {
  width: 80%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 1.125rem;
}
.birthday-wrap{
  padding-bottom: 2px;
}
.trunc-chap{
   width: 97%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 1.125rem; 
}
.tr-ch{
  width: 90%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 1.3125rem;
}
.tr-mod{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 21px;
  height: 15px;
}
.tr{
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.tr-left{
  width: 85%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.announce-details{
  width: 98%;
  padding-top: .315rem;
  padding-bottom: .375rem;
  font-size: .875rem;
  letter-spacing: -0.3px;
  color: white;
  background-color: #777;
  margin-top: .5rem;
  padding-left: .3125rem;
  cursor: pointer;
}
.tr-chap{
  width: 86%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tr-full{
  width: 95%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rows-sub-heades{
  margin-top: 4px;
  margin-bottom: 5px;
  cursor:pointer;
}
.spotlight-exp-wrap{
  margin-top: .625rem;
  padding-left:0.3125rem;
  background: rgba(58,58,58,0.06);
}
.icon-fire{
  font-size: 0.8125rem;
  color: #f5a623;
  float: right;
  margin-right: .3125rem;
  margin-top: -1px;
}
.search-results{
  position: absolute;
  top: 14.0625rem;
  width: 88%;
  left: 1.25rem;
  background: transparent;
  overflow-x: hidden;
  
}

.search-no-results{
  position: absolute;
  top: 14.0625rem;
  width: 88%;
  left: 1.25rem;
  height: auto;`
  background: transparent; 
  display: none;
}
.search-res-inner-wrap{
  padding-top: .325rem;
	overflow-y: scroll;
	max-height: 22rem;



}

.search-res-header{
  font-size: .8125rem;
  letter-spacing: -0.2px;
  color: #6c6a6d;
  padding-bottom: .625rem;
}
.chapter-header{
  letter-spacing: -0.2px;
  font-size: .625rem;
  color: #828385;
  padding-bottom: .1875rem;
}
.mod-header{
  letter-spacing: -0.2px;
  font-size: .625rem;
  color: #828385;
  padding-bottom: .1875rem;
  padding-top: 1rem;
}
.chap-name{
  font-size: .875rem;
  font-weight: 300;
  letter-spacing: -0.2px;
  color: #527ea7;
  padding-bottom: .4375rem;
  cursor: pointer;
  float: left;
  width: 100%;
  height: 1.5rem;
}
.mod-name{
  font-size: 1rem;
  font-weight: 300;
  letter-spacing: -0.2px;
  color: #527ea7;
  cursor: pointer;
  float: left;
  width: 82%;
  margin-bottom: .125rem;
  height: 1.5rem;
}
.search-mod-wrapper{
  padding-bottom: 7px;
  cursor: pointer;
  width: 100%;
}
.down-arrow-search{
  font-size: .75rem;
  color: #5680a8;
  float: right;
  margin-top: .1875rem;
  margin-right: .375rem;
  width: 10%;
}
.bold-text{
  font-weight: bold;
}
.thin-line{
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 2.75rem;
  width: calc(100% - 1.875rem);
  left: .9375rem;
  border-bottom: 1px solid #9b9b9b;
}
.first-look-wrap{
  position: relative;
}
.chap-inside-mod{
  color: #527ea7;
  font-size: .8175rem;
  cursor: pointer;
  width: 100%;
  float: left;
  height: 1.0625rem;
}
.module-button{
  float: right;
  font-size: .75rem;
  letter-spacing: -0.2px;
  text-align: center;
  color: #ffffff;
  height: 1.875rem;
  background-color: #5680a8;
  outline: none;
  border: 1px solid #5680a8;
  padding-left: .9375rem;
  padding-right: .9375rem;
  margin-top: 1.2rem;
  opacity: 1;
  transition: all ease-out .2s;
  min-width: 5.625rem;
}
.continue-button-quiz{
  font-size: .875rem;
  width: 7.1875rem;
  margin: 0 auto;
  letter-spacing: -0.2px;
  text-align: center;
  color: #ffffff;
  height: 1.875rem;
  background-color: #5680a8;
  outline: none;
  border: 1px solid #5680a8;
  padding-left: .9375rem;
  padding-right: .9375rem;
  margin-top: .3125rem;
  opacity: 1;
  transition: all ease-out .2s;
}
.take-quiz-btn{
  width: 7.625rem;
  font-size: .875rem;
  letter-spacing: -0.2px;
  text-align: center;
  color: #ffffff;
  height: 1.875rem;
  background-color: #5680a8;
  outline: none;
  border: 1px solid #5680a8;
  padding-left: .9375rem;
  margin-top: .3125rem;
  opacity: 1;
  transition: all ease-out .2s;
}
.submit-quiz-btton-wrap{
  width: 6.375rem;
  margin: 0 auto;
  margin-top: 3.125rem;
  margin-bottom: 3.125rem;
}
.submit-quiz{
  width: 10rem;
  font-size: 1rem;
  letter-spacing: -0.2px;
  text-align: center;
  color: #ffffff;
  height: 2.5rem;
  background-color: #5680a8;
  outline: none;
  border: 1px solid #5680a8;
  padding-left: .9375rem;
  padding-right: .9375rem;
  margin-top: .3125rem;
  padding-top: .6875rem;
  opacity: 1;
  transition: all ease-out .2s;
  cursor:pointer;
  line-height:1rem;
}
.take-quiz-btn:hover{
  box-shadow: 0px 0px .1875rem #5680a8;
}
.submit-quiz:hover{
  box-shadow: 0px 0px .1875rem #5680a8;
}
.module-button:hover{
  box-shadow: 0px 0px .1875rem #5680a8;
}
.take-quiz-btn:hover{
  box-shadow: 0px 0px .1875rem #5680a8;
}
.module-view-header{
  font-size: 2.25rem;
  letter-spacing: -0.6px;
  color: #4a4a4a;
  word-wrap: break-word;
  padding-top:0.75rem;
}
.module-view-details-wrap{
  overflow-y: scroll;
}
.module-view-cntnt{
  padding-left: .9375rem;
  padding-right: .9375rem;
  padding-top: .6875rem;
}
.author-img-wrap{
  width: 3rem;
  float: left;
  height: 3rem;
  float: left;
  margin-top: .25rem;
}
.author-img{
  width: 3rem;
  height: 3rem;
  border: transparent;
  border-radius: 50%;
  object-fit:cover;
}
.dots-fixed-width-line{
  position: relative;
}
.author-details-wrap, .author-details-wrap-with-obj{
  margin-top: 1.5rem;
}
.author-details{
  margin-left: 3.5rem;
  margin-top: 0.25rem;
}
.author-details .grey-text{
  padding-left: 0;
}
.start-talk-text{
  font-size: .6875rem;
  color: #5680a8;
  cursor: pointer;
}
.start-talk-text:hover{
	color:#23527c;
}
.author-name{
  padding-top: .25rem;
  padding-bottom: .1875rem;
  font-size: .875rem;
  font-weight: bold;
  color: #4a4a4a;
} 
.right-wrap-auth .author-name{
	width:100%;
	white-space:no-wrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.ph-no-text{
  font-size: .625rem;
  color: #4a4a4a;
  padding-bottom: .1875rem;
}
.module-chp-details-wrap{
  margin-top: 50px;
  padding-bottom: 50px;
}
.contents-text{
  font-size: .875rem;
  color: #9b9b9b;
  float: left;
}
.completed-text{
  float: right;
  text-align: right;
  color: #4a4a4a;
  line-height: .875rem;
  padding-right:0.0625rem;
  font-size:1rem;
}
.chapter-details-wrapper{
  width: 33.33%;
  float: left;
}
.white-crcle{
  background: white;
  float: left;
  height: .6875rem;
  border: 1px solid #527ea7;
  border-radius: 50%;
  margin-top: -.5rem;
  position: absolute;
  width: .9375rem;
  height: .9375rem;
  z-index: 100;
  cursor: pointer;
}
.tick-icon-for-chap{
  font-size: .5rem;
  padding-top: .1875rem;
  padding-left: .0625rem;
  letter-spacing: -0.1px;
  text-align: center;
  color: #6fbb1d;
}
.left-thin-line-comp,.right-thin-line-comp{
  background:#979797;
  height: 1px;
  width: 50%;
  float: left;
}
.idication-wrap{
  position: relative;
}
.chapters-in-module-wrap{
  margin-top: 1.875rem;
}
.ind-chap-details-inner-wrap{
  height: 5rem;
  box-shadow: 0px 0px .125rem rgba(102, 99, 99, 0.53);
  margin-top: 1.375rem;
  cursor: pointer;
  padding: .3125rem;
  position: relative;
  background: white;
  transition: all ease-in-out .2s;
}
.thick-blue-border{
   border-top: .1875rem solid #5680a8;
}
.ind-chap-details-inner-wrap:hover{
  -webkit-transform: scale(1.01);
  -moz-transform: scale(1.01);
  -ms-transform: scale(1.01);
  -o-transform: scale(1.01);
  transform: scale(1.07);
}
.chap-header-mod{
  font-size: .75rem;
  letter-spacing: -0.2px;
  color: #5680a8;
}
.chap-header-mod:hover{
	color:#23527c;
}
.type-of-chap{
  float: left;
}
.icon-chap-type{
  color: #527ea7;
  font-size: 1.5rem;
}
.hap-header-mod-wrap{
  padding-left: 1.75rem;
  word-wrap: break-word;
}
.dwnload-chap-icon{
  font-size: .75rem;
  color: #5680a8;
}
.dwnload-chap-icon:hover{
	color:#23527c;
}
.download-icon-wrap{
  position: absolute;
  bottom: .3125rem;
}
.like-wrap{
  float: left;
}
.like-dislike-wrap-right{
  position: absolute;
  right: .3125rem;
  bottom: .1875rem;
}
.like-chap-icon{
  color: rgb(130, 131, 133);
  font-size: .75rem;
  float: left;
}
.like-chap-num{
  font-size: .625rem;
  color: rgb(130, 131, 133);
  float: left;
  padding-left: .1875rem;
  padding-top: 1px;
}
.dislike-chap-icon{
  color: rgb(130, 131, 133);
  font-size: .75rem;
  float: left;
  padding-top: .125rem;
}
.dislike-wrap{
  float: left;
  margin-left: 5px;
}
.dislike-chap-num{
  font-size: 10px;
  color: rgb(130, 131, 133);
  float: left;
  padding-left: 3px;
  padding-top: 1px;
}
.ind-chap-details-wrap{
  padding-left: 6%;
}
.pl-zero{
  padding-left: 0;
}
.module-view-details-wrap::-webkit-scrollbar { 
    display: none; 
}
.left-wrap-auth{
  float: left;
  width: 70%;
}
.right-wrap-auth{
  float: right;
  width: 30%;
}
.br-right{
  border-left: solid #b8b8b8;
  padding-left: .5rem;
  border-width: .5px;
}
.objective-text{
  font-size: .875rem;
  color: #9b9b9b;
}
.obj-of-chap-text{
  font-size: 1rem;
  line-height: 1.0625rem;
  color: #4a4a4a;
  width: 90%;
  padding-top: .1875rem;
}
.first-row-of-chaptr-view{
  padding-top: .9375rem;
  padding-bottom: 1.25rem;
  margin-left: 0;
  margin-right: 0;
}
#right-arw-nav{
  padding-left: .3125rem;
}
.chapter-view-nav-text{
  font-size: 1.125rem;
  letter-spacing: -0.3px;
  color: #4a4a4a;
  cursor: pointer;
}
.chapter-view-nav-text-chap{
  font-size: 1.125rem;
  letter-spacing: -0.3px;
  color: #4a4a4a;
  cursor: pointer;
  padding-left:0.5rem;
}
.strgt-line-fl-wdth{
  height: 1px;
  border-bottom: 1px solid  #979797;
  margin-top: 1.5625rem;
}
.double-circle-wrap{
  width: 1.5625rem;
  height: 1.5625rem;
  border: 1px solid #9b9b9b;
  border-radius: 50%;
  background: white;
  position: absolute;
  margin-top: -.8rem;
  z-index: 10;
  margin-left: -.3125rem;
}
.inside-crcle{
  width: .9375rem;
  height: .9375rem;
  border: solid 1px #5680a8;
  border-radius: 50%;
  margin-top: .25rem;
  margin-left: .25rem;
}
/* left for the dots in chapter */
.left-dot-20{
  left: calc(20% - 7px);
}
.left-dot-40{
  left: calc(40% - 7px);
}
.left-dot-60{
  left: calc(60% - 7px);
}
.left-dot-80{
  left: calc(80% - 7px);
}
.left-dot-100{
  left: calc(100% - 7px);
}
.left-dot-0{
  left: calc(0%);
}
.left-bigc-dot-20{
  left: calc(20% - 12px);
}
.left-bigc-dot-40{
  left: calc(40% - 12px);
}
.left-bigc-dot-60{
  left: calc(60% - 12px);
}
.left-bigc-dot-80{
  left: calc(80% - 12px);
}
.left-bigc-dot-100{
  left: calc(100% - 12px);
}
.left-bigc-dot-0{
  left: calc(0% - 12px);
}
/* left for the dots in chapter */
.view-next-chap{
  font-size: .875rem;
  letter-spacing: -0.2px;
  text-align: right;
  color: #5680a8;
  font-weight: bold;
  cursor: pointer;
}
.view-next-chap:hover{
	color:#23527c;
}
.next-text-chap{
  font-size: .875rem;
  letter-spacing: -0.2px;
  color: #828385;
  max-width:17rem;
}
.next-text-chap-suggestion{
  width:17rem;
  text-align:right;
}
.completed-chap-det{
  font-size: .875rem;
  letter-spacing: -0.2px;
  color: #828385;
}

.nav-comp-details-wrap{
  float: left;
}
.next-chap-view-wrap{
  float: right;
}
.nav-next-chap{
  margin-top: 20px;
}
.chapter-view-outer-wrap{
  display: none;
  position: relative;
}
.chapter-view-outer-wrap .first-row-sec-col{
  border-bottom: none;
  margin-bottom: 0;
}
.chapter-view-outer-wrap .retro-header{
  padding-top: 0;
  width: 80%;
  float: left;
}
.chapter-view-outer-wrap .user-reaction-wrap-retro{
  margin-top: 6px;
}
.popup-wrap{
  position: absolute;
  z-index: 10000;
  height: 90%;
  background-color: rgba(255, 255, 255, 0.95);
  width: 50%;
  left: calc(50% - 25%);
  top: calc(50% - 45%);
  display: none;
  overflow-y: scroll;
  padding-bottom: 10px;
}
.popup-header{
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 18px;
  color: #717170;
}
.popup-error-mes{
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  background-color: #fbe9d7;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: -0.2px;
  text-align: center;
  color: #828385;
}
.private-discuss-inner-wrap{
  padding-left: 15px;
  padding-bottom: 15px;
}
.each-user-com-block-priv{
  margin-top: 20px;
}
.popup-inner-wrap{
  position: relative;
}
.popup-close-icon-wrap{
  position: absolute;
  top: 18px;
  right: 15px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.icon-close-popup{
  font-size: 18px;
  color: #717170;
  padding-top: 2px;
}
.user-comment-outer-wrap{
  position: relative;
}
.private-comments-wrap{
  position: absolute;
  right: 1rem;
  bottom: .875rem;
}
.comments-show-wrap-first-time{
  position: absolute;
  bottom: .9375rem;
  left: calc(50% - 7.125rem);
}
.user-comment-ta-wrap-frst-com{
    float: left;
  width: calc(100% - 3.125rem);
  position: relative;
  transition: width ease 200ms;
}
.first-comment-wrap{
  display: none;
}
.first-row-of-mod-view .module-progress-details-wrap{
  float: left;
  width: 75%;
}
.view-que-wrap{
    position: absolute;
    bottom: 6px;
    left: 26px;
    cursor: pointer;
}
.view-chap-qstn-icon{
  font-size: 11px;
  letter-spacing: -0.2px;
  text-align: center;
  color: #a8a9ab;
}
.mCSB_inside > .mCSB_container{
  margin-right: 0;
}
.search-icon-inside-input{
  position: absolute;
  top: .375rem;
  left: 0.375rem;
}
.search-icon-search {
  font-size: 1rem;
  color: rgb(157, 157, 157);
}
.arrow-up {
     	width: 1.75rem;
	height: .25rem;
	opacity: 1;
	position: absolute;
	left: 50%;
	bottom: 0px;
	background: white;
	margin-left:-.875rem;
}

.icon-no-res{
  font-size: 30px;
  color: rgb(144,144,144);
  text-align: center;
  padding-bottom: 15px;
}
.no-res-message{
  font-size: 14px;
  font-weight: 300;
  font-family:"Lato-LigtItalic";
  letter-spacing: -0.2px;
  text-align: center;
  color: rgb(74, 74, 74);
}
.scroll-down{
  height: 1px;
  width: 100%;
}
.icon-list-todo{
  font-size: 1.5625rem;
  text-align: center;
  color: #d0d0d0;
  padding-bottom: 15px;
  display:none;
}
.todo-placeholder-texts{
  text-align: center;
  font-size: .9375rem;
  color:  #d5d5d5;
  font-family: "Lato-LigtItalic";
  line-height: 1rem;
  padding-top:1.5rem;
}
.placeholder-details-wrap{
  margin: 0 auto;
  width: 95%;
  margin-top: -.625rem;
}
.todo-placeholder-info{
  display: block;
}
.todo-placeholder-taskinfo{
display: none;
}
.todo-placeholder-apprwooqer{
  display: none;
}
.todo-placeholder-nothing{
  display: none;
}
.pad-top-5{
  padding-top: 0.3125rem;
}
.placeholder-details-wrap-fw{
  width: 100%;
}
.events-placeholder-nevermiss{
  display: none;
}
.events-placeholder-attach-kn-mod{
  display: none;
}
.events-placeholder-invite, .events-placeholder-import, .events-placeholder-neverforget{
  display: none;
}
.todo-placeholder-done{
  display: none;
}
.link-for-the-ph{
    color: #abd2ff;
    text-align: center;
    font-size: .9375rem;
    font-family: "Lato-LigtItalic";
    line-height: 1rem;
    cursor: pointer;
}
.link-for-the-ph:hover{
	color:#74b3fd;
}
.chap-video-wrapper{
  position: relative;
}
.take-quiz-wrap{
  position: absolute;
  bottom: 0;
  height: 2.1875rem;
  background-color: #fbe9d7;
  width: 100%;
  padding-top: .625rem;
  cursor: pointer;
  z-index:999;
}
.chapter-quiz-click-wrap{
  color: #5680a8;
  text-align: center;
}
.chapter-quiz-click-wrap:hover{
	color:#23527c;
}
.chap-quiz-close{
  font-size: 1.1875rem;
  color: #5680a8;
  float: right;
  margin-top: -1.0625rem;
  margin-right: .5rem;
}
.chap-quiz-close:hover{
  color:#23527c;
}
.take-quiz-start-wrap{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  height: 110%;
  display: none;
  background: white;
  z-index:710;
}
.congrats-after-quiz-wrap{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: white;
  display: none;
  z-index:800;
  overflow-y:hidden;
}
.quiz-no-success-wrap{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: white;
  display: none;
  z-index:800;
}
.quiz-success-wrap{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
  background: white;
}
.overlay-wrap-for-chapter{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  z-index: 800;
  height: 100%;
  overflow-y:hidden;
}
.take-quiz-inner-wrap{
  position: relative;
  height: 100%;
}
.overlay-inner-wrap-for-chapter{
  position: relative;
  height: 347px; 
}
.knowledge-based-text{
  font-size: 1.125rem;
  line-height: 1.4375rem;
  letter-spacing: -0.3px;
  text-align: center;
  color: #4a4a4a;
  width: 75%;
  margin: 0 auto;
  padding-top: 4.375rem;
}
.notice-header-text{
  font-size: .75rem;
  color: #828385;
}
.notice-details-text{
  font-size: .75rem;
  letter-spacing: -0.2px;
  color: #727272;
  line-height: 1.0625rem;
}
.quiz-notice-wrap{
  margin-top: 2.5rem;
  margin-left: 2.125rem;
}
.take-quiz-btn-wrap{
  margin: 0 auto;
  width: 6.375rem;
  margin-top: 1.3125rem;
  padding-right: 7rem;
}

.mandatory-icon{
  position: relative;
  top: -0.1875rem;
  color: #EF6A6A;
  font-size: 1.125rem;
}
.question-wrap .mandatory-icon{
	left:-1.125rem;
	
}
.back-to-chap-wrap-click{
    position: absolute;
    bottom: 3.5rem;
    right: .9375rem;	
}

.chapter-quiz-popup-wrap{
  position: absolute;
  width: 90%;
  left: 5%;
  top: 1.25rem;
  bottom: 1.25rem;
  background: white;
  z-index: 1000;
  opacity: .95;
  max-width: 100rem;
  display: none;
}
.chapter-quiz-header-wrap{
  height: 2.5rem;
  background: #becfdf;
  width: 100%;
}
.quiz-header{
  font-size: 1.5rem;
  letter-spacing: -0.4px;
  color: #4a4a4a;
  padding-left: 1.25rem;
  padding-top: 0.375rem;
  float: left;
}
.completed-qustns-count{
  font-size: 1rem;
  letter-spacing: -0.3px;
  color: #4a4a4a;
  padding-left: 6.625rem;
  padding-top: 0.8125rem;
  float: left;
}
.cross-icon-quiz-qustns{
  float: right;
  font-size: 1rem;
  letter-spacing: -0.3px;
  color: #527ea7;
  padding-top: .875rem;
  padding-right: 1.25rem;
  cursor: pointer;
}
.quiz-container-wrap .quiz-notice-wrap{
  padding-top: 1.875rem;
  margin-bottom: .625rem;
  margin-left: 0;
  margin-top: 0;
  position: relative;
}
.quiz-container-wrap .notice-header-text{
  font-size: .75rem;
  padding-bottom: .1875rem;
}
.quiz-container-wrap .notice-details-text{
  font-size: .875rem;
}
.quiz-container-inner-wrap{
  width: 70%;
  margin: 0 auto;
}
.question-text{
  font-size: 1.125rem;
  letter-spacing: -0.4px;
  color: #6b6b6b;
}
.question-wrap{
  margin-top: 2.1875rem;
  position:relative;
}
input[type="radio"]:checked + label{
    background-image: url(../images/radiobutton_active_selected.png);
    background-size: 1rem;
    background-repeat: no-repeat;
    background-position: 0px 0;
}
input[type="radio"] + label{
    background-image: url(../images/radiobutton_active.png);
    background-size: 1rem;
    background-repeat: no-repeat;
    background-position: 0px 0;
}
input[type="checkbox"]:checked + label{
    background-image: url(../images/checkbox_active_selected.png);
    background-size: .875rem;
    background-repeat: no-repeat;
    background-position: .0625rem .125rem;
}
input[type="checkbox"] + label{
    background-image: url(../images/checkbox_active.png);
    background-size: .875rem;
    background-repeat: no-repeat;
    background-position: .0625rem .125rem;
}


.mr-radio-btn-hide{
  opacity: 0;
}
.radio-btn-wrap{
  float: left;
  margin-left: 2.1875rem;
}
.mr-rb-text{
  margin-left: 1.5625rem;
  font-size: 1rem;
  letter-spacing: -0.3px;
  color: #6b6b6b;
  position: relative;
  top: -1px;
}
.answer-wrapper{
  margin-top: .9375rem;
  margin-left: -1.625rem;
}
.mr-checkbox-hide{
  opacity: 0;
  display: none;
}
.quiz-textarea{
  width: 37.5rem;
  height: 5.9375rem;
  border: 1px solid #9b9b9b;
  background: white;
  margin-top: 1.25rem;
  resize: none;
  outline: none;
  padding-left: .625rem;
  padding-top: 0.5rem;
  color: grey;
}
.quiz-image-qstn{
  float: left;
  width: 80px;
  height: 80px;
  margin-left: 25px;
}
textarea.quiz-textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: grey;
  font-size: 14px;
}
textarea.quiz-textarea::-moz-placeholder { /* Firefox 19+ */
  color: grey;
  font-size: 14px;
}
textarea.quiz-textarea::-ms-input-placeholder { /* IE 10+ */
  color: grey;
  font-size: 14px;
}
textarea.quiz-textarea::-moz-placeholder { /* Firefox 18- */
  color: grey;
  font-size: 14px;
}


input.header-input-rp::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #aaa;
  font-size: 0.875rem;
}
input.header-input-rp::-moz-placeholder { /* Firefox 19+ */
  color: #aaa;
  font-size: 0.875rem;
}
input.header-input-rp::-ms-input-placeholder { /* IE 10+ */
  color: #aaa;
  font-size: 0.875rem;
}
input.header-input-rp::-moz-placeholder { /* Firefox 18- */
  color: #aaa;
  font-size: 0.875rem;
}


.error-statement{
    font-size: 0.6875;
  color: #EF6A6A;
  padding-top: .625rem;
  padding-left: 2.5rem;
}
.quiz-container-wrap{
  height: 100%;
  overflow-y: scroll;
}
.square-img{
  width: 6.25rem;
  height: 6.25rem;
  margin-left: 1.5rem;
  float: left;
}
.landscape-img{
  margin-left: 3.75rem;
  width: 6.25rem;
  height: 4.375rem;
  float: left;
}
.portrait-img{
  margin-left: 3.75rem;
  width: 6.25rem;
  height: 4.375rem;
  float: left;
}
.images-wrap-quiz{
  margin-top: 1.5625rem;
  margin-bottom: 1.5625rem;
}
.confirm-quiz-quit-wrap{
  position: fixed;
  right: 5%;
  background: white;
  width: 20.625rem;
  height: 7.5rem;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5);
  padding-top: 1.25rem;
  display: none;
  z-index:1000;
  top:3.75rem;
}
.quiz-quit-confirm-message{
  font-size: .875rem;
  letter-spacing: -0.2px;
  text-align: center;
  color: #727272;
}
.continue-quiz-btn-wrap{
  width: 6.25rem;
  margin: 0 auto;
  margin-top: 1.25rem;
}
.close-quiz-final{
  font-size: .875rem;
  font-weight: 900;
  letter-spacing: -0.3px;
  text-align: right;
  color: #527ea7;
  margin-top: -1.375rem;
  margin-right: 2.25rem;
  cursor: pointer;
}
.chapter-quiz-popup-inner-wrap{
  background: white;
}
.download-chapter-link{
  font-size: 1.125rem;
  line-height: 1.1;
  letter-spacing: -0.3px;
  text-align: center;
  color: #527ea7;
  cursor: pointer;
}
.download-icon-for-chapter{
  font-size: 2.25rem;
  letter-spacing: -0.6px;
  text-align: center;
  line-height: 4.375rem;
  color: #738ca4;
  cursor: pointer;
}
.download-wrap-chap{
  position: absolute;
  top: 30%;
  width: 100%;
}
.download-content{
  background: white;
  display: none;
  z-index: 700;
}
.completed-a-module{
  background: rgb(0,0,0);
  opacity: .85;
  display: none;
}
.done-with-a-chapter{
  background: rgb(0,0,0);
  opacity: .85;
  display: none;
}
.icon-of-the-overlay{
  font-size: 2.25rem;
  letter-spacing: -0.6px;
  text-align: center;
  color: #f5a623;
}
.completed-chap-details-txt{
  font-size: 1.125rem;
  line-height: 1.1;
  letter-spacing: -0.3px;
  color: #ececec;
}
.comp-chap-name-text{
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1.1;
  letter-spacing: -0.3px;
  text-align: center;
  color: #ffffff;
}
.complted-chap-det{
  text-align: center;
  padding-top: .9375rem;
}
.added-percentage-text{
  font-size: 1.125rem;
  font-weight: 300;
  font-style: italic;
  letter-spacing: -0.3px;
  text-align: center;
  color: #ececec;
  width: 100%;
  padding-top: 3rem;
}
.increase-progress-wrapper{
  text-align: center;
  padding-top: 2.1875rem;
}
.increase-chap-prog-text{
  font-size: 1rem;
  line-height: 1.2;
  letter-spacing: -0.3px;
  text-align: center;
  color: #ececec;
}
.increase-chap-name{
  color: #5680a8;
  font-size: 1rem;
  line-height: 1.2;
  letter-spacing: -0.3px;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
}
.increase-chap-name:hover{
  color:#23527c;
}
.next-module-name{
   color: #5680a8;
  font-size: 1rem;
  line-height: 1.2;
  letter-spacing: -0.3px;
  text-align: center;
  font-weight: bold;
  cursor: pointer; 
}
.next-module-name:hover{
	color:#23527c;
}
.data-content-overlay-chap{
  margin-top: 10%;
}
.almost-complete-text{
  font-family: "Lato-LigtItalic";
  font-size: 18px;
  width: 100%;
  font-weight: bold;
  font-style: italic;
  letter-spacing: -0.3px;
  text-align: center;
  color: #ececec;
}
.almost-complete-text{
  padding-top: 50px;
}
.done-with-a-chapter .added-percentage-text{
  padding-top: 15px;
}
.done-with-a-chapter .increase-progress-wrapper{
  padding-top: 50px;
}
.overall-prog-header-wrap{
  height: 3.125rem;
  background: #becfdf;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.progress-header-text{
  float: left;
  font-size: 1.3125rem;
  letter-spacing: -0.3px;
  color: #4a4a4a;
  padding-top: .8125rem;
}
.progress-popup-close-wrap{
  float: right;
  cursor: pointer;
  margin-top: 0.875rem;
}
.progress-popup-close-icon{
  color: #527ea7;
  font-size: 1.25rem;
}
.opq-wrap-for-progress{
  position: absolute;
  background: rgba(0,0,0, .8);
  top: 0;
  bottom: 0;
  left: 0;
  display: none;
  right: 0;
  z-index: 1000;
}
.overall-progress-popup{
  position: absolute;
  width: 38.75rem;
  left: 50%;
  margin-left: -20rem;
  top: 60px;
  display: none;
  bottom: 60px;
  z-index: 10000;
  background: rgb(255,255,255);
  opacity: .95;
}
.progress-total-report{
  font-size: 1rem;
  letter-spacing: -0.3px;
  color: #9b9b9b;
}
.kn-mod-text{
  font-size: 16px;
  font-weight: bold;
  letter-spacing: -0.3px;
  color: #828385;
}
.overall-prog-container-wrap{
  padding: .625rem 1.25rem 0rem 1.25rem;
  height: 35rem;
  overflow-y:scroll;
  background:white;
}
.prog-cont-header-wrap{
  position: relative;
  min-height: 6.25rem;
}
.progress-bar-details{
  position: absolute;
  left: .625rem;
  width: 5rem;
  height: 5.9375rem;
}
.prog-circle-details-wra{
  margin-left: 7.875rem;
  padding-top: 1.875rem;
}
.prog-circle-details-wrap{
  margin-left: 6.25rem;
  padding-top: 1.25rem;
}
.my-prog-text{
  font-size: 1.5rem;
  letter-spacing: -0.4px;
  color: #4a4a4a;
  padding-bottom: .375rem;
}
.popup-acc-header{
  padding: 0.3125rem;
  border-top: solid 1px #bababa;
  padding-top: 0.375rem;
  padding-bottom: .5rem;
  cursor: pointer;
}
.completed-in-perc{
  font-size: 1.375rem;
  letter-spacing: -0.4px;
  float: left;
  color: #6c6c6c;
width: 10%;
text-align: right;
}
.prog-of-module-text{
  font-size: 1rem;
  letter-spacing: -0.3px;
  color: #4a4a4a;
  float: left;
  padding-top: 0.1875rem;
  padding-left: .625rem;
width: 50%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
line-height:1.1875rem;
}
.prog-of-module-comp-text{
  font-size: 1rem;
  letter-spacing: -0.3px;
  color: #4a4a4a;
  float: right;
	width:9%;
  padding-right: .75rem;
  padding-top: .25rem;
}
.chap-completed{
  font-size: .875rem;
  letter-spacing: -0.2px;
width: 25%;
  color: #4a4a4a;
  float: right;
  padding-top: 0.3125rem;
  padding-right: .75rem
}
.report-popup-arrow-wrap{
  float: right;
  padding-top: .125rem;
width: 6%;
}

.chapters-inside-module-popup{
    font-size: .875rem;
  letter-spacing: -0.2px;
  color: #4a4a4a;
  float: left;
  padding-left: .9375rem;
  width: 44%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;

}
.download-chap-row-popup{
    color: #5680a8;
    font-size: 0.6875rem;
    float: left;
    padding-left: .25rem;
}
.download-chap-row-popup:hover{
	color:#23527c;
}
.reaction-count-row-chap{
  float: left;
  font-size: .625rem;
  color: rgb(130, 131, 133);
  float: left;
}
.reaction-icon-in-chaptr{
  float: left;
  font-size: 0.6875rem;
  color: rgb(130, 131, 133);
  padding-left: .25rem;
}
.author-name-text{
  float: right;
  font-size: .75rem;
  letter-spacing: -0.2px;
  color: #9b9b9b;
  width: 8.4375rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height:1rem;
}
.rows-report-details-wrap{
  padding: 0.3125rem;
  padding-bottom: .625rem;
  padding-top: 0.3125rem;
}
.chap-icons-wrapper-popup {
  float: left;
  padding-left: .9375rem;
}
.popup-acc-expand{
  border-top: solid 1px #bababa;
  padding-top: .9375rem;
  display: none;
}
.left-arrow-for-chapters{
  font-size: .875rem;
  color:  #5680a8;
  float: left;
  padding-top: 1.1875rem;
  cursor: pointer;
  position: absolute;
}
.left-arrow-for-chapters:hover{
	color:#23527c;
	}
.right-arrow-for-chapters{
  font-size: .875rem;
  color:  #5680a8;
  cursor: pointer;
  float: right;
  padding-top: 1.1875rem;
  position: absolute;
  right: 0;
  top: 0;
}
.right-arrow-for-chapters:hover{
	color:#23527c;
	}
.chapter-dots-wrapper{
  position: relative;
}
.dots-wrapper-for-ch{
  margin: 0 auto;
  width: 95%;
  position: relative;
  height: 2.5rem;
  overflow-x: hidden;
}
.nav-staright-line{
  width: 100%;
}
.chapter-view-nav-wap{
  padding-left: .9375rem;
  padding-right: .9375rem;
}
.nav-next-chap{
   padding-left: .9375rem;
  padding-right: .9375rem; 
}
.dots-outer-wrp-chap{
  position: absolute;
}
.congrats-after-quiz-wrap .comp-chap-name-text{
    color: #4a4a4a;
    font-weight: normal;
}
.congrats-after-quiz-wrap .completed-chap-details-txt{
    color: #727272;
}
.congrats-after-quiz-wrap .added-percentage-text{
  color: #9b9b9b;
  padding-top: 2.8125rem;
}
.congrats-after-quiz-wrap .increase-chap-prog-text{
    color: #9b9b9b;
}
.congrats-after-quiz-wrap .increase-progress-wrapper{
  padding-top: 2.5rem;
}
.al-center{
  text-align: center;
  padding-top: .625rem;
}
.quiz-no-success-wrap .icon-of-the-overlay{
  color: #4a4a4a;
}
.quiz-no-success-wrap .comp-chap-name-text{
    color: #4a4a4a;
    font-weight: normal;
    padding-top: .625rem;
}
.quiz-no-success-wrap .added-percentage-text{
  color: #9b9b9b;
  padding-top: 6.25rem;
}
.quiz-no-success-wrap .back-to-chap-wrap-click{
  bottom: 6.25rem;
}
.quiz-no-success-wrap .take-quiz-btn-wrap{
  margin-top: 2.3125rem;
}
.single-line-comment-wrap-quiz .quiz-textarea{
  height: 1.9375rem;
}
#retro{
  visibility: visible;
  width: 100%;
}

.quiz-input-statement{
  width: 37.5rem;
  height: 1.9375rem;
  border: 1px solid #9b9b9b;
  background: white;
  margin-top: 1.25rem;
  resize: none;
  outline: none;
  padding-left: .625rem;
  padding-top: 1px;
  color: grey;
  font-size: .875rem;
}
input.quiz-input-statement::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: grey;
  font-size: .875rem;
}
input.quiz-input-statement::-moz-placeholder { /* Firefox 19+ */
  color: grey;
  font-size: .875rem;
}
input.quiz-input-statement:-ms-input-placeholder { /* IE 10+ */
  color: grey;
  font-size: .875rem;
}
input.quiz-input-statement:-moz-placeholder { /* Firefox 18- */
  color: grey;
  font-size: .875rem;
}
.retro-poster, .chap-poster {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  right: 0;
  height: 100%;
  display:none;
}
.overlay-image-for-retro{
  width: 100%;
  height: 100%;
  cursor: pointer;
  object-fit:cover;
}
.overlay-play-button{
  bottom: 0;
  height: 6.25rem;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 6.25rem;
  cursor: pointer;
  -webkit-transition: width 0.3s, height 0.3s;
  transition: width 0.3s, height 0.3s;
}
.overlay-play-button:hover{
  width: 7.5rem;
  height: 7.5rem;
}

.mr-checkbox-hide-ln{
  display: none;
}
.chkbx-text-ln{
  font-size: .625rem;
  color: #527ea7;
  position: relative;
  margin-left: 1.5625rem;
  top: -0.125;
  left: -.3125rem;
  cursor: pointer;
}
.follow-discussion{
  position: absolute;
  right: .75rem;
  top: 1rem;
}
.ui-widget-header .ui-icon{
      background-image: url(../images/leftarrow_new.png);
}
.quiz-exists-close,.quiz-exists-close-sf{
 font-size: 1.1875rem;
 color: rgb(157, 157, 157);
 float: right;
 margin-top: -1.0625rem;
 margin-right: .5rem;
}
.chapter-quiz-wrap{
 color: #4a4a4a;
 text-align: center;
}
.quiz-exists-wrap,.quiz-exists-wrap-sf{
 position: absolute;
 bottom: 0;
 height: 2.1875rem;
 background-color: #fbe9d7;
 width: 100%;
 padding-top: .625rem;
 cursor: pointer;
}
.quiz-exists-wrap-sf{
 bottom:36px;
 z-index:100;
}
.ui-datepicker-calendar thead{
  border-bottom: 1px solid #9b9b9b;
  margin-bottom: 0.3125rem;
}
.ui-icon-circle-triangle-w{
  background-position: 0;
  background-size: 0.5625rem;
}
.ui-icon-circle-triangle-e{
  background-position: 0;
  background-size: 0.5625rem;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{
  border: none;
  background: none;
  font-weight: normal;
  color: #4a4a4a;
  font-weight: bold;
  width:1.25rem;
  height: 1.25rem;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
      border: 1px solid transparent !important;
    background: transparent;
    color: #f5a623 !important;
    height: 1.25rem;
    width: 1.25rem;
    border-radius: 50% !important;
    font-weight: normal;
}
.ui-datepicker td{
  padding: .5rem;
}
.ui-datepicker th{
  color: #4a4a4a;
}
.ui-datepicker td span, .ui-datepicker td a{
  padding: 0;
  padding-right: 0.1875rem;
  padding-top: .25rem;
  text-align: center;
}
.ui-widget{
  font-family: Lato-Regular;
  box-shadow: 0 1px 0.3125rem 0 rgba(144, 144, 144, 0.75);
  border-radius: 0;
}
.ui-datepicker{
  width: 19.25rem;
}
.ui-widget-header{
  background: #eee;
  border: none;
}
.ui-datepicker .ui-datepicker-prev{
  left: .25rem;
  top: .25rem;
}
.ui-datepicker .ui-datepicker-next{
  right: .25rem;
  top: .25rem;
}
.ui-datepicker-week-end a {
    color: #9b9b9b !important;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus{
  background: none;
  border: none;
}
.ui-datepicker-header .ui-datepicker-prev-hover, .ui-datepicker-header .ui-datepicker-next-hover{
  top: .125rem;
}
.single-line-comment-wrap-quiz{
  position: relative;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{
  cursor: pointer;
}
.ui-state-default, .ui-widget-content .ui-state-default{
  padding-left:.1875rem;
  padding-top:.1875rem;
}
.ui-widget-content .ui-state-active{
  background: transparent;
  border-radius:0%;
}
.cal-icon-input{
  position: absolute;
  color: #5680a8;
  left: 0.875rem;
  font-size: 1.25rem;
  top: 1.5625rem;
  cursor: pointer;
}
.cal-icon-input:hover{
	color:#23527c;
}
#date-picker{
  padding-left: 2.5rem;
}
.dummy-class{
  font-family: Lato-Regular;
}

.events-placeholder-link{
  display: none;
}
.chapter-click-wrap{
  text-align: center;
}
.module-view-details-wrap::-webkit-scrollbar{
  display: none;
}
.comments-at-home::-webkit-scrollbar{
  display: none;
}
 .dwnload-chap-icon-chap-page{
 font-size: .875rem;
 color: #5680a8;
}
.dwnload-chap-icon-chap-page:hover{
	color:#23527c;
}
.download-icon-chap-wrap{
 float: left;
 padding-left: .875rem;
}
.opq-wrap-for-rp{
  position: absolute;
  background: rgba(0,0,0, .8);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000; 
  display: none;
}
.rp-popup-header{
    height: 3.125rem;
    background: #becfdf;
    width: 100%;
}
.popup-wrap-for-rp-task{
    width: 46.875rem;
    position: absolute;
    left: 50%;
    margin-left: -23.4rem;
    z-index: 1000;
    height: auto;
    top: 7rem;
    display: none;
}

.popup-wrap-for-rp-appr{
    width: 46.875rem;
    position: absolute;
    left: 50%;
    margin-left: -23.4rem;
    z-index: 1000;
    height: auto;
    top: 7rem;
    display: none;
}
.rp-popup-close-icon{
  float: right;
    font-size: 1.25rem;
    letter-spacing: -0.3px;
    color: #527ea7;
    padding-top: .875rem;
    padding-right: 1.5625rem;
    cursor: pointer;
}
.popup-rp-header{
  font-size: 1.3125rem;
    letter-spacing: -0.4px;
    color: #4a4a4a;
    padding-left: 1.5625rem;
    padding-top: .8125rem;
    float: left;

}
.rp-popup-container{
  background: white;
  height: 34rem;
    padding-left: 2.5rem;
  padding-right: 2.5rem;
  position: relative;
}

.button-wrap-create-event{
margin-left:6rem;
}

.header-title{
  font-size: .75rem;
  letter-spacing: -0.4px;
  color: #6b6b6b;
  padding-top: .625rem;
  text-align: right;
}
.header-title-wrap-rp{
    float: left;
  width: 15%;
  padding-right: 1rem;
}
.header-input-rp{
  width: 100%;
  outline: none;
  color: #4a4a4a;
  padding-left: 0.25rem;
  height: 2rem;
  font-size: .875rem;
  padding-bottom: 0.25rem;
  padding-right: .5rem;
  padding-left: .5rem;
  border: 1px solid #9b9b9b;
  box-sizing:border-box;
  font-family:"Lato-Regular";
}
.cross-icon-pill{
  float: right;
  padding-right: .25rem;
    font-size: .75rem;
  color: #a7a7a7;
  padding-top: 0.1875rem;
  cursor: pointer;
}
.search-res-pill{
  float: left;
  margin-right: .3125rem;
    padding-left: .25rem;
  padding-top: 0.4375rem;
  padding-bottom: 0.4375rem;
  padding-right: 0.125rem;
  background-color: #ededed;
}
.search-res-text{
  font-size: .75rem;
  line-height: 0.6875rem;
  color: #767778;
  padding-top: .3125rem;
  padding-bottom: .3125rem;
  padding-left: 1rem;
  padding-right: 1rem;
  cursor: pointer;
}
.search-res-text-hover{
  background: #f0f0f0;
  color: #424344;
}
.search-res-pill-text{
   line-height: 1.125rem;
  font-size: .75rem;
  letter-spacing: -0.2px;
  color: #4a4a4a;
  float: left;
   padding-right: 0.3125rem;
}
.single-row-rp{
  padding-top: 1.5rem;
  position: relative;
}
.header-input-rp-wrap{
  position: relative;
  float: left;
  width: 85%;

}
.header-input-rp-wrap .error-statement{
  padding-left: 0rem;
  padding-top: 0.3125rem;
  font-size: 0.625rem;
}
.header-textarea-rp{
  height: 4.5rem;
  width: 100%;
  outline: none;
  resize: none;
  padding-top: .375rem;
  padding-left: 0.5rem;
  padding-right: 1rem;
  line-height: 1.125rem;
  border: 1px solid #9b9b9b;
  font-size:0.875rem;
  color:#4a4a4a;
  box-sizing:border-box;
  font-family:"Lato-Regular";
}
.mandatory-icon-popup{
    position: absolute;
    top: 1.5rem;
    color: #EF6A6A;
    font-size: 1.125rem;
    left: 5rem;
}
.header-input-rp-wrap .attachment-icon{
    font-size: 1rem;
  letter-spacing: -0.3px;
  text-align: center;
  color: #527ea7;
  position: absolute;
  bottom: 0.75rem;
  right: 1.3125rem;
  cursor: pointer;
}
.close-attached-icon-task{
  font-size: 14px;
  cursor: pointer;
  letter-spacing: -0.3px;
  text-align: center;
  color: #abd2ff;
  position: absolute;
  right: 0;
  top: .875rem;
  display: none;
}
.attach-image-wrap-task{
  position: absolute;
    right: 1rem;
    top: 1.5rem;
    width: 2rem;
    height: 2rem;
    display: none;
}
.attach-img-task{
  width: 2rem;
  height: 2rem;
  object-fit: cover;
}
.close-attached-icon-approval{
  font-size: 14px;
  cursor: pointer;
  letter-spacing: -0.3px;
  text-align: center;
  color: #abd2ff;
  position: absolute;
  right: 1.25rem;
  top: .875rem;
  display: none;
}
.attach-image-wrap-approval{
  position: absolute;
    right: 1.5rem;
    top: 2rem;
    width: 2rem;
    height: 2rem;
    display: none;
}
.attach-img-approval{
  width: 2rem;
  height: 2rem;
  object-fit: cover;
}

.first-col-br{
  width: 40%;
  float: left;
}
.sec-col-br{
  width: 30%;
  float: left;
}
.third-col-br{
  width: 11rem;
  margin: 0 auto;
}
.col-header-rp-popup{
  font-size: 1rem;
  letter-spacing: 0.1px;
  color: #a2a2a2;
}
.button-row-rp-popup{
  margin-top: 2.5rem;
}
.fisrt-look-c-wrap-rp{
  cursor: pointer;
  background: #eee;
  width: 70%;
  padding-top: .3125rem;
  padding-bottom:.3125rem;
  padding-left: .3125rem;
}
.fisrt-look-c-text-rp{
  font-size: 1.25rem;
  letter-spacing: 0.1px;
  color: #4a4a4a;
  float: left;
}
.coverage-total-wrap-rp{
  position: relative;
  margin-top: .5rem;
}
.up-arrow-icon-rp {
    font-size: .75rem;
    color: #5680a8;
    float: right;
    padding-left: 1.25rem;
    padding-top: .375rem;
    padding-right: .3125rem;
}
.up-arrow-icon-rp:hover{
	color:#23527c;
}
.down-arrow-icon-rp {
    font-size: .75rem;
    color: #5680a8;
    float: right;
    padding-top: .375rem;
    padding-right: .3125rem;
}
.down-arrow-icon-rp:hover{
	color:#23527c;
}
.input-for-coverage-wrap{
  position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    overflow: hidden;
    top: 100%;
}
.inp-for-coverage-rp {
    width: calc(100% - 4.8125rem);
    outline: none;
    height: 1.5625rem;
    color: black;
    padding-left: 1.25rem;
    padding-top: 0;
    position: relative;
    background: #eee;
    border: none;
    border-top: 1px solid #4a4a4a;
    border-bottom: 1px solid #4a4a4a;
    font-size: .75rem;
}
.coverage-search-rp {
    font-size: 0.8125rem;
    letter-spacing: -0.2px;
    color: #aaaaaa;
    position: absolute;
    left: .3125rem;
    top: 2.25rem;
}
.input-for-coverage-wrap-rp{
  display: none;
}
.select-date-rp-popup{
  outline: none;
  width: 12rem;
  height: 1.875rem;
  color: #4a4a4a;
  padding-left: 0.5rem;
  font-size: 1rem;
  padding-bottom: .3125rem;
}
.cal-icon-inp-task{
  font-size: 1rem;
  letter-spacing: -0.2px;
  color: #5680a8;
  position: absolute;
  top: 0.4375rem;
  left: 10.75rem;
  cursor: pointer;
}
.cal-icon-inp-task:hover{
	color:#23527c;
}
.create-task-button{
  width: 11rem;
  font-size: 1.125rem;
  letter-spacing: -0.2px;
  text-align: center;
  color: #ffffff;
  height: 2.5rem;
  background-color: #5680a8;
  outline: none;
  border: 1px solid #5680a8;
  padding-left: .9375rem;
  padding-right: .9375rem;
  padding-top: 0.5625rem;
  margin-top: .5rem;
  opacity: 1;
  cursor: pointer;
  transition: all ease-out .2s;
  float: right;
}
.create-task-button:hover{
 box-shadow: 0px 0px 0.1875rem #5680a8;
}
.create-approval-button:hover{
 box-shadow: 0px 0px 0.1875rem #5680a8;
}
.popup-wrap-for-rp-appr .create-approval-button{
  width: 11rem;
  font-size: 1.125rem;
  letter-spacing: -0.2px;
  text-align: center;
  color: #ffffff;
  height: 2.5rem;
  background-color: #5680a8;
  outline: none;
  border: 1px solid #5680a8;
  padding-left: .9375rem;
  padding-right: .9375rem;
  padding-top: 0.5625rem;
  margin-top: .5rem;
  opacity: 1;
  cursor: pointer;
  transition: all ease-out .2s;
  float: right;

  }
  
.popup-wrap-for-rp-appr .create-approval-button.disabled-button {
  opacity: 0.5;
}
  
.plus-icon{
  font-size: 1.125rem;
  color: #aed5fe;
  cursor: pointer;
}
.add-new-task-appr {
        float: right;
        position: relative;
	background:transparent;
        padding: 0.3125rem;
        margin-top: 0.3125rem;
	cursor:pointer;
}
.add-new-task-appr:hover {
        background-color: rgba(0,0,0,0.2);
}
.add-new-event{
  float: right;
  position: relative;
  padding: 0.3125rem;
  background:transparent;
  margin-top:-.25rem;
  cursor:pointer;
  
}
.add-new-event:hover{
  background-color: rgba(0, 0, 0, 0.2);
}
.plus-expansion-wrap {
  padding-top: 0;
  padding-bottom: 0;
  position: absolute;
  top: .75rem;
  left: -9.5rem;
  background: #c4c3c5;
  width: 9.75rem;
  display: none;
  box-shadow: 4px 5px 21px #333;

}
.plus-show-text {
  padding-left: 0.9375rem;
  font-size: 1rem;
  line-height: 1.8;
  color: #5680a8;
  cursor: pointer;
}
.plus-show-text:hover{
	background: #dedede;
	color:#23527c;
}
.absoulute-element-show{
  position: absolute;
  top: 2rem;
  width: 100.5%;
  left: -0.0625rem;
  background-color: #ffffff;
  border: solid 1px #ccc;
  border-bottom: none;
  z-index: 1;
  display: none;
  top:100%; 
}
#search-name-popup-task{
  float: left;
  padding-left: 1rem;
  border: none;
  width: 100%;
}
#search-name-popup-approval{
  float: left;
  padding-left: 0.5rem;
  border: none;
  width: 100%;
}
.notification-notif-number-wrap{
    position: absolute;
    border-radius: 0.4125rem;
    background: #d91f5d;
    top: 0.8125rem;
    padding: .125rem 0.25rem;
    left:65%;
}
.notif-number-wrap{
    position: absolute;
    border-radius: 0.4125rem;
    background: #d91f5d;
    top: 0.8125rem;
    padding: .125rem 0.25rem;
    left:65%;
    display:none;
}
.notif-number{
  color: white;
  font-size: .5rem;
  font-weight:bold;
  text-align: center;
}
#h_notif .notification-notif-number-wrap{
	left:52%;
}
.search-result-rp-popup{
  position: absolute;
  top: 2.0625rem;
  width: 100%;
  left: -1px;
  background-color: #ffffff;
  border: solid 1px #e9e9e9;
  z-index: 1;
  max-height: 20rem;
  overflow-y: scroll;
  display: none;
  top:100%;
  
}
.pills-outer-wrap{
  float: left;
  margin-right: .25rem;
  max-width: 90%;
}
.input-rp-search{
  border: 1px solid #9b9b9b;
}
.fav-people-wrap{
  padding-top: 1rem;
  border-bottom: 1px solid #e7e7e7;
  padding-bottom: .5rem;
    padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.fav-people-header{
    font-size: .625rem;
  color: #9b9b9b;
}
.fav-people-wrap .baday-username{
  font-size: .75rem;
  color: #5680a8;
}
.name-wrap:hover .baday-username{
	color:#23527c;
}
.other-link-wrap{
  padding-top: .75rem;
  padding-bottom: .75rem;
  padding-left: 1.25rem;
  border-bottom: 1px solid #e7e7e7;
}
.browse-link-text{
  font-size: 1rem;
  color: #5680a8;
  cursor: pointer;
}
.browse-link-text:hover{
	color:#23527c;
}
.attach-image-wrap-task{
 position: absolute;
   right: 1rem;
   top: 1.5rem;
   width: 2rem;
   height: 2rem;
   display: none;
}
.close-attached-icon-task{
 font-size: 14px;
 cursor: pointer;
 letter-spacing: -0.3px;
 text-align: center;
 color: #abd2ff;
 position: absolute;
 right: 0;
 top: .875rem;
 display: none;
}
.attach-img-task{
 width: 2rem;
 height: 2rem;
}
.notification .container{
  background: rgba(233,233,233,.9);
  overflow-y: hidden;
  min-height:40rem;
}
.notification-container{
  width: 80%;
  margin: 0 auto;
  margin-bottom: 3rem;
  height:100%;
}
.notif-header{
  font-size: 1.5rem;
  color: rgba(74,74,74, .76);
  padding-top:2rem;
  padding-bottom:1rem;
  margin-left: -5rem;
  
}
.notification-inner-container::-webkit-scrollbar{
display:none;
}
.notification-inner-container{
  background: #ececec;
  width: 100%;
  padding-top: 1rem;
  overflow: -moz-scrollbars-none;
  height:80%;
  padding-bottom: 1.25rem;
}
.notif-left-sec{
  float: left;
  width: 82%;
}
.notif-right-sec{
  float: left;
  width: 17%;
  padding-left: 5%;
}
.notif-user-img{
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
}
.notif-user-img-wrap{
  float: left;
  width: 9%;
}
.notification-texts{
  float: left;
  font-size: 1rem;
  line-height: 1.25rem;
  color: #9b9b9b;
  width: 90%;
}
.notif-time-text{
  font-size: .875rem;
  color: #9b9b9b;
  line-height: 1.5rem;
}
.notification-row {
  padding-top: .75rem;
  padding-bottom: 1.25rem;
  padding-right:1.25rem;
  border-bottom:1px solid #dad9d9;
  padding-left:3.75rem;
  background:#ececec;
  
}

.notification-texts a{
	color: #5680a8;
}
.notification-texts a:hover{
	color:#23527c;
}
.done-notifications-text{
	font-size: .75rem;
	text-align: center;
	color: #9b9b9b;
	padding-top: .5rem;
	padding-bottom: 1.5rem;
}
.done-notifications{
	margin-top: 1.5rem;
	margin-bottom: .5rem;
}
.load-more-notifications{
text-align: center; 
color: #5680a8;
cursor:pointer;
margin-top: 1rem;
}
.load-more-notifications:hover{
	color:#23527c;
}


/*for the ui search stylings for popup*/
.ui-widget.ui-widget-content{
  border: none;
  background: #eee;
}
.ui-menu .ui-menu-item{
  list-style-image: none;
}
.ui-menu .ui-menu-item-wrapper{
  padding: .25rem .625rem;
  padding-right: .3125rem;
  color: #4a4a4a;
  font-size: .75rem;
}
.ui-widget{
  box-shadow: none;
  font-size: 0.8125rem;
  color: #add2ff;
}
.ui-widget.ui-widget-content{
  z-index: 10000;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{
  border: 0px solid transparent;
  background: #eee;
}
.ui-menu .ui-state-focus, .ui-menu .ui-state-active{
  margin: 0;
}

.ui-widget-content .ui-state-active{
  background: transparent;
  border-radius:0%;
}
.ui-datepicker-current-day .ui-state-active{
  background: #5680a8;
  border-radius:50%;
  color: white;
}














@media screen and (min-width: 2000px) {
  .active-talk-details{
    line-height: 1.3125rem;
    padding-top: 0.4375rem;
  }
  .to-do-text{
    padding-top: .125rem;
  }

}
@media all and (max-width: 1023px) and (min-width: 320px) {
    html{
    font-size: 12px;
  }
  .scroll-to-top{
    display: none !important;
  }

}
@media all and (max-width: 1180px) and (min-width: 1024px) {
  .thin-line{
    bottom: 3rem;
  }
  .placeholder-details-wrap{
    margin: 0 auto;
    width: 100%;
  }
 .back-to-chap-wrap-click{
	bottom:2.5rem;}
}
@media all and (max-width: 1100px) and (min-width: 1000px) {
  html{
    font-size: 13px;
  }
 .tick-icon-for-chap{
	padding-top:2px;	
}
}

@media all and (max-width: 1200px) and (min-width: 1101px) {
  html{
    font-size: 15px !important;
  }
}
@media all and (max-width: 1300px) and (min-width: 1201px) {
  html{
    font-size: 16px !important;
  }
  
}
@media all and (max-width: 1400px) and (min-width: 1301px) {
  html{
    font-size: 17px !important;
  }  
}
@media all and (max-width: 1500px) and (min-width: 1401px) {
   html{
    font-size: 18px !important;
  }  
}
@media all and (max-width: 1600px) and (min-width: 1501px) {
    html{
    font-size: 22px;
  }
  .search-res-inner-wrap{
    max-height: 20rem;
  }

}
@media screen and (min-width: 1601px) {
   html{
    font-size: 24px  !important;
  }
 .search-res-inner-wrap{
    max-height: 20rem;
  }

}
@media screen and (min-width: 1700px) {
   .thin-line{
    bottom: 2.5rem;
   }
 .comments-show-wrap-chap{
     bottom:0;
}
  .comments-show-wrap-first-time{
     bottom:0;
   }
   .comments-show-wrap{
     bottom:0;
   }
   .private-comments-wrap{
     bottom:0;
   }
   .prev-comments{
     font-size: .775rem;
     line-height: 2.5;
     color: #5680a8;
     float: left;
     cursor: pointer;
   }
   .prev-comments:hover{
	color:#23527c;
	}
   .search-res-inner-wrap{
    max-height: 20rem;
  }
}

.footer-wrappr-video{
  position: absolute;
  width: 100%;
  height: 2.5rem;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgb(85, 85, 85);
}
.audio-poster{
 position: absolute;
 width: 100%;
 left: 0;
 top: 0;
 bottom: 13%;
 right: 0;
}
.video-wrapper{
  position: relative;
}
.video-wrpr-right-block{
  position: absolute;
  right: 0;
  top: 0;
}
.icon-expand-video{
  float: right;
  color: white;
  font-size: 18px;
  padding-right: .9375rem;
}
.video-plus-icon{
    float: right;
  color: white;
  font-size: 1.25rem;
  padding-right: .9375rem;
}
.video-minus-icon{
    float: right;
  color: white;
  font-size: 1.25rem;
  padding-right: .9375rem;
}
.footer-inner-wrappr-video{
  position: relative;
}
.video-nav-input{
  width: 2.5rem;
  height: 1.25rem;
  color: black;
  text-align: center;
  outline: none;
}
.input-footer-video{
  width: 2.5rem;
  margin: 0 auto;
  margin-top: 0.6875rem;
}
.right-arrow-video-ft{
  font-size: 1.25rem;
  position: absolute;
  left: 55%;
  color: white;
  top: 0;
}

.left-arrow-video-ft{
  font-size: 1.25rem;
  position: absolute;
  left: 41%;
  color: white;
  top: 0;
}
.error-border{
  border: 1px solid #EF6A6A;
}
.ie .col-one{
  background: rgba(254,254,254,.99);
}
 .ie .col-two{
  background: rgba(255,255,255,.99);
}
.ie .col-three{
  background: rgba(42, 42, 42, 0.99);
}
.safari .col-one{
  background: rgba(254,254,254,.94);
}
 .safari .col-two{
  background: rgba(255,255,255,.98);
}
.safari .col-three{
  background: rgba(42, 42, 42, 0.97);
}

.float-none{
  float:none;
}
.logo-wrap{
height:100%;
}

.header-tab-icon-selected{
color:#fff
}
.header-tab-icon-unselected{
color:#6b6a6a
}

.module-view-inner-wrap .white-crcle-module{
	left:50%;
}

.ruler {
	border-top: 1px solid #C0C0C0;
	border-bottom: 1px solid #C0C0C0;
}

.back-to-chap-wrap-click .next-text-chap{
	max-width:9rem;
}

.latest-module{
	height:12rem;
	overflow-y:scroll;
}

/*start for change pi*/
.pi-popup-close-icon{
  color: #527ea7;
  font-size: 1rem;
}
.change-pi-wrap-outer{
  width: 35rem;
  position: absolute;
  left: 50%;
  top: 6rem;
  margin-left: -17.5rem;
  z-index: 1000;
}
.change-pi-container{
  background: white;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.change-pi-opeq{
    position: absolute;
    background: rgba(0,0,0, .8);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
}
.change-pi-first-col{
  width: 4rem;
  float: left;
  min-width: 4rem;
}
.change-pi-sec-col{
  width: 16rem;
  float: left;
}
.change-pi-third-col{
  width: 13rem;
  float: left;
}
.current-pi{
  background: white;
  width: .875rem;
  height: .875rem;
  border-radius: 50%;
  margin: 0 auto;
  visibility: hidden;
  margin-top: .625rem;
  float: left;
  margin-left: 1.3125rem;
}
.current-pi-green{
  background-color: #b8e986;
  visibility: visible;
}
.pi-image{
  height: 2.5rem;
  max-width: 90%;
}
.change-pi-row{
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  cursor: pointer;
}
.change-pi-row:hover{
  background: #f2f2f2;
}
.first-text-pi-name{
  color: #6b6b6b;
  font-size: 1.125rem;
  width: 100%;
}
.sec-text-pi-name{
  color: #6b6b6b;
  width: 100%;
  font-size: .75rem;
}
.header-input-rp-wrap .search-res-pill{
  margin-left: 0.25rem;
  margin-top: 0.1875rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  margin-right:0;
}
.header-input-rp-wrap #talk-add-user{
  border: none;
}
.header-input-rp-wrap .pills-outer-wrap{
  max-width:100%;
  float: none;
  max-height: 4.25rem;
  overflow-y:scroll;  
  overflow: -moz-scrollbars-none;
  width: 100%; 
}
.header-input-rp-wrap .pills-outer-wrap::-webkit-scrollbar {
  display: none;
}

/*end for change pi*/

.congrats-all-completed-wrap{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  z-index: 800;
  height: 100%;
  background: white;
  display: none;
  overflow-y:hidden;
}

.icon-of-the-completed-overlay{
  letter-spacing: -0.6px;
  text-align: center;
  font-size: 4.25rem;
  color: #f5a623;
}

.text-of-the-completed-overlay{
    color: #727272;
    font-size: 1.125rem;
    letter-spacing: -0.3px;
    line-height: 1.1;
    padding-top: 0.625rem;
    text-align: center;
}

.congrats-all-completed-wrap .added-percentage-text{
  color: #9b9b9b;
  padding-top: 2.8125rem;
}

.aligning-percentage-circle{
	position:relative;
}

.latest-module::-webkit-scrollbar { 
  display: none; 
}
.latest-module{
overflow: -moz-scrollbars-none;
}

.search-res-inner-wrap::-webkit-scrollbar { 
  display: none; 
}
.search-res-inner-wrap{
overflow: -moz-scrollbars-none;
}

.quiz-container-wrap::-webkit-scrollbar { 
  display: none; 
}
.quiz-container-wrap{
overflow: -moz-scrollbars-none;
} 

.overall-prog-container-wrap::-webkit-scrollbar { 
  display: none; 
}
.overall-prog-container-wrap{
overflow: -moz-scrollbars-none;
} 

.inner-contents-frst-col::-webkit-scrollbar { 
  display: none; 
}
.inner-contents-frst-col{
overflow: -moz-scrollbars-none;
}
input:focus, textarea:focus{
  border: 1px solid #5680a8;
}

.ui-state-active, .ui-widget-content .ui-state-active{
}

.ui-state-highlight.ui-state-active{
background:#5680a8;
}

.hide-tick{
visibility:hidden;
}
    width: 5.5rem;
}
.create-event-home .header-inp-rp-select{
	width: 100%;
	background: white;
	outline: none;
	height: 2rem;
	color:#5680a8;
	background-image: url(../images/dd-down_new.png);
	background-repeat: no-repeat;
	background-size: .625rem;
	background-position: 99%;
	line-height: 0.9375rem;
}

.header-inp-rp-select:active {
     	border: 1px solid #5680a8;
}

.header-inp-rp-select:focus {
     	border: 1px solid #5680a8;
}

.create-event-home .header-inp-rp-select:hover{
	color:#23527c;
}
.create-event-home .input-alert-one{
height: 1.75rem;
}
.create-event-home #search-user-wrap-cal-ext{
	width: 85%;
}

.create-event-home .cal-chkbox-ce{
	margin-left: 6.125rem;
}
select{
font-family:Lato-Regular;
}
.events-block .more-link-text{
line-height: 0;
margin-right: -1.5rem;
padding-top: 1.75rem
}

.create-event-home .header-inp-rp-select {
   width: 100%;
   background: white;
   outline: none;
   height: 2rem;
   color: #5680a8;
   background-image: url(../images/dd-down_new.png);
   background-repeat: no-repeat;
   background-size: .625rem;
   background-position: 99%;
   line-height: 0.9375rem;
}
.create-event-home .header-inp-rp-select:hover{
	color:#23527c;
}
.opeq-wrap-calendar-home{
	position: absolute;
    background: rgba(0,0,0, .8);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10000;
    display: none;
}

.popup-wrap-for-rp-appr .rp-popup-container{
	height:23rem;
}

.popup-wrap-for-rp-task .rp-popup-container{
	height:28rem;
}

.container,.header-inner-wrap,.footer-inside-wrap{
min-width:960px;
}

.approval-errors{
 padding-left:6.25rem;
 font-size:0.625rem;
 position:relative;
 top:-0.5rem;
}

.things-to-do .approval-errors{
 padding-left:7.25rem;
}
.things-to-do .task-errors{
 padding-left:7.125rem;
}

.event-errors{
    font-size: 0.625rem;
    left: 3.6875rem;
    position: relative;
    top: -0.25rem;
}

.calendar .event-errors{
    left: 4.6875rem;
}
.scroll-hidden {
  overflow-y:hidden;
}

#creator-edit-event .event-errors{
    left: 5.375rem;
}
.task-errors{
 padding-left:6.125rem;
 font-size:0.625rem;
 position:relative;
 top:-0.5rem;
}
.first-row-of-mod-view{
  margin-bottom: 0;
  border-bottom: 1px solid #bababa;
  padding-bottom: 0.5625rem;
}
.overlay-load{
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
     background: white;
    z-index: 100000;
}
.overlay-load-image{
  width: 100%;
}
.wished-user{
  color:#d7d7d7;
  cursor:default;	
  pointer-events:none;
}

.pending-text{
  pointer-events:none;
  color:white;	
}
.default-cursor{
 cursor:default;
}
.view-more-options{
	cursor:pointer;
}
input.share-thoughts::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #888;
  font-size: .75rem;
}
.linkified{
  color:#5680a8;
  text-decoration: none;
}
.linkified:hover{
  color: #23527c;
}

.startDate #ui-datepicker-div{
	top:1.9375rem !important;
	left:0 !important;
}

.endDate #ui-datepicker-div{
	top:2rem !important;
	left:-2.0625rem !important;
}

.create-event-home .button-wrap-create-event{
	margin-left:0rem;	
}

.create-event-home .more-options-text{
	padding-left:6.125rem;
}
.popup-wrap-for-rp-appr .header-textarea-rp{
	padding-right:4rem;
}
.popup-wrap-for-rp-task .header-textarea-rp{
	padding-right:4rem;
}

.more-birthdays-text{
	padding-left:0;
	padding-top:0.625rem;
}
.primary-navigation:hover .nav-text,.primary-navigation:hover .icon {
   color: white;
}
.logo-align-style{
display: inline-block;
height:100%;
vertical-align:middle;	
}

.create-event-button-container{
	width: 17rem;
	margin: 0 auto;
}

.header-input-rp-wrap .close-attached-icon-task {
	color: #5680a8;
	top: .5rem;
	right: 1rem;
}

.header-input-rp-wrap .close-attached-icon-approval {
	color: #5680a8;
}
.filled-grey-reac{
color: #aaa !important;
}

.number-grey-reac{
color: #aaa !important;
}

#facebox .body{
width:78rem !important;
}
.comments-roll-sec .attach-comment-talk-sub{
    display:block !important;
    top: 1rem;
}
.comments-roll-sec .attached-text-comment{
	right: 3.75rem;
	bottom: 1.25rem;
    position: absolute;
	top:2.1875rem;
}

.comments-roll-sec .attached-text-comment .attached-text-talk{
	width:2.25rem !important;
} 

#browse-select-main{
  max-width:66%;
  bottom: .375rem;
  position: absolute;
  left: 0.3125rem;
  cursor: pointer;
}

.browse-select-home{
	display:none;
	z-index:20;
 	background-color: #212222;
       	border: solid 1px #9b9b9b;
	cursor:pointer;
	left: 0px;
    position: absolute;
    top: 4.125rem;
    width: 100%;

}

.bs-option{
	padding-top:0.25rem;
	padding-bottom:0.5rem;
}
.bs-text{
       font-size: 0.75rem;
       letter-spacing: -0.2px;
       color: #9b9b9b;
}
.bs-line{
	 border-bottom: solid 1px #4a4a4a;
}

.bs-tick{
  color: #9b9b9b;
  float: left;
  font-size: .6875rem;
  padding-top: .3125rem;
  padding-right: .5rem;
  padding-left: .5rem;
  visibility:hidden;
}

.bs-img-down{
	float: left;
	width: .75rem;
	margin-top: .25rem;
}
.bs-img-up{
		float: left;
	width: .75rem;
	margin-top: .25rem;
	-webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.bs-arrow{
	padding-left:0.625rem;
	float:left;
}
.bs-text-main{
	font-family:Lato-Regular;
	font-size: 0.75rem;
       color: #abd2ff;
	text-overflow:ellipsis;
	max-width:85%;
	overflow:hidden;
	white-space:nowrap;
}
.bs-text-main:hover{
  color: #74b3fd;
}
.plus-expansion-wrap-rep{
	top:100%;
	left:0;
	z-index:1000;
	width:8rem;
	display:none;
	padding-top: 0.25rem;
  	padding-bottom: 0.3125rem;
  	position: absolute;
  	background: #f1f1f1;
  	box-shadow: 0px 0px 10px rgba(0,0,0,.3);
}

.header .plus-show-text{
	font-size:0.75rem;
}
.plus-expansion-wrap-rep .plus-show-text:hover{
	background:#dcdcdc;
}
.plus-show-text a{
	color:#5680a8;
}
.plus-show-text a:hover{
	color:#23527c;
}

.no-mod-wrap{
	display:none;
	text-align:center;
	padding-top:1.5rem;
}
.icon-no-mod{
	  color: #828385;
	  font-size:2.25rem;
	  padding-top:1.25rem;
}
.no-mod-header{
	color:#828385;
	padding-top:0;
}
.no-mod-text{
	color:#828385;
	padding-top:1rem;
	font-size:1rem;
	line-height:1.125rem;
}
.module-progress-report-no-mod{
	padding-top: 1.4375rem;
  min-height: 6.25rem;
  padding-bottom: .625rem;
	margin-left:1rem;
}

.ui-datepicker select.ui-datepicker-month{
width: 3rem;
background: #eee;
outline: none;
border: none;
font-size: 1rem;
color: #5680a8;
cursor: pointer;
}

.ui-datepicker select.ui-datepicker-year{
width: 3rem;
background: #eee;
outline: none;
border: none;
font-size: 1rem;
color: #5680a8;
cursor: pointer;
}
.follow-discussion .chkbx-text-ln:hover{
  color: #23527c;
}
.view-chap-wrap-chap:hover .view-chap-text{
  color: #23527c;
}
.view-chap-wrap-chap:hover .chapter-up-arrow{
  color: #23527c;
}
.ui-state-default, .ui-widget-content .ui-state-default:hover{
  color: #5680a8;
}
.header-input-rp-wrap .attachment-icon:hover{
  color: #23527c;
}
.close-attached-icon-task:hover{
  color: #23527c;
}
.white-crcle:hover{
  border: 1px solid #23527c;
}

.blue{
 color:#5680a8;
}

.white{
  color:white !important;  
}


#mark-chap-complete {
   color: red;
   background: black;
   width: 100%;
   position: absolute;
   display: none;
   padding-top: .375rem;
   padding-left: .375rem;
   padding-right: .375rem;
   bottom: 2.25rem;
   height: 2rem;
   cursor:pointer;
}

.cp-text{
  float: left;
}

#mark-chap-complete .chap-name-text{
   font-size: .75rem;
   color: white;
   font-weight: bold;
   padding-left:0.5rem;
   padding-right:0.5rem;
}

.chap-name-text-static{
   color: white;
   font-size: .75rem;
   padding-left: .125rem;
}
.down-arr-player,.up-arr-player{
   font-size: .875rem;
   color: #5680a8;
   float: right;
   padding-top:0.1875rem;
}

.down-arr-player{
  display:none;
}

.down-arr-player:hover,.up-arr-player:hover{
  color:#23527c;
}

.hide-overflow{
	overflow:hidden;
}
/*.take-quiz-wrap-doc{
  position: absolute;
  bottom: 2.375rem;
  height: 2.1875rem;
  background-color: #fbe9d7;
  width: 100%;
  padding-top: .625rem;
  cursor: pointer;
  z-index:999;
}*/


.to-do-text.truncate{
	width: calc(100% - 2.875rem);
}
.event-details-text.truncate{
	width: 100%;
}
textarea.header-textarea-rp::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #9d9d9d;
  font-size: .875rem;
font-family: Lato-Regular;
}
textarea.header-textarea-rp::-moz-placeholder { /* Firefox 19+ */
  color: #9d9d9d;
  font-size: .875rem;
font-family: Lato-Regular;
}
textarea.header-textarea-rp:-ms-input-placeholder { /* IE 10+ */
  color: #9d9d9d;
  font-size: .875rem;
font-family: Lato-Regular;
}
textarea.header-textarea-rp:-moz-placeholder { /* Firefox 18- */
  color: #9d9d9d;
  font-size: .875rem;
font-family: Lato-Regular;
}
.chap-name:hover{
color:#23527c;
}
.mod-name:hover{
color:#23527c;
}
.quiz-container-wrap .mr-rb-label{
	padding-left: 1.625rem;
	margin-top: 0.625rem;
	width: 100%;
}
.quiz-container-wrap .mr-rb-text{
	margin-left: 0;
	line-height: 1.25rem;
}
.quiz-container-wrap .radio-btn-wrap{
	width: 100%;
}
.chapter-question-number{
	font-size: 1.125rem;
	letter-spacing: -0.4px;
	color: #6b6b6b;
	position: absolute;
	left: -3rem;
	line-height: 1.375rem;
	text-align: right;
	width: 2.59rem;
}
.chapter-question-text{
	font-size: 1.125rem;
	letter-spacing: -0.2px;
	color: #6b6b6b;
	line-height: 1.4375rem;
}
.locked-with-a-chapter{
  background: rgb(0,0,0);
  opacity: .85;
  display: block;
}
.last-chapter-name:hover {
    color: #23527c;
}
.last-chapter-name {
    color: #5680a8;
    padding-left: .25rem;
    padding-right: .125rem;
    font-size: 1rem;
    line-height: 1.2;
    letter-spacing: -0.3px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
}
.grey-lock{
	color: rgba(0,0,0,.5);
	float: left;
	border-radius: 50%;
	font-size: .6875rem;
	padding-top: .3125rem;
	margin-right: .125rem;
}
.locked-with-a-chapter .icon-of-the-overlay{
	padding-top: 2rem;
	color: #ccc;
}
.locked-with-a-chapter .comp-chap-name-text{
	padding-top: 2rem;
}
.comment-error-msg{
    font-size: 0.6875rem;
    color: #EF6A6A;
    padding-left: 4.0625rem;
  }
.cur-user-comment-sec-frs-com .comment-error-msg{
   padding-left: 3.3125rem;
}