/*
 *  This file can be used to set variables and supply global styling.  View specific 
 *  styling should be located the view's corresponding scss file.
 */
$enable-font-awesome: dynamic(true);


/**date-picker*/
.x-datepicker-month .x-btn-inner {
  font-size: 12px;
}

.x-datepicker {
  width: 212px;
}

.x-datepicker-cell{
  border:none !important;
}

.x-datepicker-column-header {
  width: 30px;
}

.x-datepicker-column-header-inner {
  line-height: 25px;
  padding: 0 9px 0 0;
}

.x-datepicker-cell {
  text-align: right;
  border: 1px solid #fff;
}

.x-datepicker-date {
  padding: 0 7px 0 0;
  cursor: pointer;
  line-height: 20px;
}

.x-datepicker-footer,
.x-monthpicker-buttons {
  padding: 3px 0;
  text-align: center;
}

.x-monthpicker {
  width: 212px;
  border-width: 1px;
}

.x-monthpicker-months {
  width: 105px;
}

.x-monthpicker-item {
  margin: 3px 0 3px;
}

.x-monthpicker-item-inner {
  margin: 0 5px 0 5px;
  line-height: 22px;
}
.x-datepicker2{
  .x-monthpicker-item-inner {
    line-height: 18px;
  }
}

.x-monthpicker-months .x-monthpicker-item {
  width: 52px;
}

.x-monthpicker-years {
  width: 105px;
}

.x-monthpicker-years .x-monthpicker-item {
  width: 52px;
}

.x-monthpicker-yearnav {
  height: 34px;
}

.x-monthpicker-yearnav-button-ct {
  width: 52px;
}

.x-monthpicker-yearnav-button {
  height: 12px;
  width: 12px;
  cursor: pointer;
  margin-top: 11px;
}

.x-datepicker-footer .x-btn-default-toolbar-small {
  padding: 2px 2px 2px 2px;
  min-width: 56px;
}

.x-monthpicker-buttons .x-btn-default-toolbar-small {
  padding: 2px 2px 2px 2px;
  min-width: 56px;
}

.x-datepicker-month .x-btn {
  padding: 9px;
}

.x-datepicker-arrow {
  height: 32px;
}

/* button */
.x-btn-blue{
  background:#5fa2dd !important;
  border-color: #5fa2dd !important;
  .x-btn-inner-default-toolbar-small{
    color:#fff;
  }
}
.x-btn-green{
  background: #63bd7b !important;
  border-color: #63bd7b !important;
  .x-btn-inner-default-toolbar-small{
    color:#fff;
  }
}