/* Groups Start */
/* Groups landing page Start */
.roups {
  box-sizing: border-box;
  padding: 0 20px;
  width: 100%;
}

.templet_1.var_2 .botCnt .timeDscrptn {
  margin-top: 0;
}

.templet_1.var_2 .botCnt .time {
  font-size: 16px;
  font-weight: 400;
}

/* Groups landing page End */
/* RHS Start */
.colmWp .btn.grBtnM {
  margin: 14px 0 0 0;
}

.searchBox.var_2 {
  height: 40px;
  line-height: 40px;
  background-color: #ffffff;
  position: relative;
}

.searchBox.var_2 .inp {
  width: 88%;
  height: 36px;
  line-height: 36px;
  padding-left: 10px;
}

.searchBox.var_2 .serchIc {
  width: 16px;
  height: 16px;
  margin: 11px 10px 0 0;
}

.udLst {
  list-style: none;
}

.udLst li {
  padding: 10px;
  border-top: 1px solid #cccccc;
  box-sizing: border-box;
}

.udLst li:first-child {
  border: none;
}

.udLst li .colLeft {
  float: left;
  width: 43px;
  height: 43px;
  line-height: 43px;
  overflow: hidden;
}

.udLst li .colLeft img {
  width: 100%;
  max-width: 100%;
  display: inline-block;
  vertical-align: middle;
}

.udLst li .colRight {
  margin-left: 53px;
  word-wrap: break-word;
}

/* MS 19/06/17 */
.udLst li .colRight .dscrptn-2 {
  font-size: 14px;
  color: #333333;
  font-weight: 400;
  word-break: break-word;
  margin-top: 4px;
  height: 35px;
  overflow: hidden;
}

.udLst li:hover {
  background-color: #00abbe;
}

.hvrdCnt_2 {
  position: relative;
  display: none;
  cursor: pointer;
}

.txt12 {
  font-size: 12px;
  color: #ffffff;
  margin-top: 4px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.viewBtn {
  position: absolute;
  bottom: 0;
  right: 0;
}

.udLst li:hover .hvrdCnt_2 {
  display: block;
}

.udLst li:hover .dscrptn-2 {
  display: none;
}

/* RHS End */
/* overlay start */
.grpWp > .imgWp {
  width: 336px;
  height: 163px;
  line-height: 163px;
  text-align: center;
  margin: 20px auto 0;
}

.grpWp > .imgWp > img {
  max-width: 100%;
  vertical-align: middle;
}

.grpWp .fnt20 {
  font-size: 20px;
  font-weight: 400;
  margin-top: 15px;
}

.grpBotLst {
  list-style: none;
  margin-top: 30px;
}

.grpBotLst li {
  float: left;
  width: 33.33%;
  text-align: center;
}

.grpBotLst li .imgWp {
  width: 45px;
  height: 45px;
  margin: 0 auto 7px;
}

.txtAlgnRight {
  text-align: right !important;
}

/* overlay end */
/* groups join by me and created by me start */
.grpLstCnt .font-16, .grpLstCnt .txt_n_v2.tc_li_blk_v2 {
  font-weight: 600;
  margin: 17px 0 0 20px;
}

/* 25/04/17 txt_n to txt_n_v2 */
.grpLstCnt .srchTxt {
  font-weight: 600;
  margin: 17px 0 0 20px;
}

.grpLst_2 {
  list-style: none;
}

.grpLst_2 > li {
  width: 100%;
  padding: 20px 20px 10px 20px;
  box-sizing: border-box;
  display: inline-block;
  border-bottom: 1px solid #cccccc;
}

/*.grpLst_2 > li:first-child{padding-top:7px;}*/
.grpLst_2 > li .imgWp {
  float: left;
  width: 130px;
  height: 130px;
  line-height: 130px;
  position: relative;
  overflow: hidden;
  background-color: #cccccc;
  text-align: center;
  font-size: 0;
}

/* MK 25/04/2017 width:269px; height:130px; */
.grpLst_2 > li .imgWp img {
  max-width: 100%;
  vertical-align: middle;
}

.grpLst_2 > li .right {
  margin-left: 150px;
  position: relative;
  margin-top: 0;
}

/* MS 24/04/17 */
/*.grpLst_2 > li .imgWp .imgTag{padding:6px 10px;}*/
.grpLstHdng {
  width: 90%;
  margin-top: -4px;
  word-wrap: break-word;
}

.grpLst_2 > li .right .editIc {
  position: absolute;
  top: 0;
  right: 0;
}

.grpLst_2 > li .lockIc_2 {
  position: absolute;
  top: 6px;
  right: 6px;
}

.grpLst_2.var_2 > li {
  padding-bottom: 20px;
}

/*.grpLstBotCnt{margin-top:6px;}*/
/*.grpLstBotCnt .actionList li a{line-height:normal;}*/
/*.grpLstBotCnt .actionList li .shareIc,.grpLstBotCnt .actionList li .cmntIc{margin-top:2px;}*/
/*.grpLstBotCnt .actionList li .aboutIc{float:left; margin-right:10px;}*/
/*.grpLstBotCnt .actionList li .opdatIc{float:left; margin-right:10px;}*/
/*.grpLstBotCnt .actionList li.pending a{color:#999999; cursor:default;}*/
/*.grpLstBotCnt .actionList{margin-top:10px;}*/
.name_hint_template {
  margin-top: 5px;
}

.name_hint_template a {
  text-transform: uppercase;
}

.name_hint {
  border-left: 2px solid #b4b4b4;
  margin-left: 6px;
  padding-left: 9px;
}

.group_descr {
  height: 36px;
  overflow: hidden;
  margin-top: 11px;
}

.group_descr.var_01 {
  height: 21px;
}

.group_actionListWrp {
  margin-top: 10px;
}

.group_actionListWrp .actionList li:first-child {
  margin-left: 0;
}

.group_actionListWrp.var_01 {
  margin-top: 12px;
}

.group_actionListWrp .actionList li a {
  line-height: 40px;
}

.group_actionListWrp .actionList.fR li a:hover {
  text-decoration: underline;
}

.group_actionListWrp .actionList li .shareIc {
  margin-top: 13px;
}

.group_actionListWrp .actionList li .aboutIc, .group_actionListWrp .actionList li .cmntIc {
  margin-top: 10px;
}

.group_actionListWrp .actionList li .opdatIc {
  float: left;
  margin: 10px 10px 0 0;
}

.group_actionListWrp .actionList li .aboutIc, .group_actionListWrp .actionList li .discusinIc {
  font-size: 20px;
}

/* groups join by me and created by me End */
/* groups Empty start */
.grpEmptyCnt {
  width: 615px;
  margin: 45px auto 0;
  text-align: center;
}

.grpEmptyCnt .font-14 {
  margin-top: 4px;
}

.grpEmptyCnt .grpBotLst li .icWp {
  width: 36px;
  height: 36px;
  display: inline-block;
}

.grpEmptyCnt .grpBotLst li .icWp .cmntIc {
  width: 36px;
  height: 32px;
}

.grpEmptyCnt .grpBotLst li .icWp .calIc {
  width: 36px;
  height: 36px;
}

.grpEmptyCnt .grpBotLst li .icWp .calIc {
  width: 36px;
  height: 36px;
}

.grpEmptyCnt .grpBotLst li .icWpTxt {
  color: #333333;
  margin-top: 7px;
}

.grpEmptyCnt .grpBotLst {
  width: 80%;
  margin: 35px auto 24px;
}

.grpEmptyCnt .line {
  width: 100%;
  border-bottom: 1px solid #cccccc;
  position: relative;
  margin: 27px 0 20px 0;
}

.grpEmptyCnt .line .srchTxt {
  margin: 0;
  font-weight: normal;
  background-color: #ffffff;
  position: absolute;
  top: -10px;
  left: 188px;
  padding: 0 5px;
}

.grpEmptyCnt .offLi > li {
  float: none;
  display: inline-block;
}

.grpEmptyCnt .offLi > li.act > a {
  background-color: #00abbe;
  color: #ffffff;
  border-color: #00abbe;
}

/* groups Empty End */
/* Recommended Groups RHS searc Start */
/*.grpLstHdng.var_2{height:88px;}*/
.frmfield_srclinks {
  display: inline-block;
  position: relative;
  width: 100%;
}

.checkLst {
  list-style: none;
}

.checkLst > li {
  border-bottom: 1px solid #cccccc;
}

.checkLst > li .checkLstHdr {
  display: block;
  line-height: 54px;
}

.checkLst > li .checkLstHdrTxt {
  float: left;
  font-size: 16px;
  color: #333333;
  font-weight: 600;
}

.checkLst > li .clpIc {
  float: right;
  font-size: 22px;
}

.checkLst > li .clpIc .mns {
  display: none;
}

.checkLst > li .nobLst {
  width: 100%;
  height: 160px;
  margin: 0 0 14px 0;
  overflow-y: scroll;
  display: none;
}

.checkLst > li.act .nobLst {
  display: block;
}

.checkLst > li.act .clpIc .mns {
  display: block;
}

.checkLst > li.act .clpIc .pls {
  display: none;
}

.checkLst > li .nobLst li {
  margin: 2px 0 -10px 0;
  display: inline-block;
}

.checkLst > li .nobLst li .custcheckBox {
  font-size: 14px;
  float: left;
  margin-top: 2px;
  font-weight: 400;
  text-indent: unset;
}

.checkLst > li .custcheckBox::before {
  width: 18px;
  height: 18px;
  margin: 0 10px 10px 0;
}

.checkLst > li .checkBox input[type="checkbox"]:checked + .custcheckBox::before {
  border-color: #273239;
}

.checkLst > li .checkBox input[type="checkbox"]:checked + .custcheckBox {
  color: #273239;
}

/* Recommended Groups RHS searc End */
/* open full group start */
.grpBanCnt {
  position: relative;
  margin: 20px 20px 0px;
}

.grpBanCnt .imgWp {
  width: 100%;
  /*max-height:220px; line-height:220px;*/
  max-height: 150px;
  line-height: 150px;
  text-align: center;
  font-size: 0;
  overflow: hidden;
}

/* MK 23/03/2020*/
.grpBanCnt .imgWp img {
  width: 100%;
}

.grpBanCnt .imgWp .grdntBg {
  height: 60%;
  bottom: 0;
  top: inherit;
}

.logoTxtCnt {
  display: inline-block;
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
  padding: 0 20px;
  box-sizing: border-box;
}

.logoTxtCnt .creGrp_upLogo {
  position: static;
  float: left;
}

.txtCnt {
  float: left;
  margin: 15px 0 0 20px;
  width: 85%;
}

.txt-1 {
  font-size: 16px;
  color: #ffffff;
  font-weight: 600;
}

.txt-2 {
  font-size: 22px;
  color: #ffffff;
  font-weight: 600;
  word-wrap: break-word;
}

.grpBanCnt .lockIc_2 {
  position: absolute;
  left: 18px;
  top: 25px;
}

.grpBanCnt::before {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(images/grdntBg.png) repeat-x;
}

.groups .tabCnt.var_2 {
  margin-top: 10px;
}

.groups .tabCnt.var_2 .tab {
  margin-top: 0;
}

.groups .tabCnt.var_2 .tab li {
  margin-left: 5px;
  padding: 0 5px;
}

.groups .tabCnt.var_2 .tab li a {
  padding: 10px 0 17px 0;
  font-size: 16px;
}

.groups .tabCnt.var_2 .tab li a.disabled:hover {
  background-color: transparent !important;
}

.rightDD {
  float: right;
  margin-right: 10px;
}

.tabCnt.var_2 .selctWpr {
  margin-left: 10px;
}

.tabCnt.var_2 .actionList li a {
  line-height: 38px;
}

.tabCnt.var_2 .actionList li .shareIc {
  margin-top: 10px;
}

.tabCnt.var_2 .setngIc {
  float: right;
  margin: 8px 0 0 10px;
}

.updtCntWp {
  position: absolute;
  top: 10px;
  right: 10px;
}

.updtCnt {
  width: 20px;
  padding: 5px;
  border: 1px solid transparent;
  display: inline-block;
}

.updtTxt {
  font-size: 14px;
  color: #ffffff;
  float: left;
  display: none;
}

.updtCnt .viewIc {
  position: relative;
  z-index: 2;
  float: right;
}

.updtCnt:hover {
  width: 140px;
  border-color: #ffffff;
  background: rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
}

.updtCnt:hover .updtTxt {
  display: block;
}

.drgCnt {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -15px 0 0 -94px;
  border: 1px solid #ffffff;
  background: rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  padding: 5px;
}

.imgWp.banner_img .drgCnt {
  top: 40%;
}

.drgCnt .updtTxt {
  display: block;
}

.drgCnt .anchrIc {
  float: left;
  margin-right: 10px;
}

.updtLstWp {
  position: absolute;
  top: 40px;
  right: 0;
  display: none;
  z-index: 1;
}

.updtLst {
  width: 140px;
  border: 1px solid #cccccc;
  background-color: #ffffff;
}

.updtLst li {
  display: inline-block;
  width: 100%;
  border-top: 1px solid #cccccc;
  position: relative;
}

.updtLst li:first-child {
  border-top: none;
}

.updtLst li a {
  display: block;
  font-size: 14px;
  color: #666666;
  padding: 10px;
  box-sizing: border-box;
}

.updtLst li:hover {
  background-color: #f4f4f4;
}

.updtLst li:hover a {
  color: #333333;
}

.updtLstWp .topArw2 {
  float: right;
  margin-top: -12px;
  margin-right: 5px;
}

.updtCntWp.act .updtLstWp {
  display: block;
}

/* RHS Start */
.checkLst.var_2 li {
  padding-bottom: 10px;
  border: none;
}

.txtCnt-2 {
  height: 60px;
  overflow: hidden;
}

.checkLst li.act .txtCnt-2 {
  height: auto;
}

.checkLst.var_2 > li .checkLstHdr {
  line-height: 30px;
}

.mmbrLst {
  list-style: none;
  margin-top: 7px;
}

.mmbrLst li {
  float: left;
  width: 43px;
  height: 43px;
  margin-left: 1px;
  position: relative;
  overflow: hidden;
}

.mmbrLst li img {
  width: 100%;
}

.mmbrLst li:first-child {
  margin-left: 0;
}

.mmbrLst li .cnt {
  width: 100%;
  height: 43px;
  line-height: 43px;
  text-align: center;
  background-color: #e6e6e6;
}

.container .colRig .hd.var_2 {
  color: #333333;
  font-weight: 600;
}

.srcCnt {
  margin-top: 7px;
  position: relative;
}

.srcCnt .inp2 {
  height: 28px;
  width: 75%;
}

.colmWp .srcCnt .inp2 {
  width: 100%;
}

/* MS 01/06/17 */
.colmWp .srcCnt .btn {
  float: right;
  width: auto;
  min-width: 50px;
  margin: 0;
  height: 30px;
  line-height: 30px;
}

.udLst.var_2 {
  display: inline-block;
  width: 100%;
  margin-top: 10px;
}

.udLst.var_2 li .dscrptn {
  font-style: normal;
}

.udLst.var_2 li .ft12 {
  height: 32px;
  overflow: hidden;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.udLst.var_2 li:hover .dscrptn, .udLst.var_2 li:hover .ft12 {
  display: none;
}

.udLst.var_2 li .txt16 {
  font-size: 16px;
  color: #ffffff;
  font-weight: 600;
  padding-bottom: 29px;
}

.btn.up {
  float: right;
  width: auto;
  min-width: 80px;
  margin: 0;
  height: 30px;
  line-height: 30px;
}

.udLst.var_2.style_2 li .dscrptn {
  height: 42px;
  overflow: hidden;
}

.udLst.var_2.style_2 li .colLeft {
  width: 68px;
  height: 68px;
}

.udLst.var_2.style_2 li .colRight {
  margin-left: 78px;
}

.viewBtn.var_2 {
  left: 0;
  right: inherit;
}

.udLst.var_2.style_2 li .hvrdCnt_2 {
  padding-bottom: 3px;
}

/* Enhancement Started 26/04/17 */
/* templateBg Started */
.templateBg {
  width: 100%;
  height: 56px;
  line-height: 56px;
  background: #f6f6f6;
  border: 1px solid #ebebeb;
  border-bottom: none;
  padding: 0 10px;
  box-sizing: border-box;
}

.templateBg .hdTxt_v2 {
  width: 78%;
  line-height: 17px;
  color: #273239;
  display: inline-block;
  vertical-align: middle;
  text-transform: capitalize;
}

.templateBg .linkText {
  color: #273239;
  /* float:right; */
  display: inline-block;
  width: 20%;
  text-align: right;
  vertical-align: middle;
  line-height: normal;
}

.templateBg .linkText:hover {
  text-decoration: underline;
}

/* templateBg End */
.udLst.var_1 {
  border: 1px solid #ebebeb;
}

.udLst.var_1 li .dscrptn {
  width: 100%;
  font-style: normal;
}

.udLst.var_1 li .viewBtn {
  display: none;
  background-color: #ffffff;
  padding: 2px;
}

.udLst.var_1 li .dscrptn-2 {
  font-weight: 700;
}

.udLst.var_1 li:hover {
  background-color: transparent;
  box-shadow: -3px 3px 7px #d8d8d8;
  -webkit-box-shadow: -3px 3px 7px #d8d8d8;
  -moz-box-shadow: -3px 3px 7px #d8d8d8;
}

.udLst.var_1 li:hover .colRight .dscrptn a, .udLst.var_1 li:hover .colRight .dscrptn-2 {
  color: #333333;
}

.udLst.var_1 li:hover .colRight {
  position: relative;
}

.udLst.var_1 li:hover .viewBtn {
  display: block;
  text-decoration: underline;
}

.udLst.var_1 li:hover .discription_1 {
  width: 70%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.udLst.var_1 li:hover .dscrptn-2 {
  display: block;
}

.boxCont_1 {
  border: 1px solid #ebebeb;
  padding-top: 17px;
  padding-bottom: 11px;
}

.boxCont_1 .hdText {
  width: 100%;
  box-sizing: border-box;
  padding-bottom: 6px;
  padding-left: 10px;
}

.iconTxtList > li {
  width: 50%;
  float: left;
  list-style: none;
}

.iconTxtList > li > a {
  width: 100%;
  box-sizing: border-box;
  display: inline-block;
  padding: 10px;
  box-sizing: border-box;
}

.iconTxtList > li > a .txt {
  width: 60%;
  vertical-align: middle;
  box-sizing: border-box;
  display: inline-block;
  padding-left: 6px;
}

.iconTxtList > li:hover a {
  color: #333333;
}

.bgCircle {
  width: 34px;
  height: 34px;
  line-height: 34px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}

.bgCircle.bgColor_1 {
  background-color: #d0c59c;
}

.bgCircle.bgColor_2 {
  background-color: #2574b8;
}

.bgCircle.bgColor_3 {
  background-color: #882d8d;
}

.bgCircle.bgColor_4 {
  background-color: #666666;
}

.bgCircle .gmailIc {
  width: 20px;
  height: 14px;
  vertical-align: middle;
}

.bgCircle .outlookIc_fff {
  width: 20px;
  height: 19px;
  vertical-align: middle;
}

.bgCircle .yahooIc_fff {
  width: 22px;
  height: 13px;
  vertical-align: middle;
}

.bgCircle .emailIc_fff {
  width: 19px;
  height: 19px;
  vertical-align: middle;
  float: none;
  display: inline-block;
  margin: 0;
}

.successAct {
  color: #7dcd29;
}

/* Enhancement End 26/04/17 */
.polBtn {
  display: inline-block;
  margin-top: 15px;
  width: 100%;
  height: 52px;
  line-height: 32px;
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid #cccccc;
  background-color: #ffffff;
  position: relative;
}

.opnPolCnt {
  display: none;
  width: 100%;
  border: 1px solid #cccccc;
  background-color: #ffffff;
  margin-top: -7px;
  box-sizing: border-box;
  padding: 10px;
}

.polBtnWp.pol .opnPolCnt {
  display: block;
}

.polBtnWp.pol .btn {
  display: none;
}

.polBtnWp .btn {
  position: absolute;
  top: 10px;
  right: 10px;
}

.polBtnWp .ft12 {
  display: none;
}

.polBtnWp.pol .ft12 {
  display: block;
}

.polBtnWp.pol .polBtn {
  line-height: 16px;
}

.opnPolCnt .fnt14 {
  font-size: 14px;
  color: #333333;
  font-weight: 600;
}

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

.prgrsLst li {
  width: 100%;
  display: inline-block;
}

.prgrsTxt {
  font-size: 12px;
}

.prgrsLst li .progresBarWrp {
  margin-top: 2px;
  width: 100%;
}

.prgrsLst li .progresBar {
  background-color: #84cf20;
}

.polBtnWp.srvy .opnPolCnt {
  display: block;
}

/* RHS End */
/* open full group End */
/* close group Start */
.clsGrpCnt {
  float: left;
  padding: 7px 0 17px 20px;
}

.clsGrpCnt .lockIc {
  float: left;
  margin-right: 10px;
}

.clsGrpCnt .clsTxt {
  float: left;
  margin-top: 5px;
}

/* close group End */
/* Invite to Group overlay start */
.itg .inp2 {
  height: 40px;
  margin-top: 15px;
}

.chkBxCnt .chkBxHdr {
  margin-top: 16px;
}

.chkBxHdr .checkBox {
  float: right;
  margin-top: 4px;
}

.chkBxHdr .custcheckBox::before {
  width: 20px;
  height: 20px;
  border-color: #273239;
  margin: 0;
}

.chkBxHdr .custcheckBox {
  color: #666666;
}

.fnt18 {
  float: left;
  font-size: 18px;
  color: #273239;
}

.listStyle03.itg {
  height: 300px;
  overflow-y: scroll;
  overflow-x: hidden;
  margin-top: 10px;
  border-top: 1px solid #d1d1d1;
}

.listStyle03.itg li {
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  border-bottom: 1px solid #d1d1d1;
}

.userDisplay.itg .colLeft {
  width: 58px;
  height: 58px;
}

.listStyle03 > li .userDisplay.itg {
  margin-left: 50px;
}

.listStyle03.itg li .custcheckBox {
  text-indent: 0;
  width: 100%;
  padding: 18px;
}

.listStyle03.itg li .nmdsg, .listStyle03.itg li .cm {
  color: #666666;
}

.listStyle03.itg li .cm {
  font-size: 14px;
}

.col_000 {
  color: #000000 !important;
}

.listStyle03.itg > li .userDisplay .colRight {
  margin-left: 70px;
}

.listStyle03.itg > li .checkBox {
  width: 100%;
}

.listStyle03.itg > li .custcheckBox::before {
  margin-top: 13px;
  border-color: #273239;
}

/* Invite to Group overlay end */
/* full group request start */
.list_8 {
  list-style: none;
}

.list_8 > li {
  display: inline-block;
  width: 100%;
  padding: 14px 20px 15px 0;
  box-sizing: border-box;
  border-bottom: 1px solid #cccccc;
}

.list_8 > li:first-child {
  padding-top: 20px;
}

.userDisplay.var_4 {
  float: left;
}

.userDisplay.var_4 .colLeft {
  width: 43px;
  height: 43px;
}

.userDisplay.var_4 .colRight .dscrptn {
  font-weight: 600;
  font-style: normal;
}

.userDisplay.var_4 .colRight {
  float: left;
  margin-left: 10px;
}

.list_8 > li .actionList {
  float: right;
}

.list_8 > li .actionList li {
  margin-left: 20px;
}

.list_8 > li .actionList li a {
  line-height: 40px;
}

/* full group request End */
/* empty event start */
.emptyCnt {
  text-align: center;
  padding-top: 20px;
}

.emptyCnt .hd_grpV2 {
  margin-bottom: 25px;
}

.emptyCnt .calIc {
  width: 36px;
  height: 36px;
}

.emptyCnt .btn {
  margin: 23px 0 7px 0;
}

.emptyCnt .fileIc_777 {
  width: 30px;
  height: 36px;
  float: none;
  display: inline-block;
}

/* empty event end*/
/* resource Start Start*/
.resCnt {
  padding-top: 20px;
}

.resCnt .actionList li a {
  line-height: 40px;
}

.resCnt .eBreLiVie {
  padding: 0;
}

.resCnt .favIcon {
  visibility: hidden;
}

.emptyCnt .eBriefCaseIc {
  float: none;
  display: inline-block;
  margin: 15px auto 0;
  width: 30px;
  height: 30px;
}

/* resource Start end*/
/* Group events start */
.headRow_grpV2 {
  width: 100%;
  padding: 20px 0;
  border-bottom: 1px solid #cccccc;
  box-sizing: border-box;
  display: table;
}

.headRow_grpV2 .hdWrp_grpV2 {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
}

.hd_grpV2 {
  font-size: 18px;
  color: #333333;
  font-weight: 600;
  vertical-align: middle;
}

.headRow_grpV2 .btn {
  float: right;
}

.eventList_V2 {
  width: 100%;
}

.eventList_V2 > li {
  width: 100%;
  padding: 20px 10px;
  box-sizing: border-box;
  border-bottom: 1px solid #cccccc;
  list-style-type: none;
  position: relative;
}

.eventList_V2 li::after {
  content: "";
  display: table;
  clear: both;
}

.eventList_V2 li .leftCol_grpV2 {
  width: 217px;
  position: absolute;
  top: 20px;
  left: 10px;
}

.eventList_V2 li .leftCol_grpV2 .calTemplate {
  float: left;
}

.eventList_V2 li .leftCol_grpV2 .imgCont_grpV2 {
  width: 142px;
  height: 142px;
  line-height: 142px;
  float: right;
  overflow: hidden;
  text-align: center;
}

.eventList_V2 li .leftCol_grpV2 .imgCont_grpV2 img {
  max-width: 100%;
  vertical-align: middle;
}

.eventList_V2 li .rightCol_grpV2 {
  /*display: table-cell;*/
  width: 100%;
  padding-left: 20px;
  box-sizing: border-box;
  padding-left: 235px;
}

/* MK 19/04/2017 display: table-cell; */
.eventList_V2 > li:hover {
  background-color: #f1f1f1;
}

.eventList_V2 > li .editIc {
  position: absolute;
  right: 0;
  top: 20px;
}

.eventHd {
  color: #333333;
  font-size: 18px;
  font-weight: 600;
  height: 44px;
  overflow: hidden;
  margin-top: -4px;
  padding-right: 10px;
  box-sizing: border-box;
}

.eventAction_Ul {
  width: auto;
}

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

.eventAction_Ul li::after {
  content: "";
  display: table;
  clear: both;
}

.eventAction_Ul li p {
  float: left;
  font-size: 14px;
  color: #666666;
}

.eventAction_Ul li .eventIc {
  float: left;
  margin-right: 10px;
}

.eventAction_Ul li .clockIc {
  width: 19px;
  height: 19px;
}

.eventAction_Ul li .calIc {
  width: 19px;
  height: 19px;
}

.eventAction_Ul li .locationIc {
  height: 18px;
  width: 14px;
  margin: 0 11px 0 3px;
}

.rghtBotWp {
  margin-top: 10px;
}

.rghtBotLft {
  float: left;
}

.rghtBotWp .eventTxt {
  float: left;
  font-size: 14px;
  margin-top: 15px;
}

.rghtBotWp .mmbrLst {
  float: left;
  margin-left: 10px;
}

.rghtBotWp .mmbrLst li {
  width: 30px;
  height: 30px;
}

.rghtBotWp .mmbrLst li .cnt {
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 10px;
}

.rghtBotWp .plstg {
  float: left;
  font-size: 20px;
  font-weight: 600;
  margin-right: 10px;
  color: #666666;
  display: block;
}

.rghtBotWp .actionList li .tikBigIc {
  width: 15px;
  height: 15px;
  margin: 15px 7px 0 0;
}

.rghtBotWp .actionList li.act .plstg strong {
  display: none;
}

.eventHvrd {
  padding-left: 75px;
  display: none;
}

.eventHvrd .fnt14 {
  font-size: 14px;
  margin-top: 5px;
}

.eventList_V2 > li.act .eventHvrd {
  display: block;
}

.rghtBotWp .actionList {
  float: right;
}

.rghtBotWp .mmbrLst li .cardHover {
  right: -32px;
  bottom: 32px;
}

/* Group events end */
/* Form Start */
.form_row {
  width: 100%;
  height: auto;
  position: relative;
  margin-bottom: 26px;
}

.form_label {
  width: auto;
  float: left;
  color: #999999;
  font-weight: 400;
  font-size: 16px;
  display: block;
  transform: translateY(26px);
  transition: all 0.5s;
  transition-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}

.form_row.act .form_label {
  transform: translateY(0px);
  font-size: 14px;
  transition: all 0.5s;
  transition-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}

.form_label span {
  font-size: 14px;
}

.form_leftCol_l1 {
  width: 50%;
  float: left;
  padding-right: 15px;
  box-sizing: border-box;
  position: relative;
}

.form_rightCol_l1 {
  width: 50%;
  float: right;
  padding-left: 15px;
  box-sizing: border-box;
}

.form_row .calIc {
  width: 24px;
  height: 26px;
  position: absolute;
  top: 6px;
  right: 6px;
}

.form_hint {
  font-size: 14px;
  color: #999999;
}

.form_inp_cont {
  width: 100%;
  position: relative;
}

.form_charCount {
  font-size: 14px;
  color: #999999;
  float: right;
  /*margin-top: 5px; */
}

.form_input {
  width: 100%;
  font-size: 16px;
  color: #333333;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 11px;
  margin-top: 6px;
  background: none;
  position: relative;
  z-index: 2;
}

.select_wrp {
  width: 100%;
  display: block;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 11px;
  margin-top: 6px;
  position: relative;
}

.select_txt {
  font-size: 16px;
  color: #333333;
}

.select_wrp .downArw {
  float: right;
  margin-top: 9px;
}

.createGrpCnt .form_row .infoIcWrp {
  top: 25px;
}

.form_row.err .form_input {
  border-color: red;
}

.form_input.txtareaHight {
  height: 21px;
}

.select_wrp .ui-selectmenu-button.ui-widget span.ui-selectmenu-text {
  padding: 0;
}

.select_wrp .ui-selectmenu-button.ui-widget .ui-icon-triangle-1-s {
  width: 0;
  height: auto;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid #777777;
}

.select_wrp .inp2 {
  width: auto;
  height: auto;
  border: none;
  padding: 0;
}

.select_wrp .tagList li {
  line-height: normal;
  margin: 0 10px 0 0;
}

.select_wrp .tagList li .cls_Grn {
  margin-top: 5px;
}

.select_wrp .ui-selectmenu-menu {
  top: 33px !important;
}

#CreateGroup .form_leftCol_l1.frm_industry .select_wrp .ui-selectmenu-menu {
  top: 22px !important;
}

.select_wrp .ui-selectmenu-menu.ui-front.ui-selectmenu-open .ui-menu {
  border-left: none;
}

/* Form end */
/* calendar icon template  start */
.calTemplate {
  width: 55px;
  background: #333333;
  padding: 2px 1px 1px 1px;
  box-sizing: border-box;
}

.calTemplate .dayCont {
  width: 100%;
  background: #ffffff;
}

.calTemplate .monthTxt {
  font-size: 11px;
  color: #ffffff;
  width: 100%;
  text-align: center;
}

.calTemplate .dayTxt {
  font-size: 30px;
  color: #333333;
  width: 100%;
  text-align: center;
  font-weight: 600;
}

/* calendar icon template  End */
/* Create Group start */
.dropShadow {
  box-shadow: 0px 1px 5px #888888;
}

.textShadow {
  text-shadow: 0px 1px 5px #888888;
}

.creGrp_upLogo {
  width: 76px;
  height: 76px;
  position: absolute;
  top: 5px;
  border: 1px solid #cccccc;
  background: #f8f8f8;
  text-align: center;
  cursor: pointer;
}

.creGrp_upLogo .companyIc_ccc {
  width: 30px;
  height: 40px;
  display: table-cell;
  vertical-align: middle;
  display: inline-block;
}

.creGrp_upLogo .upldLg {
  display: block;
}

.creGrp_upLogo .upldLg input {
  width: 100%;
  height: 76px;
  margin: 0;
}

.creGrp_upLogo .upldLg .imgWp {
  width: 100%;
  height: 76px;
  line-height: 76px;
}

.creGrp_upLogo .upldLg .imgWp img {
  max-width: 100%;
  width: auto;
  vertical-align: middle;
}

.creGrp_upLogo .upldLg .upldTxt {
  height: 18px;
  line-height: 20px;
  font-size: 12px;
}

.creGrp_upLogo .ToolTip {
  top: 90px;
  display: none;
}

.creGrp_upLogo .ToolTip .upArw_333 {
  position: absolute;
  top: -6px;
  left: 10px;
}

.creGrp_upLogo.err .ToolTip {
  display: block;
}

.creGrp .bottomSctn p {
  font-size: 14px;
}

.grpBanCnt {
  /*height: 220px;*/
  height: 150px;
}

/* MK 23/03/2020 */
.grpBanCnt > .imgWp {
  height: 100%;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4f4f4+0,b5b5b5+100 */
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4f4f4+0,efefef+42,b5b5b5+100 */
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4f4f4+0,efefef+52,b5b5b5+100 */
  background: #f4f4f4;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f4f4f4 0%, #efefef 52%, #b5b5b5 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f4f4f4 0%, #efefef 52%, #b5b5b5 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f4f4f4 0%, #efefef 52%, #b5b5b5 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#b5b5b5',GradientType=0 );
  /* IE6-9 */
}

.centerWp {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  text-align: center;
  z-index: 2;
}

.createGrpCnt {
  width: 100%;
  margin-top: 25px;
}

.permCont {
  width: 675px;
  float: left;
  margin-left: 30px;
}

.permCont .radio:first-child {
  margin-top: 0;
}

.createGrpCnt .nobLstWp.var_02 {
  padding: 0;
  margin-top: 10px;
}

.createGrpCnt .nobLst li {
  width: 100%;
  border-bottom: 1px solid #cccccc;
  padding: 0;
  float: left;
  list-style: none;
}

.createGrpCnt .nobLst.var_02 {
  height: 120px;
}

.createGrpCnt .bottomSctn {
  border-top: 1px solid #d1d1d1;
  padding-top: 20px;
}

.createGrpCnt .bottomSctn p {
  margin-top: 10px;
}

.createGrpCnt .bottomSctn .btn {
  float: right;
}

.grpBanCnt .creGrp_upLogo.err .imgWp {
  background: #fff2f2;
}

.grpBanCnt .ttTxt {
  padding: 6px 6px;
}

.centerWp + .logoTxtCnt .txtCnt {
  width: 29%;
}

#addimageDiv .grpBanCnt {
  height: auto;
}

#addimageDiv .grpBanCnt .imgWp {
  max-height: 405px;
  height: auto;
}

/* .imgWp.full_view { height: auto !important;} */
/* Create Group end */
/* invite group start */
.inviteCont_V2 {
  margin: 0 auto;
  padding: 0 8px;
  box-sizing: border-box;
}

.grpInvHdRow {
  width: 100%;
  text-align: center;
  margin-top: 34px;
  position: relative;
}

.grpInvHdRow .hd_grpV2 {
  margin-bottom: 23px;
}

.grpInvHdRow .link {
  position: absolute;
  right: 0;
  bottom: 0;
}

.inviteInnCont_v2 {
  width: 100%;
  margin-top: 21px;
}

.inviteInnCont_v2 .inviteTopRow_v2 {
  height: 40px;
}

.inviteInnCont_v2 .inviteTopRow_v2 .checkBox {
  margin-top: 17px;
}

.inviteInnCont_v2 .btn {
  float: right;
}

.selectList_v2 {
  width: 100%;
  margin-top: 20px;
}

.selectList_v2 li {
  list-style-type: none;
  width: 100%;
  border-bottom: 1px solid #cccccc;
  display: table;
  padding: 19px 0;
}

.selectList_v2 li:first-child {
  border-top: 1px solid #cccccc;
}

.selectList_v2 li .checkBox {
  width: 75%;
  /* display: table-cell; vertical-align: middle;*/
}

.selectList_v2 li .custcheckBox {
  width: 100%;
  text-indent: 0;
}

.selectList_v2 li .custcheckBox::before {
  margin-top: 11px;
}

.selectList_v2 .colLeft {
  margin: 0 10px;
}

.emptyCnt .userDisplay.startDis {
  margin-bottom: 20px;
}

/* invite group end */
/* this is in onboard start */
.nobLstWp.var_02 {
  border: 1px solid #cccccc;
  box-sizing: border-box;
}

.rowSec .innRwSc .nacLst {
  margin-bottom: 24px;
}

.nacLst li .hd {
  color: #333333;
  padding-bottom: 7px;
}

.nacLst.var_02 {
  width: 100%;
  display: inline-block;
}

.nacLst.var_02 > li:first-child {
  padding-right: 0;
}

.nacLst.var_02 > li {
  float: left;
  list-style: none;
}

.nacLst.var_02 .nobLst li {
  width: 100%;
  border-bottom: 1px solid #cccccc;
  padding: 0;
  float: left;
  list-style: none;
}

.nobLst.var_02 > li .checkBox {
  width: 100%;
  float: left;
}

.nobLstWp.var_02 {
  padding: 0;
}

.nobLst.var_02 {
  width: 100%;
  margin-top: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

.nobLst.var_02 li .custcheckBox {
  font-weight: 300;
}

.nobLst.var_02 > li .custcheckBox::before {
  width: 18px;
  height: 18px;
  line-height: 18px;
  border-color: #777777;
}

.nobLst.var_02 > li .custcheckBox {
  width: 100%;
  padding: 10px 6px 2px 6px;
  box-sizing: border-box;
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
  float: none;
}

.nobLst.var_02 > li .custcheckBox::before {
  margin-top: 0;
  margin-bottom: 10px;
  margin-right: 10px;
}

/* this is in onboard end */
#CreateGroup .frm_field_of_work .nobLst.var_02 > li .custcheckBox, #CreateGroup .frm_area_of_interest .nobLst.var_02 > li .custcheckBox {
  display: flex;
}

/* Groups End*/
/* Form */
.form_leftCol, .form_rightCol {
  width: 50%;
  box-sizing: border-box;
}

.form_leftCol {
  padding-right: 9px;
  float: left;
}

.form_rightCol {
  padding-left: 9px;
  float: right;
}

.form_inp_cont .tagList li {
  line-height: 38px;
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .resCnt .eBreLiVie .name2 {
    width: 160px !important;
  }
  .rghtBotWp .actionList {
    float: left;
  }
  /* create Group */
  .grpBanCnt .txtCnt .txt-1 {
    width: 81%;
    word-wrap: break-word;
  }
  .createGrpCnt .permCont {
    margin-left: 0;
    margin-top: 20px;
  }
  .centerWp + .logoTxtCnt .txtCnt {
    width: 25%;
  }
  /* Enhancements Started 26/04/17 */
  .templateBg .hdTxt_v2 {
    width: 75%;
  }
  .udLst.var_1 li:hover .discription_1, .udLst.var_1 li:hover .dscrptn-2 {
    width: 65%;
  }
  .boxCont_1 .hdText {
    padding-left: 7px;
  }
  .iconTxtList > li > a {
    padding-left: 7px;
    padding-right: 7px;
  }
  .iconTxtList > li > a .txt {
    width: 59%;
    padding-left: 4px;
  }
  /* Enhancements End 26/04/17 */
}

.txt_cent {
  text-align: center;
  margin-top: 10px;
}

.actionList.fL li .pnt span, .eCard .bottom .rigSec > li .iconText {
  padding-right: 8px;
  font-size: 12px;
}

.grpBotLst li .icWp .discusinIc:before {
  font-size: 35px;
  color: #333333;
}

.grpBotLst li .icWp .netwrkIc:before {
  content: "\e91e";
  color: #333333;
  font-size: 35px;
}

.groups #Mainevents .contentWp .emptyCnt {
  display: inline-block;
}

/* overwrting to fix issue found on rect project */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .groups .fulGrpCnt .eCard .bottom .lfSec {
    width: 89px;
  }
}

@media only screen and (max-width: 767px) {
  ._myGroups .groups .fulGrpCnt .contentList {
    display: flex !important;
  }
  ._myGroups .groups .tabCnt.GrouptabNav2.var_2 {
    margin-left: 0;
  }
}