/***************************
 * String helper functions *
 ***************************/
/**
 * String search and replace function.
 */
/* stylelint-disable plugin/no-browser-hacks */
/**
 * Replace multiple values in the string where replacements are provided as a map.
 *
 * The map is set of key => value, where the key is a string that should be searched
 * and the value is a replacement for it.
 */
/**
 * Based on research done by Taylor Hunt:
 * https://codepen.io/tigt/post/optimizing-svgs-in-data-uris
 *
 * Customized code provided: https://codepen.io/jakob-e/pen/GjgXmK.scss
 */
/* Colors */
/* stylelint-disable plugin/no-browser-hacks */
/* #1293C9 */
/* #009FE3 */
/* #0C5C7F */
/* #07364A */
/* #002337 */
/* #75caee */
/* #D4EDFC */
/* #EAF6FE */
/* #979797 */
/* #BFBFBF */
/* #DAE0E3 */
/* #FAFAFA */
/* Fonts */
/* 13px */
/* 13px */
/* 9px */
/* Rounded up, since chrome treats 19.9998 as 19. Only three digits for firefox */
/* 20px/13px */
/* Spacing */
/* 10px/16px */
/* 20px/16px */
/* 8px/16px */
/* Device breakpoints */
/**
 * Media screen size defined by base drupal themes to adjust style for tablets and phones.
 */
/**
 * Mixin for inline SVG button icon.
 *
 * $svg is SVG string, replacement variables are maps with key=>value, where keys will be replaced with value
 * for 3 possible states (default color, hover + active + focus color and disabled color).
 */
/* toolbar */
/***************************
 * String helper functions *
 ***************************/
/**
 * String search and replace function.
 */
/* stylelint-disable plugin/no-browser-hacks */
/**
 * Replace multiple values in the string where replacements are provided as a map.
 *
 * The map is set of key => value, where the key is a string that should be searched
 * and the value is a replacement for it.
 */
/**
 * Based on research done by Taylor Hunt:
 * https://codepen.io/tigt/post/optimizing-svgs-in-data-uris
 *
 * Customized code provided: https://codepen.io/jakob-e/pen/GjgXmK.scss
 */
/* Colors */
/* stylelint-disable plugin/no-browser-hacks */
/* #1293C9 */
/* #009FE3 */
/* #0C5C7F */
/* #07364A */
/* #002337 */
/* #75caee */
/* #D4EDFC */
/* #EAF6FE */
/* #979797 */
/* #BFBFBF */
/* #DAE0E3 */
/* #FAFAFA */
/* Fonts */
/* 13px */
/* 13px */
/* 9px */
/* Rounded up, since chrome treats 19.9998 as 19. Only three digits for firefox */
/* 20px/13px */
/* Spacing */
/* 10px/16px */
/* 20px/16px */
/* 8px/16px */
/* Device breakpoints */
/**
 * Media screen size defined by base drupal themes to adjust style for tablets and phones.
 */
/**
 * Mixin for inline SVG button icon.
 *
 * $svg is SVG string, replacement variables are maps with key=>value, where keys will be replaced with value
 * for 3 possible states (default color, hover + active + focus color and disabled color).
 */
/* toolbar */
.dashboard-links a {
  border-width: 2px;
  display: inline-block;
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 0.5em;
  text-align: left;
  width: 40%;
}
.dashboard-links.admin-dashboard-links a:after {
  background: url("../images/unlocked.png") no-repeat center;
  background-size: 15px;
  content: "";
  height: 15px;
  margin-left: 0.5em;
  margin-top: 4px;
  position: absolute;
  width: 15px;
}

/***************************
 * String helper functions *
 ***************************/
/**
 * String search and replace function.
 */
/* stylelint-disable plugin/no-browser-hacks */
/**
 * Replace multiple values in the string where replacements are provided as a map.
 *
 * The map is set of key => value, where the key is a string that should be searched
 * and the value is a replacement for it.
 */
/**
 * Based on research done by Taylor Hunt:
 * https://codepen.io/tigt/post/optimizing-svgs-in-data-uris
 *
 * Customized code provided: https://codepen.io/jakob-e/pen/GjgXmK.scss
 */
/* Colors */
/* stylelint-disable plugin/no-browser-hacks */
/* #1293C9 */
/* #009FE3 */
/* #0C5C7F */
/* #07364A */
/* #002337 */
/* #75caee */
/* #D4EDFC */
/* #EAF6FE */
/* #979797 */
/* #BFBFBF */
/* #DAE0E3 */
/* #FAFAFA */
/* Fonts */
/* 13px */
/* 13px */
/* 9px */
/* Rounded up, since chrome treats 19.9998 as 19. Only three digits for firefox */
/* 20px/13px */
/* Spacing */
/* 10px/16px */
/* 20px/16px */
/* 8px/16px */
/* Device breakpoints */
/**
 * Media screen size defined by base drupal themes to adjust style for tablets and phones.
 */
/**
 * Mixin for inline SVG button icon.
 *
 * $svg is SVG string, replacement variables are maps with key=>value, where keys will be replaced with value
 * for 3 possible states (default color, hover + active + focus color and disabled color).
 */
/* toolbar */
.dashboard-main-page {
  background: #eef1f4;
  padding: 1em 0;
}
.dashboard-main-page .col-amended {
  padding: 0;
}
.dashboard-main-page .panel-panel-inner {
  padding: 20px;
  display: block;
  border-radius: 3px;
  margin: 0.4em;
}
.dashboard-main-page .panel-panel-inner .views-table td {
  border-collapse: collapse;
  border: 1px solid #ccc;
  padding: 12px;
}
.dashboard-main-page .panel-panel-inner .views-table tr:nth-child(even) td {
  background: #f7f6f6;
}
.dashboard-main-page .panel-panel-inner h2 {
  font-family: "Lucida Grande", "Lucida Sans Unicode", "DejaVu Sans", "Lucida Sans", sans-serif;
  background: #d4edfc;
  color: #07364a;
  padding: 0.7em;
  margin-bottom: 0;
  font-size: 1.1em;
  font-weight: bold;
  text-align: center;
  letter-spacing: 1px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  display: block;
  box-shadow: 2px 2px 5px #c3c3c3;
  border-bottom: 1px solid #ccc;
}
.dashboard-main-page .panel-panel-inner h3 {
  color: #1c3664;
  font-size: 1.5em;
  font-weight: bold;
}
.dashboard-main-page .panel-panel-inner .views-element-container {
  margin-top: 1em;
}
.dashboard-main-page .panel-panel-inner .views-element-container .views-exposed-form {
  padding: 1em;
  border: 1px solid #ccc;
  margin-bottom: 0.5em;
}
.dashboard-main-page .panel-panel-inner .views-element-container .views-exposed-form .form--inline .form-actions {
  clear: none;
  float: left;
  margin-top: 2.3em;
}

/***************************
 * String helper functions *
 ***************************/
/**
 * String search and replace function.
 */
/* stylelint-disable plugin/no-browser-hacks */
/**
 * Replace multiple values in the string where replacements are provided as a map.
 *
 * The map is set of key => value, where the key is a string that should be searched
 * and the value is a replacement for it.
 */
/**
 * Based on research done by Taylor Hunt:
 * https://codepen.io/tigt/post/optimizing-svgs-in-data-uris
 *
 * Customized code provided: https://codepen.io/jakob-e/pen/GjgXmK.scss
 */
/* Colors */
/* stylelint-disable plugin/no-browser-hacks */
/* #1293C9 */
/* #009FE3 */
/* #0C5C7F */
/* #07364A */
/* #002337 */
/* #75caee */
/* #D4EDFC */
/* #EAF6FE */
/* #979797 */
/* #BFBFBF */
/* #DAE0E3 */
/* #FAFAFA */
/* Fonts */
/* 13px */
/* 13px */
/* 9px */
/* Rounded up, since chrome treats 19.9998 as 19. Only three digits for firefox */
/* 20px/13px */
/* Spacing */
/* 10px/16px */
/* 20px/16px */
/* 8px/16px */
/* Device breakpoints */
/**
 * Media screen size defined by base drupal themes to adjust style for tablets and phones.
 */
/**
 * Mixin for inline SVG button icon.
 *
 * $svg is SVG string, replacement variables are maps with key=>value, where keys will be replaced with value
 * for 3 possible states (default color, hover + active + focus color and disabled color).
 */
/* toolbar */
.sos-dashboards {
  background: #FFF;
  box-shadow: 2px 2px 5px #c3c3c3;
  padding: 1.5em;
  margin-bottom: 2em;
}
.sos-dashboards .activity-line {
  border-bottom: 1px dotted #ccc;
}
.sos-dashboards .views-field-moderation-state > * {
  border-radius: 12px;
  display: block;
  padding: 0 4px;
  text-align: center;
}
.sos-dashboards .moderation-state-draft {
  background-color: #ffc0bd;
}
.sos-dashboards .moderation-state-returned {
  background-color: #a51b00;
  color: #FFF;
  font-weight: bold;
  text-transform: uppercase;
}
.sos-dashboards .moderation-state-content-review {
  background-color: #f1e755;
  color: #1c3664;
  font-weight: bold;
  text-transform: uppercase;
}

.my-dashboard-layouts-create .button {
  display: block;
  text-align: left;
}
.my-dashboard-layouts-create .button.add-alert-button {
  background-image: linear-gradient(0deg, #d07800 0%, #d0a100 100%);
  border: 1px solid #d0a100;
  color: #222;
}
.my-dashboard-layouts-create .button.add-alert-button:hover {
  background-image: linear-gradient(0deg, #d0a100 0%, #d07800 100%);
}
.my-dashboard-layouts-create .button .menu-item a {
  border: #589649;
  color: #589649;
  border-radius: 3px;
  font-weight: bold;
  padding: 7px 20px;
  text-decoration: none;
}
.my-dashboard-layouts-create .button .menu-item a:visited, .my-dashboard-layouts-create .button .menu-item a:hover {
  color: #589649;
  text-decoration: none;
}

.departments-most-viewed tr.most-viewed:first-child .views-field-title {
  font-weight: bold;
  font-size: 1.2em;
  padding-bottom: 1em;
}
.departments-most-viewed tr.most-viewed:first-child .views-field-title::after {
  background-image: url("../images/goldMedal.png");
  background-size: 100% 100%;
  content: "";
  display: inline-block;
  height: 32px;
  margin-left: 7px;
  position: relative;
  top: 11px;
  width: 32px;
}