/* body{
	padding: 70px 15px 0px 15px; 
}

.tab-content{
	margin: 20px 10px;
} */

/*This changes the table hover color*/
/* .table-hover tbody tr:hover td{
  background-color: #FFFF99;
}

.pointer:hover{
	cursor: pointer;
} */
body {
	min-width: 450px;
}

.district-logo {
	height: 43px;
	margin-right: 10px;
	margin-top: 3px;
	width: 43px;
}

.pointer {
	cursor: pointer;
}

.footer-break {
	margin-bottom: 100px;
}

.scrollable-content {
	overflow: auto;
}

/************************************************
*									   *
*		User Management CSS Mods			   *
*									   *
************************************************/

#user-management {
	background: #fff;
	padding-bottom: 30px;
	padding-left: 30px;
	padding-right: 30px;
	position: absolute;
	width: 100%;
	margin-left: -15px;
}

/************************************************
*									   *
*		Fontawesome Custom CSS Mods		   *
*									   *
************************************************/

.fa-9x {
	font-size: 9em;
}

.fa-10x {
	font-size: 10em;
}

.fa-15x {
	font-size: 15em;
}

.fa-20x {
	font-size: 20em;
}

.fa-25x {
	font-size: 25em;
}

/************************************************
*									   *
*			Bootstrap Custom CSS Mods	   *
*									   *
************************************************/

/*Page Header*/

.page-header {
	border-bottom: 1px solid #37383A;
}

/*Table Hover*/

.table-hover tbody tr:hover td {
	background-color: #FFFF99;
	/*background-color: aliceblue;*/
}

/*popover*/

.popover {
	color: #7d7d7d;
}

/************************************************
*			   custom css start	                *
************************************************/

.cust-width-applicantName {
	width: 300px;
}

.cust-indent {
	text-indent: 30px;
}

.custom-border {
	border-color: rgb(201, 201, 200);
	border-style: solid;
	border-width: 2px;
}

.cust-date {
	width: 150px;
}

.cust-initial {
	width: 80px;
}

.cust-min-width-screen {
	min-width: 450px;
}

.cust-min-width-450 {
	min-width: 450px;
}

.cust-btn-width {
	width: 200px;
}

.cust-std-btn-width {
	/* width: 350px; */
	width: 300px;
}
.cust-max-width{
	max-width: 1900px;
}
/* .cust-min-width-navbar{
	min-width: 480px;
} */

/* .nav-width{
	width: 100%;
	display: block;
} */

/*DatePicker field width*/

.dp-fld-width {
	width: 170px;
}

/* .cust-fld-width-170{
	width: 170px;
} */

.label-pad {
	padding-left: 50px;
}

.nowrap {
	white-space: nowrap;
}

/*DatePicker field end*/

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
	background-color: rgb(7, 163, 1);
}

/*Popup calendar arrows*/

.glyphicon-chevron-left::before {
	content: "<";
}

.glyphicon-chevron-right::before {
	content: ">";
}

/* Gray calendar button*/

.cust-btn {
	border-color: #b9b9b9;
	color: #7d7d7d;
}

/*popup calendar arrows end*/

.cust-text-orange {
	color: rgb(255, 145, 0);
}

.cust-text-green {
	color: green;
}

.cust-text-transparent {
	color: transparent;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
	background-color: rgb(7, 163, 1);
}

.nowrap {
	white-space: nowrap;
}

.cust-width-100 {
	width: 100px;
}

.cust-width-150 {
	width: 150px;
}

.cust-width-200 {
	width: 200px;
}

/* .cust-width-studid{
	
	@media only screen and (max-width: 1334px) {
		width: 200px;
	}
} */

.cust-width-250 {
	width: 250px;
}

.cust-width-300 {
	width: 300px;
}

.cust-width-350 {
	width: 350px;
}

.cust-width-400 {
	width: 400px;
}

.cust-border-orangered {
	border-color: orangered !important;
}

.cust-border-green {
	border-color: green !important;
}

.cust-remove-border-color {
	/*this is being used and left blank on purpose*/
	border-color: none;
}

/* @media only screen and (min-width: 800px) {
.cust-btn-width{
	width: 170px;
}
} */

.cust-red-font {
	color: red;
}

.cust-to-upper {
	text-transform: uppercase;
}
.cust-width-cell
{

	width: 350px;
	/* width: 25%; */
	
		
}

.cust-width-field{
	width: 100%;
}

@media only screen and (max-width: 1400px) {
	.cust-width-cell
{
	 /* color:red;
	 background-color: blue; */
		width: 300px !important;
}
}


@media only screen and (min-width: 1200px) {
	.cust-fld-width-170 {
		width: 170px;
	}
}

@media only screen and (max-width: 1400px) {
	.tableScrollable {
		display: block;
		overflow-x: auto;
		white-space: nowrap;
	}

	/* .cust-width-200 {
		width: 200px !important;
	}
	.cust-width-250 {
		width: 250px !important;
	}
	.cust-width-300 {
		width: 300px !important;
	}
	.cust-width-350 {
		width: 350px !important;
	} */
}

/**********************************************
*              custom css end                 *
**********************************************/

/**********************************************
*              pagination start  fix          *
**********************************************/

*.unselectable {
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/**********************************************
*              pagination fix end              *
***********************************************/

/************************************************
*												*
*			DATEPICKER FIX	            		*
*												*
************************************************/

.fa-svg-icon {
	display: inline-block;
	vertical-align: middle;
	min-width: 1em;
	min-height: 1em;
	height: 100%;
	position: relative;
	top: -1px;
	color: black;
}

.fa-svg-icon svg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.fa-svg-icon svg g, .fa-svg-icon svg path {
	fill: currentColor;
}

.uib-right {
	padding: 6px;
	color: black;
	background: white;
}

.uib-left {
	padding: 6px;
	color: black;
	background: white;
}

.uib-day {
	padding: 0px !important;
}

.uib-day>.btn {
	background: white;
	color: black;
	padding: 6px;
}

.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active {
	background: grey;
	border-color: black;
	color: white;
}

.btn-secondary {
	border-color: white;
}

.uib-title {
	padding: 8px;
	background: white !important;
	color: black !important;
}

.uib-title:hover {
	display: none;
}

.uib-month>.btn {
	background: white;
	color: black;
}

.uib-year>.btn {
	background: white;
	color: black;
}

.cust-text-blue {
	color: #0069d9;
}

/**********************************************
*              Date picker fix end            *
**********************************************/

/**********************************************
*              custom button check              *
***********************************************/

/* .cust-check-btn{

} */

/* .cust-btn-check{ */

/* color: green; */

/* color: black; */

/* fa fa-check
 font-family: 'FontAwesome';
content: '\f00c';
padding-left: 5px;
position: relative;
font-size: 90%; */

/* } */

/**********************************************
*              Multi Select fix Start            *
**********************************************/

.checkbox {
	padding-left: 20px;
}

#deselectAll, #selectAll {
	display: none !important;
}

.dropdown-menu.dropdown-menu-form {
	height: 300px !important;
	width: inherit !important;
	overflow-y: visible;
	position: absolute !important;
	/*[important] fixes internet explorer z dimension problem*/
}

.dropdown-toggle {
	width: 100% !important;
	text-align: left;
}

.cust-border-red .dropdown-toggle {
	border: 1px solid red;
}

.cust-border-gray .dropdown-toggle {
	border: 1px solid lightgray;
}

.multiselect-parent {
	width: 100% !important;
	display: initial !important;
	display: block !important;
	/*[important] width on firefox/chrome and internet explorer*/
}

.option {
	display: block;
	cursor: pointer;
	padding-left: 10px;
}

.dropdown-menu.dropdown-menu-form>li.ng-scope a {
	display: block !important;
}

.dropdown-menu.dropdown-menu-form>li.ng-scope a {
	color: black;
}

.dropdown-menu.dropdown-menu-form>li.ng-scope:hover, .dropdown-menu.dropdown-menu-form>li.ng-scope:hover a {
	background-color: #007bff;
	color: white;
	text-decoration: none;
	border: 1px solid black !important;
}

.dropdown-menu.dropdown-menu-form>li.ng-scope.active, .dropdown-menu.dropdown-menu-form>li.ng-scope.active a {
	background-color: #007bff;
	color: white;
}

.width-100percent {
	width: 100%;
}




/**Quick class to center div to middle of screen**/
.centerDiv{
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.bg-primary {
	background-color: #007bff !important;
  }
/**********************************************/


.error
{
  color: red;
  size: 80%
}
.hidden
{
  display:none
}

.printchatbox 
    {
    font-size: 12pt;text-align:left;float: middle;
    
    height:2em;   
}

.btn-popover{
	border: 2px solid black;
	background-color: white;
	color: black;
	/* padding: 14px 28px; */
	/* font-size: 16px; */
	cursor: pointer;
  }

  /* Gray */
.default {
	border-color: #e7e7e7;
	color: black;
  }
  
  .default:hover {
	background: #e7e7e7;
  }

  /* Improved responsive flex layout */
  .flex-container {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	gap: 1rem;
}

.flex-item {
	flex: 1;
	min-width: 300px; /* Better mobile support */
	padding: 10px;
}

.nowrap {
	white-space: nowrap;
}

.cust-width-cell {
	width: 100%;
}

.form-control {
	width: 100%;
}

/* Additional responsive improvements */
@media (max-width: 992px) {
	.flex-item {
		min-width: 250px;
	}
	.cust-std-btn-width {
		width: 100%;
		max-width: 300px;
	}
}

@media (max-width: 768px) {
	.flex-item {
		min-width: 100%;
		flex: 1 1 100%;
	}
	
	.table-responsive {
		font-size: 0.875rem;
	}
	
	.custom-padding {
		padding: 15px;
	}
	
	.btn {
		padding: 0.5rem 1rem;
	}
}

@media (max-width: 576px) {
	body {
		min-width: 320px;
	}
	
	.container-fluid {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.card-body {
		padding: 1rem;
	}
	
	h4 {
		font-size: 1.25rem;
	}
	
	h5 {
		font-size: 1.1rem;
	}
	
	.btn {
		font-size: 0.875rem;
	}
}