/**
 * global css file included in every page
 */

@import url('../../LW_libraries/GoogleFonts/Outfit.css');

*{
    /* Lightweb Font Family — driven by the shared design token (theme.css),
       falls back to Outfit if the token is ever unavailable */
    font-family: var(--font-body, 'Outfit', sans-serif);
}
*::selection{
    /* New Markup Color */
    background: #3f51b5;
    color: #fff;
}

.unselectable *{
   -webkit-tap-highlight-color: transparent;

   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;

   /*
     Introduced in IE 10.
     See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
   */
   -ms-user-select: none;
   user-select: none;
}

/* Side Nav */
#side-nav li>a{
    font-size: 18px;
}

@media (max-width: 600px){
    /* special for icons with class left and right, so we can hide the text on mobile and the icon is centered */
    .no-margin-on-mobile{
        margin: 0px !important;
    }
}

/* NOTIFICATIONS STYLE for unread notifications popup */
.notification-list-item{
    padding: 12px 15px;
    margin: 14px 10px;
    border-radius: var(--radius-sm);
    cursor: pointer;
    background: var(--surface);
    border: 1px solid var(--border);
    box-shadow: var(--shadow-card);
    color: var(--text-soft);
}
.notification-list-item-title{
    font-size: 18px;
}
.notification-list-item-timestamp{
    float: right;
}
.notification-list-item-timestamp-div{
    min-height: 21px;
}

/* Materialize Modal height fix */
.modal, .modal .modal-content, .modal .modal-footer{
    height: fit-content;
    max-height: 85%;
}

/* Unify Materialize's default grey helper text onto the muted token
   (keeps faint labels/hints consistent across every page) */
.grey-text, .grey-text.text-darken-1{
    color: var(--text-muted) !important;
}