.ui-autocomplete {
    font-size: 11px;
    z-index: 100000 !important;
}
.ui-autocomplete .suggestion {
    font-weight: bold;
    padding: 3px 0px;
    text-align: center;
    color: #006699;
    border-top: 1px solid gray;
}
.ui-autocomplete .suggestion.active {
    cursor: pointer;
    border-top: none;
}
.ui-widget {
    font-size: 12px;
    z-index: 1001;
}
.ui-widget-header {
    background: rgb(33, 169, 211);
    background: linear-gradient(rgb(33, 169, 211), rgb(14, 117, 170));
    background-repeat: repeat-x;
    background-size: 1px 30px;
    z-index: 10;
    color: white;
}
.ui-dialog-titlebar-close {
    color: #666666;
    border: none;
    border-radius: 100%;
    background-color: lightgray;
}
.ui-dialog-titlebar-close:focused {
    color: red;
}
.ui-widget * {
    vertical-align: top;
}
.ui-widget li {
    list-style: none;
}

.add-bottom {
    margin-bottom: 20px;
}
.half-bottom {
    margin-bottom: 10px;
}
.quater-bottom {
    margin-bottom: 5px;
}
.remove-bottom {
    margin-bottom: 0px;
}

/********* NEW ***************/
/******* SPRITES **************/
i.wpk{background-image: url("sprite.png");display:inline-block;}

i.wpk.wopik-logo {
    margin-left: -2px; 
    width: 22px; height: 12px; background-repeat: no-repeat;
    background-position: -0px -288px;
}

.wopik_category.small { width: 25px; height: 25px; background-repeat: no-repeat; background-position: -0px none}

.wopik_category.small.arts_and_culture {background-position: -0px -25px}
.wopik_category.small.arts_and_culture.active {background-position: -0px -0px}

.wopik_category.small.business {background-position: -25px -25px}
.wopik_category.small.business.active {background-position: -25px -0px}

.wopik_category.small.current_affairs {background-position: -50px -25px}
.wopik_category.small.current_affairs.active {background-position: -50px -0px}

.wopik_category.small.entertainment {background-position: -75px -25px}
.wopik_category.small.entertainment.active {background-position: -75px -0px}

.wopik_category.small.lifestyle {background-position: -100px -25px}
.wopik_category.small.lifestyle.active {background-position: -100px -0px}

.wopik_category.small.people {background-position: -125px -25px}
.wopik_category.small.people.active {background-position: -125px -0px}

.wopik_category.small.places {background-position: -150px -25px}
.wopik_category.small.places.active {background-position: -150px -0px}

.wopik_category.small.products {background-position: -175px -25px}
.wopik_category.small.products.active {background-position: -175px -0px}

.wopik_category.small.science {background-position: -200px -25px}
.wopik_category.small.science.active {background-position: -200px -0px}

.wopik_category.small.services {background-position: -225px -25px}
.wopik_category.small.services.active {background-position: -225px -0px}

.wopik_category.small.sports {background-position: -250px -25px}
.wopik_category.small.sports.active {background-position: -250px -0px}

.wopik_category.small.technology {background-position: -275px -25px}
.wopik_category.small.technology.active {background-position: -275px -0px}


.wopik_category.small.wopik {background-position: -300px -25px}
.wopik_category.small.wopik.active {background-position: -300px -0px}

.wopik_category.tiny {width: 18px; height: 18px;}

.wopik_category.tiny.arts_and_culture.active {background-position: -0px -50px}
.wopik_category.tiny.business.active {background-position: -25px -50px}
.wopik_category.tiny.current_affairs.active {background-position: -50px -50px}
.wopik_category.tiny.entertainment.active {background-position: -75px -50px}
.wopik_category.tiny.lifestyle.active {background-position: -100px -50px}
.wopik_category.tiny.people.active {background-position: -125px -50px}
.wopik_category.tiny.places.active {background-position: -150px -50px}
.wopik_category.tiny.products.active {background-position: -175px -50px}
.wopik_category.tiny.science.active {background-position: -200px -50px}
.wopik_category.tiny.services.active {background-position: -225px -50px}
.wopik_category.tiny.sports.active {background-position: -250px -50px}
.wopik_category.tiny.technology.active {background-position: -275px -50px}
.wopik_category.tiny.wopik.active {background-position: -300px -50px}

.metric {width: 20px; height: 20px}

.metric.author {background-position: -500px -25px}
.metric.author.sorted {background-position: -500px -0px}

.metric.comments {background-position: -525px -25px}
.metric.comments.sorted {background-position: -525px -0px}

.metric.engagement {background-position: -550px -25px}
.metric.engagement.sorted {background-position: -550px -0px}

.metric.favorites {background-position: -575px -25px}
.metric.favorites.sorted {background-position: -575px -0px}

.metric.followers {background-position: -600px -25px}
.metric.followers.sorted {background-position: -600px -0px}

.metric.potential {background-position: -625px -25px}
.metric.potential.sorted {background-position: -625px -0px}

.metric.reach {background-position: -675px -25px}
.metric.reach.sorted {background-position: -675px -0px}

.metric.rate {background-position: -675px -25px}
.metric.rate.sorted {background-position: -675px -0px}

.metric.shares {background-position: -700px -25px}
.metric.shares.sorted {background-position: -700px -0px}

.metric.time {background-position: -725px -25px}
.metric.time.sorted {background-position: -725px -0px}


.md_type.small { width: 25px; height: 25px; }

.md_type.small.link { background-position: 0px -175px; }
.md_type.small.link.active { background-position: 0px -150px; }

.md_type.small.video { background-position: -25px -175px; }
.md_type.small.video.active { background-position: -25px -150px; }

.md_type.small.photo { background-position: -50px -175px; }
.md_type.small.photo.active { background-position: -50px -150px; }

.md_type.small.text { background-position: -75px -175px; }
.md_type.small.text.active { background-position: -75px -150px; }

.md_type.small.person.active { background-position: -250px -150px; }

.md_type.tiny { width: 18px; height: 18px; }
.md_type.tiny.link { background-position: 0px -200px; }
.md_type.tiny.video { background-position: -25px -200px; }
.md_type.tiny.photo { background-position: -50px -200px; }
.md_type.tiny.text { background-position: -75px -200px; }
.md_type.tiny.person { background-position: -253px -200px; }

.md_type.small.listen { background-position: -200px -150px; }
.md_type.tiny.listen { background-position: -200px -200px; }

.navigation {
    width: 25px;
    height: 25px;
}

.btn.btn-primary .navigation.post, .btn.btn-default.btn-primary .navigation.post {
    background-position: -422px -23px;
}
.btn.btn-default .navigation.post {
    background-position: -422px 2px;
}
.btn.btn-primary .navigation.search, .btn.btn-default.btn-primary .navigation.search {
    background-position: -400px -23px
}
.btn.btn-default .navigation.search {
    background-position: -400px 2px
}

.sprite.social {
    width: 24px;
    height: 24px;
}

.sprite.social.fb {
    background-position: -550px -150px;
}
.sprite.social.fanpage {
    background-position: -574px -150px;
}
.sprite.social.tw {
    background-position: -600px -150px;
}
.sprite.social.wopik {
    background-position: -525px -150px;
}

ul.social_networks {
    padding: 2px 3px;
    width: 100px;
    min-width: 25px;
    
    left: -4px;
    top: 20px;
}
ul.social_networks li {
    width: 100%;
}
ul.social_networks li * {
    vertical-align: middle;
}


/********* OLD ***************/
/******* SPRITES **************/
.caret.up {
    transform:rotate(190deg);
    -ms-transform:rotate(180deg); /* IE 9 */
    -webkit-transform:rotate(180deg); /* Opera, Chrome, and Safari */
}

.sprite {
    background: none;
    background-image: url(sprite.png);
    /*padding: 0px !important; margin: 0px !important;*/
    display: inline-block;
}
.special.sprite {
    background: none;
    padding: 0px !important; margin: 0px !important;
    display: inline-block;
}
.special.sprite.ecl {
    background-image: url(../images/logo_small.png);
    width: 22px; height: 13px; background-repeat: no-repeat;
    background-position-x: 3px;
    background-position-y: 5px;
}
.special.sprite.wopik_share {
    background-image: url(../images/woopic-ico-on.png);
    width: 22px; height: 14px; background-repeat: no-repeat;
}
.special.sprite.arrows {
    background-image: url(../images/right-arrow-ico.png);
    width: 9px; height: 8px; background-repeat: no-repeat;
}
.sprite.metrics { background-repeat: no-repeat; background-position: -0px -712px; }

/****HEADER**************************************/
#header {
    z-index: 23;
    background: none;
    background-color: rgb(52, 54, 61);
}
body.wopik #header {
    background-image: url(../images/header-bg.png);
      background-color: #F1F2F4;
    background-repeat: repeat-x;
    background-size: 1px 50px;
}

#header button.post {
    width: 37px;
    height: 34px;
    /*color: rgb(69, 114, 169);*/
}

#header .collapse #topbar {
    min-width: 847px;
    min-height: 0px;
    vertical-align: top;
    padding: 0px;
    margin: 0px;
}
#header .collapse.in #topbar {
    min-width: 0px;
}

#header #member_area a {
    background: none;
}
#header #member_area a.dropdown-toggle {
    color: white;
}
#header .collapse.in #member_area {
    color: white;
}
#header #member_area div.dropdown-backdrop {
    z-index: 25;
}
#header #member_area ul.dropdown-menu {
    z-index: 26;
}
/****CONTENT**************************************/
#body {
    margin-bottom: 20px;
}

/* willian's code */
.result {
    overflow: auto;
    font-size: 12px;
}
.result .middle {
    padding: 5px 0 5px 0;
    overflow: auto;
}
.middle .title {
    font-weight: bold;
    font-size: 14px;
}
.middle .description {
    overflow: auto;
}

.result .admin_bar{
    font-size: 10px;
    overflow: auto;
}
/**********************/

/**
 * TODO use something else for this one
 */
.edit_delete {
    background: none;
    border: 1px solid gray;
    border-radius: 3px;
    padding: 0px 3px 0px 3px;
    margin: 0px 2px 0px 2px;
    font-size: 12px;
}


#splashscreen {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: whitesmoke;
    padding-top: 250px;
    text-align: center;
    color: #21a9d3;
    font-size: 36px;
    z-index: 1001;
    display: none;
}

/*search engine */
div.backdrop {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 129;
}

#searchEngine {
    position: absolute;
    width: 400px; height: auto;
    background-color: #f2f2f2;

    border: 1px solid #cccccc !important;
    z-index: 130;
    color: black;
    display: none;

    font-size: 14px;
    line-height: 18px;

    border: 1px solid #cccccc;
    border-radius: 2px;
    box-shadow: 0px 2px 5px #888;
}

#searchEngine ul {
    list-style: none;
    padding: 0px; margin: 0px;
    border: none; outline: none;
}

#searchEngine ul li {
    list-style: none;
    padding: 2px 5px;
}
#searchEngine ul li.header {
    font-weight: bold;
    border-bottom: 1px solid #cccccc
}
#searchEngine ul li.result {
    background-color: white;
    overflow: hidden;
}

#searchEngine ul li.expand {
    border-top: 1px solid #cccccc;
    font-weight: bold;
    color: #0099cc;
    text-align: center;
    cursor: pointer;
}

.panel.with-nav-tabs .panel-heading{
    padding: 5px 5px 0 5px;
}
.panel.with-nav-tabs .nav-tabs{
    border-bottom: none;
}
.panel.with-nav-tabs .nav-justified{
    margin-bottom: -1px;
}

#prompt_arrow {
    z-index: 2001;
    position: absolute;
}

.form-login {
    margin-bottom: 0;
}

.form-login .form-control {
    margin-top: 6px;
    margin-bottom: 0;
}

.form-login .btn-success {
      margin-top: 5px;
}

.forgot_pass{
    font-size: 11px; 
    float:left; 
    padding-top: 15px; 
    padding-left: 5px
}


#id_choosed_language {
    background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='50px' height='50px'><polyline points='46.139,15.518 25.166,36.49 4.193,15.519'/></svg>");
    background-repeat:no-repeat;
    background-position: right 10px top 9px;
    background-size: 12px 14px;
    background-color: white;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0px;
    padding-right: 0px;
    width: 10em;
    font-family:arial,tahoma;
    font-size:13px;
    text-align: left;
    text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
    border-radius:0px;
    -webkit-border-radius:0;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 1px solid;
    outline:0;
    -webkit-transition:0.3s ease all;
    -moz-transition:0.3s ease all;
    -ms-transition:0.3s ease all;
    -o-transition:0.3s ease all;
    transition:0.3s ease all;
    text-overflow: '';
    -moz-appearance: none;
    text-indent: 0.01px;
}