@charset "UTF-8";
/*
.color_circle {
height: 25px;
width: 25px;
background-color:
border-radius 50%;
display: inline-block;
}
*/

.color_display_label {
	color: var(--allWhite);
	clear: both;
  	overflow: hidden;
  	margin: 0 auto;
  	list-style-position: outside;
  	list-style-type: none;
  	padding-bottom: 0px;
  	font-family: var(--museoFont);
	font-weight: 100;
	font-style: normal;
	font-size: var(--museoSizeOne);
	line-height: var(--museoSizeOneTwo);
	text-align: centre;
	background: var(--itAdminPink);
	border-style: solid;
	border-width: 2px;
	border-color: var(--itAdminPink);
	border-top-left-radius: 25px;
  	border-top-right-radius: 25px;
  	border-bottom-left-radius: 25px;
  	border-bottom-right-radius: 25px;
  	min-width: 200px;
  	padding: 0.2em;
}

.color_display_label_fifty {
	color: var(--allBlack);
	clear: both;
  	overflow: hidden;
  	margin: 0;
  	list-style-position: outside;
  	list-style-type: none;
  	padding-bottom: 0px;
  	font-family: var(--museoFont);
	font-weight: 100;
	font-style: normal;
	font-size: var(--museoSizeOne);
	line-height: var(--museoSizeOneTwo);
	text-align: centre;
	background: var(--itAdminPinkFifty);
	border-style: solid;
	border-width: 2px;
	border-color: var(--itAdminPink);
	border-top-left-radius: 25px;
  	border-top-right-radius: 25px;
  	border-bottom-left-radius: 25px;
  	border-bottom-right-radius: 25px;
  	min-width: 200px;
  	padding: 0.2em;
}


.color_display_labels {
clear: both;
display: block;
margin: 0;
width: 100%;
/*min-width: 200px;*/
max-width: 1400px;


}

.color_display_labels_centered {
clear: both;
display: block;
margin: 0 auto;
width: 50%;
/*min-width: 200px;*/
max-width: 1400px;


}

.color_display_labels  dl {
	color: var(--allBlack);
	clear: both;
	display: inline;
  	overflow: auto;
  	margin: 0 auto;
  	text-align: center;
  	list-style-position: outside;
  	list-style-type: none;
  	padding-bottom: 0px;
  	font-family: var(--museoFont);
	font-weight: 100;
	font-style: normal;
	font-size: var(--museoSizeOne);
	line-height: var(--museoSizeOneTwo);
	
}

.color_display_labels  dt  {
	clear: both;
	margin: 0 auto;
	text-align: center;
	color: var(--allWhite);
	font-weight: var(--museoWeightOne);
	font-style: normal;
	background: var(--itAdminPink) ;
	border-style: solid;
	border-width: 2px;
	border-color: var(--itAdminPink);
	border-top-left-radius: 15px;
  	border-top-right-radius: 15px;
  	border-bottom-left-radius: 15px;
  	border-bottom-right-radius: 15px;
  	min-width: 200px;
  	padding: 0.2em;
  	
}



.color_display_labels  dd {
	clear: both;
  	overflow: auto;
	color: var(--allBlack);
  	margin: 0;
  	list-style-position: outside;
  	list-style-type: none;
  	padding-top: 5px;
  	padding-bottom: 0px;
  	font-family: var(--museoFont);
	font-weight: 100;
	font-style: normal;
	font-size: var(--museoSizeOne);
	line-height: var(--museoSizeOneTwo);
	display: inline;
	padding-left: 20px;
}


.color_display_pink_display   {
	clear: both;
	box-sizing: border-box;
	color: var(--allBlack);
	font-family: var(--museoFont);
	font-weight: 100;
	font-style: normal;
	font-size: var(--museoSizeOne);
	line-height: var(--museoSizeOneTwo);
	background-color: var(--nocolor);
	border-style: solid;
	border-width: 2px;
	border-color: var(--itAdminPink);
	border-top-left-radius: 15px;
  	border-top-right-radius: 15px;
  	border-bottom-left-radius: 15px;
  	border-bottom-right-radius: 15px;
  	width: 100%;
  	padding: 0.2em;
}


.color_display_pink_display select   {
	border: none;
	padding: 0.2em;
}



.color_display_pink    {
clear: both;
min-width: 200px;
	border: none;
	padding: 0.2em;
	text-align: left;
  line-height: var(--museoSizeOneFive);
  font-size: var(--museoSizeOne);
}

.color_display_pink_container {
	clear: both;
	display: block;
	width: 100%;
	max-width: 1400px;	
  margin: 0 auto;
	padding: 0;
}




.color_display_pink_flex_container {
  display: flex;
  background-color: var(--nocolor);
  flex-direction: row;
  justify-content: center;
  margin-top: 20px;
  margin-right: 10px;
  margin-bottom: 20px;
  margin-left: 10px;
  padding-top: 0 ;
 padding-right: 0px ;
  padding-bottom: 0 ;
  padding-left: 0 ;
}


.color_display_pink_flex_container > div {
  background-color: var(--nocolor);
  color: var(--allBlack);
  width: 100%;
  margin: 0px;
  text-align: center;
  line-height: 1.5em;
  font-size: var(--museoSizeOne);
  padding-top: 0px ;
 padding-right: 10px ;
  padding-bottom: 0px ;
  padding-left: 10px ;
}

/*====== END ADMIN PINK ======*/
svg|a text,
text svg|a {
fill: --allBlack;
}
svg|a:hover,
svg|a:active {
fill: --itAdminPinkTen
}


.color_displaybtn {
	color: var(--allWhite);
	min-width: 25%;
	z-index: 1;
	background-color: var(--itAdminPink);
	border-color: var(--itAdminPink);
   border-top-right-radius: 0%;
  	border-bottom-left-radius: 100%;
  	border-bottom-right-radius: 0%;
  	border-top-left-radius: 100%;
  
  	
}

.color_displaybtn a {
	color: var(--allWhite);
	text-decoration: none;
}


.color_display_container {
	clear: both;
	display: block;
	width: 100%;
	max-width: 1400px;
  margin: 0 auto;
	padding: 0px;
}



.color_display_form {
clear: both;
display: block;
width: 100%;
max-width: 1400px;
margin: 0 auto;
padding: 0;

}

.color_display_form >  section  {
margin: 0 auto;
min-width: 50%;
background: none;
}

/*=====OPERATIONS FLEX TWO COLUMN START=====*/


.color_display_flex_container_two_col {
display: flex;
color: var(--allWhite);
background-color: var(--nocolor);
flex-direction: row;
font-family: var(--museoFont);
font-weight: var(--museoWeightOne);
font-style: normal;
font-size: var(--museoSizeOne);
line-height: var(--museoSizeOneTwo);
margin-top: 0;
margin-right: 0;
margin-bottom: 20px;
margin-left: 0;
padding-top: 0 ;
padding-right: 0px ;
padding-bottom: 0 ;
padding-left: 0 ;
}

.color_display_flex_container_two_col > div {
background-color: var(--nocolor);
color: var(--allWhite);
width: 100%;
margin: 0px;
font-family: var(--museoFont);
font-weight: var(--museoWeightOne);
font-style: normal;
font-size: var(--museoSizeOne);
line-height: var(--museoSizeOneTwo);
text-align: center;
padding-top: 0px ;
padding-right: 0px ;
padding-bottom: 0px ;
padding-left: 0px ;
}

#color_display_flex_container_two_col_a {
background-color: var(--nocolor);
color: var(--allWhite);
width: 30%;
margin: 1em;
font-family: var(--museoFont);
font-weight: var(--museoWeightOne);
font-style: normal;
font-size: var(--museoSizeOne);
line-height: var(--museoSizeOneTwo);
text-align: center;

}

#color_display_flex_container_two_col_b {
background-color: var(--nocolor);
color: var(--allWhite);
width: 30%;
margin: 0;
padding-top: 1em;
padding-right: 1em;
padding-bottom: 0;
padding-left: 1em;
  font-family: museo-sans, sans-serif;
	font-weight: 100;
	font-style: normal;
	font-size: var(--museoSizeOne);
	text-align: center;
	line-height: 2em;
}


/*=====OPERATIONS FLEX TWO COLUMN END=====*/

/*=====OPERATIONS FLEX THREE COLUMN START=====*/


.color_display_form_flex_container_three_col {
display: flex;
color: var(--allWhite);
background-color: var(--nocolor);
flex-direction: row;
justify-content: center;
margin-top: 0;
margin-right: 0;
margin-bottom: 20px;
margin-left: 0;
padding-top: 0 ;
padding-right: 0px ;
padding-bottom: 0 ;
padding-left: 0 ;
}

.color_display_form_flex_container_three_col > div {
background-color: var(--nocolor);
color: var(--allWhite);
width: 100%;
margin: 0px;
text-align: center;
line-height: 1.5em;
font-size: var(--museoSizeOne);
padding-top: 0px ;
padding-right: 0px ;
padding-bottom: 0px ;
padding-left: 0px ;
}

#admin_form_flex_container_three_col_a {
background-color: var(--nocolor);
color: var(--allWhite);
width: 32%;
margin: 1em;
font-family: museo-sans, sans-serif;
font-weight: 100;
font-style: normal;
font-size: var(--museoSizeOne);
text-align: center;
line-height: 2em;
}

#admin_form_flex_container_three_col_b {
background-color: var(--nocolor);
color: var(--allWhite);
width: 32%;
margin: 0;
padding-top: 1em;
padding-right: 1em;
padding-bottom: 0;
padding-left: 1em;
font-family: museo-sans, sans-serif;
font-weight: 100;
font-style: normal;
font-size: var(--museoSizeOne);
text-align: center;
line-height: 2em;
}

#admin_form_flex_container_three_col_c {
  background-color: var(--nocolor);
  color: var(--allWhite);
  width: 32%;
  margin: 0px;
  font-family: museo-sans, sans-serif;
	font-weight: 100;
	font-style: normal;
	font-size: var(--museoSizeOne);
	text-align: center;
	line-height: 2em;
}


/*=====OPERATIONS FLEX THREE COLUMN END=====*/


/*=====OPERATIONS FLEX FOUR COLUMN START=====*/


.color_display_form_flex_container_four_col {
display: flex;
color: var(--allWhite);
background-color: var(--nocolor);
flex-direction: row;
justify-content: center;
margin-top: 0;
margin-right: 0;
margin-bottom: 20px;
margin-left: 0;
padding-top: 0 ;
padding-right: 0px ;
padding-bottom: 0 ;
padding-left: 0 ;
}

.color_display_form_flex_container_four_col > div {
background-color: var(--nocolor);
color: var(--allWhite);
width: 100%;
margin: 0px;
text-align: center;
line-height: 1.5em;
font-size: var(--museoSizeOne);
padding-top: 0px ;
padding-right: 0px ;
padding-bottom: 0px ;
padding-left: 0px ;
}

#admin_form_flex_container_four_col_a {
background-color: var(--nocolor);
color: var(--allWhite);
width: 24%;
margin: 1em;
font-family: museo-sans, sans-serif;
font-weight: 100;
font-style: normal;
font-size: var(--museoSizeOne);
text-align: center;
line-height: 2em;
}

#admin_form_flex_container_four_col_b {
background-color: var(--nocolor);
color: var(--allWhite);
width: 24%;
margin: 0;
padding-top: 1em;
padding-right: 1em;
padding-bottom: 0;
padding-left: 1em;
font-family: museo-sans, sans-serif;
font-weight: 100;
font-style: normal;
font-size: var(--museoSizeOne);
text-align: center;
line-height: 2em;
}

#admin_form_flex_container_four_col_c {
  background-color: var(--nocolor);
  color: var(--allWhite);
  width: 24%;
  margin: 0px;
  font-family: museo-sans, sans-serif;
	font-weight: 100;
	font-style: normal;
	font-size: var(--museoSizeOne);
	text-align: center;
	line-height: 2em;
}

#admin_form_flex_container_four_col_d {
  background-color: var(--nocolor);
  color: var(--allWhite);
  width: 24%;
  margin: 0px;
  font-family: museo-sans, sans-serif;
	font-weight: 100;
	font-style: normal;
	font-size: var(--museoSizeOne);
	text-align: center;
	line-height: 2em;
}


/*=====OPERATIONS FLEX FOUR COLUMN END=====*/


.color_display_form > dl {
	color: var(--allBlack);
	clear: both;
	display: inline;
  	overflow: auto;
  	margin-top: 0;
  	margin-right: 0;
  	margin-bottom: 1em;
  	margin-left: 0;
  	/*margin: auto;*/
  	list-style-position: outside;
  	list-style-type: none;
  	padding-bottom: 0px;
  	font-family: var(--museoFont);
	font-weight: var(--museoWeightOne);
	font-style: normal;
	font-size: var(--museoSizeOne);
	line-height: var(--museoSizeOneTwo);
	
}


.color_display_form > dt  {
	clear: both;
	display: inline;
  	overflow: auto;
  	margin: 0 auto;
  	width: 100%;
  	max-width: 1400px;
	color: var(--allWhite);
	font-family: var(--museoFont);
	font-weight: var(--museoWeightOne);
	font-style: normal;
	font-size: var(--museoSizeOne);
	line-height: var(--museoSizeOneTwo);
	text-align: center;
	background: var(--itAdminPink) ;
	border-style: solid;
	border-width: 2px;
	border-color: var(--itAdminPink);
	border-top-left-radius: 15px;
  	border-top-right-radius: 15px;
  	border-bottom-left-radius: 15px;
  	border-bottom-right-radius: 15px;
  	padding: 0.2em;
  	
}

.color_display_form > dd {
	clear: both;
	display: inline;
  	overflow: auto;
	color: var(--allBlack);
  	margin: 0 auto;
  	list-style-position: outside;
  	list-style-type: none;
  	padding-top: 5px;
  	padding-bottom: 0px;
  	font-family: var(--museoFont);
	font-weight: 100;
	font-style: normal;
	font-size: var(--museoSizeOne);
	line-height: var(--museoSizeOneTwo);
	padding-right: 20px;
	padding-left: 20px;
}

.color_display_form > input[type=text]{
clear: both;
display: inline;
margin: auto;
min-width: 200px;
min-height: 50px;
color: var(--allBlack);
text-align: center;
border-style: solid;
border-width: 2px;
border-color: var(--itAdminPinkFifty);
background-color: var(--nocolor);
overflow: auto;
 -webkit-transition: 0.5s;
  transition: 0.5s;
  outline: none;
  resize: vertical;
}

.color_display_form > input[type=text]:focus{
border-style: solid;
border-width: 3px;
border-color: var(--itAdminPink);
background-color: var(--nocolor);
resize: vertical;
}

.color_display_form > input[type=email]{
clear: both;
display: inline;
margin: auto;
min-width: 200px;
min-height: 50px;
color: var(--allBlack);
text-align: center;
font-family: var(--museoFont);
font-weight: 100;
font-style: normal;
font-size: var(--museoSizeOne);
line-height: var(--museoSizeOneTwo);
border-style: solid;
border-width: 2px;
border-color: var(--itAdminPinkFifty);
background-color: var(--nocolor);
overflow: auto;
 -webkit-transition: 0.5s;
  transition: 0.5s;
  outline: none;
}

.color_display_form > input[type=email]:focus{
border-style: solid;
border-width: 3px;
border-color: var(--itAdminPink);
background-color: var(--allWhite);
}

.color_display_form > select{
clear: both;
display: inline;
margin: auto;
min-width: 200px;
min-height: 50px;
color: var(--allBlack);
text-align: center;
border-style: solid;
border-width: 2px;
border-color: var(--itAdminPinkFifty);
background-color: var(--nocolor);
overflow: auto;
 -webkit-transition: 0.5s;
  transition: 0.5s;
  outline: none;
}

.color_display_form > select:focus{
border-style: solid;
border-width: 3px;
border-color: var(--itAdminPink);
background-color: var(--allWhite);
}

/*======CENTRE DL ELEMENTS WITHIN A SECTION ======*/

.color_display_form_centered {
clear: both;
display: block;
width: 100%;
max-width: 1400px;
margin: 0 auto;
padding: 0px;
}

.color_display_form_centered >  section  {
margin: 0 auto;
min-width: 50%;
background: none;
}

.color_display_form_centered > dl {
	color: var(--allBlack);
	clear: both;
	display: block;
  	overflow: auto;
  	margin-top: 0;
  	margin-right: 0;
  	margin-bottom: 1em;
  	margin-left: 0;
  	list-style-position: outside;
  	list-style-type: none;
  	padding-bottom: 0px;
  	font-family: var(--museoFont);
	font-weight: var(--museoWeightOne);
	font-style: normal;
	font-size: var(--museoSizeOne);
	line-height: var(--museoSizeOneTwo);
	
}

.color_display_form_centered > dt  {
	clear: both;
	display: block;
  	overflow: auto;
  	margin: 0 auto;
  	width: 100%;
  	max-width: 1400px;
	color: var(--allWhite);
	text-align: center;
	background: var(--itAdminPink) ;
	border-style: solid;
	border-width: 2px;
	border-color: var(--itAdminPink);
	border-top-left-radius: 15px;
  	border-top-right-radius: 15px;
  	border-bottom-left-radius: 15px;
  	border-bottom-right-radius: 15px;
  	padding: 0.2em;
  	
}

.color_display_form_centered > dd {
	clear: both;
	display: block;
  	overflow: auto;
	color: var(--allBlack);
  	margin: 0 auto;
  	list-style-position: outside;
  	list-style-type: none;
  	padding-top: 5px;
  	padding-bottom: 0px;
  	font-family: var(--museoFont);
	font-weight: 100;
	font-style: normal;
	font-size: var(--museoSizeOne);
	line-height: var(--museoSizeOneTwo);
	padding-right: 20px;
	padding-left: 20px;
}

.color_display_form_centered > input[type=text]{
clear: both;
display: block;
margin: auto;
min-width: 200px;
min-height: 50px;
color: var(--allBlack);
text-align: center;
border-style: solid;
border-width: 2px;
border-color: var(--itAdminPinkFifty);
background-color: var(--nocolor);
overflow: auto;
 -webkit-transition: 0.5s;
  transition: 0.5s;
  outline: none;
  resize: vertical;
}

.color_display_form_centered > input[type=text]:focus{
border-style: solid;
border-width: 3px;
border-color: var(--itAdminPink);
background-color: var(--allWhite);
resize: vertical;
}

.color_display_form_centered > input[type=email]{
clear: both;
display: block;
margin: auto;
min-width: 200px;
min-height: 50px;
color: var(--allBlack);
text-align: center;
font-family: var(--museoFont);
font-weight: 100;
font-style: normal;
font-size: var(--museoSizeOne);
line-height: var(--museoSizeOneTwo);
border-style: solid;
border-width: 2px;
border-color: var(--itAdminPinkFifty);
background-color: var(--nocolor);
overflow: auto;
 -webkit-transition: 0.5s;
  transition: 0.5s;
  outline: none;
}

.color_display_form_centered > input[type=email]:focus{
border-style: solid;
border-width: 3px;
border-color: var(--itAdminPink);
background-color: var(--allWhite);
}


.color_display_form_centered > input[type=password]{
clear: both;
display: block;
margin: auto;
min-width: 200px;
min-height: 50px;
color: var(--allBlack);
text-align: center;
border-style: solid;
border-width: 2px;
border-color: var(--itAdminPinkFifty);
background-color: var(--nocolor);
overflow: auto;
 -webkit-transition: 0.5s;
  transition: 0.5s;
  outline: none;
}

.color_display_form_centered > input[type=password]:focus{
border-style: solid;
border-width: 3px;
border-color: var(--itAdminPink);
background-color: var(--allWhite);
}

.color_display_form_centered > input[type=submit]{
clear: both;
display: block;
margin: auto;
min-width: 200px;
min-height: 50px;
color: var(--allBlack);
text-align: center;
font-family: var(--museoFont);
font-weight: 100;
font-style: normal;
font-size: var(--museoSizeOne);
line-height: var(--museoSizeOneTwo);
border-style: solid;
border-width: 2px;
border-color: var(--itAdminPink);
background-color: var(--allWhite);
overflow: auto;
}
/*
.color_display_form_centered > input[type=submit]:focus{
border-style: solid;
border-width: 3px;
border-color: var(--itAdminPink);
background-color: var(--allWhite);
}
*/

.color_display_form_centered > input[type=number]{
clear: both;
display: block;
margin: auto;
min-width: 200px;
min-height: 50px;
color: var(--allBlack);
text-align: center;
border-style: solid;
border-width: 2px;
border-color: var(--itAdminPinkFifty);
background-color: var(--nocolor);
overflow: auto;
 -webkit-transition: 0.5s;
  transition: 0.5s;
  outline: none;
}

.color_display_form_centered > input[type=number]:focus{
border-style: solid;
border-width: 3px;
border-color: var(--itAdminPink);
background-color: var(--allWhite);
}




.color_display_form fieldset {

color: var(--allBlack);
	font-family: var(--museoFont);
	font-weight: 100;
	font-style: normal;
	font-size: var(--museoSizeOne);
	line-height: var(--museoSizeOneTwo);
	background-color: var(--nocolor);
	border-style: solid;
	border-width: 2px;
	border-color: var(--itAdminPink);

}




/*===  ADMIN SECTION END          ===*/


/*=======STYLE SELECT A ADMIN BUTTONS=======*/


.color_displaySelectNav {
	overflow: hidden;
	padding 0.5em;
  
}

/*Style the links inside the nav bar*/

.color_displaySelectNav  a {
	float: left;
	display: block;
  /* charcoal text */
	color: var(--seventyBlack);
  /* orange border */
	border-top: 2px solid var(--itAdminPink);
   border-right: 2px solid var(--itAdminPink);
   border-left: 2px solid var(--itAdminPink);
   border-bottom: 2px solid var(--itAdminPink);
   border-radius: 0;
  text-align: center;
  margin: .2em;
  padding: 14px 16px;
  text-decoration: none;
  font-size: var(--museoSizeOne);
}


/*Change color of links on hover*/


.color_displaySelectNav  a:hover {
	/* white */
  color: var(--allBlack);	
  text-decoration: none;
  /* 30% lavender */
  background-color: var(--itAdminPinkThirty);
  background-image:  -webkit-linear-gradient(right, var(--itAdminPinkThirty) 16.39, var(--itAdminPinkThirty) 100%);
  background-image:  -o-linear-gradient(right, var(--itAdminPinkThirty) 16.39, var(--itAdminPinkThirty) 100%);
  background-image:  linear-gradient(to left, var(--itAdminPinkThirty) 16.39, var(--itAdminPinkThirty) 100%); 
}


.color_displaySelectNav  a.active {
	/* white text if active */
  color: var(--allWhite);
  /* Orange background if active */
  background-color: var(--itAdminPink);
  background-image:  -webkit-linear-gradient(right, var(--itAdminPink) 16.39, var(--itAdminPink) 100%);
  background-image:  -o-linear-gradient(right, var(--itAdminPink) 16.39, var(--itAdminPink) 100%);
  background-image:  linear-gradient(left, var(--itAdminPink) 16.39, var(--itAdminPink) 100%);
}


.color_displaySelectNav  > a  {
 /* white text if selected */
  color: var(--allWhite);
  font-style: normal;
  /* programOrange background if selected */
  background-color: var(--itAdminPink);
  background-image:  -webkit-linear-gradient(right, var(--itAdminPink) 16.39, var(--itAdminPink) 100%);
  background-image:  -o-linear-gradient(right, var(--itAdminPink) 16.39, var(--itAdminPink) 100%);
  background-image:  linear-gradient(to left, var(--itAdminPink) 16.39, var(--itAdminPink) 100%);
}








/*================END STYLE THE SELECT ADMIN BUTTONS*/

/*==========ADMIN FLEXBOX STYLES ========*/
/* overall flex container */
.color_display_flex_container {
  clear: both;
  display: flex;
  /*align-items: stretch;*/
  flex-direction: row;
  /*justify-content: center;*/
  width: 100%;
  max-width: 1400px;
  background-color: var(--nocolor);
	color: var(--allBlack);
  /*text-align: left;*/
  margin: 0 auto;
	padding: 0px;
}



.color_display_flex_container input {
  min-width: 200px;
  max-width: 1400px;
  min-height: 50px;
	color: var(--allBlack);
  font-family: museo-sans, sans-serif;
	font-weight: 100;
	font-style: normal;
	font-size: var(--museoSizeOne);
	text-align: left;
	line-height: var(--museoSizeOneTwo);
	text-decoration: none;
	text-decoration-line: none;
border-style: solid;
border-width: 2px;
border-color: var(--itAdminPink);
background-color: var(--nocolor);
  margin: 0 auto;
 padding: 5px;
 overflow: auto;
}

input[class|="admin_data_entry"] {
min-width: 200px;
min-height: 50px;
color: var(--allBlack);
text-align: center;
border-style: solid;
border-width: 2px;
border-color: var(--itAdminPink);
background-color: var(--nocolor);
align-items: center;
overflow: auto;
}

select[class|="admin_data_entry"] {
min-width: 200px;
min-height: 50px;
color: var(--allBlack);
text-align: center;
border-style: solid;
border-width: 2px;
border-color: var(--itAdminPink);
background-color: var(--nocolor);
align-items: center;
overflow: auto;
}




input[class|="admin_search_btn"] {
min-width: 200px;
min-height: 50px;
color: var(--allBlack);
text-align: center;
border-style: solid;
border-width: 2px;
border-color: var(--itAdminPink);
background-color: var(--itAdminPinkTen);
align-items: center;

}

@media (max-width: 900px) {
  .color_display_flex_container {
    flex-direction: column;
  }
}


.color_display_flex_container > div {
  padding: 5px px 5px 0px;
  	text-decoration: none;
  	color: var(--allBlack);
    justify-content: left;
  overflow: hidden;
}





.color_display_flex_container div p {
font-family: museo-sans, sans-serif;
	font-weight: 100;
	font-style: normal;
	font-size: var(--museoSizeOne);
	text-align: left;
	line-height: var(--museoSizeOneTwo);
	text-decoration: none;
	text-decoration-line: none;
  overflow: hidden;
	color: var(--allBlack);
}

.color_display_flex_container label {
	color: var(--allWhite);
	clear: both;
  	overflow: hidden;
  	margin: 0;
  	list-style-position: outside;
  	list-style-type: none;
  	font-family: var(--museoFont);
	font-weight: 100;
	font-style: normal;
	font-size: var(--museoSizeOne);
	line-height: var(--museoSizeOneTwo);
	text-align: centre;
	background: var(--itAdminPink);
	border-style: solid;
	border-width: 2px;
	border-color: var(--itAdminPink);
  	min-width: 200px;
  	padding: 0.2em;
}








/*=============END ADMIN FLEX CONTAINER ===========*/

.color_display_flex_left {
  float: left;
  width: 49%;
  padding: 10px;
  
}

/*.color_display_flex_left > div label {
  	text-decoration: none;
  	color: var(--allBlack);
  	font-family: museo-sans, sans-serif;
	font-weight: 100;
	font-style: normal;
	font-size: var(--museoSizeOneTwo);
	line-height: var(--museoSizeOneThree);
    justify-content: left;
  overflow: hidden;
}*/

@media (max-width: 900px) {
  .color_display_flex_left {
  width: 100%;
    flex-direction: column;
  }
}

.color_display_flex_right {
  float: right;
  width: 49%;
  padding: 10px;
  
}

.color_display_flex_right > div {
  	text-decoration: none;
  	color: var(--allBlack);
  	font-family: museo-sans, sans-serif;
	font-weight: 100;
	font-style: normal;
	font-size: var(--museoSizeOne);
	line-height: var(--museoSizeOneTwo);
    /*justify-content: right;*/
  overflow: hidden;
}

@media (max-width: 900px) {
  .color_display_flex_right {
  width: 100%;
    flex-direction: column;
  }
}

/* Clear floats after the columns */
.color_display_row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 900px) {
  .color_display_column {
    width: 100%;
  }
}

/*==========END ALTERNATE FLEX BOX FOR ADMIN LVL LAYOUTS ========*/


.color_display_info_flex_container a:hover {
  color: var(--allWhite);
  text-align: center;
  text-decoration: underline;
  cursor: pointer;
}


.color_display_info_left {
  width: 48%;
  margin: 0px;
  text-align: center;
}

.color_display_info_left a {
	text-align: left;
	text-decoration: none;
	text-decoration-line: none;
	overflow: hidden;
}

.color_display_info_left a:hover {
	text-align: left;
  text-decoration: underline;
  cursor: pointer;
}

.color_display_space_add {
width: 100%;
height: 20px;
background-color: var(--allWhite);

}

.color_display_invisible_space_add {
width: 100%;
height: 20px;
background-color: var(--nocolor);

}


/*===========END ADMIN INFO ========= */

/*===========START ADMIN TABLE STYLES ========= */




 table[class|="admin_table"] { 
clear: both;
width: 100%
}
 table [class|="admin_table"] {
	clear: both;
border-collapse: collapse;
width: 100%;
  vertical-align: top;
  font-family: var(--museoFont);
	font-weight: var(--museoWeightThree);
	font-style: var(--museoStyle);
	font-size: var(--museoSizeOne);
	line-height: var(--museoSizeOneTwo);
}




 tr[class|="admin_table"] {
clear: both;
border: none;

}

#alternateRowColor tr:nth-child(even){
background-color: var(--itAdminPinkTen);
}


td[class|="admin_table"] {
clear: both;
  border-bottom: 1px solid var(--tenBlack) ;
  border-left: 1px solid var(--tenBlack) ;
  border-right: 1px solid var(--tenBlack) ;
  font-family: var(--museoFont);
	font-weight: var(--museoWeightThree);
	font-style: var(--museoStyle);
	font-size: var(--museoSizeOne);
	line-height: var(--museoSizeOneTwo);
}


 th[class|="admin_table"] {
clear: both;
  border-bottom: 1px solid var(--tenBlack);
  background: var(--sixtyFiveBlack) ;
  color: var(--allWhite);
  text-align: center;
  font-family: var(--museoFont);
	font-weight: var(--museoWeightThree);
	font-style: var(--museoStyle);
	font-size: var(--museoSizeOne);
	line-height: var(--museoSizeOneTwo);
}



/*===========END ADMIN TABLE STYLES ========= */
/*==*************************************************==*/