body {
    font-family: 'Open Sans', sans-serif;
    background: #f4f4f4;
    padding-top: 50px;
}
h2 {
    font-weight: 300;
}
#topo {
    background: #fff;
    border-radius: 0;
    border: 0;
    border-bottom: 1px #E5E5E5 solid;
    -webkit-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 2px -1px rgba(0, 0, 0, .1);
}
/*#topo .navbar-header{
            border-right:1px #E5E5E5 solid;
        }*/


#topo .icone > a {
    position: relative;
    font-size: 20px;
    padding: 12px;
}
#topo .profile {
    padding-right: 15px;
}
#topo .profile > a {
    padding-top: 0;
    padding-bottom: 0;
    display: table-cell;
    height: 51px;
    vertical-align: middle;
}
#topo .profile > a .foto,
.foto-miniatura img {
    max-width: 40px;
    max-height: 40px;
    border: 1px #c0c0c0 solid;
    /*background:#dddddd;*/
}
#profileDropdown .foto {
    max-width: 100%;
    max-height: 100px;
    margin-bottom: 10px;
}
section.conteudo {
    padding: 15px;
    display: table-cell;
    vertical-align: top;
    height: 100vh;
    max-width: 80vw;
    min-width: 80vw;
}
#sidenav-left .glyphicon {
    margin: 0px 5px;
    zoom: 1.5;
}
.navbar-fixed-top .glyphicon {
    zoom: 1.1;
}
.navbar-fixed-top .badge.pull-right.totalNotificacao,
.navbar-fixed-top .badge.pull-right.totalMensagem {
    background: #C51825;
    font-weight: normal;
    border-radius: 0;
    border: 1px solid #fff;
    padding: .4em .3em;
    font-size: .5em;
    line-height: .6em;
    left: 24px;
    top: 4px;
    position: absolute;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .4);
    display: none;
}
.calendario {
    position: relative;
}
/* .bootstrap-datetimepicker-widget.dropdown-menu.bottom{
        display: block !important;
        width: 370px !important;
        padding: 20px !important;
        border-color: #E4E4E4 !important;
        box-shadow: none !important;
        margin-top: -27px;
        margin-left: -30px;
        border-radius: 0;
        border-left: none;
        z-index:0 !important;
    }
    */

.calendario-detalhes {
    min-height: 315px;
}
.calendario-detalhes h3 {
    margin-top: 0;
    font-weight: 100;
}
.calendario-detalhes p {
    margin: 0;
    font-size: 12px;
}
input.datetimepicker-inline {
    visibility: hidden;
}
.calendario-detalhes {
    background: #FAA095;
    padding: 10px;
}
.calendario-detalhes > span {
    background: #FEF1EF;
    display: block;
    margin-bottom: 5px;
    font-size: 12px;
    border-left: 3px solid #003399;
    padding: 2px 5px;
}
.calendario-detalhes > span.green {
    border-left: 3px solid #669900;
}
.interacoes {
    background: #fff;
    border-right: 1px solid #e4e4e4;
    border-left: 2px solid #e4e4e4;
    border-bottom: 2px solid #e4e4e4;
    padding: 10px;
    box-sizing: border-box;
    line-height: 12px;
    margin: 0px 0px 10px 0px;
    color: #666;
    font-size: 12px;
}
.interacoes .col-md-3 {
    color: #999;
}
.interacoes .col-md-3 .glyphicon {
    margin-right: 10px;
}
.notificacoes {
    margin-top: 20px;
}
.notificacoes h3 {
    font-weight: 100;
    color: #666;
    margin: 10px 0;
    cursor: pointer;
}
.notificacoes button.btn.btn-default {
    color: #999;
}
.notificacoes input.form-control {
    border-right: none !important;
}
.notificacoes input.form-control:focus {
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .17);
}
.notificacoes h3 .caret {
    margin: 0;
}
.pesquisa-notificacoes {
    padding-left: 0
}
.wraper-notas {
    padding-left: 0
}
.notas {
    min-height: 300px;
}
.notas h3 {
    margin-top: 0px
}
.carregando {
    background-color: #F5F5F5;
    border: 1px solid #CBCBCB;
    color: #CBCBCB;
    text-align: center;
    padding: 10px 0px;
    margin: 10px 0px;
    margin-left: 0;
    margin-right: 0;
}
.wraper-calendario .col-md-6:first-child {
    padding-right: 0;
}
.wraper-calendario .col-md-6:last-child {
    margin: 0;
    padding-left: 0;
}
.datetimepicker-inline.fc.fc-ltr .fc-header-title h2 {
    color: #999;
    font-weight: 100;
    font-size: 1.8em;
}
.datetimepicker-inline.fc,
.datetimepicker-inline.fc table {
    background: #fff;
}
.datetimepicker-inline {
    border: 1px solid #E4E4E4;
}
.datetimepicker-inline .fc {
    text-align: center !important;
}
.datetimepicker-inline .fc-header-center {
    padding-left: 5px;
    float: none !important;
    text-align: center;
}
.datetimepicker-inline.fc td {
    cursor: pointer;
}
.datetimepicker-inline.fc,
.datetimepicker-inline.fc table {
    font-size: 12px;
}
.datetimepicker-inline.fc-state-default {
    background-color: none;
    background-image: none;
    border: none;
}
.datetimepicker-inline .fc-widget-header,
.fc-widget-content {
    border: none;
}
.datetimepicker-inline {
    padding: 14px
}
.datetimepicker-inline .fc-day > div {
    position: relative;
    top: 10px;
    width: 18px;
    margin: auto;
}
.interacoes .glyphicon.glyphicon-pushpin {
    color: #D94B3D;
}
@media (max-width: 767px) {
    section.conteudo {
        margin-left: 85px;
    }
    .pesquisa-notificacoes {
        padding-left: 15px !important;
    }
}
@media (min-width: 992px) {
    .wraper-notas {
        float: right;
    }
}
@media (max-width: 991px) {
    .row.interacoes .foto-miniatura {
        float: left;
    }
    .row.interacoes .hint-miniatura {
        margin-bottom: 30px;
        display: block;
    }
    .notas {
        margin: 15px !important;
    }
    .wraper-calendario .col-md-6:first-child {
        padding-right: 15px !important;
    }
    .wraper-calendario .col-md-6:last-child {
        padding-left: 15px !important;
        margin-top: 15px !important;
    }
    .wraper-notas {
        padding: 0;
    }
}
@media (min-width: 801px) {
    #profileDropdown {
        margin-right: 17px;
        min-width: 280px;
        padding: 10px;
    }
    #topoPesquisar input:not(:focus) {
        border-color: #fff;
        box-shadow: none;
    }
    #topoPesquisar input:not(:focus) + .input-group-btn {
        display: none;
    }
    .addNotas {
        cursor: pointer;
    }
}
.page-container {
    min-height: 600px;
}
.page-container .sidebar-menu {
    display: table-cell;
    vertical-align: top;
    background: #303641;
    min-width: 250px;
    position: relative;
    z-index: 100;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
@media screen and (max-width: 768px) {
    .page-container .sidebar-menu {
        display: block;
    }
}
@media screen and (min-width: 768px) {
    .page-container .sidebar-menu.fixed .sidebar-menu-inner {
        position: fixed;
        height: auto;
        bottom: 0;
        width: 280px;
    }
}
.page-container .sidebar-menu .sidebar-menu-inner {
    position: relative;
}
.page-container .sidebar-menu .sidebar-menu-inner.ps-page-container {
    overflow: hidden;
    height: 100%;
}
.sidebar-collapsed.page-container .sidebar-menu .sidebar-menu-inner.ps-page-container {
    overflow: visible;
}
.page-container .sidebar-menu .logo-env {
    width: 100%;
    padding: 35px 35px 10px 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.page-container .sidebar-menu .logo-env:before,
.page-container .sidebar-menu .logo-env:after {
    content: " ";
    /* 1 */

    display: table;
    /* 2 */
}
.page-container .sidebar-menu .logo-env:after {
    clear: both;
}
.page-container .sidebar-menu .logo-env > div {
    display: block;
    vertical-align: middle;
    white-space: nowrap;
    float: left;
}
.page-container .sidebar-menu .logo-env > div > a {
    display: inline-block;
    color: #aaabae;
}
.page-container .sidebar-menu .logo-env > div.sidebar-collapse,
.page-container .sidebar-menu .logo-env > div.sidebar-mobile-menu {
    position: relative;
    float: right;
}
.page-container .sidebar-menu .logo-env > div.sidebar-collapse a,
.page-container .sidebar-menu .logo-env > div.sidebar-mobile-menu a {
    display: inline-block;
    text-align: center;
    padding: 0;
    line-height: 1;
    font-size: 20px;
    font-weight: 300;
    padding: 5px 0;
    -webkit-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px;
    -moz-background-clip: padding;
    border-radius: 3px;
    background-clip: padding-box;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -webkit-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.page-container .sidebar-menu #main-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
}
.page-container .sidebar-menu #main-menu li {
    position: relative;
    margin: 0;
    font-size: 12px;
    border-bottom: 1px solid rgba(69, 74, 84, 0.7);
}
.page-container .sidebar-menu #main-menu li#search {
    background: #262b34;
    border-bottom-color: rgba(69, 74, 84, 0.5);
    position: relative;
    height: 48px;
}
.page-container .sidebar-menu #main-menu li#search::-webkit-input-placeholder {
    color: rgba(170, 171, 174, 0.7);
}
.page-container .sidebar-menu #main-menu li#search:-moz-placeholder {
    color: rgba(170, 171, 174, 0.7);
}
.page-container .sidebar-menu #main-menu li#search::-moz-placeholder {
    color: rgba(170, 171, 174, 0.7);
}
.page-container .sidebar-menu #main-menu li#search:-ms-input-placeholder {
    color: rgba(170, 171, 174, 0.7);
}
.page-container .sidebar-menu #main-menu li#search .search-input {
    background: none;
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
    padding: 15px 20px;
    padding-right: 45px;
    width: 100%;
    color: #aaabae;
    z-index: 100;
    -moz-transition: 350ms opacity ease-in-out;
    -o-transition: 350ms opacity ease-in-out;
    -webkit-transition: 350ms opacity ease-in-out;
    transition: 350ms opacity ease-in-out;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.page-container .sidebar-menu #main-menu li#search button {
    position: absolute;
    right: 0;
    top: 0;
    background: none;
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
    color: #aaabae;
    padding: 15px 20px;
    padding-top: 13px;
}
.page-container .sidebar-menu #main-menu li#search button i {
    margin: 0;
}
.page-container .sidebar-menu #main-menu li i {
    position: relative;
    font-size: 15px;
    margin-right: 5px;
}
.page-container .sidebar-menu #main-menu li a {
    position: relative;
    display: block;
    padding: 10px 20px;
    color: #aaabae;
    z-index: 2;
    -moz-transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
    -o-transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
    -webkit-transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
    transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
    text-decoration: none;
}
.page-container .sidebar-menu #main-menu li a i {
    top: 1px;
    display: inline-block;
    margin-left: 5px;
}
.page-container .sidebar-menu #main-menu li a span {
    -moz-transition: 350ms opacity ease-in-out;
    -o-transition: 350ms opacity ease-in-out;
    -webkit-transition: 350ms opacity ease-in-out;
    transition: 350ms opacity ease-in-out;
}
.page-container .sidebar-menu #main-menu li a:hover {
    background-color: rgba(69, 74, 84, 0.3);
    color: #ffffff;
}
.page-container .sidebar-menu #main-menu li a .badge {
    position: relative;
    float: right;
    font-size: 11px;
    line-height: 1.3;
}
.page-container .sidebar-menu #main-menu li a .badge.badge-primary {
    border: 1px solid #454a54;
    top: -1px;
}
.page-container .sidebar-menu #main-menu li.active > a {
    background-color: #2b303a;
    color: #ffffff;
}
.page-container .sidebar-menu #main-menu li.has-sub > a:before {
    position: relative;
    content: "\e114";
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    color: #454a54;
    color: #FFF;
    float: right;
    font-size: 11px;
    margin-left: 13px;
    opacity: 0.85;
    top: 0px;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.page-container .sidebar-menu #main-menu li.has-sub.opened > a:before {
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.page-container .sidebar-menu #main-menu li ul {
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
    border-top: 1px solid rgba(69, 74, 84, 0.4);
    display: none;
    overflow: hidden;
    z-index: 1;
}
.page-container .sidebar-menu #main-menu li ul.visible {
    display: block;
}
.page-container .sidebar-menu #main-menu li ul > li {
    border-bottom: 0px;
    /* 1px solid rgba(69, 74, 84, 0.4); */
}
.page-container .sidebar-menu #main-menu li ul > li > a {
    background-color: #2b303a;
    padding-left: 40px;
}
.page-container .sidebar-menu #main-menu li ul > li > a:hover {
    background-color: #2d323d;
}
.page-container .sidebar-menu #main-menu li ul > li:last-child {
    border-bottom: 0;
}
.page-container .sidebar-menu #main-menu li ul > li ul > li > a {
    padding-left: 60px;
    background: #262b34;
}
.page-container .sidebar-menu #main-menu li ul > li ul > li ul > li > a {
    padding-left: 80px;
    background: #262b34;
}
.page-container .sidebar-menu #main-menu li ul > li ul > li ul > li ul > li > a {
    padding-left: 100px;
    background: #262b34;
}
.page-container .sidebar-menu .sidebar-user-info {
    position: relative;
    padding: 25px 35px;
    border-top: 1px solid #454a54;
    -moz-transition: padding 300ms ease-in-out;
    -o-transition: padding 300ms ease-in-out;
    -webkit-transition: padding 300ms ease-in-out;
    transition: padding 300ms ease-in-out;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.page-container .sidebar-menu .sidebar-user-info .user-link {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.page-container .sidebar-menu .sidebar-user-info .user-link:before,
.page-container .sidebar-menu .sidebar-user-info .user-link:after {
    content: " ";
    /* 1 */

    display: table;
    /* 2 */
}
.page-container .sidebar-menu .sidebar-user-info .user-link:after {
    clear: both;
}
.page-container .sidebar-menu .sidebar-user-info .user-link img {
    float: left;
    margin-right: 15px;
    border: 4px solid rgba(255, 255, 255, 0.11);
    -webkit-transition: -webkit-transform 350ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
    -moz-transition: -moz-transform 350ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
    -o-transition: -o-transform 350ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
    transition: -webkit-transform 350ms cubic-bezier(0.445, 0.050, 0.550, 0.950), -moz-transform 350ms cubic-bezier(0.445, 0.050, 0.550, 0.950), -o-transform 350ms cubic-bezier(0.445, 0.050, 0.550, 0.950), transform 350ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
    -webkit-transition: transform 350ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
    transition: transform 350ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
    display: block;
    max-width: 100%;
    height: auto;
}
.page-container .sidebar-menu .sidebar-user-info .user-link span,
.page-container .sidebar-menu .sidebar-user-info .user-link strong {
    display: block;
    font-size: 14px;
    color: #ffffff;
    font-weight: normal;
    line-height: 1.2;
    zoom: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-transition: opacity 300ms ease-in-out;
    -o-transition: opacity 300ms ease-in-out;
    -webkit-transition: opacity 300ms ease-in-out;
    transition: opacity 300ms ease-in-out;
}
.page-container .sidebar-menu .sidebar-user-info .user-link span {
    zoom: 1;
    -webkit-opacity: 0.8;
    -moz-opacity: 0.8;
    opacity: 0.8;
    filter: alpha(opacity=80);
}
.page-container .sidebar-menu .sidebar-user-info .user-link strong {
    font-size: 18px;
}
.page-container .sidebar-menu .sidebar-user-info .user-link img + span,
.page-container .sidebar-menu .sidebar-user-info .user-link img + strong {
    padding-top: 8px;
}
.page-container .sidebar-menu .sidebar-user-info .sui-normal {
    position: relative;
}
.page-container .sidebar-menu .sidebar-user-info .sui-hover {
    position: absolute;
    visibility: hidden;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: #2b303a;
    padding: 25px 27.5px;
    -moz-transition: opacity 200ms ease-in-out;
    -o-transition: opacity 200ms ease-in-out;
    -webkit-transition: opacity 200ms ease-in-out;
    transition: opacity 200ms ease-in-out;
    zoom: 1;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}
.page-container .sidebar-menu .sidebar-user-info .sui-hover .close-sui-popup {
    position: absolute;
    right: 15px;
    top: 10px;
    color: rgba(255, 255, 255, 0.6);
    font-size: 11px;
    cursor: pointer;
    zoom: 1;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.page-container .sidebar-menu .sidebar-user-info .sui-hover a {
    position: relative;
    color: #ffffff;
    display: block;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.page-container .sidebar-menu .sidebar-user-info .sui-hover a + a {
    margin-left: 0;
    margin-top: 5px;
}
.page-container .sidebar-menu .sidebar-user-info .sui-hover.animate-in a {
    top: -20px;
    zoom: 1;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-transition: all 350ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
    -o-transition: all 350ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
    -webkit-transition: all 350ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
    transition: all 350ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
    -moz-transition-delay: 90ms;
    -o-transition-delay: 90ms;
    -webkit-transition-delay: 90ms;
    transition-delay: 90ms;
}
.page-container .sidebar-menu .sidebar-user-info .sui-hover.animate-in a + a {
    -moz-transition-delay: 180ms;
    -o-transition-delay: 180ms;
    -webkit-transition-delay: 180ms;
    transition-delay: 180ms;
}
.page-container .sidebar-menu .sidebar-user-info .sui-hover.animate-in a + a + a {
    -moz-transition-delay: 270ms;
    -o-transition-delay: 270ms;
    -webkit-transition-delay: 270ms;
    transition-delay: 270ms;
}
.page-container .sidebar-menu .sidebar-user-info .sui-hover.animate-in a + a + a + a {
    -moz-transition-delay: 360ms;
    -o-transition-delay: 360ms;
    -webkit-transition-delay: 360ms;
    transition-delay: 360ms;
}
.page-container .sidebar-menu .sidebar-user-info .sui-hover.animate-in a + a + a + a + a {
    -moz-transition-delay: 450ms;
    -o-transition-delay: 450ms;
    -webkit-transition-delay: 450ms;
    transition-delay: 450ms;
}
.page-container .sidebar-menu .sidebar-user-info .sui-hover.animate-in a + a + a + a + a + a {
    -moz-transition-delay: 540ms;
    -o-transition-delay: 540ms;
    -webkit-transition-delay: 540ms;
    transition-delay: 540ms;
}
.page-container .sidebar-menu .sidebar-user-info .sui-hover.animate-in a + a + a + a + a + a + a {
    -moz-transition-delay: 630ms;
    -o-transition-delay: 630ms;
    -webkit-transition-delay: 630ms;
    transition-delay: 630ms;
}
.page-container .sidebar-menu .sidebar-user-info .sui-hover.animate-in a + a + a + a + a + a + a + a {
    -moz-transition-delay: 720ms;
    -o-transition-delay: 720ms;
    -webkit-transition-delay: 720ms;
    transition-delay: 720ms;
}
.page-container .sidebar-menu .sidebar-user-info .sui-hover.animate-in a + a + a + a + a + a + a + a + a {
    -moz-transition-delay: 810ms;
    -o-transition-delay: 810ms;
    -webkit-transition-delay: 810ms;
    transition-delay: 810ms;
}
.page-container .sidebar-menu .sidebar-user-info .sui-hover.animate-in a + a + a + a + a + a + a + a + a + a {
    -moz-transition-delay: 900ms;
    -o-transition-delay: 900ms;
    -webkit-transition-delay: 900ms;
    transition-delay: 900ms;
}
.page-container .sidebar-menu .sidebar-user-info .sui-hover.animate-in a + a + a + a + a + a + a + a + a + a + a {
    -moz-transition-delay: 990ms;
    -o-transition-delay: 990ms;
    -webkit-transition-delay: 990ms;
    transition-delay: 990ms;
}
.page-container .sidebar-menu .sidebar-user-info .sui-hover.visible {
    visibility: visible;
    zoom: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
}
.page-container .sidebar-menu .sidebar-user-info .sui-hover.visible .close-sui-popup {
    zoom: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
}
.page-container .sidebar-menu .sidebar-user-info .sui-hover.visible.animate-in a {
    top: 0;
    zoom: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
}
.page-container .sidebar-menu .sidebar-user-info .sui-hover.going-invisible {
    visibility: visible;
}
.page-container .sidebar-menu .sidebar-user-info .sui-hover.inline-links a {
    line-height: 52px;
    color: #ffffff;
    display: inline-block;
}
.page-container .sidebar-menu .sidebar-user-info .sui-hover.inline-links a + a {
    margin-left: 10px;
}
.page-container .main-content {
    position: relative;
    /*
float: left;
        z-index: 2;
*/

    display: table-cell;
    vertical-align: top;
    padding: 20px;
    background: #ffffff;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
@media screen and (max-width: 768px - 15) {
    .page-container .main-content {
        display: block;
    }
}
.page-container.sidebar-collapsed .sidebar-menu{
    min-width:65px !important;
}
.page-container.sidebar-collapsed .sidebar-menu {
    width: 65px;
}
.page-container.sidebar-collapsed .sidebar-menu .sidebar-menu-inner {
    width: 65px;
}
.page-container.sidebar-collapsed .sidebar-menu.fixed .sidebar-menu-inner {
    position: relative;
}
.page-container.sidebar-collapsed .sidebar-user-info {
    padding: 13.63636364px 5px;
}
.page-container.sidebar-collapsed .sidebar-user-info .user-link {
    text-align: center;
}
.page-container.sidebar-collapsed .sidebar-user-info .user-link img {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform: scale(0.8, );
    -ms-transform: scale(0.8, );
    transform: scale(0.8, );
}
.page-container.sidebar-collapsed .sidebar-user-info .user-link span,
.page-container.sidebar-collapsed .sidebar-user-info .user-link strong {
    position: absolute;
    zoom: 1;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}
.page-container.sidebar-collapsed .sidebar-user-info .sui-hover {
    position: absolute;
    top: 0;
    left: 65px;
    width: 280px;
    padding-top: 8px;
    padding-bottom: 8px;
    background: #303641;
    border: 1px solid #454a54;
    border-left: 0;
}
.page-container.sidebar-collapsed .sidebar-user-info .sui-hover a {
    line-height: 1.2;
}
.page-container.sidebar-collapsed.sidebar-is-showing .sidebar-user-info {
    padding: 25px 35px;
}
.page-container.sidebar-collapsed.sidebar-is-showing .sidebar-user-info img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transform: scale(1, );
    -ms-transform: scale(1, );
    transform: scale(1, );
}
.page-container.sidebar-collapsed .sidebar-menu {
    z-index: 100;
    width: 65px;
}
.page-container.sidebar-collapsed .sidebar-menu .logo-env {
    display: block;
    padding: 20px;
}
.page-container.sidebar-collapsed .sidebar-menu .logo-env > div.logo {
    overflow: hidden;
    width: 0;
}
.page-container.sidebar-collapsed .sidebar-menu .logo-env > div.sidebar-collapse {
    display: block;
    padding: 0;
    left: 3px;
}
.page-container.sidebar-collapsed .sidebar-menu #main-menu > li#search .search-input {
    position: absolute;
    visibility: hidden;
}
.page-container.sidebar-collapsed .sidebar-menu #main-menu > li#search button {
    padding-left: 20px;
    padding-bottom: 20px;
    margin: 0;
}
.page-container.sidebar-collapsed .sidebar-menu #main-menu > li#search.focused .search-input {
    display: block;
    position: absolute;
    visibility: visible;
    top: 0px;
    left: 65px;
    background: #262b34;
    border: 1px solid #454a54;
    width: 250px;
    -webkit-border-radius: 0 3px 3px 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0 3px 3px 0;
    -moz-background-clip: padding;
    border-radius: 0 3px 3px 0;
    background-clip: padding-box;
    border-left: 0;
    padding: 15px 20px;
    padding-bottom: 16px;
    border: 0;
    padding-left: 0;
}
.page-container.sidebar-collapsed .sidebar-menu #main-menu > li.has-sub > a:before {
    display: none;
}
.page-container.sidebar-collapsed .sidebar-menu #main-menu > li.has-sub > a {
    background-color: transparent;
}
.page-container.sidebar-collapsed .sidebar-menu #main-menu > li > a {
    position: relative;
}
.page-container.sidebar-collapsed .sidebar-menu #main-menu > li > a > span:not(.badge) {
    display: block;
    position: absolute;
    top: 0;
    left: 65px;
    margin-top: -1px;
    padding: 10px 10px;
    background: #303641;
    border-top: 1px solid #454a54;
    border-bottom: 1px solid #454a54;
    width: 250px;
    visibility: hidden;
    -webkit-border-radius: 0 3px 3px 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0 3px 3px 0;
    -moz-background-clip: padding;
    border-radius: 0 3px 3px 0;
    background-clip: padding-box;
    zoom: 1;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}
.page-container.sidebar-collapsed .sidebar-menu #main-menu > li > a span {
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none;
}
.page-container.sidebar-collapsed .sidebar-menu #main-menu > li > a span.badge {
    position: absolute;
    right: -240px;
    top: 10px;
    display: none;
}
.page-container.sidebar-collapsed .sidebar-menu #main-menu > li ul {
    border-top-color: #454a54;
}
.page-container.sidebar-collapsed .sidebar-menu #main-menu > li > ul {
    display: block;
    visibility: hidden;
    position: absolute;
    height: 0;
    top: auto;
    left: 65px;
    width: 250px;
    -webkit-border-radius: 0 0 3px 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0 0 3px 0;
    -moz-background-clip: padding;
    border-radius: 0 0 3px 0;
    background-clip: padding-box;
    zoom: 1;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}
.page-container.sidebar-collapsed .sidebar-menu #main-menu > li > ul > li > a span.badge {
    display: none;
}
.page-container.sidebar-collapsed .sidebar-menu #main-menu > li > ul li {
    border-bottom: 0px;
    /*1px solid #454a54;*/
}
.page-container.sidebar-collapsed .sidebar-menu #main-menu > li > ul li a {
    padding-left: 10px;
}
.page-container.sidebar-collapsed .sidebar-menu #main-menu > li > ul li li a {
    padding-left: 25px;
}
.page-container.sidebar-collapsed .sidebar-menu #main-menu > li > ul li li li a {
    padding-left: 40px;
}
.page-container.sidebar-collapsed .sidebar-menu #main-menu > li > ul li li li li a {
    padding-left: 55px;
}
.page-container.sidebar-collapsed .sidebar-menu #main-menu > li.has-sub:hover.has-sub > a,
.page-container.sidebar-collapsed .sidebar-menu #main-menu > li:hover.has-sub > a {
    cursor: default;
}
.page-container.sidebar-collapsed .sidebar-menu #main-menu > li.has-sub:hover.has-sub > a > span:not(.badge),
.page-container.sidebar-collapsed .sidebar-menu #main-menu > li:hover.has-sub > a > span:not(.badge) {
    -webkit-border-radius: 0 3px 0 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0 3px 0 0;
    -moz-background-clip: padding;
    border-radius: 0 3px 0 0;
    background-clip: padding-box;
}
.page-container.sidebar-collapsed .sidebar-menu #main-menu > li.has-sub:hover.has-sub > a:hover,
.page-container.sidebar-collapsed .sidebar-menu #main-menu > li:hover.has-sub > a:hover {
    color: #aaabae;
}
.page-container.sidebar-collapsed .sidebar-menu #main-menu > li.has-sub:hover > ul,
.page-container.sidebar-collapsed .sidebar-menu #main-menu > li:hover > ul {
    height: auto;
}
.page-container.sidebar-collapsed .sidebar-menu #main-menu > li.has-sub:hover > a > span,
.page-container.sidebar-collapsed .sidebar-menu #main-menu > li:hover > a > span {
    visibility: visible;
    zoom: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
}
.page-container.sidebar-collapsed .sidebar-menu #main-menu > li.has-sub:hover a span.badge,
.page-container.sidebar-collapsed .sidebar-menu #main-menu > li:hover a span.badge {
    display: block;
}
.page-container.sidebar-collapsed .sidebar-menu #main-menu > li.has-sub:hover > ul,
.page-container.sidebar-collapsed .sidebar-menu #main-menu > li:hover > ul {
    visibility: visible;
    zoom: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
}
.page-container.sidebar-is-collapsing .sidebar-user-info {
    padding: 13.63636364px 5px;
}
.page-container.sidebar-is-collapsing .sidebar-user-info img {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform: scale(0.8, );
    -ms-transform: scale(0.8, );
    transform: scale(0.8, );
}
.page-container.sidebar-is-collapsing .sidebar-menu #main-menu li#search .search-input {
    zoom: 1;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.page-container.sidebar-is-collapsing .sidebar-menu #main-menu li a:before {
    display: none;
}
.page-container.sidebar-is-collapsing .sidebar-menu #main-menu li a span {
    zoom: 1;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-transition: opacity 250ms ease-in-out !important;
    -o-transition: opacity 250ms ease-in-out !important;
    -webkit-transition: opacity 250ms ease-in-out !important;
    transition: opacity 250ms ease-in-out !important;
}
.page-container.sidebar-is-showing .sidebar-menu #main-menu li#search .search-input {
    zoom: 1;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}
.page-container.sidebar-is-showing .sidebar-menu #main-menu li a:before {
    zoom: 1;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}
.page-container.sidebar-is-showing .sidebar-menu #main-menu li a span {
    zoom: 1;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}
.page-container.no-sidebar {
    padding-left: 0;
}
.page-container.no-sidebar .main-content {
    padding-left: 20px;
}
.page-container.horizontal-menu {
    padding-left: 0;
    padding-top: 62px;
}
.page-container.horizontal-menu .navbar {
    display: table-row;
}
.page-container.horizontal-menu.with-sidebar.fit-logo-with-sidebar header.navbar .navbar-brand {
    width: 280px;
}
.page-container.horizontal-menu.with-sidebar header.navbar {
    border-bottom: 1px solid #454a54;
}
.page-container.horizontal-menu.with-sidebar header.navbar ul.nav li.dropdown.open:after {
    bottom: -1px;
}
.page-container.horizontal-menu.with-sidebar header.navbar ul.nav li.dropdown.open .dropdown-menu {
    margin-top: 1px;
}
.page-container.horizontal-menu.with-sidebar .sidebar-user-info {
    border-top: 0;
    border-bottom: 1px solid #454a54;
}
.page-container.horizontal-menu.with-sidebar .sidebar-menu {
    position: relative;
    z-index: 100;
}
.page-container.horizontal-menu.with-sidebar .main-content {
    width: 100%;
}
@media (max-width: 992px) {
    .page-body .page-container.horizontal-menu.fit-logo-with-sidebar header.navbar .navbar-brand {
        width: auto;
    }
}
@media (max-width: 767px) {
    .page-body .page-container {
        padding-left: 0;
    }
    .page-body .page-container .sidebar-menu {
        position: relative;
        width: 100%;
        min-height: 0px !important;
    }
    .page-body .page-container .sidebar-menu .logo-env {
        padding: 15px 20px;
        -moz-transition: all padding ease-in-out;
        -o-transition: all padding ease-in-out;
        -webkit-transition: all padding ease-in-out;
        transition: all padding ease-in-out;
    }
    .page-body .page-container .sidebar-menu .logo-env > div.logo {
        display: block;
        width: auto;
    }
    .page-body .page-container .sidebar-menu .logo-env > div.sidebar-collapse {
        display: none;
    }
    .page-body .page-container .sidebar-menu #main-menu {
        display: none;
        margin-bottom: 0;
    }
    .page-body .page-container .sidebar-menu #main-menu li a span {
        -moz-transition: none;
        -o-transition: none;
        -webkit-transition: none;
        transition: none;
    }
}
.sidebar-collapse-icon {
    width: 28px;
    height: 30px;
}
.sidebar-collapse-icon span:after,
.sidebar-collapse-icon span:before {
    content: "";
    position: absolute;
    left: 0;
    top: -9px;
}
.sidebar-collapse-icon span:after {
    top: 9px;
}
.sidebar-collapse-icon span {
    position: relative;
    display: block;
}
.sidebar-collapse-icon span,
.sidebar-collapse-icon span:after,
.sidebar-collapse-icon span:before {
    width: 100%;
    height: 5px;
    background-color: #888;
    transition: all 0.3s;
    backface-visibility: hidden;
    border-radius: 2px;
}
/* on activation */

.sidebar-collapse-icon-on span {
    background-color: transparent;
}
.sidebar-collapse-icon-on span:before {
    transform: rotate(45deg) translate(5px, 5px);
}
.sidebar-collapse-icon-on span:after {
    transform: rotate(-45deg) translate(7px, -8px);
}
.sidebar-collapse-icon-on {
    opacity: 1;
    visibility: visible;
}
.page-container .sidebar-menu .logo-env > div.sidebar-collapse {
    margin-right: -20px;
}
.sidebar-collapsed .sidebar-menu .logo-env > div.sidebar-collapse {
    margin-right: 0px !important;
}
.sidebar-collapsed .root-level a .glyphicon {
    margin-left: 5px;
}