@keyframes sidebarSlideInLeft {
    from {
        left: -260px;
    }

    to {
        left: 0;
    }
}

@-webkit-keyframes sidebarSlideInLeft {
    from {
        left: -260px;
    }

    to {
        left: 0;
    }
}

@media screen and (max-width: 1200px) {
    .content-header-main > span {
        font-size: 1.3em;
        line-height: 1.8em;
    }
}

@media screen and (max-width: 992px) {
	.relative {
		position: relative;
	}
    .content-header-main > span {
        font-size: 1em;
        line-height: 1.8em;
    }
}

@media screen and (min-width: 992px) {

}

@media screen and (max-width: 767px) {
    .content {
        margin-left: 0;
        margin-right: 0;
        padding: 0;
    }

    .page-sidebar-minified .content {
        margin-left: 0;
    }

    .content-header > .breadcrumb {
        font-size: 0.75em;
    }

    .content-header-extra {
        display: none;
    }

    .sidebar-toggle {
        display: inline-block;
    }

    .sidebar,
    .sidebar-bg {
        top: 62px;
        left: -260px;
        z-index: 1040;
    }

    .sidebar-bg {
        z-index: 1035;
    }

    .sidebar .header {
        box-shadow: none;
    }

    .page-sidebar-toggled .sidebar {
        left: 0;
        animation: sidebarSlideInLeft .2s;
        -webkit-animation: sidebarSlideInLeft .2s;
    }

    .page-sidebar-toggled .sidebar-bg {
        position: fixed;
        left: 0;
        animation: sidebarSlideInLeft .2s;
        -webkit-animation: sidebarSlideInLeft .2s;
    }

    .page-sidebar-minified .sidebar {
        position: fixed;
    }

    .table-responsive {
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        border: 0;
        margin-bottom: 0;
    }
}

@media screen and (max-width: 360px) {
	.grid .grid-header > .grid-tools {
		display: none !important;
	}
}

@media print {
    html,
    body {
        overflow-x: auto !important;
        height: auto;
        width: 100%;
    }
	.no-print {
		display: none;
	}	
	.sidebar,
    .grid-info,
    .sticky-top-bar,
    #gritter-notice-wrapper,
    .content-body .sub-nav .nav-pills {
		display: none;
	}

    .page-container {
        height: auto;
    }

    #content, 
    .content {
        margin: 30px 0 0 0;
        padding: 0;
        width: 100%;
    }

    .content-body {
        width: 100%;
        padding: 0;
    }

    p, li, th, td {
        font-size: 11px;
    }

    .panel-default {
        margin-bottom: 10px;
        padding: 0;
        border: 0;
        border-bottom: 1px solid #ccc;
    }

    .table-responsive {
        width: 100%;
        overflow-x: visible;
        overflow-y: visible;
    }
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        padding-top: 5px;
    }
}