/*
*
* Responsive Styles.
* Support for Different Devices and Screen sizes.
*
*/

#main {
	overflow-x: auto;
}

body.smart-style-6 #content {
	margin-top: 0;
}

.minified .log-user-info, .minified .ui-resizable-handle {
	display: none;
}

.minified #main {
	margin-left: 45px !important;
}

.minified.fixed-ribbon #ribbon {
	left: 45px !important;
}

#left-panel {
	max-width: 100%;
}

.hidden-menu #left-panel {
	width: 240px !important;
}

.minifyme, .minifyme:hover {
	background: #009ADE;
}

.ngx-table-wrapper .ns-wrapper {
	float: left;
	width: 100%;
}

.cxdPage tr th:nth-child(8), .cxdPage tr th:nth-child(9),
.site-single-grid tr th:nth-child(7), .site-single-grid tr th:nth-child(8),
.all-cxd-grid tr th:nth-child(9), .all-cxd-grid tr th:nth-child(10){
	text-align: center;
}

div#ribbon {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ngx-table-wrapper table {
	table-layout: auto;
}

.full-screen table tr th, .full-screen table tr td {
	display: table-cell !important;
}

.inventory-grid td div,
.all-inventory-grid td div,
.customers-grid th:nth-child(1), .customers-grid tr td:nth-child(1) {
	max-width: 170px;
	word-wrap: break-word;
}

@media(max-width:1700px) {
	.all-cxd-grid tr th:nth-child(7), .all-cxd-grid tr td:nth-child(7),
	.all-inventory-grid th:nth-child(7), .all-inventory-grid tr td:nth-child(7){
		display: none;
	}
}

@media(max-width:1500px) {
	.vpn-grid th:nth-child(7), .vpn-grid tr td:nth-child(7), 
	.vpn-grid th:nth-child(4), .vpn-grid tr td:nth-child(4), 
	.inventory-grid th:nth-child(6), .inventory-grid tr td:nth-child(6),
	.site-single-grid tr th:nth-child(5), .site-single-grid tr td:nth-child(5), 
	.all-inventory-grid th:nth-child(6), .all-inventory-grid tr td:nth-child(6),
	.all-cxd-grid tr th:nth-child(6), .all-cxd-grid tr td:nth-child(6),
	.all-cxd-grid tr th:nth-child(9), .all-cxd-grid tr td:nth-child(9),
	.cxdPage tr th:nth-child(6), .cxdPage tr td:nth-child(6),
	.cxdPage tr th:nth-child(11), .cxdPage tr td:nth-child(11){
		display: none;
	}

	.traffic-chart-large .chart-box {
		padding: 10px 10px 20px !important;
	}
}

@media (max-width: 1200px) {
	.cxdPage tr th:nth-child(10), .cxdPage tr td:nth-child(10), 
	.vpn-grid th:nth-child(3), .vpn-grid tr td:nth-child(3),
	.site-single-grid tr th:nth-child(10), .site-single-grid tr td:nth-child(10), 
	.inventory-grid th:nth-child(7), .inventory-grid tr td:nth-child(7), 
	.inventory-grid th:nth-child(3), .inventory-grid tr td:nth-child(3),
	.all-inventory-grid th:nth-child(9), .all-inventory-grid tr td:nth-child(9),
	.all-cxd-grid tr th:nth-child(11), .all-cxd-grid tr td:nth-child(11),
	.all-cxd-grid tr th:nth-child(12), .all-cxd-grid tr td:nth-child(12),
	.pending-reboot-grid-all tr th:nth-child(6), .pending-reboot-grid-all tr td:nth-child(6){
		display: none;
	}
	.hidden-menu .cxdPage tr th:nth-child(6), .hidden-menu .cxdPage tr td:nth-child(6), 
	.hidden-menu .cxdPage tr th:nth-child(10), .hidden-menu .cxdPage tr td:nth-child(10) {
		display: table-cell;
	}
}

/*Large Devices*/

@media (max-width: 1100px) {
	.pagination li:first-child, .pagination li:last-child, 
	.cxdPage tr th:nth-child(5), .cxdPage tr td:nth-child(5), 
	.all-cxd-grid tr th:nth-child(6), .all-cxd-grid tr td:nth-child(6),
	.site-single-grid tr th:nth-child(9), .site-single-grid tr td:nth-child(9), 
	.site-single-grid tr th:nth-child(4), .site-single-grid tr td:nth-child(4),
	.accounts-grid th:nth-child(5), .accounts-grid tr td:nth-child(5), 
	.vpn-grid th:nth-child(9), .vpn-grid tr td:nth-child(9), 
	.vpn-grid th:nth-child(6), .vpn-grid tr td:nth-child(6), 
	.inventory-grid th:nth-child(5), .inventory-grid tr td:nth-child(5),
	.all-inventory-grid th:nth-child(5), .all-inventory-grid tr td:nth-child(5),
	.pending-reboot-grid-all tr th:nth-child(7), .pending-reboot-grid-all tr td:nth-child(7) {
		display: none;
	}
	.hidden-menu .cxdPage tr th:nth-child(5), .hidden-menu .cxdPage tr td:nth-child(5), 
	.hidden-menu .site-single-grid tr th:nth-child(9), 
	.hidden-menu .site-single-grid tr td:nth-child(9) {
		display: table-cell;
	}
	#content {
		overflow-x: hidden;
	}
}

/*Medium Devices*/

@media (max-width: 992px) {
	.ui-resizable-e {
		display: none;
	}
	.cxdPage tr th:nth-child(8), .cxdPage tr td:nth-child(8), 
	table.vpn-share tr th:nth-child(2), table.vpn-share tr td:nth-child(2),
	.all-cxd-grid tr th:nth-child(9), .all-cxd-grid tr td:nth-child(9),
	.customers-grid th:nth-child(3), .customers-grid tr td:nth-child(3),
	.pending-reboot-grid tr th:nth-child(5), .pending-reboot-grid tr td:nth-child(5),
	.pending-reboot-grid-all tr th:nth-child(2), .pending-reboot-grid-all tr td:nth-child(2)  {
		display: none;
	}
	body.smart-style-6 #content {
		margin-top: 0;
	}
}

/*Small Devices*/

@media (max-width: 767px) {
	.hidden-sm {
		display: none;
	}
	.hidden-xs {
		display: block;
	}
	.fixed-ribbon #ribbon {
		left: 0 !important;
	}
	.hidden-menu.fixed-ribbon #ribbon {
		left: 240px !important;
	}
	.hidden-menu .page-footer {
		padding-left: 240px !important;
	}
	.hidden-menu #main {
		left: 240px;
	}
	body.smart-style-6 #content {
		margin-top: 0;
	}
	.ns-pre-loader img {
		width: 300px;
		left: calc(50% - 150px);
	}
	.audit-btn, 
	.site-single-grid tr th:nth-child(7), .site-single-grid tr td:nth-child(7), 
	.qos-grid tr th:nth-child(2), .qos-grid tr td:nth-child(2), 
	.qos-grid tr th:nth-child(3), .qos-grid tr td:nth-child(3), 
	.qos-grid tr th:nth-child(4), .qos-grid tr td:nth-child(4), 
	.qos-grid tr th:nth-child(5), .qos-grid tr td:nth-child(5),
	.splash-grid tr th:nth-child(2), .splash-grid tr td:nth-child(2), 
	.cxdPage tr th:nth-child(2), .cxdPage tr td:nth-child(2),
	.accounts-grid th:nth-child(2), .accounts-grid tr td:nth-child(2), 
	.accounts-grid th:nth-child(3), .accounts-grid tr td:nth-child(3), 
	.inventory-grid th:nth-child(8), .inventory-grid tr td:nth-child(8), 
	.all-inventory-grid th:nth-child(8), .all-inventory-grid tr td:nth-child(8),
	.all-inventory-grid th:nth-child(10), .all-inventory-grid tr td:nth-child(10), 
	.all-cxd-grid tr th:nth-child(3), .all-cxd-grid tr td:nth-child(3),
	.all-cxd-grid tr th:nth-child(2), .all-cxd-grid tr td:nth-child(2),
	.site-single-grid tr th:nth-child(2), .site-single-grid tr td:nth-child(2), 
	.cxd-alerts th:nth-child(3), .cxd-alerts td:nth-child(3),
	.pending-reboot-grid tr th:nth-child(6), .pending-reboot-grid tr td:nth-child(6),
	.pending-reboot-grid-all tr th:nth-child(3), .pending-reboot-grid-all tr td:nth-child(3),
	.vpn-grid th:nth-child(5), .vpn-grid tr td:nth-child(5){
		display: none;
	}
	.page-title {
		margin: 6px 0 28px;
		line-height: 1.5;
	}
	.per-page-label, .per-page, .pagination li, .active-user-info {
		display: none;
	}
	.pagination li:nth-child(2), .pagination li:nth-last-child(2) {
		display: inline;
	}
	#logo img {
		margin-top: -17px;
	}
	#extr-page #header #logo img {
		margin-top: -5px;
	}
}

/*Extra Small Devices*/

@media (max-width: 560px) {
	.page-footer {
		text-align: center;
	}
	.hidden-xs {
		display: none!important;
	}
	.cxd-edit-box table tr td, .cxd-edit-box table tr th {
		display: block;
	}
	.confirm-modal .modal-dialog {
		width: 94%;
	}
	.toast-bottom-left {
		width: 100%;
	}
	.toast-bottom-left>div {
		width: 94%!important;
	}
	table.vpn-share tr th:nth-child(3), table.vpn-share tr td:nth-child(3),
	.sites-grid table tr th:nth-child(2), .sites-grid table tr td:nth-child(2), 
	.site-single-grid tr th:nth-child(6), .site-single-grid tr td:nth-child(6),  
	.cxdPage tr th:nth-child(3), .cxdPage tr td:nth-child(3), 
	.cxdPage tr th:nth-child(7), .cxdPage tr td:nth-child(7), 
	.cxd-profiles-grid tr th:nth-child(2), .cxd-profiles-grid tr td:nth-child(2), 
	.cxd-profiles-grid tr th:nth-child(3), .cxd-profiles-grid tr td:nth-child(3), 
	.accounts-grid th:nth-child(4), .accounts-grid tr td:nth-child(4), 
	.inventory-grid th:nth-child(9), .inventory-grid tr td:nth-child(9), 
	.inventory-grid th:nth-child(4), .inventory-grid tr td:nth-child(4), 
	.all-inventory-grid th:nth-child(2), .all-inventory-grid tr td:nth-child(2), 
	.all-inventory-grid th:nth-child(3), .all-inventory-grid tr td:nth-child(3), 
	.all-cxd-grid tr th:nth-child(8), .all-cxd-grid tr td:nth-child(8),
	.all-cxd-grid tr th:nth-child(5), .all-cxd-grid tr td:nth-child(5),
	.pending-reboot-grid tr th:nth-child(2), .pending-reboot-grid tr td:nth-child(2),
	.pending-reboot-grid-all tr th:nth-child(8), .pending-reboot-grid-all tr td:nth-child(8),
	.vpn-grid th:nth-child(8), .vpn-grid tr td:nth-child(8) {
		display: none;
	}
	.x-bp.hidden-menu #left-panel {
		width: 100vw !important;
	}
}

@media (min-width:980px) {
	#content {
		min-width: 650px;
	}
}

@media (max-width:979px) {
	.fixed-ribbon #ribbon {
		left: 0 !important;
	}
	.page-footer {
		padding-left: 0 !important;
	}
	.hidden-menu #main {
    left: 240px;
	}
}

@media (min-width:1100px) {
	#content {
		min-width: 850px;
	}
}

.x-bp #left-panel {
	width: 240px !important;
}

.x-bp #main {
	margin-left: 0 !important;
}

.x-bp .ui-resizable-e {
	display: none;
}

/* Browser Supports */

.windows.edge .eth-sec {
	display: inline-table;
}

.windows.chrome .eth-sec, .linux.chrome .eth-sec {
	display: inline-table;
}