/**
 * All of the CSS for your admin-specific functionality should be
 * included in this file.
 */

.container {

}

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

.logo-container {
    padding: 5px;
}

.shrink-button {
    display: inline-block;
    margin-bottom: 0;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;

    background: #688c3a;
    border: 1px solid #608236;
    /*
    background-image: url(../images/icon.png);
    background-repeat: no-repeat;
    background-position: 15px;
    */
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    border-radius: 8px;
    padding: 10px 40px;
}

.shrink-button-mini {
    display: inline-block;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;

    background: #688c3a;
    border: 1px solid #608236;
    color: #fff;
    font-weight: bold;
    border-radius: 8px;
    padding: 5px 10px;
    margin: 5px;
}

.shrink-button.disabled {
    background: #385026;
    color: #898989;
}

.opizo-urls{
    min-height: 200px;
}


#opizo_unread_messages ul {
    background-color: #fafafa;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    margin: -12px -12px 0;
}

.opizo-messages {
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    padding-top: 0;
    margin-top: -1px
}

.opizo-messages li {
    margin: 0;
    padding: 8px 12px;
    color: #72777c;
    border-bottom: 1px solid #eee;
}

.opizo-messages li:last-child {
    border-bottom: none;
}

.opizo-messages .message-info {
    display: block
}

.message-icon {
    height: 18px;
    padding-right: 10px;
    width: 18px;
    display: none;
    color: #ff6655;
}

.message-icon:before {
    font-size: 18px
}

.message-meetup .message-icon:before {
    content: "\f465";
}

.message-wordcamp .message-icon:before {
    content: "\f465";
}

.opizo-messages .message-title {
    font-weight: 600;
    display: block
}

.opizo-messages .message-date,.opizo-messages .message-time {
    display: block
}

.opizo-messages-footer {
    margin-top: 0;
    margin-bottom: 0;
    padding: 12px;
    color: #ddd
}

@media screen and (min-width: 355px) {
    .opizo-messages .message-info {
        display:table-row;
        float: left;
        max-width: 59%
    }

    .message-icon,.message-icon[aria-hidden=true],.message-info-inner {
        display: table-cell
    }

    .opizo-messages .message-date-time {
        float: right;
        max-width: 39%
    }

    .opizo-messages .message-date,.opizo-messages .message-time {
        text-align: right
    }
}
/*
.opizo-shrinked-urls.table
{
    direction: ltr;
    text-align: left;
}
*/
.opizo-shrinked-urls.container
{
    padding: 10px;
    background-color: #fff;
    border: 1px solid #f3f3f3;
    overflow: scroll;
}
.opizo-shrinked-urls.table tr:nth-child(odd)
{
    background-color: #f3f3f3;
}
.opizo-shrinked-urls.table tr th
{
    padding: 10px;
    text-align: left;
}
.opizo-shrinked-urls.table tr:hover
{
    background-color: #e8e8e8;
}
.opizo-shrinked-urls.shrinked
{
    width: 180px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 10px 0;
}
.opizo-shrinked-urls.post_title
{
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 10px 10px 10px 0;
    max-width: 200px
}
.opizo-shrinked-urls.url
{
    white-space: nowrap;
    margin: 0;
}
.opizo-pagination-container
{
    margin: 0 0 10px;
    text-align: center;
}
.page-numbers {
    padding: 5px 10px;
    border: 1px solid #d2d2d2;
    margin: 0;
    text-decoration: none;
}
.page-numbers.current {
    font-weight: bold;
}
.opizo-setting-admin-message {
    border: 1px solid #d6d6d6;
    padding: 10px;
    color: #47aae0;
    background-color: whitesmoke;
    font-weight: bold;
}

.start-button {
    display: inline-block;
    margin-bottom: 0;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;

    background: #688c3a;
    border: 1px solid #608236;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    border-radius: 8px;
    padding: 10px 40px;
    text-decoration: none;
}

.start-button.disabled {
    background: #385026;
    color: #898989;
    cursor: default;
}

#image_tutorial {
    text-align: center;
    padding: 5px;
    border: 4px solid #d4d4d4;
    margin: 5px 0;
}