.adminbar{
    direction: ltr;
    color: #ccc;
    font-size: 12px;
    font-weight: normal;
    font-family: Arial;
    height: 28px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-width: max-device-width;
    z-index: 1000;
    background-color: #222;
    /*
    background: #464646;
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0,#373737),color-stop(18%,#464646));
    background-image: -webkit-linear-gradient(bottom,#373737 0,#464646 5px);
    background-image: -moz-linear-gradient(bottom,#373737 0,#464646 5px);
    background-image: -o-linear-gradient(bottom,#373737 0,#464646 5px);
    background-image: linear-gradient(to top,#373737 0,#464646 5px);
    */
}

.adminbar-flex{
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
}

.adminbar .adminbar-flex >ul>li{
    border-left: 1px solid #666464;
    border-right: 1px solid #666464;
    padding: 0 3px 0 3px;
    margin: 0;
}

.adminbar .adminbar-flex >ul:first-child>li:first-child{
    /*border-left: 1px solid transparent;*/
}

.adminbar .adminbar-flex >ul:last-child>li:last-child{
    /*border-right: 1px solid transparent;*/
}

.adminbar a{
    text-decoration: none;
}

.adminbar ul, .adminbar ul li {
    clear: none;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    text-indent: 0;
    z-index: 99999;
    line-height: 28px;
    white-space: nowrap;
}

.adminbar ul li > a{
    padding: 0 10px;
    line-height: 28px;
    display: block;
}



.adminbar .adminbar-menu {
    float: left;
    /*
    background: #464646;
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0,#373737),color-stop(18%,#464646));
    background-image: -webkit-linear-gradient(bottom,#373737 0,#464646 5px);
    background-image: -moz-linear-gradient(bottom,#373737 0,#464646 5px);
    background-image: -o-linear-gradient(bottom,#373737 0,#464646 5px);
    background-image: linear-gradient(to top,#373737 0,#464646 5px);
    */
}

.adminbar .adminbar-user {
    float: right;
    /*
    background: #464646;
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0,#373737),color-stop(18%,#464646));
    background-image: -webkit-linear-gradient(bottom,#373737 0,#464646 5px);
    background-image: -moz-linear-gradient(bottom,#373737 0,#464646 5px);
    background-image: -o-linear-gradient(bottom,#373737 0,#464646 5px);
    background-image: linear-gradient(to top,#373737 0,#464646 5px);
    */
}

.adminbar .adminbar-user>li {
    float: left;
    border-left: 1px solid #666464;
    border-right: 0;
    padding: 0 3px 0 3px;
    margin: 0;
}

.adminbar .adminbar-user >li>a, .adminbar .adminbar-menu >li>a{
    color: #ddd;
}

.adminbar .adminbar-user .io{
    padding-right: 5px;
}

.adminbar .adminbar-user .profile img{
    margin-right: 15px;
}

.adminbar .adminbar-user .org{
    text-align: left;
    font-weight: bold;
}


.adminbar .adminbar-menu>li{
    float: left;
    border-right: 1px solid #666464;
    border-left: 0;
    padding: 0 3px 0 3px;
    margin: 0;
}

.adminbar .sub-menu ul li{
    padding: 5px 0;
}

.adminbar .adminbar-notify{
    float: right;
}

.adminbar .adminbar-notify>li {
    float: left;
    border-left: 1px solid #666464;
    border-right: 0;
    padding: 0;
    margin: 0;
}

.adminbar .adminbar-notify >li>a{
    color: #ddd;
}

.adminbar .sub-menu{
    overflow-y: auto;
    display: none;
    right: auto;
    left: 0;
    min-width: 100%;
    padding: 0;
    background: #fff;
    position: absolute;
    float: none;
    -webkit-box-shadow: 0 4px 4px rgba(0,0,0,0.2);
    box-shadow: 0 4px 4px rgba(0,0,0,0.2);
    border-width: 0 1px 1px 1px;
    /*border-style: solid;
    border-color: #666464;*/
    color: #000;
    clear: none;
    font-weight: normal;
    z-index: 99999;
}

.adminbar .adminbar-flex >ul:first-child>li:first-child .sub-menu{
    left: 0;
    right: auto;
}

.adminbar .adminbar-flex >ul:last-child>li:last-child .sub-menu{
    left: auto;
    right: 0;
    border-width: 0 0px 1px 1px;
}

.adminbar .adminbar-flex >ul>li#login .sub-menu{
    left: auto;
    right: 0;
    border-width: 0 0px 1px 1px;
}

.adminbar .adminbar-flex >ul.adminbar-user>li .sub-menu{
    left: auto;
    right: 0;
    border-width: 0 0px 1px 1px;
}

.adminbar-notify .sub-menu {
    left: auto !important;
    right: 0 !important;
}

.adminbar .sub-menu ul{
    margin: 0;
    padding: 0;
}

.adminbar .adminbar-avatar{
    border: 1px solid #999;
    line-height: 24px;
    margin: -3px 0 0 6px;
    height: 16px;
    width: 16px;
    float: none;
    vertical-align: middle;
    display: inline;
    border-radius: 16px;
}

.adminbar .adminbar-avatar-big{
    border: 1px solid #999;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    float: none;
    vertical-align: middle;
    display: inline;
}

.adminbar-user .sub-menu ul li:first-child{
    line-height: 50px;
    overflow: hidden;
}


header{
    /*padding-top: 28px;*/
}

.adminbar li:hover .sub-menu{
    display: block;
}

.adminbar .sub-menu, .adminbar .sub-menu a{
    color: #000000;
}

.adminbar .sub-menu>ul>li{
    border-top: 1px solid #dadada;
}

.adminbar .sub-menu>ul>li:first-child{
    border-top: none;
}

.adminbar .sub-menu ul>li{
}

.adminbar .adminbar-flex > ul >li:hover, .adminbar .adminbar-flex > ul >li:hover > a{
    background-color: #ffffff;
    color: #000000 !important;
}

.adminbar .sub-menu ul li:hover, .adminbar .sub-menu ul li:hover a{
    background: #dfdfdf;
    color: #000 !important;
}

.adminbar .sub-menu>ul{
    min-width: 100px;
}

.adminbar .icon{
    padding: 0 5px 0 0;
}

#bar-tasks{
    padding: 0;
    display: inline-block;
    font-size: 12px;
    border-right: 1px solid #666464 !important;
}

#bar-tasks >li{
    padding: 0 3px;
}

#bar-tasks >li>div{
    cursor: pointer;
    display: inline;
    line-height: 28px;
    padding: 2px 5px;
    margin-right: 2px;
    border-radius: 10px;
}

#bar-tasks >li>div > a, #bar-tasks:hover >li>div >a{
    background-color: inherit !important;
    color: #ffffff;
}

#bar-tasks .all-open{
    background-color: #286090;
    color: #ffffff;
}

#bar-tasks .me-open{
    background-color: #286090;
    color: #ffffff;
}

#bar-tasks .me-current{
    background-color: #5cb85c;
    color: #ffffff;
}

#bar-tasks .me-today{
    background-color: #ec971f;
    color: #ffffff;
}

#bar-tasks .me-past{
    background-color: #d9534f;
    color: #ffffff;
}


#bar-msg{
    display: inline-block;
    font-size: 12px;
    padding: 0 !important;
    border-left: none !important;
}

#bar-msg >li>div{
    cursor: pointer;
    display: inline-block;
    padding: 0 7px;
    line-height: 28px;
}

#bar-msg >li>div > a >span{
    margin-right: 5px;
}

#bar-msg .me-all{
    background-color: #d9534f;
    color: #ffffff;
}

#bar-msg .me-none{
    display: none;
}

#bar-msg >li>div > a, #bar-msg:hover >li>div >a{
    background-color: inherit !important;
    color: #ffffff;
}

.bar-msg-red{
    color: #d9534f !important;
}

.bar-msg-green{
    color: #5cb85c !important;
}

.bar-msg-blue{
    color: #286090 !important;
}

.bar-msg-orange{
    color: #ec971f !important;
}

.notify .bar-msg-orange, .notify .bar-msg-blue, .notify .bar-msg-red{
    animation: blink 1s step-start 0s infinite;
    -webkit-animation: blink 1s step-start 0s infinite;
}

@keyframes blink {
    50% {
        opacity: 0.0;
    }
}
@-webkit-keyframes blink {
    50% {
        opacity: 0.0;
    }
}

.bar-msg{
    padding: 2px 2px 2px 3px;
    border-radius: 5px;
    background-color: #fff;
}

#bar-licence a.licence-green{
    margin: 0 5px;
    background: url(../images/licence_green.png) center no-repeat;
    display: block;
    width: 24px;
    height: 28px;
}

#bar-licence a.licence-blue{
    margin: 0 5px;
    background: url(../images/licence_blue.png) center no-repeat;
    display: block;
    width: 24px;
    height: 28px;
}

#bar-licence a.licence-red{
    margin: 0 5px;
    background: url(../images/licence_red.png) center no-repeat;
    display: block;
    width: 24px;
    height: 28px;
}

#bar-licence a.licence-red2{
    margin: 0 5px;
    background: url(../images/licence_red2.png) center no-repeat;
    display: block;
    width: 24px;
    height: 28px;
}


@media screen  and (max-width: 768px){
    .adminbar .adminbar-user .io{
        display: none;
    }

    .adminbar .adminbar-menu a span.menu-title{
        display: none;
    }

    .adminbar-user li#login .sub-menu{
        max-width: 230px;
    }

    .adminbar-user li#login .sub-menu #loginPanel{
        width: 230px;
    }

}

@media screen  and (max-device-width: 768px){

    .adminbar .adminbar-user .io{
        display: none;
    }

    .adminbar .adminbar-menu a span.menu-title{
        display: none;
    }

    .adminbar-user li#login .sub-menu{
        max-width: 230px;
    }

    .adminbar-user li#login .sub-menu #loginPanel{
        width: 230px;
    }
}