UAS2.0_DEV_TEST/app/Application.scss

/*
 *  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-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: 23px;
  }
  
  .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-inner {
    margin: 0 5px 0 5px;
    line-height: 22px;
  }
  
  .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;
  }