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

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

*{
    /* Lightweb Font Family */
    font-family: '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: 10px 15px;
    margin: 20px 10px;
    border-radius: 5px;
    cursor: pointer;
    box-shadow: 2px 2px 10px #e3e3e3;
    color: #616161;
}
.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%;
}