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;
}
#toast-container{
  pointer-events:none!important;
}
.toast{
  pointer-events:all!important;
}

.nakedControl{
  pointer-events:none;
  border:none;
  background:none;
  font-size:20px;
  padding:0!important;
  margin:0!important;
  color:black!important;
}

.containerFixed{
  max-width: 1100px;
  margin-left:auto;
  margin-right:auto;
}
.containerFixedLg{
  max-width: 1300px;
  margin-left:auto;
  margin-right:auto;
}

#overDueOrders,#unpaidOrders,#paidOrders,#usageOrders,#adjustmentOrders{
  width:100%!important;
  background:#eee;
  border-color:#aaa!important;
  color:black;
}

#overDueOrders,#unpaidOrders,#commissionsTable,#paidOrders,#ordersTable{
  white-space: nowrap;
}


#overDueOrders a, #unpaidOrders a, #commissionsTable a, #paidOrders a, #usageOrders a, #ordersTable a, #adjustmentOrders a{
  padding:2px 10px;
  background:#777;
  border-radius: 5px;
  color:white;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.2s;
}

#overDueOrders a:hover, #unpaidOrders a:hover, #commissionsTable a:hover, #paidOrders a:hover, #usageOrders a:hover, #ordersTable a:hover, #adjustmentOrders a:hover{
  box-shadow: 0 5px 15px rgba(0,0,0,0.19), 0 3px 3px rgba(0,0,0,0.23);
  background:#DD4B39;
}

a.orderID{
  background:#0073B7!important;
}
a.orderID:hover{
  background:#005d94!important;
}
a.customerLink{
  background:#F39C12!important;
}a.customerLink:hover{
  background:#d1840b!important;
}
a.salesmanLink{
  background:#00A65A!important;
}
a.salesmanLink:hover{
  background:#008045!important;
}

.panel,.box,.infoCard,.infoCardTitle{
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24)!important;
  border:none!important;
  transition: all 0.2s!important;
}.panel:hover,.box:hover,.infoCard:hover,.infoCardTitle:hover{
  box-shadow: 0 5px 15px rgba(0,0,0,0.19), 0 3px 3px rgba(0,0,0,0.23)!important;
}

.btn{
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24)!important;
  transition: all 0.2s!important;
}.btn:hover{
  box-shadow: 0 5px 15px rgba(0,0,0,0.19), 0 3px 3px rgba(0,0,0,0.23)!important;
}

.content-wrapper{
  background:#f5f5f5;
}

section.sidebar,aside.main-sidebar{
  background:#444!important;
  color:#eee!important;
}

section.sidebar ul li.header{
  background:#333!important;
  color:#eee!important;
}
section.sidebar ul li a{
  color:#eee!important;
}
section.sidebar ul li a:hover{
  background:#111!important;
  color:#eee!important;
}
.info-box-icon.smaller{
  font-size:35px!important;
}


.infoCard{
  background:#0073B7;
  padding:31px 20px 6px;
  color:white!important;
  border-radius:5px;
  position:relative;
  margin-bottom:20px;
}
.infoCard .infoCardTitle{
  display:inline-block;
  background:rgba(0,0,0,1);
  padding:0 15px;
  font-size:16px;
  position:absolute;
  top:8px;
  left:-5px;
}
.infoCardText{
  display:block;
  margin-bottom:5px;
}
.infoCardText.disabled *{
  color:#ccc!important;
  background:none!important;
  box-shadow:none!important;
}
.infoCardText .title{
  display:inline-block;
  width:40px;
}.infoCardText .colon{
  display:inline-block;
  width:20px;
}.infoCardText .stock{
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  display: inline-block;
  font-weight:bold;
  background:rgba(0,0,0,0.5);
  padding:0 10px;
  border-radius:5px;
}.infoCardText .rate{
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  font-weight:bold;
  background:rgba(255,255,255,0.5);
  padding:0 10px;
  border-radius:5px;
  color:black;
  float:right;
}

.greenText{
  color: #00B16A;
  font-weight: bolder;
}.redText{
  color:#CF000F;
  font-weight: bolder;
}

.usageType{
  background: #AAA;
  padding: 2px 0;
  color: white;
  font-weight: bolder;
  display: inline-block;
  width: 100%;
  max-width: 80%;
  text-transform: uppercase;
}.usageType.Restock{
  background: #00B16A;
}.usageType.Sales{
  background: #F7CA18;
}.usageType.Adjustment{
  background: #446CB3;
}.usageType.Usage{
  background: #663399;
}

h4.displayValues{
  text-align: center;
  font-weight: bolder;
  text-transform: uppercase;
}

.clickable{
  cursor: pointer!important;
}