body {
}

@font-face {
    font-family: 'Avenir-Heavy';
    src: url('/font/Avenir-Heavy.woff') format('woff');
}

@font-face {
    font-family: 'Avenir-Medium';
    src: url('/font/Avenir-Medium.woff') format('woff');
}


body {
/*    padding-top: 44px;
    padding-bottom: 44px;
*/    background: black;
    font-family: Avenir-Heavy, Arial, Helvetica, sans-serif;
    touch-action: pan-y;
    overflow-y: scroll;
}


html, body {
    height: 100%;
    margin: 0;
}


.white-link {
    color: white;
    text-decoration: none;
    font-weight: bold;
    font-size: 17pt;
    font-family: Avenir-Heavy, Arial, Helvetica, sans-serif;
}

    .white-link:hover {
        color: white;
        text-decoration: underline;
    }

    .white-link:visited {
        color: white;
    }

    .white-link:hover {
        color: white;
    }

    .white-link:link {
        color: white;
    }

    .white-link:active {
        color: white;
    }

.text-left {
    text-align: left;
}

.text-center, .text-centre {
    text-align: center;
}

.text-right {
    text-align: right;
}


#loginDiv > div {
    padding: 2pt;
}

#loginDiv input {
    padding: 2pt;
    width: 160pt;
    font-size: 16pt;
    text-align: center;
    font-family: Avenir-Medium, Arial, Helvetica, sans-serif;
}

#loginDiv img {
    width: 160pt;
}


@keyframes rotating {
    0% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(360deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.rotating {
    animation: rotating 3s ease;
}


.hide-dialog {
    display: none;
}



.notifications-menu {
    min-width: 400px;
    overflow-y: scroll;
    background-color: #000000;
    color: #FFFFFF;
    border: 1px solid #808080;
    border-radius: 0px;
    /*scrollbar-color: #FF0000 #00FF00;*/
    /*    scrollbar-color: #1F1F1F #FFFFFF;*/
}


.notifications-menu-image {
    float: left;
    display: inline-block;
    margin-left: 15px;
    margin-right: 15px;
}

    .notifications-menu-image img {
        height: 60px;
    }


.users-menu {
    min-width: 200px;
    overflow-y: scroll;
    background-color: #000000;
    color: #FFFFFF;
    border: 1px solid #808080;
    border-radius: 0px;
}

.users-menu-image {
    float: left;
    display: inline-block;
    margin-left: 15px;
    margin-right: 15px;
}

/*  .users-menu-image div {
        height: 60px;
    }*/


.users-menu-text {
    display: inline-block;
}


.users-avatar {
    width: 2.4em;
    text-align: center;
}


.hero-image-admin-boxes {
    background-color: #808080;
    border: 1px solid #808080;
    border-radius:5px;
    margin: 10px 0px;
    padding: 10px;
    width : 800px
}

.hero-image-admin-boxes p {
    margin: 0px;
}