.groupList,.phonebook .hdr-sec{
  width:250px
}
.groupList td,.groupList td.active{
  border-bottom:1px solid #e5e5e5;
  cursor:pointer
}
#SaveGrpNm,.DelGrp,.cmnDiv,.delCntBtn,.grpOpt{
  display:none
}
#SaveGrpNm,.btwrap a,.groupList{
  float:left
}
#grpCnt,#pagiwrap,.edCntRow div,.phnbkSrchWrp{
  position:relative
}
#pagiwrap,.clear:after{
  clear:both
}
.ui-autocomplete-loading{
  background:url(../images/ui-anim_basic_16x16.gif)right center no-repeat
}
#grpInner{
  border-right:1px solid #e5e5e5
}
.phnbkSrchWrp{
  width:200px;
  padding-top:6px
}
.phnbkSrchWrp input{
  height:40px
}
.groupList td.active{
  background:#555;
  color:#fff;
  font-weight:700
}
.clmnList li,.csvtbl td,.csvtbl thead th{
  border-bottom:1px solid #ddd
}
#dispgroupLabel{
  padding:5px 0
}
#SaveGrpNm{
  margin-left:5px
}
.btwrapR a{
  float:right;
  margin-left:10px
}
select#group{
  height:inherit
}
.grptbl tbody td,.grptbl thead td,.grptbl thead th{
  padding:8px 20px
}
.grptbl tbody tr td:nth-child(2){
  padding-left:10px
}
.grptbl tfoot td{
  padding:8px 20px
}
tr.splrow span{
  float:right;
  display:block;
  width:12px;
  height:12px;
  background:red
}
.cmntbl td div{
  word-wrap:break-word;
  word-break:break-all;
  word-break:break-word;
  -moz-hyphens:auto;
  hyphens:auto
}
#sortedtablebody p,.cmntbl td div{
  -ms-word-break:break-all;
  -webkit-hyphens:auto
}
.cmntbl td div.btn-box{
  float:left
}
.expired{
  color:red
}
#sortedtablebody span{
  float:right
}
#sortedtablebody p{
  float:left;
  width:80%;
  word-wrap:break-word;
  word-break:break-all;
  word-break:break-word;
  -moz-hyphens:auto;
  hyphens:auto
}
#cnttable,#contactList td input[type=text],#contactList th input[type=text]{
  width:100%
}
#cnttable{
  table-layout:fixed
}
#cnttable tbody td{
  cursor:text
}
#contactList{
  overflow:auto;
  width:100%
}
#contactList td:first-child,#contactList th:first-child{
  padding-left:20px
}
#contactList td{
  padding:10px
}
.search-field{
  line-height:36px
}
.search-field input[type=text]{
  height:36px
}
.edit{
  width:32px
}
.checkbox{
  width:90px;
  text-align:center
}
.number{
  line-height:40px
}
.expirydt{
  width:100px
}
.checkbox .icon{
  opacity:.2
}
.phonebook .btn-large{
  padding:10px 20px
}
#edtOpen a.active{
  color: var(--bg-primary-txt-active);
}
#filter_group_wrap{
  min-height:500px
}
#addgrpform{
  padding-top:10px
}
#pagiwrap{
  padding:10px 0
}
#pagiwrap #pagination{
  float:left;
  width:70%
}
#pagiwrap .jPag-first{
  float:right
}
#pagiwrap .jPag-last{
  float:left
}
#addnewuserdiv{
  padding:15px
}
.clear:after,.clear:before{
  display:table;
  line-height:0;
  content:""
}
.adCrow{
  margin-bottom:15px
}
.adCrow-grid{
  float:left;
  width:21%;
  padding-right:3%
}
.adCrow-grid input[type=text],.edCntRow.expirydt,.fieldNames{
  width:100%
}
.adCrow-grid p{
  margin-bottom:5px
}
.adCrow-grid .medium{
  padding:4px 10px 5px
}
#addcnttable,#editcnttable,#morefields{
  padding-bottom:15px
}
#editContact{
  padding:20px 10px
}
.edCntRow{
  margin-bottom:15px
}
.edCntRow label{
  float:left;
  display:inline-block;
  vertical-align:middle;
  line-height:40px;
  height:40px;
  margin-right:15px;
  width:150px;
  text-align:right
}
.edCntRow label input{
  line-height: initial;
  float: left;
}
.edCntRow div{
  float:left;
  width:300px
}
.edCntRow>div>input{
  width:100%
}
.edCntRow div.thrd{
  width:100px;
  margin:0 10px
}
.extrafields .thrd{
  width: 135px !important;
}
.edCntRow div.fourth{
  width:70px
}
.edCntRow span.errorSp{
  line-height:16px;
  color:red;
  clear:both;
  display:block
}
#editContact a.medium.awesome{
  padding:8px 15px
}
#emorefields{
  padding:15px 0
}
.fieldTypes{
  width:100%
}
.cmn-details-dialog{
  width:600px
}
.ui-dialog-buttonset button.ui-button:first-child{
  color:#fff;
  background-color:#E05A35
}
.ui-dialog-buttonset button.ui-button:first-child:hover{
  background-color:#D24E39
}
.ui-dialog-buttonset button.ui-button{
  background-color:#37BC9B;
  color:#FFF
}
.ui-dialog-buttonset button.ui-button:focus:not(.disabled),.ui-dialog-buttonset button.ui-button:hover:not(.disabled),button.ui-button:active{
  background:#26a384
}
.ui-dialog-buttonset button.ui-button:first-child:focus:not(.disabled){
  background-color:#D24E39
}
.csvWrap h3{
  margin-bottom:5px
}
.csvWrap p{
  margin-bottom:10px
}
.csvtbl thead th{
  background:#fff;
  padding:7px 0;
  font-size:16px;
  font-weight:400;
  color:#e84c3d;
  text-align:left;
  border-top:1px solid #ddd
}
.csvtbl td{
  padding:15px 30px 15px 0
}
.clmnList{
  list-style:none;
  border:1px solid #ddd;
  max-height:144px;
  overflow:auto
}
.clmnList li{
  padding:6px 10px
}
.clmnList li:last-child{
  border-bottom:0
}
.csvWrap .morefields span{
  display:block;
  margin-bottom:10px
}
.finam{
  float:left;
  line-height:32px;
  white-space: nowrap;
}
.apcBtnF{
  float:left;
  display:none
}
#fText{
  display:none;
  padding-top:30px;
  font-weight:400;
  font-size:24px
}
.dynfieldnameth{
  padding: 15px 20px 15px 10px;
  position: relative;
}
.dynfieldnameth .delete-icon{
  position: absolute;
  /*top: 21px;
  left: 2px;*/
  top:30px;
  left:-12px;
}
.delete-icon{
  cursor: pointer;
  width: 16px;
  height: 32px;
  float: left;
  display: block;    
  font-size: 12px;
  text-align: center;
  line-height: 32px;
}
.delete-icon .icon-cross:before{
  font-weight:700
}
#grpInner .tablesorter thead tr .header{
  background-position:116px center
}
#inboxContentDiv .cmntbl tr.numberGroup{
  background:#FFF;
  border-bottom:1px solid #E5E5E5;
  overflow:hidden
}
#importstatus{
  background:#fffff4;
  color:#000;
  line-height:20px;
  padding:0 10px;
  margin:4px 0
}
#addCntTabWrp{
  height:500px;
  overflow:auto;
  margin-top:20px
}
@media only screen and (max-width :1024px),(max-device-width:1024px){
  input[type=text]#groupName{
      width:40%
  }
}