/**
    Non-Customizable Color Constants, and Color Derivatives
 */
/**
    Color Selectors
*/
body {
  background: #ECECEC; }

body, button, input, select, table, textarea {
  color: #202020; }

a {
  color: #959595; }

a:hover {
  color: #CE714B; }

a:focus, a:active {
  color: #CE714B; }

.header {
  background-color: #ECECEC; }

.icon-style-accent {
  stroke: #CE714B; }

.icon-style-accent-hoverable {
  cursor: pointer;
  stroke: #CE714B; }

.icon-style-accent-hoverable:hover {
  stroke: #9f3c14; }

.icon-style-disabled {
  stroke: #d7b6a8; }

.icon-style {
  stroke: #959595; }

.icon-style-hoverable {
  cursor: pointer;
  stroke: #959595; }

.icon-style-hoverable:hover {
  stroke: #626262; }

.icon-style-hoverable .disabled:hover, .icon-style-hoverable.disabled:hover {
  stroke: #959595; }

.icon-style-locked {
  stroke: #4A4A4A;
  /** TODO: we should consider a translucent background color that contrasts with lockedIconColor
      in case a user chooses an itemBackgroundColor that does not have enough contrast with lockedIconColor. */ }

/* Widget Bar */
.widget-container {
  background-color: #7E8892; }

.account-widget {
  background-color: #5A626C; }

.account-widget .button-text {
  color: #FFFFFF; }

.account-widget:hover {
  background-color: #2c3034; }

.account-widget .glyphicon-user {
  color: #CE714B; }

.search-widget .input-search {
  background-color: #FFFFFF; }

.search-widget .dropdown-menu {
  background-color: #FFFFFF; }

.search-widget:disabled {
  background-color: #dedede; }

.advanced-search-widget {
  background-color: #5A626C; }

.advanced-search-widget:hover {
  background-color: #2c3034; }

.cart-widget .cart-link {
  background-color: #5A626C;
  color: #FFFFFF; }

.cart-widget .cart-link:hover {
  background-color: #2c3034; }

.close-icon {
  fill: #959595;
  stroke: #ECECEC; }

.close-icon:hover {
  fill: #626262;
  stroke: #ECECEC; }

.close-icon .disabled:hover {
  fill: #959595;
  stroke: #ECECEC; }

.cart-select-icon-style {
  stroke: #CE714B; }

.cart-select-icon-style:hover {
  stroke: #9f3c14; }

.sort-wrapper {
  background-color: #5A626C; }

.sort-wrapper .sort-widget a {
  color: #FFFFFF; }

.sort-wrapper .sort-widget .dropdown-menu {
  background-color: #5A626C; }

/* Main grid */
.assetCount {
  color: #202020; }

.assetMetadata {
  color: #202020;
  background-color: #FFFFFF; }

.pf-asset-buttons {
  background-color: #FFFFFF; }

.imageFrame {
  background-color: #FFFFFF; }

/* Details */
.details-icon {
  stroke: #5A626C; }

.details-selected-icon {
  stroke: #CE714B; }

.details-selected-icon:hover {
  stroke: #9f3c14; }

.details-action {
  color: #5A626C; }

.nav a:hover .left-arrow, .nav a:hover .right-arrow {
  border-color: #CE714B;
  /** nav hover border */
  background-color: #FFFFFF;
  /** bav hover background */ }

/** nav arrow hover */
.nav a:hover .left-arrow:after, .nav a:hover .right-arrow:after {
  border-top-color: #CE714B;
  border-right-color: #CE714B; }

.nav .left-arrow, .nav .right-arrow {
  border-color: #FFFFFF;
  /** nav border */
  background-color: #CE714B;
  /** nav background */ }

/** nav arrow */
.nav .left-arrow:after, .nav .right-arrow:after {
  border-top-color: #FFFFFF;
  border-right-color: #FFFFFF; }

.details-image .cannot-load-msg {
  color: #d7b6a8; }

.details-info-metadata-title {
  color: #959595; }

.details-info-metadata-body {
  color: #202020; }

.details-body {
  background-color: #FFFFFF; }

.details-info {
  color: #202020; }

.niblet {
  background-color: #959595;
  color: #FFFFFF; }

.niblet:hover {
  background-color: #CE714B;
  color: #FFFFFF; }

.icon-base {
  color: #202020; }

.icon-base:focus {
  color: #202020; }

.icon-base:hover {
  color: #202020; }

/* Cart */
.cart-header {
  color: #202020;
  background-color: #ECECEC; }

.cart-body {
  background-color: #ECECEC; }

.cart-no-items {
  color: #202020; }

.cart-items {
  background-color: #ECECEC; }

.cart-item {
  background-color: #FFFFFF; }

.cart-item-metadata-text, .cart-item-metadata-text-large {
  color: #202020; }

.cart-header-button {
  color: #202020;
  background-color: #ECECEC; }

.cart-header-button:hover, .cart-header-button:focus, .cart-header-button.disabled {
  background-color: #ECECEC; }

.cart-header-button-text:hover, .cart-header-button:hover {
  color: #202020; }

/* Advanced Search */
.advanced-search-pane {
  background-color: #f9f9f9; }

.advanced-search-header {
  background-color: #7E8892;
  color: #FFFFFF; }

.advanced-search-button-submit {
  background-color: #CE714B;
  color: #FFFFFF; }

.advanced-search-button-submit:hover {
  background-color: #9f3c14; }

.advanced-search-button-clear {
  background-color: #CE714B;
  color: #FFFFFF;
  border-color: #959595; }

.advanced-search-button-clear:hover {
  background-color: #9f3c14; }

.advanced-search-button-done {
  background-color: #5A626C;
  color: #FFFFFF; }

.advanced-search-button-done:hover {
  background-color: #2c3034; }

.advanced-search-operation {
  color: #959595; }

.input-simple-text, .input-date {
  border-color: #959595;
  background-color: #FFFFFF; }

.input-control .dropdown-menu {
  background-color: #FFFFFF; }

.glyphicon-remove {
  color: #adb2b8;
  /* $medLightGrey; UNKNOWN */ }

.glyphicon-remove:hover {
  color: #4A4A4A;
  /* $darkGrey; UNKNOWN */ }

/* Download */
.download-form {
  background-color: #FFFFFF; }

.download-form input[type=number]:focus {
  border-color: #CE714B;
  box-shadow-color: rgba(0, 0, 0, 0.075), #d7b6a8; }

.download-header {
  background-color: #ECECEC; }

.download-header > h1 {
  color: #202020; }

.download-header > p {
  color: #202020; }

/* Login */
.modal-content, .login {
  background-color: #FFFFFF; }

.login form .header, .login form {
  color: #202020;
  background-color: #FFFFFF; }

.login-action {
  color: #959595; }

.login button {
  color: #FFFFFF;
  background: #CE714B; }

.login button:disabled {
  background: #FFFFFF;
  color: #CE714B; }

.login-error {
  background: #CE714B;
  color: #FFFFFF; }

.login-error:before {
  border-bottom-color: #CE714B; }

.username-input, .password-input {
  background-color: #FFFFFF;
  border-color: #959595; }

/* Request Access */
.request-access-field input {
  background-color: #FFFFFF;
  border-color: #959595; }

.request-access form .header {
  color: #202020;
  background-color: #FFFFFF; }

.request-access button {
  color: #FFFFFF;
  background: #CE714B; }

.request-access button:disabled {
  background: #d7b6a8; }

/* Components */
.portfolio-button {
  background-color: #CE714B;
  color: #FFFFFF; }

.portfolio-button:disabled {
  color: #d7b6a8; }

.portfolio-button:hover:not(:disabled) {
  background-color: #9f3c14; }

.btn-radio:before, .btn-checkbox:before {
  /* outer ring */
  border-color: #959595; }

.btn-radio:after, .btn-checkbox:after {
  /* inner circle */
  border-color: #CE714B;
  background-color: #CE714B; }

.tooltip-inner {
  color: white;
  background-color: #9f3c14;
  box-shadow-color: rgba(0, 0, 0, 0.175); }

/* Spinner */
.spinner-small {
  border-color: #d7b6a8;
  border-top-color: rgba(150, 150, 150, 0.8);
  border-left-color: rgba(150, 150, 150, 0.7);
  border-bottom-color: rgba(150, 150, 150, 0.6);
  border-right-color: rgba(150, 150, 150, 0.5); }

.svgstyle {
  stroke: #d7b6a8; }