@media only screen and (max-width:6000px) and (min-width:700px) {
.wrapper.right-bar-enabled .right-bar { right: 0; z-index: 99 }
}

@media (max-width:1023px) {
.button-menu-mobile { display: block!important }
.email-msg { display: none }
}

@media (min-width:768px) and (max-width:991px) {
body { overflow-x: hidden }
}

@media (max-width:768px) {
body { overflow-x: hidden }
.side-menu { position: absolute!important }
.enlarged .left.side-menu { margin-left: -75px }
.topbar-left { width: 70px!important }
.topbar-left span { display: none!important }
.topbar-left i { display: block!important; line-height: 70px!important }
.content-page .content { margin-top: 75px }
.topbar .topbar-left { height: 70px }
.navbar-default { background-color: #fff; box-shadow: 0 0 24px 0 rgba(0,0,0,.06), 0 1px 0 0 rgba(0,0,0,.02) }
.navbar-nav { margin: 0; display: inline-block }
.navbar-nav li { display: inline-block; line-height: 1px }
.navbar-nav.navbar-right { float: right }
.content-page { margin-left: 0!important }
.footer { left: 0!important }
.mobile-sidebar { left: 0 }
.mobile-content { left: 250px; right: -250px }
.wrapper-page { width: 90% }
.dataTables_wrapper .col-xs-6 { width: 100%; text-align: left }
div#datatable-buttons_info { float: none }
.ms-container { width: 100% }
.m-t-sm-50 { margin-top: 50px!important }
}

@media (max-width:767px) {
.navbar-nav .open .dropdown-menu { background-color: #fff; box-shadow: 0 2px 5px 0 rgba(0,0,0,.26); left: auto; position: absolute; right: 0 }
.navbar-nav .open .dropdown-menu li { display: block }
.dropdown-lg { width: 200px!important }
.user-box { float: right }
.dataTables_length { float: none; margin-bottom: 10px }
}

@media (max-width:480px) {
.side-menu { z-index: 10!important }
.button-menu-mobile { display: block }
.search-bar { display: none!important }
}

@media (max-width:420px) {
.hide-phone { display: none!important }
}

@media (min-width:768px) {
.container-alt { width: 750px }
.nav-tabs.nav-justified>li>a { border-bottom: 2px solid #eee }
}

@media (min-width:992px) {
.container-alt { width: 970px }
}

@media (min-width:1200px) {
.container-alt { width: 1170px }
}

@media (max-width:419px) {
.hidden-xxs { display: none }
.logo .icon-c-logo { display: inline-block!important; line-height: 58px!important }
.logo span { display: none!important }
.wrapper-page .logo span { display: inline-block!important }
.page-title-box .breadcrumb,
.topbar-left,
.user-list .user-list-item .avatar,
.user-list .user-list-item .icon { display: none }
.content-page { margin-left: 70px }
.forced .side-menu.left { box-shadow: 0 12px 12px rgba(0,0,0,.1) }
.enlarged .side-menu.left { box-shadow: 0 1px 1px rgba(0,0,0,.1)!important }
.page-title { font-size: 15px; max-width: 250px; white-space: nowrap }
.navbar-default { padding: 0 }
.navbar-default .navbar-left { padding-left: 0!important }
.navbar-default .navbar-left li { padding: 0 5px }
.topbar-left { width: 70px!important }
.editable-responsive { overflow-x: auto }
.profile-info-name img { float: none; margin: 0 auto 20px }
div.hopscotch-bubble .hopscotch-bubble-container { max-width: 180px }
.navbar-nav .open .dropdown-menu { margin-right: -20px }
.user-box .dropdown-menu { margin-right: 0!important }
.dropdown-lg { width: 160px!important }
.user-list .user-list-item .user-desc { margin-left: 0 }
.mails .table-detail { display: block }
}