.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
    background:#DCEAC8;   
}

.ui-datepicker-prev {
	display:none;
  
 }
.ui-datepicker-next {
	display:none;
  
} 
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
    color:black;
    background:#DCEAC8;   
}
.ui-datepicker table {
	width: 100%;
	font-size: .7em;
	border-collapse: collapse;
    font-family:verdana;
	margin: 0 0 .7em;
    color:#000000;
    background:#DCEAC8;    
}
.ui-datepicker td {

	border: 0;
	padding: 1px;

    
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .8em;
	text-align: right;
	text-decoration: none;
	font-weight:bold;
}

.ui-datepicker th span
 {
	 
	background:#DCEAC8;
	text-align: right;
	text-decoration: none;
	color:brown;
}

.inputbox, input[type=text].inputbox, input[type=text].inputcombobox, input[type=text].inputboxlargeprofile, input[type=text].inputboxmediumprofile {
		
	width: 100%;
	padding:0px;
	background-image:url(images/form_bg.jpg);
	background-repeat:repeat-x;
	border:1px solid #d1c7ac;
	 font-size: 11pt; 
	 height: 1.8rem;
	 /* line-height:1.5rem; */
	 padding-left:2px;
	
}

.hide {

display:none;

}
 .option {
	background-color:#e1dbe700;
	color: black;
	font-size: 12pt; 
	
	}

	.hidden
	{
		visibility:hidden;

	}

	

.controlTitle
{
color:#381A14;
margin:0;
margin-right:4px;
margin-bottom: 4px;
margin-top:3px;
}


/* .box{
width:250px;
height:150px;
overflow:scroll;
padding:4px;
border: 1px solid grey;

} */

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
   .movecircle {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('images/movecircle.gif') 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
.loading .movecircle {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}


.tablecontainer{
	
	height:200px;
	overflow:scroll;
	padding:0;
	border: 1px solid grey;
	
	}

.checkboxtitle
{
color:rgb(65, 13, 13);
margin:0;
padding:0;
padding-left:1px;
/* width:max-content; */
font-size: 11pt;
}

.dark
{
	font-weight:bold;

}


.top
{

	vertical-align:middle;
	

}

.middle
{

	text-align:center;

}

.btn-group2 {
	  margin-left:3px;
	  margin-right:3px;
	border: 0;
	  /* border-radius: 20%; */
  
	  }

	  .btn-logi {
		margin-left:2px;
		margin-right:2px;
	   
		
	
		}

		.fa-google {
			background: conic-gradient(from -45deg, #ea4335 110deg, #4285f4 90deg 180deg, #34a853 180deg 270deg, #fbbc05 270deg) 73% 55%/150% 150% no-repeat;
			-webkit-background-clip: text;
			background-clip: text;
			color: transparent;
			-webkit-text-fill-color: transparent;
		  }
.buttonclass
{
	
	font-style:italic;
}

.bg-cream
{
	background-color:#FFFBF3;
}

.cr-b
{
	background-color:#FFFBF3;
	color:black;

}

.dnone
{

	display:none;
}

 /* div.dt-buttons {
	float: right; 
	margin-left:50px;
}

.dataTables_wrapper .dataTables_filter {
	margin-top:5px;
	float: right;
	margin-left:30px;
} */


/*Not essential but thought looked better 
 .sorting:after, .sorting_desc:after, .sorting_asc:after {
  bottom: 20px !important;
}

/* /Right aligning text and left aligning icon  */
/* .dataTable .sorting:after, 
.dataTable .sorting_asc:after, 
.dataTable .sorting_desc:after {
  left: 50px !important;
  right: auto !important;
} 



 .dataTable th {
  padding-left:0px; 	 
  padding-right: 30 !important;
}


th.dt-right, td.dt-right {
  text-align: left !important;
  padding-right: 0 !important; 
} */

/* tbody tr:nth-child(odd)
{
background-color:#f2f2f2;
} */ 

table.sample {
	width:100%;
	table-layout: auto;
	font-size:9pt;
	border-width: 1px;
	border-spacing: 0px;
	border-style: outset; 
	border-color: green;
	border-collapse: collapse;
	background-color:#FFFBF3;
}


table.sample thead th {
	/* border: 1px outset green; */
	padding: 2px;	
	background-color:rgb(45, 129, 214);
    font-family:Tahoma, serif, sans-serif;
	/* font-size:0.8em; */
	font-weight:bold;
	color: white;
	text-align:center;
	vertical-align:top;
	
}

.caption  {

	
	color:brown;
	font-weight:bold;
	font-size:2em;
	letter-spacing:.05em;	
	margin:0;
	padding:3px;
	caption-side:top;
	text-align:left;	
	}	

table.sample caption  {

	background: #FFFBF3;
	color:brown;
	font-weight:bold;
	font-size:2em;
	letter-spacing:.05em;	
	margin:0;
	padding:3px;
	caption-side:top;
	text-align:left;	
	}	

/* table.sample tbody tr:nth-child(odd)
{
background-color:#e9e7e3;;
} */

table.sample tbody:nth-child(odd)
{
background-color:#e9e7e3;
}

table.sample tbody td.innertd
{
background-color:#f1dbaf;
}


table.sample td {
	border: 1px inset gray;
	padding: 3px 3px;
	font-family: Verdana, Geneva, sans-serif; 
	/* font-size:0.8em; */
	color:black;
	 /* text-align:left;   */
}

/* table.sample td:nth-child(1) {
	width: 20%;
} */


.left {

	text-align:left;
}


ul.tabletitle {

color:gray;
margin-top:5px;
margin-bottom: 5px;
padding-top: 10px;
padding-bottom: 10px;

}

ul.tabletitle li {

	margin:0;
	display:inline-block;
	padding-left: 10px;
	padding-right: 10px;

}

.span-margin {

		margin-left: 5px;
		margin-right: 5px;

}



/* REQUIRED in CUSTOM THEMES!
 This is the only definition that MUST BE added to any custom themes.
 This is how rows are hidden by filtering (included in provided themes) */
 /* .tablesorter .filtered {
	display: none;
  } */
  
  /* All of the following css is already contained within each theme file; modify it as desired */
  /* filter row */
  .tablesorter-filter-row td {
	background: #eee;
	line-height: normal;
	text-align: center; /* center the input */
	-webkit-transition: line-height 0.1s ease;
	-moz-transition: line-height 0.1s ease;
	-o-transition: line-height 0.1s ease;
	transition: line-height 0.1s ease;
  }
  /* optional disabled input styling */
  .tablesorter-filter-row .disabled {
	opacity: 0.5;
	filter: alpha(opacity=50);
	cursor: not-allowed;
  }
  
  /* hidden filter row */
  .tablesorter-filter-row.hideme td {
	/*** *********************************************** ***/
	/*** change this padding to modify the thickness     ***/
	/*** of the closed filter row (height = padding x 2) ***/
	padding: 2px;
	/*** *********************************************** ***/
	margin: 0;
	line-height: 0;
	cursor: pointer;
  }
  .tablesorter-filter-row.hideme * {
	height: 1px;
	min-height: 0;
	border: 0;
	padding: 0;
	margin: 0;
	/* don't use visibility: hidden because it disables tabbing */
	opacity: 0;
	filter: alpha(opacity=0);
  }
  
  /* filters */
  .tablesorter-filter {
	width: 95%;
	height: inherit;
	margin: 4px;
	padding: 4px;
	background-color: #fff;
	border: 1px solid #bbb;
	color: #333;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: height 0.1s ease;
	-moz-transition: height 0.1s ease;
	-o-transition: height 0.1s ease;
	transition: height 0.1s ease;
  }

 

.select2.narrow {
    width: max-content;
}

.select2.narrow1 {
    width: 100px;
}

.select2.narrow2 {
    width: 200px;
}

.select2.narrow3 {
    width: 300px;
}


.select2.narrow4 {
    width: 400px;
}


  .select2.narrow5 {
    width: 500px;
}

.select2.narrow6 {
    width: 600px;
}


/* .wrap.select2-selection--single {
    
	max-height: 400px; 
	overflow-y:auto !important;
	
}

.select2-container {

	position:relative;
	
	max-height: 400px; 
	overflow-y:auto !important;

} */



.select2-container .wrap.select2-selection--single .select2-selection__rendered .breakword{
    word-wrap: break-word;
    text-overflow: inherit;
    white-space: normal;
	
}

/* .select2-container--below {
	
	background-color: red;
	
} */
  
 /* .select2-search input { background-color: red; } */

.select2-results {
color:black;


}

/* .select2-choices {
	min-height: 150px;
	max-height: 400px;
	overflow-y: auto;
  } */

@media only screen and (max-width: 768px) {
	.logoheader-font {
	  font-size: 12pt;
	}
  }
  
  @media only screen and (min-width: 769px){
	.logoheader-font {
		font-size: 24pt;
	  }
  }
  
  
  @media only screen and (max-width: 768px) {
	.logoheader-font-sub {
	  font-size: 10pt;
	}
  }
  
  @media only screen and (min-width: 769px){
	.logoheader-font-sub {
		font-size: 16pt;
	  }
  }
  

 /* .carousel .carousel-inner{
  height:500px
  } 
  .carousel-inner .carousel-item img{
  min-height:200px;
  
  object-fit:cover
  } 
   
  
   @media(max-width:768px){
  .carousel .carousel-inner{
   
  height:auto
   }
  } */




  .navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
}


.labels {
    font-size: 10pt;
	font-weight:bold;
}

.labeldash {
	font-weight:bold;
	font-style: italic;
	text-decoration: underline;
	 text-decoration-color: #ea4335; 
	color:#fff;
	
}

/* .field-icon {
	float: right;
	margin-right: 8px;
	margin-top: -23px;
	position: relative;
	z-index: 2;
	cursor:pointer;
  } */