CLD-mobile/css/sui/global.css

.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden
}
.clearfix {
  display:inline-block;
  overflow:hidden
}
.clearfix {
  display:block
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.clearB {clear:both}
.fL {float:left}
.fR {float:right}

/*-----star------*/
.contentSearch .searchbar{
  height:auto;
}
.contentSearch .searchbar .search-input input{
  height:2.5rem;
}
.contentSearch .button.button-fill{
  height:2.5rem;
  line-height: 2.5rem;
}
.clientRecord .card-header,.card-footer{
  display:block;
}
.btn-bg{
  margin:0 0 1rem 0;
  padding:0.5rem;
}
.bg-danger{
  margin:0 0 1rem 0;
  padding:0.5rem;
  background:#F2DEDE;
}
.bg{
  margin:0 0 1rem 0;
  padding:0.5rem;
}
.bg-Orange{
  background:#fcf8e3 !important;
}
.bg-Red{
  background:#ffc9c9 !important;
}
.bg-Yellow{
  background:#ffe2cf !important;
}
.btn-Orange{
  background:#ffa132 !important;
}
.button-gray{
  background:#535353 !important;
}
.button-Red{
  background:#ff2222 !important;
}
.button-Yellow{
  background:#ff781f !important;
}
.formlabel{
  color: #3d4145;
}
.pLR-n{
  padding: 0;
}
.barBig{
  z-index: 999;
  background:#f7f7f7;
  height:3.2rem;
}
.holidayList .tabTitleBox{
  margin: 1.25rem 0 0;
}
.holidayList .tabBtnBig{
  height:1.75rem;
  line-height: 1.65rem;
}
#myinput{
  padding-top:0.7rem;
}
.holidayBtnGray{
  background:#aaa !important;
}
.itemPrel{
  position: relative;
}
.itemView{
  min-width: 10rem;
  position:absolute;
  top:0.5rem;
  left:4rem;
  color:#5f646e;
}
.datepicker{
  width:100% !important;
  font-size: 1.2rem !important;
}
.datepicker--cell{
  min-height:2.5rem !important;
}
.button.btnSelf{
  height:2.3rem;
  line-height: 2.3rem;
}
.btnGray{
  background:#ccc !important;
}
.datepicker--cells-months{
  height:auto !important;
}
.holidayYy .card-content-inner{
  padding:0.5rem 0;
}
.m-0{
  margin:0;
}
.m-1{
  margin:1rem;
}
.mt-0{
  margin-top: 0;
}
.mlr-0{
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.p-1{
  padding:1rem 0;
}
.bar .button-nav.pull-right{
  margin-right:0.5rem;
}
.item-inner .item-title{
  color:#3d4145;
}
.itemHhang .item-after{
  width:75%;
  text-align: right;
  white-space: normal;
  max-height:none !important;
  display:inline;
}
.itemHhang .itemDis .item-inner{
  display:inline-block;
}
.itemHhang textarea{
  min-height: 1.4rem;
  height:4.5rem;
}
.avatarImg{
  width:2.5rem;
  height:2.5rem;
  border: 1px solid #eee;
  border-radius: 2rem;
}
.mlr-0 .itemBinner{
  padding:0.8rem 0;
  font-size: 1rem;
}
.searchImg{
  text-align: center;
}
.searchImg img{
  margin:0 0 0.5rem 0;
  width:2rem;
  height:2rem;
}
.searchImg b{
  margin:0 0 1rem 0;
  display:block;
}
.blueBg{
  background:#D9EDF7;
  border-color:#BCE8F1;
  color:#3A87AD;
}
.colRed {color:#f70000}
.colOrange {color:#ed8b00}
.colYel {color:#d9a601}
.colGreen{color:#17ab0c}
.colGray{color:#999}
.colDark{color:#333}
.colBlue{color:#3172d9}
.card-content-inner-lnot{
  padding:0.75rem 0;
}
.item-text.item-text-bigh{
  height:3.1rem;
}
.btn-red{
  background:#ce5e5e;
}
.selectWrap{
  border:none;
  background:none;
}
.item-text-money{
  height:1.3rem !important;
  margin-top:0.35rem;
  font-size: 1rem !important;
  color:#7d7d7d !important;
}
.table-wrap{
  width:100%;
  background:#fff;
}
.table-wrap th,.table-wrap td{
  padding:0.5rem;
  text-align: center;
  border: 1px solid #ddd;
}
.item-title{
  overflow:visible !important;
}
.item-after{
  white-space: normal !important; 
  margin-left: 1.5rem !important;
  flex-shrink: inherit !important;
  max-height: 15.5rem !important;
}
.item-inputLeft{
  margin:0 0 0 0.25rem !important;
}
.invoiceBtn{
  position:relative;
}
.invoiceBtn .badge{
  position:absolute;
  top:0;
  right: 0;
  z-index: 100;
  height: .8rem;
  min-width: .8rem;
  padding: 0 .2rem;
  font-size: .6rem;
  line-height: .8rem;
  color: white;
  vertical-align: top;
  background: red;
  border-radius: .5rem;
  margin-left: .1rem;
}
.button-none{
  border-radius: 0 !important;
  top:0 !important;
}

.item-input-title{
  float:left;
}
.gw_num{
  margin-top: 0.3rem !important;
  display:inline-block;
  border: 1px solid #f0f0f0;
  width: 250px;
  height:38px;
  line-height: 38px;
  overflow: hidden;
}
.gw_num em{
  display: block;
  height: 38px;
  width: 38px;
  float: left;
  color: #7A7979;
  border-right: 1px solid #f0f0f0;
  text-align: center;
  cursor: pointer;
  font-style:normal;
}
.gw_num .num{
  display: block !important;
  float: left !important;
  text-align: center !important;
  width: 170px !important;
  font-style: normal !important;
  font-size: 14px !important;
  height:38px !important;
  line-height: 38px !important;
  border: 0 !important;
  padding:0 !important;
}
.gw_num em.add{
  float: right;
  border-right: 0;
  border-left: 1px solid #f0f0f0;
}
.ml-4{
  margin-left: 1rem;
}
.mr-4{
  margin-right: 0.5rem;
}
.colorRed{
  color:#f00;
}
.textarea-bor{
  border:1px solid #ddd !important;
  border-radius: 3px !important;
  padding:0.5rem !important;
}
.btn-wrap{
  padding:1rem 0 1rem 0;
  float:right;
}
.btn-wrap .btn-regular{
  float:left;
}
.height7{
  height:12rem;
}
.mail-list dt{
  font-weight: bold;
}
.mail-list dd{
  padding:0;
  padding-top: 0.3rem;
  margin:0;
}
.card .item-titleName{
  white-space: normal !important;
}