@white: #fff;

@light: #ececec;

@border-radius: 5px;

/* user UI dashboard */
.dashboard {}

.dashboard-section {
  background: rgba(255,255,255,.3);
  margin-bottom: 3em;
  padding: 15px;
  border: solid 1px @light;
  /* box-shadow: 0 0 6px rgba(0,0,0,.15); */
  border-radius: @border-radius;
}

.dashboard-welcome {
  margin-bottom: 2em;
}
 
.dashboard-options {
  margin-bottom: 2em;
}

.dashboard-options .option {
  display: block;
  padding: 30px;
  text-align: center;
  border: solid 1px #666;
  border-radius: 5px;
  transition: all linear .2s;
  margin-bottom: 1em;
}

.dashboard-options .option:hover {
  background: @light;
}

.dashboard-options .option .option-title {
  
}


/* dashboard icons */
.dashboard .icon {
  display: inline-block;
  width: 22px;
  height: 22px;
}

.dashboard .icon-small {
  width: 18px;
  height: 18px;  
  margin: 0 5px;
}

.dashboard .icon-large {
  width: 26px;
  height: 26px;
}

.dashboard .icon-edit {  
  background: transparent url('../img/icons/ic_description_black_48dp.png') center no-repeat;
  background-size: 100% 100%;
}

.dashboard .icon-order-waiting,
.monitor .icon-order-waiting {
  background: transparent url('../img/icon_status_red.png') center no-repeat;
  background-size: 60% 60%;
}

.dashboard .icon-order-confirmed,
.monitor .icon-order-confirmed {
  background: transparent url('../img/icon_status_green.png') center no-repeat;
  background-size: 60% 60%;
}

.dashboard .icon-order-in-progress,
.monitor .icon-order-in-progress {
  background: transparent url('../img/icon_status_inactive.png') center no-repeat;
  background-size: 60% 60%;
  opacity: .6;
}

.dashboard .icon-order-cancelled,
.monitor .icon-order-cancelled {
  background: transparent url('../img/icon_status_cancelled.png') center no-repeat;
  background-size: 60% 60%;
  opacity: .6;
}


/* user UI form inputs */
.ui-form-fields {
  margin-bottom: 2em;
  background: @white;
  border-radius: 5px;
  padding: 1em 15px 1em; 
}