/* General form styling */

.mandali-regular {
  font-family: "Mandali", sans-serif;
  font-weight: 400;
  font-style: normal;
}

button.Bamstyle {
    height:25px;
    text-align:center;
    line-height:25px;
    width:auto;
    }

input.Bamstyle:disabled, select.Bamstyle:disabled {
	color: red;
	background-color: #ffffdd;
    border: none;
    border-radius: 2px;
    width: 100%;
    max-width: 300px;
}

input.Bamstyle {
	color: #303033;
	background-color: #ffffff;
    border: none;
    border-radius: 2px;
    width: 100%;
    max-width: 300px;
}

.Bamdetails .control-group,
.Bamdetails .control-group .control-label,
.Bamdetails .control-group .controls {
    font-size: 0.9em;
    padding: 0px;
    margin: 0px;
}

.form-control {
	font-size: 13.33px;
}
/* list options non-selected */
select.Bamstyle, select.Bamstyle.multi {	
  	display: flex;            /* Arrange items in a row */
  	overflow-x: auto;         /* Enable horizontal scrolling */
  	white-space: nowrap;      /* Prevent items from wrapping */
	height: fit-content;
    color: #303033; 
    background-color: #ffffff; 
    border: none;
    border-radius: 2px;
    width: 100%;
    max-width: 300px;
}


/* options in list */
option.Bamstyle, option.Bamstyle.multi {	
	flex: 0 0 auto;           /* Prevent items from shrinking */
	font-size: 0.9em;
}

/* selected options in list */
option.Bamstyle:checked, option.Bamstyle.multi:checked {								
    background-color: #008CD7;
    color: #ffffff; 
}

option.Bamstyle:disabled {
  background-color: darkorange;
  color: black;
}

/* Set the hover color when browsing the option list */
option.Bamstyle:hover, option.Bamstyle.multi:hover {
    background-color: #dfdee5;
	color: #303033;
}

textarea.Bamstyle {
	color: #303033;
	background-color: #ffffff;
    border: none;
    border-radius: 2px;
    width: 100%;
    max-width: 300px;
}

textarea.Bamstyle.disabled {
	color: #a62f03;
	background-color: #ffffdd;
    border: none;
    border-radius: 2px;
    width: 100%;
    max-width: 300px;
}

/* Styling for the user path table */

div.btn.Bamstyle { 
    height: 25px;
	text-align:center;
    line-height: 25px;
/*    font-size: larger;*/
}

img.Bamstyle { 
    height: 100%;
	display: block;
  	margin-left: auto;
  	margin-right: auto;
}

option.Bamtable {								
    background-color: #AAAAAA;
}

select.Bamtable {
    background-color: #303033;
    color: #AAAAAA;
    border: none;
    border-radius: 4px;
  }
  
input.Bamtable[type='checkbox'] {
    accent-color: #303033;
    opacity:50%;   
}

select.Bamtable:hover, select.Bamtable:focus {
    color: #f8f8f8;
}

td.Bamtable {
    border-bottom: 1px solid;
	text-align: left;
	padding-right: 5px;
}
 
th.Bamtable {
    border-bottom: 3px solid;
	white-space: nowrap;
	text-wrap: nowrap;
	text-align: left;
	padding-right: 5px;
}
 
th.Bamtable.l {
    border-bottom: 2px solid;
	white-space: nowrap;
	text-wrap: nowrap;
	text-align: left;
	padding-right: 5px;
}
 
th.Bamtable.r {
    border-bottom: 2px solid;
	white-space: nowrap;
	text-wrap: nowrap;
	text-align: right;
	padding-right: 5px;
}
 
td.Bamtable.noborder tr.Bamtable.noborder {
	border-bottom: none;
	text-align: left;
	padding-right: 5px;
}
	 
td.Bamtable.l {
	text-align: left;
    border-bottom: 1px solid;
    padding-right: 5px;
} 

td.Bamtable.r {
	text-align: right;
    border-bottom: 1px solid;
    padding-right: 5px;
}
	
td.Bamtable.noborder.l {
	text-align: left;
    border-bottom: none;
    padding-right: 5px;
} 

td.Bamtable.noborder.r {
	text-align: right;
    border-bottom: none;
    padding-right: 5px;
}

/* tooltip text color */
.uk-tooltip {
	color:white;
}
	
/* Styling to add left-right table scrolling */
.table_wrapper {
	display: block;
	overflow-x: auto;
	white-space: nowrap;
	text-wrap: nowrap;
	}

/* Eliminate gaps in table borders */
table.Bamtable {
	border-collapse: collapse;
}

div.uk-accordion-content {
	background-color: rgba(0, 0, 0, 0.5);
	padding: 20px;
}

div.bam_switcher {
	background-color: rgba(0, 0, 0, 0.6);
    padding: 20px;
}