﻿/*#pushInformationControlDiv {
    margin-right: 0px;
    width: 100%;
}

#pushInformationWrapperButton {
    width: 200px;
    padding: 10px 10px 10px 35px;
    margin-left: -42px;
    border: none;
    border-radius: 15px;
    color: white;
    background-color: #00C1FA;
    font-size: 1.1em;
    cursor: pointer;
}

    #pushInformationControlDiv i {
        font-size: 1.3em;
        width: 20px;
        position: relative;
        margin-left: 20px;
    }

        span.new-message {
            background: #FF7F00;
            color: #fff;
            padding: 1px 4px 2px 4px;
            border-radius: 15px;
            font-size: 0.6em;
            position: relative;
            top: -8px;
            left: -10px;
        }

 #closePushInformationControlButton {
    display: block;
    background: #ddd;
    color: #333;
}

div#pushInformationContentDiv {
    width: 23%;
    min-width: 440px;
    height: 100%;
    background-color: rgba(0,0,0,0.8);
    color: #fff;
    position: fixed;
    z-index: 100;
    top: 0;
    right: -590px;
    font-family: 'Roboto', sans-serif;
    display: flex;
    flex-wrap: wrap;
}

    div#pushInformationContentDiv input[type=text] {
        width: 85%;
        height: 35px;
        border-radius: 10px;
        border: 2px solid #aaa;
        outline: none;
        padding: 8px;
        box-sizing: border-box;
        margin: 0 10px 0 2em;
        transition: .3s;
    }

        div#pushInformationContentDiv input[type=text]:focus {
            border-color: #FF7F00;
            box-shadow: 0 0 8px 0 #FF7F00;
        }

        div#pushInformationContentDiv input[type=text].search {
            padding-left: 40px;
        }

    div#pushInformationContentDiv .search {
        position: relative;
    }

    div#pushInformationContentDiv i.fa-search {
        position: relative;
        left: 35px;
        top: -35px;
        height: 0;
        padding: 9px 8px;
        color: #aaa;
        transition: .3s;
        font-size: 1.2em;
    }

    div#pushInformationContentDiv input[type=text].search:focus + i {
        color: #FF7F00;
    }

    div#pushInformationContentDiv i.fa-bell {
        margin: 1em 0 0 4em;
        font-size: 1.5em;
    }

    div#pushInformationContentDiv h1 {
        text-align: center;
        padding: 10px;
        font-size: 1.3em;
        height: 30px;
        margin-left: 5px;
    }

        div#pushInformationContentDiv h1::after {
            background: #FF7F00;
            color: #333;
            padding: 6px 11px 5px 11px;
            margin-left: 5px;
            border-radius: 15px;
            font-size: 0.8em;
            content: '2';
        }*/


                                                                    /*div#pushInformationMessageContentDiv {
                                                                        margin: 0.5em 2.2em;
                                                                        height: 100%;
                                                                        width: 100%;
                                                                    }

                                                                        div.pushInformationMessageDiv {
                                                                            background-color: #fff;
                                                                            color: #6a6a6a;
                                                                            font-size: 0.9em !important;
                                                                            margin-bottom: 2px;
                                                                            padding: 10px;
                                                                            position: relative;
                                                                            display: flex;
                                                                            justify-content: space-between;
                                                                            max-width: 350px;
                                                                        }

                                                                            div.pushInformationMessageDiv:hover {
                                                                                transform: scale(1.1, 1.05);
                                                                                -moz-transform: scale(1.1, 1.05);
                                                                                -webkit-transform: scale(1.1, 1.05);
                                                                                -o-transform: scale(1.1, 1.05);
                                                                                -ms-transform: scale(1.1, 1.05);
                                                                                box-shadow: 0px 2px 5px black;
                                                                                position: relative;
                                                                                z-index: 100;
                                                                            }

                                                                                div.pushInformationMessageDiv:hover::after {
                                                                                    font-family: "Font Awesome 5 Free";
                                                                                    font-weight: 900;
                                                                                    content: "\f00d";
                                                                                    position: absolute;
                                                                                    top: 3px;
                                                                                    right: 6px;
                                                                                }

                                                                            div.pushInformationMessageDiv:first-of-type {
                                                                                border-radius: 4px 4px 0 0;
                                                                            }

                                                                            div.pushInformationMessageDiv:last-child {
                                                                                border-radius: 0 0 4px 4px;
                                                                            }

                                                                            div.pushInformationNewMessageDiv {
                                                                                background-color: #f3f1ea;
                                                                            }*/




/*div.pushInformationMessageContentShowallDiv {
    float: left;
    margin-left: 5px;
    font-size: 0.9em;
}

    div.pushInformationMessageContentShowallDiv i {
        font-size: 1.2em;
    }

div.pushInformationMessageContentCloseallDiv {
    float: right;
    margin-right: 5px;
    font-size: 0.9em;
}

    div.pushInformationMessageContentCloseallDiv a, div.pushInformationMessageContentShowallDiv a {
        color: #ccc;
        text-decoration: none;
    }

        div.pushInformationMessageContentCloseallDiv a:hover, div.pushInformationMessageContentShowallDiv a:hover {
            color: #fff;
        }*/

/*@media only screen and (max-width: 440px) {

    div#pushInformationContentDiv{
        min-width: 330px;
    }

        div#pushInformationContentDiv i.fa-bell {
            margin: 1em 0 0 2em;
        }

    div#pushInformationMessageContentDiv {
        width: 80%;
    }

    div.pushInformationMessageTextDiv {
        flex: 0 1 100%;
    }
}*/
