body {

  font: 14px "Arial", Helvetica, Arial, sans-serif;
  /* background: #ccc; */
   background: #fff; 
}
blockquote {
    border-left: 3px solid #187338 !important;
}

.level2{
  padding-left: 30px;
  background: #fff;
}

.tree-item:hover{
  cursor: pointer;
}

#tree{
  min-height: 100px;
  max-height: 290px;
  overflow-y:scroll;
  overflow-x: hidden;
  border-bottom: 1px solid;
  margin-bottom: 16px;
  margin-top: 10px;
  border-top: 1px solid;
}

.active-tree-item{
  color: #ffb900;
  font-weight: bold;
}

.level2 .tree-item:first-child{
  padding-top: 25px;
}

.tree-item{
  padding: 5px;
  font-size: 16px;
  padding-right: 14px;
  margin-top: 5px;
  margin-left: 0px;

}


.tree-item .fa{
  font-size: 20px;
}

#notification-content #middle-notification::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

#notification-content #middle-notification::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
}

#notification-content #middle-notification::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #838383;
}

#loadmore-button{
  padding: 9px;
  background: #84caec;
  color: #0e2063;
  border-radius: 5px;
  text-decoration: underline;
  cursor: pointer;
}

.package-item{
  text-align: center;
  padding:5px;
  max-width: 137px;  
}

.package-item .card-title{
  font-size: 13px;
  font-weight: bold;
}

#package-setting #result-format{
  -webkit-box-shadow: 1px 2px 30px -8px rgba(0,0,0,0.75);
  -moz-box-shadow: 1px 2px 30px -8px rgba(0,0,0,0.75);
  box-shadow: 1px 2px 30px -8px rgba(0,0,0,0.75);
  border-radius: 5px;
  padding:10px;
}

#package-setting #package-option{
  padding-top: 18px;
}

.package-item img{
  margin: 0 auto;
  width:60px;
  height:60px;
}

.package-item:hover{
  background: #fec93d;;
  cursor: pointer;
  border-radius: 5px;

}

.ajs-success {
  color:#fff;
  border:1px solid #fff;
  border-radius: 5px;
}

.notification-item{
  border-bottom:1px solid #ABBAC3;
  margin: 2px;
  padding: 3px;
  
  
}
#notification-content #middle-notification{
  max-height: 350px;
  overflow-y: scroll
}

.notification-item.unread{
  background: #edf2fa;
 
}

.notification-item p{
  width: 85%;
  line-height: 20px;
}

.notification-item img{
  width: 50px;
 cursor:pointer;
 color:#9ca6ef;
}

.notification-item.read{
  background: #FEFEFE;
}

.notification-item .title{
  color: black;
  font-weight: bold;
}

.notification-item .time{
  float: right;
  font-size: 12px;
  text-align: right;
}

.notification-item .fa{
  font-size: 24px;
  cursor: pointer;
}

.notification-item .content{
  margin-top: 4px;
  margin-left: 10px;
  font-size: 13px;
}

#list-contract{
  max-height: 500px;
  overflow-y: scroll;
}

.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td {
    border: none;
}

#add-customer lable{
  display: "";
}

.tr-clickable{
  cursor: pointer;
}
.badge {text-shadow: none;
    font-size: 12px;
    padding: 1px 15px;
    font-weight: normal;
    line-height: 15px;
    background-color: #ABBAC3!important; }
.label-info,
.badge-info { background-color: #3a87ad!important }
.label-info.arrowed:before { border-right-color: #3a87ad }
.label-info.arrowed-in:before { border-color: #3a87ad }
.label-info.arrowed-right:after { border-left-color: #3a87ad }
.label-info.arrowed-in-right:after { border-color: #3a87ad }
span.tt-dropdown-menu {
    background: #fff;
    padding: 15px;
}
.well {
  margin-top: 10px;
}
.wrapper,.container{
  background: #fff;
}
a {
  color: #0087bd;
}
.img-circle {
  border-radius: 50%;
  width: 100px;
}
.search-title{
  margin-top: 20px;
  margin-bottom: 15px;
}
.card-container{
  margin-top: 30px;
  margin: 0 auto;
  max-width: 330px;
  padding: 40px 40px;
  text-align: center;
  background: #fff
}

#content-from-customer p{
      margin-top: 5px;
    border: 1px solid #e3f7db;
    padding: 5px;
    text-align: justify;
    border-radius: 5px;
}

body .nav{
  font-size: 14px;  
}

#topup-history{
  max-height: 500px;
  overflow-y: scroll;
  width: 100%;
 

}

#routes{
  background: #f3f3f3;
  margin-left: 0px;
  height: 30px;
  padding:5px;
  margin-bottom: 5px;
}

#routes a{
  color:#000;
  font-weight: bold;
  text-decoration: none;
}

#routes a:hover{
  color:#0089ff;
}

.btn-group.bootstrap-select.show-tick.input-group-btn{
  max-width: 100px;
}

.view-barcode{
  margin-top: -20px;  
  position: absolute;
}

.barcode-info{
  padding-top: 17px;
}

.deleted{
  background:#a1a29d;
}
.stylish-input-group .input-group-addon{
  background: white !important;
}
.stylish-input-group .form-control{
  border-right:0;
  box-shadow:0 0 0;
  border-color:#ccc;
}
.stylish-input-group button{
  border:0;
  background:transparent;
}

.messageContent:hover .messageEditButton{
  display:inline;
  font-size: 15px;
}

.messageContent .messageEditForm{
  display:none;
}

.messageEditForm textarea{
  font-size: 12px;
  padding:2px;
}

.messageContent .messageEditButton{
  display:none;
}

.ticketMessage{
  /* background: #288ad6; */
  color: #288ad6;
}

.noteBox{
  background: #ffdf43;
  color: #7b7b7b;
  padding:4px;
}
hr{
  margin-top: 5px !important;
    margin-bottom: 5px !important;
    border: 0 !important;
    border-top: 1px solid #eee !important;
}

.grey-tr{
  background: #e6e6e6;
}

.detail{
  color: #9a9a9a;
}

.new-title{
  color: #126e9c;
}

/* .card{
  border:1px solid #aaaaaa;
  border-radius: 5px;
  padding-top:10px;
  margin-top:10px;
} */

.device-list{
  padding-top:15px;

}

.mt-12{
  margin-top: 12px;
}

.min-h-439{
  min-height: 439px;
}

.showDefaultButton:hover > a {
  display: inline !important;
  cursor: pointer;
}

.romaji-full-address {
  padding-top: 10px
}

.seventy-nine-percent {
  width: 77%;
}

a.hoverable {
  color: #000
}

a.hoverable:hover {
  cursor: pointer;
  color: #3998eb;
  text-decoration: none;
}
.line-height-22{
  line-height: 22px;
}

/* @media screen and (max-width:768px) {
  #onscreen-button {
    position: fixed;
    z-index: 3000;
    bottom: 10;
    left: 10;
    display: block;

  }
} */