/*****************************************************
LESS compilation failed due a JavaScript error!

Input: /etc/designs/mt/widgets/misc/userdashboard/button/css/button.less
Error: NameError: variable @color-userdashboard-blue is undefined in /etc/designs/mt/widgets/misc/userdashboard/button/css/button.less on line 9, column 17:
8     margin: -2px 0 0 0;
9     background: @color-userdashboard-blue;
10     border: solid 1px #0072A2;


(uncompiled LESS src is included below)
*****************************************************/
@import (reference) "../../../../shared/css/init.less";

.userDashboard_view_all_link, 
.userDashboard_button {
    display: block;
    float: right;
    padding: 5px 10px 3px 10px;
    margin: -2px 0 0 0;
    background: @color-userdashboard-blue;
    border: solid 1px #0072A2;
    font-size: .65em;
    text-transform: uppercase;
    color: #fff !important;
    border-radius: 3px;
    letter-spacing: .035rem;
    transition: background 175ms;
}

.userDashboard_view_all_link:hover,
.userDashboard_button:hover {
    color: #fff !important;
    background: #0072A2;
    text-decoration: none;
}

.userDashboard_button_ltblue {
    background-color:#009cdd;
}

.userDashboard_button_ltblue:hover {
    background-color: #008ac4
}

.userDashboard_button {
    font-size: .8rem;
    padding: 1px 2px 1px 5px;
    float: none;
    height: 100%;
}

.userDashboard_button.mt_back_to_dashboard {
    display: inline-block;
}

.userDashboard_buttons .mt_back_to_dashboard_text {
    display: inline-block;
    padding: 0 10px;
}

.userDashboard_button .userDashboard_button_icon {
    width: 19px;
    height: 19px;
    fill: #fff;
    float: left;
    margin: 2px 0 0 0;
}

.userDashboard_button .userDashboard_button_text {
    display: inline-block;
    padding: 4px 5px 0 5px;
}
/* LinkedIn SVG - PDF Library Item */
.linkedin-st0 {
  fill: #FFFFFF;
}
.linkedin-st1 {
  fill: #006BA3;
}
.linkedin-st2 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #0077B5;
}
/* End LinkedIn SVG */
.profile-dashboard-details {
  display: flex;
}
.personalLibraryNav {
  flex: 1;
}
.profile-dashboard-details #content {
  flex: 3;
}
.personalLibraryNav .userDashboard {
  margin-top: 25px;
}
.userDashboard__alert {
  color: #666666;
  padding: 16px;
  border-bottom: 1px solid #ffffff;
  border-top: 0;
  border-right: 0;
  margin-bottom: 10px;
  border-left: 2px solid #F5F5F9;
  background-color: #F5F5F9;
  display: flex;
  align-items: center;
  transition: background-color 175ms, border-left 50ms;
  box-sizing: border-box;
}
.userDashboard__alert__cat {
  flex: 0 1 35px;
  padding: 3px 0 0 0;
}
.userDashboard__alert__cat svg {
  width: 20px;
  height: 20px;
  transition: all 175ms;
}
.userDashboard__alert__cat svg path {
  fill: #004494;
}
.userDashboard__alert__text {
  font-size: 1.15em;
  flex: 0 1 100%;
}
.userDashboard__alert a,
.userDashboard__alert a:active,
.userDashboard__alert a:focus,
.userDashboard__alert a:link,
.userDashboard__alert a:hover {
  color: #666666;
  text-decoration: underline;
  cursor: pointer;
}
.userDashboard__alert--assetNotReady {
  display: none;
}
/* ==========================================================================
   Library Items
   ========================================================================== */
.userDashboardPersonalLibrary__item {
  display: flex;
  border: solid 1px #f0f0f0;
  margin: 0 0 25px 0;
  padding: 15px;
  text-decoration: none;
}
.userDashboardPersonalLibrary__item:hover {
  border-color: #004494;
}
.userDashboardPersonalLibrary__item:hover,
.userDashboardPersonalLibrary__item:active,
.userDashboardPersonalLibrary__item:link,
.userDashboardPersonalLibrary__item:visited {
  color: #004494;
}
.userDashboardPersonalLibrary__thumbnail {
  flex: 0 0 100px;
  margin: 0 25px 0 0;
}
.userDashboardPersonalLibrary__thumbnail__img {
  max-width: 100%;
}
.userDashboardPersonalLibrary__thumbnail .newItem,
.userDashboardPersonalLibrary__item__title .newItem {
  font-size: 12px;
  line-height: 18px;
  padding-left: 10px;
}
.userDashboardPersonalLibrary__item__description {
  color: #666666;
}
.userDashboardPersonalLibrary__item__description p {
  margin: 8px 0;
  font-size: 12px;
  line-height: 18px;
}
.userDashboard_overview_library_item_share {
  margin-top: 0.5rem;
}
.userDashboardPersonalLibrary__item__title {
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 5px 0;
}
.userDashboardPersonalLibrary__item__date {
  font-size: 12px;
  line-height: 18px;
  display: flex;
  align-items: center;
  margin: 8px 0 0 0;
}
.userDashboardPersonalLibrary__item__icon {
  display: inline-block;
  margin: 0 6px 0 0;
  height: 20px;
}
.userDashboardPersonalLibrary__item__icon svg {
  vertical-align: baseline;
}
.userDashboardPersonalLibrary__item__icon--media svg {
  width: 20px;
  height: 20px;
  background: #fff;
  fill: #666666;
}
.userDashboardPersonalLibrary__noResultsText {
  margin: 0 0 100px 0;
}
.userDashboardPersonalLibrary__noResultsText,
.userDashboardPersonalLibrary__noResultsText p {
  text-align: center;
  font-size: 14px;
  line-height: 20px;
}
.userDashboardPersonalLibrary__noResultsText svg {
  margin: 20px;
}
/* ==========================================================================
   Loading placeholders
   ========================================================================== */
.skeleton {
  position: relative;
  overflow: hidden;
}
.skeleton::before {
  display: block;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  transform: translateX(-100%);
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  animation: loadingSkeleton 1.5s infinite;
  z-index: 1;
}
.skeleton__text {
  height: 15px;
  background: #dedede;
}
.skeleton__text--paragraph {
  height: 80px;
}
.skeleton__image {
  background: #dedede;
}
.skeleton__imageAndText {
  display: flex;
  gap: 25px;
  margin: 0 0 25px 0;
}
.skeleton__imageAndText:before {
  content: '';
  display: block;
  width: 200px;
  height: 620px;
  background: repeating-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 25px, #dedede 25px, #dedede 120px, rgba(255, 255, 255, 0) 120px, rgba(255, 255, 255, 0) 155px);
}
.skeleton__imageAndText:after {
  content: '';
  display: block;
  width: 100%;
  height: 620px;
  background: repeating-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 25px, #dedede 25px, #dedede 40px, rgba(255, 255, 255, 0) 40px, rgba(255, 255, 255, 0) 50px, #dedede 50px, #dedede 65px, rgba(255, 255, 255, 0) 65px, rgba(255, 255, 255, 0) 75px, #dedede 75px, #dedede 155px);
}
.skeleton--events {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin: 0 -10px;
  min-width: 100%;
}
.skeleton--events .skeleton__searchResult {
  display: flex;
  flex-direction: row;
  align-items: start;
  padding: 0;
  gap: 0;
  background: #fff;
  border: 1px solid #cccccc;
  height: 330px;
  cursor: pointer;
  flex-wrap: wrap;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  max-width: 33.333333%;
  flex: 1 1 25%;
  margin: 0 10px 20px 10px;
}
.skeleton--events .skeleton__searchResult__image {
  flex: 0 0 100%;
  max-width: 100%;
  max-height: 100%;
  height: 130px;
  background: #dedede;
}
.skeleton--events .skeleton__searchResult__body {
  height: 140px;
  margin: 24px 16px 16px 16px;
  max-width: 100%;
  flex: 1 1 80%;
}
.skeleton--events .skeleton__searchResult__body__eventType {
  height: 10px;
  margin: 5px 0;
  display: block;
  width: 35%;
  background: #dedede;
}
.skeleton--events .skeleton__searchResult__body__title {
  width: 70%;
  height: 20px;
  margin: 5px 0;
  background: #dedede;
}
.skeleton--events .skeleton__searchResult__body__summary {
  height: 30px;
  margin: 5px 0;
  background: #dedede;
}
.skeleton--events .skeleton__searchResult__eventDelivery {
  height: 10px;
  margin-top: 64px;
  display: block;
  background: #dedede;
}
@media (max-width: 600px) {
  .skeleton__imageAndText:before {
    display: none;
  }
  .skeleton__imageAndText {
    padding: 20px;
  }
  .skeleton__imageAndText:after {
    background: repeating-linear-gradient(180deg, #dedede 0%, #dedede 100px, rgba(255, 255, 255, 0) 100px, rgba(255, 255, 255, 0) 110px, #dedede 110px, #dedede 125px, rgba(255, 255, 255, 0) 125px, rgba(255, 255, 255, 0) 135px, #dedede 135px, #dedede 160px, rgba(255, 255, 255, 0) 160px, rgba(255, 255, 255, 0) 180px);
  }
}
@keyframes loadingSkeleton {
  100% {
    transform: translateX(100%);
  }
}
@media (max-width: 1009px) {
  .userDashboard__alert {
    margin-top: 10px;
  }
  #userDashboardPersonalLibrary {
    padding: 20px;
  }
  .userDashboardPersonalLibrary__item {
    margin: 0 0 20px 0;
  }
  .profile-dashboard-details {
    display: block;
  }
  .personalLibraryNav,
  .profile-dashboard-details #content {
    flex: none;
  }
}
@media (max-width: 750px) {
  .userDashboard__alert__text {
    font-size: 1em;
  }
}
@media (max-width: 480px) {
  .userDashboardPersonalLibrary__item {
    margin: 0 0 15px 0;
  }
  .userDashboardPersonalLibrary__thumbnail {
    width: 60px;
    margin: 0 15px 0 0;
    flex: 0 1 60px;
  }
  .userDashboardPersonalLibrary__description {
    flex: 1;
  }
}