/*RIGHT-SIDEBAR*/
.right-sidebar {
position: absolute;
right: 0;
top: 125px;
min-height: 780px;
width: 220px; 
}

.right-sidebar .add-on {
margin: 20px; 
}

.right-sidebar .add-on .add-on-wrapper {
margin-bottom: 10px; 
}

.right-sidebar .add-on .add-on-wrapper a.btn {
opacity: 0.7;
margin: 2px 2px 0 0;
float: left; 
}

.right-sidebar .add-on .add-on-wrapper a.btn:hover {
opacity: 1; 
}

.right-sidebar .add-on h5 {
color: #db7475;
margin: 0 0 5px 0;
padding: 0 0 5px 0;
border-bottom: 1px solid #d5dee9; 
}

@media (max-width: 767px) {
.right-sidebar {
display: none; 
    } 
}

@media (min-width: 768px) and (max-width: 991px) {
.right-sidebar {
display: none; 
    } 
}

@media (min-width: 992px) and (max-width: 1199px) {
.right-sidebar {
display: none; 
    }   
}
/*TOP BAR*/
.top-bar {
    padding: 12px 20px;
    height: 65px;
    line-height: 40px;
    background: white;
}

.top-bar .page-title *{
    font-size: 24px;
    font-weight: 100;
    display: inline-block;
    /*float: left;*/
    color: #dc6511; 
}

.top-bar ul.stats {
    margin: 0;
    padding: 0;
    float: right;
    line-height: 26px; 
}

.top-bar ul.stats li {
    border-left: 1px solid #e2e8f0;
    padding: 0 24px;
    display: inline-block;
    text-align: right; 
}

.top-bar ul.stats li:first-child {
    border-left: none;
    padding-left: 0; 
}

.top-bar ul.stats li:last-child {
    padding-right: 0; 
}

.top-bar ul.stats li h4 {
    color: #404040;
    margin: 0 0 2px 0;
    padding: 0;
    font-size: 21px;
    font-weight: 500; 
}

.top-bar ul.stats li h4 i {
    font-size: 21px;
    margin-left: 3px; 
}

.top-bar ul.stats li h4 i.up {
    color: #76bbad; 
}

.top-bar ul.stats li h4 i.down {
    color: #d66061; 
}

.top-bar ul.stats li h5 {
    padding: 0;
    margin: 0;
    color: #666666;
    font-size: 12px; 
}

.top-bar ul.stats li .stats-details {
    float: left;
    margin-left: 5px; 
}

.top-bar ul.stats li .stats-block {
    float: left;
    position: relative;
    width: 150px;
    height: 30px;
    text-align: center;
    top: 11px;
    margin-right: 12px; 
}

@media (max-width: 767px) {
    .top-bar {
        height: 51px;
        line-height: 30px;
        padding: 10px 20px;
        text-align: center; 
    }
    
    .top-bar .page-title {
        font-size: 16px;
        font-weight: 600; 
    } 
}

.sidebar-addons {
    margin-bottom: 15px; 
}

aside#sidebar {
    position: absolute;
    left: 0;
    top: 60px;
    width: 210px; 
}

aside#sidebar .current-user {
    padding-left: 70px;
    height: 64px;
    margin: 0 0 15px 0;
    padding-top: 10px;
    background: white; 
}

aside#sidebar .current-user .user-avatar {
    position: relative;
    width: 42px;
    height: 42px;
    float: left;
    padding: 0;
    margin-left: -50px; 
}

aside#sidebar .current-user .user-avatar img {
    width: 42px;
    height: 42px;
    border: 2px solid #99afc9; 
}

aside#sidebar .current-user .user-avatar .online {
    border: 2px solid white;
    background: #76bbad;
    height: 10px;
    width: 10px;
    position: absolute;
    right: 2px;
    top: 2px; 
}

aside#sidebar .current-user .user-avatar .busy {
    border: 2px solid white;
    background: #d66061;
    height: 12px;
    width: 12px;
    position: absolute;
    right: 2px;
    top: 2px; 
}

aside#sidebar .current-user .user-avatar .away {
    border: 2px solid white;
    background: #ffaa3a;
    height: 10px;
    width: 10px;
    position: absolute;
    right: 2px;
    top: 2px; 
}

aside#sidebar .current-user .user-name {
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    color: #533e30;
    font-style: italic; 
}

aside#sidebar .current-user ul.user-links {
    margin: 4px 0 0 0;
    padding: 0;
    list-style-type: none; 
}

aside#sidebar .current-user ul.user-links li {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    background: white;
    border: 1px solid #dbe3ec;
    margin-right: 2px; 
}

aside#sidebar .current-user ul.user-links li a {
    line-height: 24px;
    display: block;
    height: 22px;
    width: 22px; 
}

aside#sidebar .current-user ul.user-links li a .fa {
    font-size: 12px; 
}

aside#sidebar .current-user ul.user-links li:hover {
    background: #ecf0f5; 
}

aside#sidebar #menu {
    margin: 20px 0 10px 0;
    display: block;
    width: 100%; 
}

aside#sidebar #menu ul, aside#sidebar #menu li {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    font-weight: normal;
    text-decoration: none;
    line-height: 1;
    position: relative; 
}

aside#sidebar #menu > ul > li > a {
    font-size: 14px;
    display: block;
    color: #99afc9;
    font-weight: 400;
    padding: 12px 15px;
    position: relative; 
}

aside#sidebar #menu > ul > li > a > i {
    font-size: 14px;
    margin-right: 10px;
    color: #99afc9;
    width: 20px;
    float: left;
    line-height: 14px;
    text-align: center; 
}

aside#sidebar #menu > ul > li > a > span {
    display: block; 
}

aside#sidebar #menu > ul > li.has-sub > a span {
    background: url(../SERVIDOR_arquivos/img/icon_plus.png) 100% center no-repeat; 
}

aside#sidebar #menu > ul > li.has-sub.active > a span {
    background: url(../SERVIDOR_arquivos/img/icon_minus.png) 100% center no-repeat; 
}

aside#sidebar #menu > ul > li.highlight {
    background: #ea9f6a; 
}

aside#sidebar #menu > ul > li.highlight:before {
    position: absolute;
    left: 0;
    height: 100%;
    border-left: 4px solid #432c1e;
    content: ""; 
}

aside#sidebar #menu > ul > li.highlight:after {
    position: absolute;
    left: 4px;
    top: 11px;
    height: 0;
    width: 0;
    border-left: 5px solid #432c1e;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    content: ""; 
}

aside#sidebar #menu > ul > li.highlight a {
    color: #fdfdfe;
    font-weight: 600; 
}

aside#sidebar #menu > ul > li.highlight a i {
    color: #fdfdfe; 
}

aside#sidebar #menu > ul > li.highlight a:hover {
    text-decoration: none;
    color: #fdfdfe; 
}

aside#sidebar #menu > ul > li.highlight a:hover i {
    color: #fdfdfe; 
}

aside#sidebar #menu > ul > li:hover {
    background: #ea9f6a;
    text-decoration: none; 
}

aside#sidebar #menu > ul > li:hover a {
    color: #ea9f6a; 
}

aside#sidebar #menu > ul > li:hover a i {
    color: #ea9f6a; 
}

aside#sidebar #menu .current-page {
    position: absolute;
    right: 0;
    top: 10px;
    height: 0;
    width: 0;
    border-right: 7px solid white;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    content: ""; 
}

aside#sidebar #menu ul ul {
    display: none;
    background: white; 
}

aside#sidebar #menu ul ul li {
    padding: 0;
    border-bottom: none;
    border-top: none;
    background: #e49259;
    position: relative; 
}

aside#sidebar #menu ul ul li:hover {
    background: #ea9f6a; 
}

aside#sidebar #menu ul ul li:hover span {
    color: #fdfdfe; 
}

aside#sidebar #menu ul ul li .select {
    font-weight: bold;
    color: #ecf0f5 !important;
    position: relative; 
}

aside#sidebar #menu ul ul li .select:after {
    position: absolute;
    right: 0;
    top: 6px;
    height: 0;
    width: 0;
    border-right: 7px solid white;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    content: ""; 
}

aside#sidebar #menu ul ul a {
    padding: 10px 10px 10px 40px;
    display: block;
    color: #ea9f6a !important;
    font-size: 12px;
    font-weight: normal; 
}

aside#sidebar #menu ul ul a span {
    -webkit-transition: padding 0.5s ease;
    -moz-transition: padding 0.5s ease;
    -ms-transition: padding 0.5s ease;
    -o-transition: padding 0.5s ease;
    transition: padding 0.5s ease;
    padding-left: 5px; 
}

aside#sidebar #menu ul ul a span i {
    margin-right: 5px; 
}

aside#sidebar .freebies {
    margin: 20px 15px; 
}

@media (max-width: 767px) {
    aside#sidebar {
        left: -250px;
        z-index: 1000;
        height: 100%;
        background: #dc6511; 
    } 
}

div#sidebar2 {
  position: absolute;
  left: 70%;
  top: 60px;
  width: 300px;

}

div#sidebar2 .current-user {
    padding-left: 70px;
    height: 64px;
    margin: 0 0 15px 0;
    padding-top: 10px;
    background: white;
}

div#sidebar2 .current-user .user-avatar {
    position: relative;
    width: 42px;
    height: 42px;
    float: left;
    padding: 0;
    margin-left: -50px;
}

div#sidebar2 .current-user .user-avatar img {
    width: 42px;
    height: 42px;
    border: 2px solid #f1c5a5;
}

div#sidebar2 .current-user .user-avatar .online {
    border: 2px solid white;
    background: #76bbad;
    height: 10px;
    width: 10px;
    position: absolute;
    right: 2px;
    top: 2px;
}

div#sidebar2 .current-user .user-avatar .busy {
    border: 2px solid white;
    background: #d66061;
    height: 12px;
    width: 12px;
    position: absolute;
    right: 2px;
    top: 2px;
}

div#sidebar2 .current-user .user-avatar .away {
    border: 2px solid white;
    background: #ffaa3a;
    height: 10px;
    width: 10px;
    position: absolute;
    right: 2px;
    top: 2px;
}

div#sidebar2 .current-user .user-name {
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    color: #533e30;
    font-style: italic;
}

div#sidebar2 .current-user ul.user-links {
    margin: 4px 0 0 0;
    padding: 0;
    list-style-type: none;
}

div#sidebar2 .current-user ul.user-links li {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    background: white;
    border: 1px solid #dbe3ec;
    margin-right: 2px;
}

div#sidebar2 .current-user ul.user-links li a {
    line-height: 24px;
    display: block;
    height: 22px;
    width: 22px;
}

div#sidebar2 .current-user ul.user-links li a .fa {
    font-size: 12px;
}

div#sidebar2 .current-user ul.user-links li:hover {
    background: #ecf0f5;
}