/*normal display*/

.header-right-menu {
    height:             100%;
    line-height:        70px;
}

.header-right-menu > div {
    display:            inline-block;
}

.header-right-menu > div > a , .header-right-menu > a  {
    display:            inline-block;
	position:		    relative;
    width:              30px;
    height:             70px;
    background-repeat:  no-repeat;
    background-size:    auto 30px;
    background-position:center;
    margin:             0 15px;
    vertical-align:     middle;
    color:              #FFF;
}

    .header-right-menu > div > a:hover, .header-right-menu > div > a:focus, .header-right-menu > div > a:active,
    .header-right-menu > a:hover, .header-right-menu > a:focus, .header-right-menu > a:active {
        color:#FFF;
    }

.header-right-menu > div > a > i , .header-right-menu > a > i , .header-right-menu .fa {
    font-size:          30px;
    line-height:        70px;
    text-decoration:    none;
}

.header-right-menu .dropdown > ul {
    color:            #000;
}

/*mobile phone, kebab display*/

.header-right-menu.xs-rolled-out {
    position: absolute;
    background: #285337;
    top: 70px;
    right: 10px;
    height: auto;
    width: 200px;
    line-height: 50px;
    /*background-color: #fff !important;
    color: #000;*/
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

    .header-right-menu.xs-rolled-out > div > a, .header-right-menu.xs-rolled-out > a ,
        .header-right-menu.xs-rolled-out > div {
        display: block;
    }

    .header-right-menu.xs-rolled-out > div > a, .header-right-menu.xs-rolled-out > a {
        height: 50px;
    }

    .header-right-menu.xs-rolled-out .dropdown-menu {
        display: block;
        position: relative;
        margin: 0;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        background: #3F7151;
        -webkit-box-shadown: none;
        width: 100%;
        padding-left: 35px;
    }
    
    .header-right-menu.xs-rolled-out .dropdown-menu > li > a {
        color: #fff;
    }

        .header-right-menu.xs-rolled-out .dropdown-menu > li > a:hover,
        .header-right-menu.xs-rolled-out .dropdown-menu > li > a:focus {
            
            background: #3F7151;
        }    
     
.header-right-menu.xs-rolled-out .dropdown > ul {
    color: #fff;
}

    .header-right-menu.xs-rolled-out .kebab-title {
        margin-left: 40px;
    }

    .header-right-menu.xs-rolled-out .kebab-abs-title {
        left: 40px;
        top: 0;
        position: absolute;
    }

    .header-right-menu.xs-rolled-out .dropdown-toggle {
        cursor: default;
    }

    .header-right-menu.xs-rolled-out > div > a > i , .header-right-menu.xs-rolled-out > a > i , .header-right-menu.xs-rolled-out .fa {
        line-height: 50px;
    }

/* custom bootstrike-like visibility medias*/

.visible-super-xs {
    display: none;
}

@media (max-width: 500px) {
    .hidden-super-xs {
        display: none;
    }

    .visible-super-xs {
        display: inline-block;
    }

    #dnn_dnnLOGO_imgLogo {
        right: 20px !important;
    }

    .header-right-menu .fa.fa-sign-in:after {
        content: "Zaloguj";
        font-size: 15px;
        font-family: 'Roboto', sans-serif;
        position: absolute;
        left: 40px;
        top: 0;
    }
}