/* Settings Start */
/* User Settings Start */
.settings {
  padding: 25px 20px;
  box-sizing: border-box;
}

.stngHdng {
  font-size: 22px;
  color: #273239;
  margin-bottom: 15px;
}

.prfrncLst {
  margin-bottom: 30px;
  padding-top: 15px;
  border-top: 1px solid #cccccc;
} /* MS 06/01/17 */
.prfrncLst:first-child {
  border-top: none;
  padding-top: 0;
} /* MS 06/01/16 */
.prfrncLst > li {
  list-style: none;
  border-top: 1px solid #cccccc;
  margin-top: 27px;
  padding-top: 23px;
}

.prfrncLst > li:first-child {
  margin-top: 14px;
  border: none;
  padding: 0;
}

.prfrncHdng {
  color: #273239;
  display: inline-block;
}

.prfrncRow {
  margin-top: 15px;
}

.prfrncLab {
  font-size: 14px;
}

.prfrncLst li .list5 {
  float: right;
}

.prfrncLst li .list5 li {
  float: left;
  width: auto;
  margin: 0 0 0 10px;
}

.stngLst {
  margin-bottom: 18px;
}

.stngLst li {
  list-style: none; /*height:40px; line-height:40px;*/
  box-sizing: border-box;
  margin-top: 10px;
}

.stngLst li:first-child {
  margin-top: 17px;
}

.stngLst li a {
  font-size: 16px;
  color: #273239;
  display: block;
  padding: 10px;
  box-sizing: border-box;
}

.stngLst li a:hover {
  text-decoration: underline;
}

.stngLst li.act a {
  background-color: #e6e6e6;
  color: #273239;
  border-left: 2px solid #000000;
}

/* Reset Password Started */
.chngePassWp {
  width: 100%;
  position: relative;
}

.stngTab .col {
  width: 445px;
  float: left;
}

.inpOutWp {
  margin-top: 17px;
}

.inpOutWp:first-child {
  margin-top: 11px;
}

.chngePassWp .inpOutWp .lbl {
  font-size: 18px;
}

.inpOutWp .lbl {
  margin-bottom: 4px;
  float: left;
}

.chngePassWp .btn {
  position: absolute;
  right: 0;
  bottom: 0;
}

/* Password strength Started */
.chngePassWp .passStr {
  margin-top: 11px;
}

.chngePassWp .success, .chngePassWp .success input {
  color: #84cf20 !important;
}

.chngePassWp .fair, .chngePassWp .fair input {
  color: #ff9933 !important;
}

.chngePassWp .unacceptable, .chngePassWp .unacceptable input {
  color: #fd0101 !important;
}

.chngePassWp .unacceptable {
  border-color: #fd0101 !important;
}

.chngePassWp .passstrnth.green, .chngePassWp .orange, .chngePassWp .red {
  display: none;
}

.chngePassWp .success .green {
  display: block;
}

.chngePassWp .fair .orange {
  display: block;
}

.chngePassWp .unacceptable .red, .chngePassWp .unacceptable .infoIcWrp, .chngePassWp .unacceptable .ToolTip {
  display: block;
}

.chngePassWp .inpWp_01.pass .inp2 {
  padding-right: 130px;
}

.chngePassWp .passStr .ToolTip {
  right: 0;
}

.chngePassWp .unacceptable .infoIcWrp .ToolTip {
  bottom: 2px;
}

.chngePassWp .unacceptable.err .infoIcWrp .ToolTip {
  bottom: 20px;
}

.chngePassWp .unacceptable.err .infoIc, .chngePassWp .unacceptable .infoIc {
  display: none;
}

.chngePassWp .unacceptable .ToolTip .downArw_333 {
  margin-right: 32px;
}

.chngePassWp .pass.success .infoIcWrp {
  display: none;
}

/* Password strength End  */
/* Reset Password End */
/* Change Registered Mobile Started */
.chngRegsMobWp .col {
  margin-bottom: 17px;
}

.flagIc {
  width: 27px;
  height: 18px; /* background:url("images/flag.jpg") 0 0 no-repeat; */
  display: inline-block;
  margin-right: 10px;
}

.flagNumWp .editIc {
  vertical-align: middle;
  margin-left: 20px;
}

.flag-containerWp {
  width: 100%;
} /* MS 02/12/16 */
.flag-containerWp .intl-tel-input {
  border-bottom: none;
}

.flag-containerWp .intl-tel-input .flag-container {
  height: 43px;
  line-height: 43px;
  border: 1px solid #cccccc;
  box-sizing: border-box;
  margin-right: 10px;
} /* MS 28/12/16 */
.flag-containerWp .inpWp_01 { /* width:79.77%; */
  width: 100%;
  border: none;
} /* MS 28/12/16 */
.flag-containerWp .intl-tel-input.allow-dropdown .selected-flag {
  padding: 10px;
}

.flag-containerWp .intl-tel-input .selected-flag .iti-flag {
  top: 3px;
}

.flag-containerWp .intl-tel-input .selected-flag .iti-arrow {
  margin: 7px 0 0 0;
}

.flag-containerWp .intl-tel-input .inp2.allowonlynumbers {
  width: 82.01%;
  border: 1px solid #cccccc;
  padding-left: 20px;
  padding-right: 0;
}

.flag-containerWp .err .intl-tel-input .inp2.allowonlynumbers {
  border-color: #fd0101 !important;
}

.flag-containerWp .intl-tel-input.iti-container {
  top: 2px !important;
  left: -1px !important;
}

.bottomSctn.var_02 {
  height: 40px;
  line-height: 40px;
  margin-top: 3px;
}

.bottomSctn.var_02 p {
  font-size: 14px;
  color: #999999;
  line-height: normal;
  vertical-align: middle;
}

/* Change Registered Mobile End */
/* Change company Started */
.crtNwCmpIc, .ntPrtOfCmpIc, .vrifdIc_plchldr {
  background-image: url(images/spriteGenric.png);
  image-rendering: -webkit-optimize-contrast; /* Chrome (and Safari) */
}

.crtNwCmpIc {
  width: 50px;
  height: 51px;
  background-position: 69.51219512% 52.76796231%;
  background-size: 2068% 1764.705882%;
  display: inline-block;
}

.ntPrtOfCmpIc {
  width: 50px;
  height: 51px;
  background-position: 74.89837398% 52.76796231%;
  background-size: 2068% 1764.705882%;
  display: inline-block;
}

.vrifdIc_plchldr {
  width: 22px;
  height: 22px;
  background-size: 2247.826087% 1956.521739%;
  background-position: 42.61133603% 0.117096019%;
  line-height: 45px;
  display: inline-block;
  color: #999999; /* font-size:22px;  */
  font-size: 20px;
} /* MS 03/03/16 */
.chngComWp .boxWp_01 {
  margin-top: 17px;
  margin-bottom: 20px;
}

.boxWp_01 {
  width: 100%;
  position: relative;
  border: 1px solid #e0e0e0;
  box-sizing: border-box;
  text-align: center;
  background-color: #f9f9f9;
}

.boxWp_01 .left {
  width: 50%;
  padding: 20px;
  box-sizing: border-box;
  float: left;
  position: relative;
  cursor: pointer;
}

.boxWp_01 .act .vrifdIc_plchldr {
  background-position: 43.8438% 31.9075%;
  background-size: 2954.29% 2571.43%;
}

.boxWp_01 .act .link16grn {
  color: #273239;
}

.orDvdr.var_01 {
  width: 1px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  display: inline-block;
}

.boxWp_01 .right {
  width: 50%;
  padding: 20px;
  box-sizing: border-box;
  float: right;
  position: relative;
  cursor: pointer;
}

.boxWp_01 .vrifdIc_plchldr {
  position: absolute;
  right: 10px;
  top: 10px;
}

.iconUl_01 {
  width: 100%;
  list-style: none;
}

.iconUl_01 > li {
  margin-top: 15px;
  margin-bottom: 5px;
  display: inline-block;
}

.iconUl_01 > li .imgCnt {
  width: 25px;
  height: 25px;
}

.iconUl_01 > li .imgCnt .passIc_777 {
  width: 25px;
  height: 25px;
  margin-top: 4px;
}

.iconUl_01 > li .imgCnt .eBriefCaseIc {
  margin-top: 4px;
}

.iconUl_01 > li .rightCnt {
  margin-left: 34px;
  color: #333333;
}

.iconUl_01 > li .rightCnt .hdr {
  font-size: 18px;
  color: #333333;
}

#existing_company_form_sme_autosuggest .ddList, #existing_company_form_sme_autosuggest .autocomplete-suggestions.ddList {
  width: 411px !important;
}

.crtNewComWp .colm .ui-selectmenu-button.ui-widget span.ui-selectmenu-text {
  font-size: 14px;
}

/*      .autocomplete-suggestions.ddList.var_01 { width:411px !important; margin-top:0; display:none; }
    .autocomplete-suggestions.ddList.var_01 > li > a { border-bottom:1px solid #e8e8e8; font-size:16px; }
 .autocomplete-suggestions.ddList.var_01 > li > a.addComp { border-bottom:none; height:auto; font-size:12px;  }
*/
.crtNewComWp {
  margin-top: 17px;
}

.crtNewComWp .lbl {
  margin-bottom: 4px;
}

.uplodContWp {
  position: relative;
  width: 100%;
  display: inline-block;
}

.uplodImg {
  width: 113px;
  height: 113px;
  text-align: center;
  background-color: #f5f5f5;
}

.uplodImg .upldLg {
  width: 100%;
  height: 100%;
  display: inline-block;
}

.uplodImg .upldLg .loader_img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  left: 0;
  bottom: 0;
  margin: 0 auto;
  display: inline-block;
}

.uplodImg .companyIc_ccc {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -28.5px 0 0 -21.5px;
}

.uplodImg .imgWp {
  height: 113px;
  line-height: 113px;
}

.uplodImg .imgWp img {
  max-width: 100%;
  display: inline-block;
  vertical-align: middle;
}

.uplodImg .imgWp .link {
  position: relative;
  text-transform: uppercase;
  font-size: 14px;
  vertical-align: middle;
  line-height: normal;
  display: inline-block;
}

.uplodImg .fileinput-button input {
  margin-top: 0;
}

.vrifCnt.var_1 {
  position: absolute;
  bottom: 0;
  left: 134px;
}

.vrifCnt.var_1 .vrifTxt {
  margin-left: 8px;
  font-size: 12px;
}

.crtNewComWp .colm {
  width: 48.87%;
  float: left;
}

.crtNewComWp .colm .slctWp .ui-selectmenu-button.ui-widget {
  height: 43px;
  line-height: 43px;
}

.crtNewComWp .colm .autocomplete-suggestions {
  top: 44px;
}

.crtNewComWp .row {
  position: relative;
}

.colm .colm {
  width: 47.69%;
}

.colm .colm .slctWp .inp2 {
  width: 85%;
}

.crtNewComWp .colm .lbl {
  margin-bottom: 4px;
  float: left;
}

.crtNewComWp .row .btn {
  position: absolute;
  right: 0;
  bottom: 0;
}

.crtNewComWp .indDDCont {
  bottom: inherit;
  right: inherit;
  top: 43px;
  left: -1px;
}

/* #frm_newcompany .indDDCont.act{width:784px;} */
.crtNewComWp .slctWp .indDDCont .col2 {
  float: left !important;
}

.crtNewComWp .slctWp .indDDCont .col1 {
  float: right !important;
}

.crtNewComWp .slctWp .indDDCont .col1.nano {
  border: none;
}

.crtNewComWp .slctWp .indDDCont .col2.nano {
  border-top: none;
  border-bottom: none;
  border-left: none;
}

.crtNewComWp .autocomplete-suggestions {
  width: 100% !important;
}

.crtNewComWp .autocomplete-suggestions > li {
  font-size: 14px;
}

.uplodContWp .cls_bg000_fff {
  z-index: 3;
}

.crtNewComWp .slctWp .indDDCont .col1 .ddList {
  border-left: none;
}

.crtNewComWp .ddList {
  margin-top: 0;
}

.crtNewComWp .ddList > li > a, .chngComWp .autocomplete-suggestions.ddList li a {
  font-size: 14px;
}

.crtNewComWp .indDDCont .col1 h2 {
  font-size: 16px;
}

/* Company Name Start */
.autocomplete-suggestions.ddList li .imgWp {
  float: left;
  width: 30px;
  height: 30px;
}

.autocomplete-suggestions.ddList li .imgWp img {
  width: 100%;
  position: static;
  height: 100%;
}

.autocomplete-suggestions.ddList li .compnm {
  width: 180px;
  float: left;
  margin-left: 10px;
  overflow: hidden;
}

.autocomplete-suggestions.ddList li .asNm {
  width: 100%;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
}

.autocomplete-suggestions.ddList li .asComp {
  color: #666666;
}

.autocomplete-suggestions.ddList li .asCity {
  float: right;
  text-align: right;
  width: 78px;
  color: #666666;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  overflow: hidden;
}

/* Company Name End */
/* Change company End */
/* Manage Content Preferences Started */
.mngCntPrfrncs {
  margin-top: 4px;
  position: relative;
} /* Ar 22-June'17 */
.cntntPrfrncUl {
  list-style: none;
}

.cntntPrfrncUl > li {
  width: 31.83%;
  height: 130px;
  overflow: hidden;
  box-sizing: border-box;
  margin-top: 20px;
  margin-left: 20px;
  text-align: center;
  position: relative;
  float: left;
  cursor: pointer;
  box-sizing: border-box;
}

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

.cntntPrfrncUl > li .imgWp {
  width: 100%;
  height: 130px;
  line-height: 0;
  box-sizing: border-box;
}

.cntntPrfrncUl > li .imgWp img {
  max-width: 100%;
  max-height: 100%;
} /* MS 27/12/16 */
.cntntPrfrncUl > li .captionTxt_01 {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 9px;
  z-index: 1;
  display: inline-block;
  color: #ffffff;
} /* MS 27/12/16 */
.cntntPrfrncUl > li .repBg {
  display: none;
}

.trnslucntImg {
  width: 100%;
  height: 80px;
  background: url(images/translucent_img.png) 0 0 repeat-x;
  position: absolute;
  bottom: 0;
  left: 0;
} /* MS 27/12/16 */
.plusTxt {
  width: 100%;
  text-align: center;
  display: inline-block;
  font-size: 70px;
  vertical-align: middle;
  color: #ffffff;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: 0 auto;
  display: none;
}

.cntntPrfrncUl > li .plusTxt {
  top: 18%;
}

.cntntPrfrncUl > li .tikBigIc {
  display: none;
  position: absolute;
  top: 40%;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  width: 34px;
  height: 25px;
}

.cntntPrfrncUl > li:hover .repBg, .cntntPrfrncUl > li:hover .plusTxt {
  display: block;
}

.cntntPrfrncUl > li.act {
  border: 4px solid #84cf20;
}

.cntntPrfrncUl > li.act .captionTxt_01 {
  color: #84cf20;
}

.cntntPrfrncUl > li.act .tikBigIc, .cntntPrfrncUl > li.act .repBg {
  display: block;
}

.cntntPrfrncUl > li.act:hover .plusTxt {
  display: none;
}

.cntntPrfrncUl > li:hover .trnslucntImg, .cntntPrfrncUl > li.act .trnslucntImg {
  display: none;
}

/* Manage Content Preferences End */
/* My Groups Started */
.groupContentWp {
  width: 100%;
  display: inline-block;
}

.groupContent {
  width: 100%;
  padding-top: 30px;
  padding-bottom: 23px;
  border-bottom: 1px solid #cccccc;
  display: inline-block;
}

.groupContent .left {
  width: 33.33%;
  float: left;
  padding-right: 10px;
  box-sizing: border-box;
  word-wrap: break-word;
}

.grpDisplay .colLeft {
  width: 65px;
  height: 52px;
  line-height: 52px;
  float: left;
  overflow: hidden;
  text-align: center;
}

.grpDisplay .colLeft img {
  max-width: 100%;
  vertical-align: middle;
} /* MS 28/12/16 */
.grpDisplay .colRight {
  margin-left: 85px;
  word-wrap: break-word;
}

.grpDisplay .title {
  color: #273239;
  margin-bottom: 1px;
}

.grpDisplay .titleCount {
  color: #273239;
  margin-top: 16px;
}

.groupContent .mid {
  width: 33.33%;
  float: left;
  word-wrap: break-word;
  position: relative;
  padding-top: 14px;
  padding-left: 11.7%;
  box-sizing: border-box;
}

.groupContent .mid .iconWp {
  width: 100%;
  margin-bottom: 23px;
}

.groupContent .iconWp {
  position: static;
}

.iconWp.var_01 {
  position: static;
  display: inline-block;
}

.iconWp.var_01 .iconTxt {
  display: inline-block;
  vertical-align: middle;
  color: #273239;
} /* MK 17/03/2017 */
.iconWp.var_01 .iconTxt .grpStngIc {
  float: left;
  margin-right: 5px;
} /* MK 17/03/2017 New */
.myGropWp .grpEmptyCnt {
  margin-top: 20px;
} /* MK 17/03/2017 New */
.iconWp.var_01 p {
  display: inline-block;
  vertical-align: middle;
  color: #273239;
}

.iconWp.var_01 .keyIc {
  margin-right: 10px;
  vertical-align: top;
}

.iconWp.var_01 .companyIc {
  width: 13px;
  height: 18px;
  margin-right: 10px;
  vertical-align: middle;
  display: inline-block;
}

.iconWp.var_01 .opdatIc {
  margin-top: 0;
}

.iconWp .aboutIc {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

.iconWp.orange {
  background: none;
} /* MS 23/02/17 */
.iconWp.orange p {
  color: #ff9933;
}

.iconWp .clsBtn_000 {
  float: none;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

.iconWp.var_01 .txt {
  font-size: 16px;
  vertical-align: middle;
  display: inline-block;
}

.groupContent .right {
  width: 33.33%;
  word-wrap: break-word;
  float: right;
  padding-left: 10px;
  box-sizing: border-box;
}

.groupContent .right .slctWp {
  width: 220px;
  float: right;
} /* MS 09/11/16 */
.groupContent .right .inp2 {
  width: 220px;
  float: right;
  margin-top: 10px;
} /* MS 09/11/16 */
.groupContent .right .slctWp .ui-selectmenu-menu .ui-menu {
  width: 100%;
  box-sizing: border-box;
  top: 1px;
} /* MS 09/01/16 */
.selctWpr.var_1 .selctLnk {
  min-width: 185px;
}

.botLstWp.var_3 {
  width: 90.77%;
  margin-top: 14px;
  height: auto;
  padding: 11px 20px 8px 20px;
  box-sizing: border-box;
}

.botLstWp .iconWp {
  width: 76%;
  line-height: normal;
  display: inline-block;
  vertical-align: middle;
}

.botLstWp .iconWp .opdatIc {
  margin-top: 0;
  float: none;
  vertical-align: middle;
}

.botLstWp .iconWp .GLTxt {
  width: 80%;
  display: inline-block;
  font-size: 16px;
  margin-top: 0;
  vertical-align: middle;
}

.botLstWp .txtIndicator {
  width: 70%;
}

.txtIndicator {
  display: inline-block;
}

.list10.var_01 .clsBtn_000, .list10.var_01 .tickIc_000 {
  margin-top: 0;
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.list10 > li > a.dis {
  cursor: default;
} /* MS 21/12/16 */
.list10 > li:hover > a.dis {
  color: #777777;
} /* MS 21/12/16 */
/* Overlay Started */
.overlayHeader .heading .txt {
  font-size: 16px;
  color: #999999;
}

.listStyle03.var_02 > li {
  width: 50%;
  padding-right: 10px;
  box-sizing: border-box;
}

.listStyle03.var_02 > li:first-child {
  margin-top: 25px;
} /* MS 16/11/16 */
.listStyle03.var_02.var_0 > li {
  padding: 10px;
  margin-top: 5px;
  cursor: pointer;
} /* MS 16/11/16 */
.listStyle03.var_02.var_0 > li:hover, .listStyle03.var_02.var_0 > li.act {
  background-color: #f4f4f4;
} /* MS 16/11/16 */
.listStyle03.var_02.var_0 > li:first-child { /*margin-top:0;*/ } /* MS 16/11/16 */ /* MK 17/03/2017 cmnted*/
.listStyle03 > li .checkBox.var_01 .custcheckBox::before {
  width: 20px;
  height: 20px;
  margin-top: 11px;
}

.listStyle03 > li .checkBox.var_01 input[type=checkbox]:checked + .custcheckBox::before {
  width: 20px;
  height: 20px;
  background: url("images/blcTic2.jpg") center center no-repeat;
}

.checkBox.var_01 .custcheckBox {
  text-indent: 0;
}

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

.overlay_wrp .list10 li .clsBtn_000 {
  position: static;
}

.selectAll.var_01 {
  padding-bottom: 3px;
}

.selectAll.var_01 .checkBox .custcheckBox {
  padding-left: 0;
}

.selectAll .list10 {
  margin-top: 10px;
  padding-right: 10px;
  display: none;
}

.selectAll.var_01 .checkBox .fL {
  padding-left: 0;
  color: #273239;
}

.listStyle03.var_03 > li:hover {
  background: #f4f4f4;
}

.listStyle03.var_03 > li {
  margin-top: 10px;
  padding-top: 8px;
  padding-bottom: 7px;
}

.listStyle03 .list10 {
  margin-top: 12px;
  margin-right: 10px;
  display: none;
}

.listStyle03 > li:hover .list10 {
  display: block;
}

.listStyle03.overFlow {
  max-height: 300px;
  overflow-x: hidden;
  overFlow-y: auto;
}

.overlay_wrp .p3 {
  color: #273239;
  margin-top: 10px;
  margin-bottom: 7px;
}

.overlay_wrp .p4 {
  color: #333333;
  font-size: 18px;
}

.listStyle03.var_02 {
  max-height: 330px;
  overFlow-y: auto;
} /* MK 17/03/2017 New */
.listStyle03 > li .grpStngIc {
  float: left;
  margin-top: 10px;
} /* MK 17/03/2017 New */
/* Overlay End */
/* My Groups End */
/* Close Account Started */
.clsAccWp {
  width: 100%;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.radio.var_01 input[type=radio]:checked + .custmRadio::before {
  background-position: 43.8438% 31.9075%;
  background-size: 2954.29% 2571.43%;
}

.clsAccWp .textarea {
  width: 96.8%;
  float: right;
  margin-top: 10px;
  display: none;
}

/* Close Account End */
/* User Settings End */
/* Company Settings Started */
/* Manage Company Network Started */
.groupContent .right .link14grn {
  margin-top: 17px;
}

.groupContent .linkWith.userDisplay {
  margin-top: 0;
}

.groupContent .linkWith.userDisplay .colRight {
  margin-left: 49px;
}

.groupContent .right .list10 {
  margin-top: 14px;
}

.groupContent .right .iconWp {
  margin-top: 17px;
}

.groupContent .right .iconWp .txt {
  font-size: 14px;
}

.groupContentWp .txtWp {
  width: 100%;
  margin-top: 14px;
}

.groupContentWp .txtWp .txt {
  width: 90%;
  font-size: 14px;
}

/* Manage Company Network Started */
/* Manage Company eBriefcase Started */
.storage {
  border: 1px solid #dddddd;
  margin-top: 20px;
}

.storage .lftCol {
  width: 14.51%;
  padding: 20px;
  box-sizing: border-box;
  text-align: center;
  float: left;
  border-right: 1px solid #dddddd;
}

.storage .lftCol .p1 {
  font-size: 20px;
  color: #273239;
  word-wrap: break-word;
}

.storage .lftCol .p2 {
  font-size: 14px;
}

.storage .rigCol {
  width: 84.7%;
  padding: 20px;
  box-sizing: border-box;
  float: left;
}

.profMtr.var_02 {
  width: 70.88%;
}

.profMtr.var_02 .progresBarWrp {
  width: 100%;
  margin-top: 5px;
}

.progresBar .progres {
  font-size: 14px;
  margin-top: 13px;
  color: #273239;
}

.profMtr .txt {
  font-size: 14px;
  margin-top: 6px;
}

.storageList {
  list-style: none;
  border: 1px solid #dddddd;
  margin-top: -1px;
}

.storageList > li {
  width: 100%;
  border-bottom: 1px solid #dddddd;
  float: left;
  padding: 20px;
  box-sizing: border-box;
}

.storageList > li.act {
  background: #f4f4f4;
}

.storageList > li:first-child .name {
  color: #666666;
}

.storageList > li:first-child .strg {
  color: #666666;
}

.storageList > li:first-child .avlbl {
  color: #666666;
}

.storageList > li:first-child .actn {
  color: #666666;
}

.storageList > li .name {
  width: 25%;
  float: left;
  color: #273239;
  word-wrap: break-word;
  padding-right: 10px;
  box-sizing: border-box;
}

.storageList > li .strg {
  width: 25%;
  float: left;
  color: #273239;
  word-wrap: break-word;
  padding-right: 10px;
  box-sizing: border-box;
}

.storageList > li .avlbl {
  width: 25%;
  float: left;
  color: #273239;
  word-wrap: break-word;
  padding-right: 10px;
  box-sizing: border-box;
}

.storageList > li .actn {
  width: 25%;
  float: left;
  color: #273239;
  word-wrap: break-word;
}

.storageList > li .actionList {
  margin-top: 20px;
  display: none;
}

.storageList > li .profMtr {
  display: none;
}

.storageList > li .slidrProgrsBr {
  margin-top: 30px;
}

.storageList > li .actionList .disable {
  color: #999999;
  cursor: default;
}

.storageList > li .actionList .disable.btn {
  color: #ffffff;
}

.list10 > li .withDrwIc, .list10 > li .assignIc {
  margin-right: 10px;
}

.storageList > li .actn .progresBarWrp {
  width: 100%;
  margin-top: 30px;
}

.overlay_wrp .slecSpaceCont h1 {
  padding-left: 0;
  font-size: 18px;
  height: auto;
  line-height: normal;
}

/* Custom Slider Progress Bar Started */
.slidrProgrsBr {
  width: 100%;
}

.slidrProgrsBr .greBand {
  width: 100%;
  height: 7px;
  background-color: #dddddd;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}

.slidrProgrsBr .ui-widget-content {
  border: none;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}

.slidrProgrsBr .greBand .first {
  height: 7px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}

.slidrProgrsBr .ui-slider-handle {
  margin-top: 2px;
}

.slidrProgrsBr .ui-slider .ui-slider-range {
  background-color: #212121;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}

.slidrProgrsBr .prgrs {
  width: 100%;
  display: inline-block;
}

.slidrProgrsBr .prgrs .info {
  font-size: 14px;
  float: right;
  margin-top: 5px;
}

/* Custom Slider Progress Bar End */
/* Manage Company eBriefcase End */
/* Set Up Company Domain Started */
.stUpCmDomn .inpWp_01 {
  margin-top: 10px;
  margin-bottom: 10px;
}

/* Set Up Company Domain End */
/* Company Settings End */
/* Tab Settings Started */
.selctWpr.var_2 {
  width: 275px;
  display: none;
}

.selctWpr.var_2 .selctLnk {
  width: 100%;
}

.selDD_02 {
  width: 100%;
  display: none;
  border: 1px solid #dddddd;
  border-top: none;
  background-color: #ffffff;
  position: absolute;
  top: 35px;
  left: -1px;
  z-index: 2;
  list-style: none;
}

.selDD_02 .separator {
  width: 253px;
}

.selDD_02 > li {
  width: 100%;
  padding: 0 10px;
  box-sizing: border-box;
  float: left;
}

.innSelDD {
  width: 220px;
  margin-right: 10px;
  float: right;
  list-style: none;
}

.innSelDD > li {
  width: 100%;
  float: left;
}

.innSelDD > li > a {
  width: 100%;
  display: inline-block;
  font-size: 16px;
  color: #666666;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #dddddd;
}

.innSelDD > li:hover a {
  color: #273239;
}

.selctWpr:hover > .selDD_02 {
  display: block;
}

/* Tab Settings End */
/* Settings End */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  #frm_newcompany .indDDCont.act {
    width: 774px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  /* Manage Content Preferences Started */
  .cntntPrfrncUl > li {
    width: 31.39%;
    height: 96px;
  }
  .cntntPrfrncUl > li .imgWp {
    height: 96px;
  }
  .cntntPrfrncUl > li .captionTxt_01 {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
    z-index: 1;
  } /* MS 27/12/16 */
  .cntntPrfrncUl > li .plusTxt {
    font-size: 60px;
    top: 14%;
  }
  .cntntPrfrncUl > li .tikBigIc {
    top: 36%;
  }
  /* Manage Content Preferences End */
  /* Manage Company eBriefcase Started */
  .storage .lftCol {
    padding: 10px;
  }
  .storage .lftCol .p1 {
    font-size: 18px;
  }
  .storage .rigCol {
    padding: 10px;
  }
  .profMtr.var_02 {
    width: 65.88%;
  }
  .storageList > li {
    padding: 10px;
  }
  .storageList > li .actn .list10 li {
    margin-left: 10px;
  }
  .storageList > li .actn .list10 li:first-child {
    margin-left: 0;
  }
  /* Manage Company eBriefcase End */
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* Tab Settings Started */
  .settings .stngTab .stngHdng {
    width: 56%;
    float: left;
  }
  .selctWpr.var_2 {
    display: block;
  }
  /* Tab Settings End */
  #frm_newcompany .indDDCont.act {
    width: 687px;
  }
  #frm_newcompany .slctWp .indDDCont .col2 {
    box-sizing: border-box;
    padding: 0; /* width:344px; */
    width: 342px;
  }
  #frm_newcompany .slctWp .indDDCont .col1 {
    width: 50%;
    padding: 0;
  }
}
.snp_txt {
  float: right;
  margin-top: 30px;
  font-size: 16px;
  color: #273239;
}

.chngePassWp .btn.snp_txt {
  position: static;
  margin-top: 20px;
}

.settings .subStngHdng.txt_l a:hover {
  text-decoration: underline;
}

.groupContent .right .link14grn:hover, .settings .setngHdrTxt2 a:hover {
  text-decoration: underline;
}

.profMtr.var_02 .progresBarWrp .progresBar {
  background: #156DF5;
}

.storageList > li .actn .list10 li a:hover {
  text-decoration: underline;
}

@media only screen and (min-width: 768px) {
  #setting_rhs {
    max-width: 330px;
    width: 23.57142857%;
  }
  #CONT_USERSETTING {
    display: flex;
    flex-flow: row wrap;
  }
  #CONT_USERSETTING #setting_body {
    width: 76.42857143%;
  }
  #CONT_USERSETTING #setting_body .colLef {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #CONT_USERSETTING {
    justify-content: center;
  }
  #setting_rhs {
    display: none;
  }
}
@media only screen and (min-width: 1280px) {
  #search_body.colLef {
    width: 76.42857143%;
  }
  #search_body.colLef .result_container {
    width: 100%;
  }
  #search_body.colLef .select_list_container {
    max-width: 356px;
    width: 33.27102804%;
  }
  #search_body.colLef .search_result_tabCont {
    max-width: 714px;
    width: 66.72897196%;
  }
  #search_body + .rigWp {
    max-width: 330px;
    width: 23.57142857%;
  }
}
@media only screen and (min-width: 768px) {
  .vietnamese_lang_body .groupContent .mid {
    padding-left: 9%;
  }
  .vietnamese_lang_body .groupContent .right .iconWp {
    width: 100%;
    display: flex;
    justify-content: end;
  }
}
.cls_sub_hd {
  font-size: 16px;
  color: #273239;
}

.cls_list {
  list-style: none;
}
.cls_list li {
  display: flex;
  margin-top: 16px;
}
.cls_list li .cls_icon_wrp {
  width: 14px;
}
.cls_list li .cls_icon_wrp .fa-flag {
  font-size: 16px;
  color: #da1010;
}
.cls_list li .cls_txt_wrp {
  width: calc(100% - 14px);
  padding-left: 10px;
}
.cls_list li .cls_txt_wrp .topic_wrp {
  display: flex;
  align-items: center;
}
.cls_list li .cls_txt_wrp .topic_wrp .topic_txt {
  font-size: 16px;
  color: #273239;
  font-weight: 500;
}
.cls_list li .cls_txt_wrp .topic_wrp .info_tt {
  margin-left: 4px;
  position: relative;
}
.cls_list li .cls_txt_wrp .topic_wrp .info_tt:hover .info_tt_txt {
  display: block;
}
.cls_list li .cls_txt_wrp .topic_wrp .info_tt .fa-circle-info {
  font-size: 16px;
  color: #9a9a9a;
}
.cls_list li .cls_txt_wrp .topic_wrp .info_tt .info_tt_txt {
  display: none;
  left: -9px;
  background: #000000;
  font-size: 12px;
  color: #ffffff;
  position: absolute;
  bottom: 27px;
  min-width: 170px;
  max-width: 200px;
  padding: 10px;
}
.cls_list li .cls_txt_wrp .topic_wrp .info_tt .info_tt_txt .fa-caret-down {
  font-size: 20px;
  position: absolute;
  left: 10px;
  bottom: -12px;
  color: #000000;
}
.cls_list li .cls_txt_wrp .cls_txt_2 {
  font-size: 16px;
  color: #273239;
  margin-top: 4px;
}
.cls_list li .cls_txt_wrp .cls_txt_2 a {
  color: #156ef6;
}

.tt_txt2 {
  font-size: 16px;
  color: #273239;
  margin-top: 24px;
}
.tt_txt2.v1 {
  font-weight: 500;
}
.tt_txt2 .fa-flag {
  color: #da1010;
}
.tt_txt2 a {
  color: #156ef6;
}

.tt_txt3 {
  font-size: 14px;
  color: #273239;
  margin-top: 10px;
}
.tt_txt3 a {
  color: #156ef6;
}

.tt_txt4 {
  font-size: 12px;
  color: #6a6a6a;
  margin-top: 10px;
}

.cls_radio_list {
  list-style: none;
}
.cls_radio_list li {
  margin-top: 20px;
}
.cls_radio_list li .form-check {
  display: flex;
  align-items: center;
}
.cls_radio_list li .form-check .form-check-input {
  width: 16px;
  height: 16px;
}
.cls_radio_list li .form-check .form-check-label {
  font-size: 16px;
  color: #273239;
  margin-left: 5px;
}
.cls_radio_list li.other_text_wrp {
  padding-left: 25px;
}
.cls_radio_list li.other_text_wrp textarea {
  width: 100%;
  border: 1px solid #cccccc;
  min-height: 70px;
  padding: 10px;
  font-size: 14px;
  color: #212121;
  resize: vertical;
}

.bottomSctn.var_02 {
  margin: 20px 0 14px;
}

/* overlay start */
.overlay.cls_overlay .overlay_wrp {
  width: 100%;
  max-width: 600px;
}

.cls_overlay_wrp {
  display: flex;
  flex-flow: column;
  align-items: center;
}
.cls_overlay_wrp form {
  display: flex;
  flex-flow: column;
  align-items: center;
}
.cls_overlay_wrp .err_msg {
  font-size: 14px;
  margin-top: 10px;
  color: #fd0101;
}
.cls_overlay_wrp .cls_overlay_hd {
  font-size: 16px;
  color: #273239;
  text-align: center;
}
.cls_overlay_wrp .cls_overlay_hd.v2 {
  margin-top: 15px;
}
.cls_overlay_wrp .cls_overlay_hd2 {
  font-size: 22px;
  color: #273239;
  font-weight: 500;
  line-height: 30px;
  margin-top: 8px;
  text-align: center;
}
.cls_overlay_wrp .cls_overlay_hd3 {
  font-size: 14px;
  color: #273239;
  margin-top: 24px;
}
.cls_overlay_wrp .cls_overlay_link {
  font-size: 14px;
  color: #6a6a6a;
  margin-top: 20px;
  text-decoration: underline;
}
.cls_overlay_wrp .password_inp {
  height: 40px;
  border: 1px solid #cccccc;
  font-size: 14px;
  color: #212121;
  margin-top: 15px;
  padding: 0 10px;
  width: 100%;
  max-width: 333px;
}
.cls_overlay_wrp .btn img {
  margin-top: 5px;
  width: 30px;
  height: 30px;
}

@media only screen and (max-width: 767px) {
  .cls_overlay_wrp .cls_overlay_hd {
    padding-top: 20px;
  }
}
/* overlay end */
/* two step auth start */
.twoFactorWrp {
  display: flex;
  flex-flow: column;
}
.twoFactorWrp .stngHdng {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 24px;
  font-weight: 500;
  margin: 0;
  width: 100% !important;
  gap: 10px;
}
.twoFactorWrp .stngHdng .enbTxt {
  font-size: 18px;
  color: #51b77b;
}
.twoFactorWrp .stngHdng .enbTxt.disable {
  color: #9a9a9a;
}
@media only screen and (max-width: 767px) {
  .twoFactorWrp .stngHdng {
    font-size: 18px;
  }
}

.whd {
  font-size: 16px;
  color: #4a4a4a;
  line-height: 24px;
  margin-top: 16px;
}
.whd.v2 {
  margin-top: 5px;
}

.fw500 {
  font-weight: 500;
}

.dvList {
  margin-top: 20px;
}
.dvList li {
  border-top: 1px solid #e6e6e6;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #f7f7f7;
  gap: 10px;
}
.dvList li .dvName {
  font-size: 16px;
  color: #212121;
  padding: 18px 0 18px 16px;
  flex: 1;
  line-height: 24px;
}
.dvList li .fdLink {
  font-size: 16px;
  color: #156df6;
  padding: 18px 16px 18px 0;
}
.dvList li:first-child {
  border: none;
}
@media only screen and (max-width: 359px) {
  .dvList li {
    flex-flow: column;
    padding: 16px; /*align-items: end;*/
  }
  .dvList li .dvName, .dvList li .fdLink {
    padding: 0;
  }
}

.stngTab .btn_v2 {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  padding: 0 10px;
  height: 40px;
}

.disableBtnWrp {
  margin-top: 24px;
  display: flex;
  justify-content: end;
}

.borderBtn {
  font-size: 16px;
  color: #4a4a4a;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  border: 1px solid #6a6a6a;
  padding: 0 10px;
}
.borderBtn:hover {
  background: #156df6;
  color: #fff;
  border-color: #156df6;
}

/* overlay start */
.overlay.tFAuth .overlay_wrp {
  width: 100%;
  max-width: 600px;
  padding: 30px;
}
.overlay.tFAuth .overlay_wrp .overlayHeader .heading {
  font-size: 22px;
  color: #212121;
}
.overlay.tFAuth .overlay_wrp .whd {
  margin: 0;
}
.overlay.tFAuth .overlay_wrp .checkLable {
  display: flex;
  align-items: center;
  margin-top: 20px;
  z-index: 5;
  position: relative;
  pointer-events: auto !important;
  opacity: 1 !important;
}
.overlay.tFAuth .overlay_wrp .checkLable input[type=checkbox] {
  width: 20px;
  height: 20px;
  margin-right: 8px;
  position: relative;
  border: 2px solid #212121;
  -webkit-appearance: checkbox !important;
  appearance: checkbox !important;
  display: inline-block;
  /*&::before{content: ""; width: 16px; height:16px; border: 1px solid #000000; position: absolute; top: 1px; left: 1px;}*/
}
.overlay.tFAuth .overlay_wrp .checkLable span {
  flex: 1;
}
.overlay.tFAuth .overlay_wrp .BtnWrpg {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 16px;
  margin-top: 24px;
}
.overlay.tFAuth .overlay_wrp .BtnWrpg a {
  min-width: 110px;
}
.overlay.tFAuth .overlay_wrp .BtnWrpg .btn_v2 {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  padding: 0 10px;
}
@media only screen and (max-width: 767px) {
  .overlay.tFAuth .overlay_wrp {
    padding: 20px;
  }
  .overlay.tFAuth .overlay_wrp .overlayHeader .heading {
    padding: 0;
  }
  .overlay.tFAuth .overlay_wrp .overlayHeader .clsBtn_000 {
    top: -11px;
    right: -16px;
  }
  .overlay.tFAuth .overlay_wrp .overlayHeader .clsBtn_000::after {
    bottom: -10px;
    left: -10px;
  }
}

/* overlay End */
/* two step auth End */