/***
Fix mobile issues with menus - not helping
***/
.page-header {
	overflow: visible;
}
.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* Fix broken overflow for top-menu in tablet viewports 10/6/24. Ugly but works. Have other options in Changes.php.1 */
@media (min-width: 992px) and (max-width: 1055px) {
	.page-header.navbar .top-menu .navbar-nav {
		margin-right: 0px !important;
	}
	.page-header.navbar .top-menu .navbar-nav > li.dropdown-user {
	  padding: 0px;
	}
	.page-top .top-menu ul.nav > li .form-control {
		padding: 6px 0px !important;
	}	
}

/* To ensure that a column in Datatables has a minimum width at different screen sizes */
.minimumwidth {
	width: auto;
}
/* Tablet view (width = 20%) */
@media only screen and (max-width: 1024px) and (min-width: 768px) {
	.minimumwidth { width: 20%; }
}
/* Mobile view (width = 25%) */
@media only screen and (max-width: 767px) {
	.minimumwidth { width: 25%; }
}

/* To ensure that a column in Datatables has a minimum width at different screen sizes (permissions, groups indexes) */
.minimumwidth {
    width: auto;
}
/* Tablet view (width = 20%) */
@media only screen and (max-width: 1024px) and (min-width: 768px) {
    .minimumwidth { min-width: 20%; }
}
/* Mobile view (width = 25%) */
@media only screen and (max-width: 767px) {
    .minimumwidth { min-width: 25%; }
    .limitonphone { width: 10%; }
    .limitsomeonphone { max-width: 14%; }
}
/* Make sure the text wraps */
.wrappable {
	word-wrap: break-word !important;
	white-space: normal !important;
	overflow-wrap: break-word !important; /* Older support for wrapping */
}

/* Hide this column in datatables in mobile viewport */
/*
@media only screen and (max-width: 767px) {
    .mobile-hidden { display:none; }
}
*/

/* For making tables more responsive */
.table-responsive {
    overflow-x: auto; /* Enable horizontal scrolling */
    -webkit-overflow-scrolling: touch; /* Enable smooth scrolling on mobile */
}
/*@steve this is creating issue in desktop screens?*/
@media (max-width: 768px) { /* Adjust the breakpoint as needed */
    .table {
        overflow-x: auto; /* Enable horizontal scrolling for small screens */
        display: block; /* Ensures the table remains scrollable */
        white-space: nowrap; /* Prevents text from wrapping */
    }
}
table.table td.sec1label, table.table th.sec1label {/* For all viewports */
    min-width:20%; max-width:50%;
}
table.table td.sec1number, table.table th.sec1number {/* For all viewports */
	min-width: 100px !important;
	word-wrap: break-word !important;
	white-space: normal !important;
	overflow-wrap: break-word !important; /* Older support for wrapping */
}
table.table td.sec2label, table.table th.sec2label {/* For all viewports */
    min-width:30%; max-width:60%;
	min-width: 180px;
	word-wrap: break-word !important;
	white-space: normal !important;
	overflow-wrap: break-word !important; /* Older support for wrapping */
	font-size:10pt;
}
table.table td.sec2number, table.table th.sec2number {/* For all viewports */
	min-width: 100px !important;
}

/* Styles specifically for phone view / XS viewports */
/*
@media (max-width: 767px) {
	.sec1label {
		
	}
	.sec1number {
		
	}
	.sec2label {
		
	}
	.sec2number {
		
	}
}
*/

/*
@media only screen and (max-width: 767px) {
  .form-control {
    width: 100%;
    margin-bottom: 15px;
  }
}
*/