body.sidebar-mini p.nameIcon{
  pointer-events:none;
  width:45px;
  height:45px;
  background:white;
  color:black;
  font-size:30px;
  text-align:center;
  border-radius:100px;
  padding:0!important;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}

body.sidebar-mini.sidebar-collapse p.nameIcon{
  width:30px;
  height:30px;
  font-size:20px;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}

.scroller{
  padding:0!important;
  background:#fff;
  max-width:800px;
  overflow: auto;

  width:100%;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-shadow: 10px 10px 5px -5px rgba(0,0,0,0.1);
  -moz-box-shadow: 10px 10px 5px -5px rgba(0,0,0,0.1);
  box-shadow: 10px 10px 5px -5px rgba(0,0,0,0.1);
  border:none!important;
}.scroller table{
  margin:0!important;
  white-space: nowrap;
}

i.sidebarIcon{
  display:inline-block;
  width:20px;
}

.onoffswitch {
    position: relative; width: 38px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    height: 20px; padding: 0; line-height: 20px;
    border: 2px solid #CCCCCC; border-radius: 20px;
    background-color: #FFFFFF;
    transition: background-color 0.3s ease-in;
}
.onoffswitch-label:before {
    content: "";
    display: block; width: 20px; margin: 0px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 18px;
    border: 2px solid #CCCCCC; border-radius: 20px;
    transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label {
    background-color: #49E845;
}
.onoffswitch-checkbox:checked + .onoffswitch-label, .onoffswitch-checkbox:checked + .onoffswitch-label:before {
   border-color: #49E845;
}
.onoffswitch-checkbox:checked + .onoffswitch-label:before {
    right: 0px;
}

.containerFixed{
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

#contactUserModal .box{
  background:rgba(0,0,0,0)!important;
}

#contactUserModal .control-box{
  background: rgba(0,0,0,0.2);
  padding: 20px 0;
}

#contactUserModal .naked-control{
  color:#fff;
  background:rgba(0,0,0,0)!important;
  border:none;
  padding:0!important;
  height:auto;
  margin-bottom:10px;
  font-size:16px;
  pointer-events:none;
  text-align:center!important;
}#contactUserModal label{
  text-align:center!important;
  display: block;
  margin-bottom:0!important;
  color:#ccc;
}#contactUserModal .fullname{
  font-size:25px;
  font-weight: bold;
  text-align: center;
}#contactUserModal .fullnameLabel{
  display: none;
}

#orderDisplayConfirmPurchaseModal .modalRow{
  background:#ddd;
  padding:0 0 20px 0;
}#orderDisplayConfirmPurchaseModal .rowHeader{
  background:#ccc;
  padding:10px;
  margin-bottom:10px;
}#orderDisplayConfirmPurchaseModal .rowHeader span{
  font-size:15px;
  font-weight: bold;
}

#orderDisplayConfirmPurchaseModal .consignorForm,#orderDisplayConfirmPurchaseModal .consigneeForm{
  border-radius: 10px!important;
  background:#ccc;
  padding:20px 5px;
}

#orderDisplayConfirmPurchaseModal .priceDisplay{
  background:#ddd;
  padding:20px 0!important;
  margin-bottom:20px;
}#orderDisplayConfirmPurchaseModal .priceDisplay h3{
  margin:0!important;
}#orderDisplayConfirmPurchaseModal .priceDisplay h5{
  margin:0!important;
  margin-bottom:5px!important;
}

#notificationsMenuUL{
  -webkit-box-shadow: 10px 10px 5px -5px rgba(0,0,0,0.1);
  -moz-box-shadow: 10px 10px 5px -5px rgba(0,0,0,0.1);
  box-shadow: 10px 10px 5px -5px rgba(0,0,0,0.1);
}#notificationsMenu .old{
  background:#eee!important;
}#notificationsMenu li{
  position:relative!important;
}#notificationsMenu .notificationTime{
  margin-top:5px;
  color:#333;
  font-size:12px;
  display:block;
  background:#fff;
}#notificationsMenu i{
  display:inline-block!important;
  width:20px!important;
  text-align: center!important;
}#notificationsMenu a{
  white-space:normal!important;
  border-color:#ccc!important;
}
#toast-container{
  pointer-events:none!important;
}
.toast{
  pointer-events:all!important;
}

#progressBar{
  font-size: 15px;
  font-weight: bolder;
}