#pickAvatarButton, .pickAvatar {
    border: 0px solid #fff !important;
    width: 70px !important;
    height: 70px !important;
}

.knqmix .circle, .cRAChs .circle {
    border: 0px solid #fff !important;
    width: 70px !important;
    height: 70px !important;
}

#conpassQuest {
    display: none !important;
}

.tab-pane {
    padding: 15px 0;
}

.actions {
    width: 65px;
    text-align: center;
}

.error-message {
    color: #a94442;
    margin-top: 10px;
}

.fancybox-inner .message.error, .fancybox-inner h1.page-header {
    margin: 0 0 20px 0;
}

.navbar-text {
    padding-left: 15px;
}

.cursor-pointer {
    cursor: pointer;
}

.message {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.text-purple {
    color: #800080;
}

.purple {
    background-color: #f2e6ff !important;
    border-color: #9933ff;
}

.purple:hover {
    background-color: #f2e1ff !important;
    border-color: #9933ff;
}

.text-orange {
    color: #ffa366;
}

.orange {
    background-color: #ffe0cc !important;
    border-color: darkorange;
}

.orange:hover {
    background-color: #ffd1b3 !important;
    border-color: darkorange;
}

.error {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 10px;
}

.form-group label {
    margin-right: 15px;
}

dd {
    word-wrap: break-word;
}

input[type="radio"], input[type="checkbox"] {
    margin: 4px 10px 0 0;
}

.navbar-toggle-brand {
    position: relative;
    float: left;
    padding: 9px 10px;
    margin-top: 8px;
    margin-left: 3px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    display: block;
}
.navbar-toggle-brand:focus{
    outline: none;
}
.navbar-toggle-brand:hover{
}

@media (max-width: 768px) {
    .navbar-toggle-brand {
        display: none;
    }
    .navbar-brand-img {
        margin-left: 13px !important;
    }
}

@media (min-width: 768px) {
    #page-wrapper {
        padding-top: 25px;
        padding-bottom: 25px;
    }
    .navbar {
        height: 50px;
    }
}

.page-header {
    margin: 20px 0 20px;
}

.submit-ajax {
    margin-top: 5px;
    padding-top: 15px;
    border-top: 1px solid #eee;
}

.table-responsive {
    margin-top: 15px;
}

.pagination {
    margin: 0 0 12px 0;
}

/*
Mobile
*/

@media screen and (max-width: 767px) {
    .page-header {
        font-size: 22px;
    }
    .pull-right {
        float: none !important;
    }
    #page-wrapper {
        padding: 120px 15px 15px;
    }
    .pagination>li>a {
        margin-bottom: 5px;
    }
    .btn-group>.btn {
        margin-right: 3px !important;
        margin-bottom: 3px !important;
        border-radius: 3px !important;
    }
    .nav-tabs>li {
        float: none !important;
        margin: 0px;
    }
    .nav-tabs>li>a {
        border: 0 !important;
        margin: 0px;
        /* background-color: #ddd; */
    }
    .nav-tabs>li.active>a {
        border: 0 !important;
        background-color: #eee !important;
    }
    .pagination {
        margin: 8px 0;
    }
    .table-responsive>.table>thead>tr>th, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tfoot>tr>td {
        white-space: normal;
    }
}

/*
Tablet
*/

@media screen and (max-width: 977px) {
    .pull-right {
        float: none !important;
    }
    .btn-group>.btn {
        margin-right: 3px !important;
        margin-bottom: 3px !important;
        border-radius: 3px !important;
    }
    .pagination>li>a {
        margin-bottom: 5px;
    }
    .pagination {
        margin-bottom: 10px;
    }
}

@media (min-width: 768px) {
    .form-inline .form-group {
        margin-right: 5px;
    }
}

@media print {
    a[href]:after {
        content: none !important;
    }
}

.navbar-fixed-top, .navbar-fixed-bottom {
    z-index: 10;
}

/* encolher menu */

@media (min-width: 768px) {
    #page-wrapper.expanded {
        margin: 50px 0 0 50px !important;
    }
    .sidebar.expanded {
        width: 50px !important;
    }
    .nav>li>a:not(.dropdown-toggle).expanded {
        padding: 10px !important;
    }
    .sidebar .nav-second-level li a.expanded {
        padding-left: 10px !important;
    }
    .footer.expanded {
        left: 50px !important;
    }
}

.sidebar .nav-second-level li a {
    /*border-top: 1px solid #e7e7e7;*/
}

div.list-items-box {
    margin-bottom: 5px;
}

div.list-items-box span {
    color: #337ab7;
}

div.list-items-box span:hover {
    text-decoration: underline;
    cursor: pointer;
}

span.badge-carrinho {
    color: #337ab7;
    background: white;
}

a:hover span.badge-carrinho {
    color: white;
    background: #337ab7;
}

span.carrinho-compra {
    color: white;
}

a:hover span.carrinho-compra {
    color: #337ab7;
}

/* inicio do novo tema */

.navbar-brand-img {
    margin: 4px 14px 0px 3px;
    max-height: 41px;
}

.navbar-default {
    border: none;
}

.navbar-default .navbar-text {
    color: white;
}

.navbar-top-links li a.dropdown-toggle, .navbar-default {
    background-color: #337ab7;
}

.navbar-top-links li a.dropdown-toggle .fa {
    color: white;
}

.navbar-top-links li.open a.dropdown-toggle .fa {
    color: #337ab7;
}

.navbar-default .navbar-toggle .icon-bar,
.navbar-default .navbar-toggle-brand .icon-bar
 {
    background-color: white;
}

.navbar-toggle-brand .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}

.navbar-toggle-brand .icon-bar + .icon-bar {
    margin-top: 4px;
}

.sidebar ul li {
    background: #f5f5f5;
}

.login-panel {
    margin-top: 15%;
}

.ajaxloader {
    margin-top: 2px;
}

.progress-bar-muted{
    background-color: #bbbbbb;
}

/* fim do novo tema */

/* corrigindo diagramacao de tabelas com textos longos */

.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
    word-wrap: break-word;
    white-space: normal;
}

.active-striped {
    -webkit-animation: progress-bar-stripes 4s linear infinite;
    -moz-animation: progress-bar-stripes 4s linear infinite;
    animation: progress-bar-stripes 4s linear infinite;
    animation-direction: reverse;
}