/**
 * forms-select.css
 * 
 * Index
 * 
 * - Default select menu
 * - Disabled select menu
 * - Focused select menu
 * - Error select menu
 * - Dropdown menu styling
 * 
 */

/*-----------------------------------------------------------------------
# Default select menu
------------------------------------------------------------------------*/

.select-element .ui-selectmenu-button.ui-button {
    border: 1px solid #979797;
    border-radius: 5px;
    height: 38px;
    line-height: 36px;
    padding: 0 12px;
    width: 100%;
}

.select-element .ui-selectmenu-icon.ui-icon {
  background: url(../../../img/icons/arrow-down.png) center center no-repeat;
  height: 36px;
  width: 16px;
}

/*-----------------------------------------------------------------------
# Disabled select menu
------------------------------------------------------------------------*/

.select-element select:disabled + .ui-selectmenu-button.ui-button,
.select-element select[disabled="disabled"] + .ui-selectmenu-button.ui-button {
    background: #DDDDDD;
    color: #999999;
}

/*-----------------------------------------------------------------------
# Focused select menu
------------------------------------------------------------------------*/

.select-element .ui-selectmenu-button.ui-button:focus,
.select-element select.focus + .ui-selectmenu-button.ui-button,
.select-element select.error + .ui-selectmenu-button.ui-button:focus {
  -webkit-box-shadow: 0 0 8px #2375BB;
  -moz-box-shadow: 0 0 8px #2375BB;
          box-shadow: 0 0 8px #2375BB;
  outline: none;
}

/*-----------------------------------------------------------------------
# Error select menu
------------------------------------------------------------------------*/

.select-element select.error + .ui-selectmenu-button.ui-button {
  border: 1px solid #C33D39;
  -webkit-box-shadow: 0 0 8px #C33D39;
  -moz-box-shadow: 0 0 8px #C33D39;
          box-shadow: 0 0 8px #C33D39;
}

.select-element select.error + .ui-selectmenu-button .ui-selectmenu-icon.ui-icon {
  background: url(../../../img/icons/arrow-down-error.png) center center no-repeat;
}

/*-----------------------------------------------------------------------
# Dropdown menu styling
------------------------------------------------------------------------*/

.ui-selectmenu-menu .ui-menu {
  background: #FFFFFF;
  border: 1px solid #979797;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 4px rgba(51, 51, 51, 0.3);
  -moz-box-shadow: 0 0 4px rgba(51, 51, 51, 0.3);
       box-shadow: 0 0 4px rgba(51, 51, 51, 0.3); /* #333333 */
  padding: 0;
}

.ui-selectmenu-menu .ui-menu .ui-menu-item-wrapper {
  padding: 8px 12px;
}
.ui-selectmenu-menu .ui-menu .ui-menu-item-wrapper.ui-state-active {
  background: #2375BB;
  color: #FFFFFF;
  margin: 0;
}
.ui-selectmenu-menu .ui-menu .ui-state-disabled .ui-menu-item-wrapper {
  background: #fff;
  color: #999999;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  border-top: 1px solid #979797;
  padding: 10px 7px 5px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup:first-child {
  border: none;
  padding-top: 0;
}