@media (min-width: 768px) {
    html, body, #mopi {
        height:100%;
    }
    .component_list.table-responsive {
        overflow-x: visible;
    }
    footer {
        position: absolute;
        left: 0;
        bottom: 0;
    }
    footer .footer-inner {
        margin-right: 230px;
    }
    .sidebar-collapse footer .footer-inner {
        margin-right: 50px!important;
    }
    footer.not-authed {
        margin: 0!important;
    }
    footer.not-authed .footer-inner {
        margin-right: 0!important;
    }
    .sidebar-collapse footer.not-authed .footer-inner {
        margin-right: 0!important;
    }
    header.not-authed .sidebar-toggle {
        display: none;
    }
}
@media (max-width: 767px) {
    footer {
        height: 50px;
    }
    footer .footer-inner {
        margin-right: 0;
    }
    .sidebar-mini #header_toolbar {
        padding-left: 0!important;
    }
    .sidebar-mini #main_toolbar {
        left: 50px;
    }
    .sidebar-mini .toolbar {
        margin-left: 0!important;
    }
    #section_login {
        max-width: 90%;
    }
}

#header_toolbar {
    padding-left: 230px;
}
.sidebar-collapse #header_toolbar {
    padding-left: 50px!important;
}
.sidebar-collapse #main_toolbar {
    left: 120px;
}
.primary .btn-app {
    background-color: #00A65A;
    color: #FFF!important;
}
.primary .btn-app:hover {
    background-color: #00A65A;
    color: #FFF;
}
.warning .btn-app {
    background-color: #f39c12;
    color: #FFF!important;
}
.warning.inactive .btn-app {
    background-color: #FABC85;
    color: #DDD!important;
}
.danger .btn-app:hover {
    background-color: #dd4b39;
    color: #FFF;
}
.danger .btn-app {
    background-color: #dd4b39;
    color: #FFF!important;
}
.danger.inactive .btn-app {
    background-color: #dd7c75;
    color: #DDD!important;
}
.danger .btn-app:hover {
    background-color: #dd4b39;
    color: #FFF;
}
.component_profile h2 {
    font-size: 18px;
    margin: 0 0 5px;
    border-bottom: 1px solid #f4f4f4;
    border-top: 2px solid #d2d6de;
    padding: 15px 5px;
}
.component_fullcalendar_header ul {
    margin: 0;
    padding: 0;
    list-style-image: none;
    list-style-type: none;
}
.component_fullcalendar_header ul li {
    width: auto;
    float: left;
    padding-right: 30px;
}
.component_fullcalendar_header ul li a {
    color: #333;
    dosplay: block;
    text-decoration: none;
}
.component_fullcalendar_header ul li a.no-selected {
    color: #ccc;
}
.component_fullcalendar_header_nothing {
    height: 18px;
}

.component_fullcalendar .fc-day.fc-sun {
    background-color: #FDF0F3;
}
.component_fullcalendar .fc-day.fc-sat {
    background-color: #EFFDFE;
}
.component_fullcalendar .fc-day.fc-holiday {
    background-color: #FDF0F3;
}
.component_fullcalendar .fc-day.fc-user-holiday {
    background-color: #FDF0F3!important;
}
.component_fullcalendar .fc-day.fc-holiday.fc-today {
    background-color: #fcf8e3;
}
.component_fullcalendar .fc-view-container {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.main-sidebar {
    height: 100%;
    overflow-y: auto;
    padding-bottom: 50px;
}