.block--center
{
  display: block;
  margin-left: auto!important;
  margin-right: auto!important;
}
.block--visible
{
  opacity: 1!important;
}
.block--left
{
  float: left!important;
}
.block--right
{
  float: right!important;
}
.block--bottom
{
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}

.block--hidden, .hidden--element{ display: none; }
.block--shown{ display: block; }

.block--animate
{
  -webkit-transition: all 0.5s ease!important;
  -moz-transition: all 0.5s ease!important;
  -o-transition: all 0.5s ease!important;
  transition: all 0.5s ease!important;
}


.element--ontop
{ 
	position: relative;
	/*z-index: 9999;*/
}

.modal-xl
{
	width: 94%!important;
	max-width:1300px;
}

.border--radius{ border-radius: 10px!important; }
.border--bottom--radius
{ 
  border-bottom-left-radius: 10px!important; 
  border-bottom-right-radius: 10px!important; 
}
.border--top--radius
{ 
  border-top-left-radius: 10px!important; 
  border-top-right-radius: 10px!important; 
}

.border--radius--lg{ border-radius: 20px!important; }
.border--bottom--radius--lg
{ 
  border-bottom-left-radius: 20px!important; 
  border-bottom-right-radius: 20px!important; 
}
.border--top--radius--lg
{ 
  border-top-left-radius: 20px!important; 
  border-top-right-radius: 20px!important; 
}

.cursor--pointer{ cursor: pointer!important; }
.cursor--blocked{ cursor: not-allowed!important; }
.cursor--zoom{ cursor: zoom-in!important; }


.text--justify{ text-align: justify!important; }
.text--center{ text-align: center!important; }
.text--right{ text-align: right!important; }
.text--left{ text-align: left!important; }
.text--bold{ font-weight: bold!important; }
.text--cancelled{ text-decoration: line-through!important; }
.text--uppercase{ text-transform: uppercase!important; }

.text--uppercase--initial
{
  display: block;
}

.text--uppercase--initial:first-letter
{
  text-transform: uppercase!important;
}

select > option:has(.text--uppercase--initial)
{
  text-transform: capitalize!important;
}

.text--15em{ font-size: 1.5em!important; }
.text--14em{ font-size: 1.4em!important; }
.text--13em{ font-size: 1.3em!important; }
.text--12em{ font-size: 1.2em!important; }
.text--11em{ font-size: 1.1em!important; }
.text--09em{ font-size: 0.9em!important; }
.text--08em{ font-size: 0.8em!important; }
.text--07em{ font-size: 0.7em!important; }
.text--06em{ font-size: 0.6em!important; }
.text--055em{ font-size: 0.55em!important; }
.text--15rem{ font-size: 1.5rem!important; }
.text--14rem{ font-size: 1.4rem!important; }
.text--13rem{ font-size: 1.3rem!important; }
.text--12rem{ font-size: 1.2rem!important; }
.text--11rem{ font-size: 1.1rem!important; }
.text--09rem{ font-size: 0.9rem!important; }
.text--08rem{ font-size: 0.8rem!important; }
.text--07rem{ font-size: 0.7rem!important; }
.text--06rem{ font-size: 0.6rem!important; }
.text--055rem{ font-size: 0.55rem!important; }
.text--20px{ font-size: 20px!important; }
.text--25px{ font-size: 25px!important; }
.text--27px{ font-size: 27px!important; }
.text--30px{ font-size: 30px!important; }
.text--40px{ font-size: 40px!important; }
.text--50px{ font-size: 50px!important; }
.text--60px{ font-size: 60px!important; }
.text--70px{ font-size: 70px!important; }

.text--deepskyblue{ color: DeepSkyBlue!important; }
.text--dodgerblue{ color: DodgerBlue!important; }
.text--royalblue{ color: RoyalBlue!important; }
.text--steelblue{ color: SteelBlue!important; }
.text--success{ color: MediumSeaGreen!important; }
.text--seagreen{ color: SeaGreen!important; }
.text--warning{ color: GoldenRod!important; }
.text--danger{ color: Crimson!important; }
.text--disabled{ color: Gainsboro!important; }
.text--lightblue{ color: LightBlue!important; }
.text--lightcyan{ color: LightCyan!important; }
.text--lightgray{ color: LightGray!important; }
.text--silver{ color: Silver!important; }
.text--ghostwhite{ color: GhostWhite!important; }
.text--white{ color: White!important; }
.text--black{ color: Black!important; }
.text--gray{ color: Gray!important; }
.text--dimgray{ color: DimGray!important; }
.text--darkgray{ color: DarkGray!important; }
.text--green{ color: Green!important; }
.text--red{ color: Red!important; }
.text--firebrick{ color: FireBrick!important; }
.text--orange{ color: Orange!important; }
.text--darkorange{ color: DarkOrange!important; }
.text--lightergray{ color: #f2f2f2!important; }
.text--royalmediumblue{ color: #003b71!important; }
.text--purple{ color: Purple!important; }
.text--teal{ color: Teal!important; }

.bg--deepskyblue{ background-color: DeepSkyBlue!important; }
.bg--dodgerblue{ background-color: DodgerBlue!important; }
.bg--royalblue{ background-color: RoyalBlue!important; }
.bg--steelblue{ background-color: SteelBlue!important; }
.bg--success{ background-color: MediumSeaGreen!important; }
.bg--warning{ background-color: GoldenRod!important; }
.bg--danger{ background-color: Crimson!important; }
.bg--disabled{ background-color: Gainsboro!important; }
.bg--lightblue{ background-color: LightBlue!important; }
.bg--lightcyan{ background-color: LightCyan!important; }
.bg--lightgray{ background-color: LightGray!important; }
.bg--silver{ background-color: Silver!important; }
.bg--ghostwhite{ background-color: GhostWhite!important; }
.bg--white{ background-color: White!important; }
.bg--whitesmoke{ background-color: WhiteSmoke!important; }
.bg--black{ background-color: Black!important; }
.bg--gray{ background-color: Gray!important; }
.bg--dimgray{ background-color: DimGray!important; }
.bg--333{ background-color: #333!important; }
.bg--4d{ background-color: #4d4d4d!important; }
.bg--green{ background-color: Green!important; }
.bg--red{ background-color: Red!important; }
.bg--firebrick{ background-color: FireBrick!important; }
.bg--orange{ background-color: Orange!important; }
.bg--darkorange{ background-color: DarkOrange!important; }
.bg--lightergray{ background-color: #f2f2f2!important; }
.bg--royalmediumblue{ background-color: #003b71!important; }
.bg--purple{ background-color: Purple!important; }
.bg--teal{ background-color: Teal!important; }
.bg--seagreen{ background-color: SeaGreen!important; }

.border--deepskyblue{ border: 1px solid DeepSkyBlue!important; }
.border--dodgerblue{ border: 1px solid DodgerBlue!important; }
.border--royalblue{ border: 1px solid RoyalBlue!important; }
.border--steelblue{ border: 1px solid SteelBlue!important; }
.border--success{ border: 1px solid MediumSeaGreen!important; }
.border--warning{ border: 1px solid GoldenRod!important; }
.border--danger{ border: 1px solid Crimson!important; }
.border--danger--2px{ border: 2px solid Crimson!important; }
.border--danger--3px{ border: 3px solid Crimson!important; }
.border--disabled{ border: 1px solid Gainsboro!important; }
.border--lightblue{ border: 1px solid LightBlue!important; }
.border--lightcyan{ border: 1px solid LightCyan!important; }
.border--lightgray{ border: 1px solid LightGray!important; }
.border--lightgray--bottom{ border-bottom: 1px solid LightGray!important; }
.border--lightgray--bottom--2px{ border-bottom: 2px solid LightGray!important; }
.border--silver{ border: 1px solid Silver!important; }
.border--silver--2px{ border: 2px solid Silver!important; }
.border--silver--3px{ border: 3px solid Silver!important; }
.border--silver--4px{ border: 4px solid Silver!important; }
.border--silver--10px{ border: 2px solid Silver!important; }
.border--silver--bottom{ border-bottom: 1px solid Silver!important; }
.border--silver--bottom--2px{ border-bottom: 2px solid Silver!important; }
.border--ghostwhite{ border: 1px solid GhostWhite!important; }
.border--white{ border: 1px solid White!important; }
.border--whitesmoke{ border: 1px solid WhiteSmoke!important; }
.border--black{ border: 1px solid Black!important; }
.border--gray{ border: 1px solid Gray!important; }
.border--dimgray{ border: 1px solid DimGray!important; }
.border--green{ border: 1px solid Green!important; }
.border--red{ border: 1px solid  Red!important; }
.border--firebrick{ border: 1px solid FireBrick!important; }
.border--orange{ border: 1px solid Orange!important; }
.border--darkorange{ border: 1px solid DarkOrange!important; }
.border--lightergray{ border: 1px solid #f2f2f2!important; }
.border--royalmediumblue{ border: 1px solid #003b71!important; }
.border--3d
{
	border-right: 4px solid LightGray!important;
	border-bottom: 4px solid LightGray!important;
}
.border--3d--big
{
	border-right: 10px solid LightGray!important;
	border-bottom: 10px solid LightGray!important;
}


.shadow--3d
{
	/* 		offset-x		|		offset-y		|		blur-radius		|		color		 */
	-webkit-box-shadow: 20px 20px 10px LightGray;
	-moz-box-shadow: 20px 20px 10px LightGray;
	box-shadow: 20px 20px 10px LightGray;
}

.shadow--3d--xs
{
	/* 		offset-x		|		offset-y		|		blur-radius		|		color		 */
	-webkit-box-shadow: 10px 10px 4px LightGray;
	-moz-box-shadow: 10px 10px 4px LightGray;
	box-shadow: 10px 10px 4px LightGray;
}


.padding--2px{ padding: 2px!important; }
.padding--4px{ padding: 4px!important; }
.padding--6px{ padding: 6px!important; }
.padding--10px{ padding: 10px!important; }
.padding--20px{ padding: 20px!important; }
.padding--30px{ padding: 30px!important; }


.alert--success,
.alert--warning,
.alert--danger,
.alert--royalblue,
.alert--steelblue,
.alert--dodgerblue,
.alert--deepskyblue,
.alert--deepskyblue,
.alert--royalmediumblue
{
	color: White!important;
	/*text-align: justify!important;*/
	border: 1px solid;
  border-radius: 6px;
  padding: 6px;
}
.alert--success
{
	background-color: MediumSeaGreen!important;
	border-color: MediumSeaGreen!important;
}
.alert--danger
{
	background-color: Crimson!important;
	border-color: Crimson!important;
}
.alert--warning
{
  background-color: GoldenRod!important;
	border-color: GoldenRod!important;
}
.alert--royalblue
{
  background-color: RoyalBlue!important;
	border-color: RoyalBlue!important;
}
.alert--steelblue
{
  background-color: SteelBlue!important;
	border-color: SteelBlue!important;
}
.alert--dodgerblue
{
  background-color: DodgerBlue!important;
	border-color: DodgerBlue!important;
}
.alert--deepskyblue
{
  background-color: DeepSkyBlue!important;
	border-color: DeepSkyBlue!important;
}
.alert--royalmediumblue
{
  background-color: #003b71!important;
	border-color: #003b71!important;
}
.alert--gray
{
  color: Black;
  background-color: GhostWhite;
	border: 1px solid Gray;
  border-radius: 6px;
  padding: 6px;
}
.alert--gainsboro
{
  color: Black;
  background-color: Gainsboro;
	border: 1px solid Gray;
  border-radius: 6px;
  padding: 6px;
}
.alert--white
{
  color: Black;
  background-color: White;
	border: 1px solid White;
  border-radius: 6px;
  padding: 6px;
}



.btn-circle
{
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  padding: 0;
  border-radius: 50%;
}
.btn-circle i
{
  position: relative;
  top: -1px;
}
.btn-circle-sm
{
  width: 35px;
  height: 35px;
  line-height: 35px;
  font-size: 0.9rem;
}
.btn-circle-lg
{
  width: 55px;
  height: 55px;
  line-height: 55px;
  font-size: 1.1rem;
}
.btn-circle-xl
{
  width: 70px;
  height: 70px;
  line-height: 70px;
  font-size: 1.3rem;
}
/*
.btn-circle 
{
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  padding: 0;
  border-radius: 50%;
}
.btn-circle-sm 
{
  width: 35px;
  height: 35px;
  line-height: 35px;
  font-size: 0.9rem;
	text-align: center;
  padding: 0;
  border-radius: 50%;
}
.btn-circle-lg 
{
  width: 55px;
  height: 55px;
  line-height: 55px;
  font-size: 1.1rem;
	text-align: center;
  padding: 0;
  border-radius: 50%;
}
.btn-circle-xl 
{
  width: 70px;
  height: 70px;
  line-height: 70px;
  font-size: 1.3rem;
	text-align: center;
  padding: 0;
  border-radius: 50%;
}

.btn-circle i,
.btn-circle-sm i,
.btn-circle-lg i,
.btn-circle-xl i 
{
  position: relative;
  top: -4px;
}
*/


.btn--deepskyblue,
.btn--dodgerblue,
.btn--steelblue,
.btn--success,
.btn--warning,
.btn--danger,
.btn--breadcrumb,
.btn--export--xls,
.btn--export--pdf,
.btn--export--txt,
.btn--gray,
.btn--gainsboro,
.btn--black,
.btn--royalmediumblue,
.btn--lightgray
{
	cursor: pointer!important;
	/*transition: all 0.7s ease;*/
  /*border-radius: 6px!important;*/
  /*height: 38px!important;*/
}
.btn--deepskyblue,
.btn--dodgerblue,
.btn--steelblue,
.btn--success,
.btn--warning,
.btn--danger,
.btn--black,
.btn--royalmediumblue
{
	color: White!important;
}

.btn--gray
{
  color: Black;
  background-color: GhostWhite;
	border: 1px solid Gray;
}
.btn--lightgray
{
  color: Gray;
  background-color: GhostWhite;
	border: 1px solid Gray;
}
.btn--gainsboro
{
  color: Black;
  background-color: Gainsboro;
	border: 1px solid Gray;
}
.btn--black
{
  background-color: DimGray!important;
	border: 1px solid DimGray!important;
}


.btn--disabled
{
	color: Gray!important;
  background-color: Gainsboro;
  border: 1px solid Gray!important;
	cursor: not-allowed!important;
  /*border-radius: 6px!important;
  height: 38px!important;*/
}
.btn--breadcrumb
{
  color: Gray!important;
  background-color: #e9ecef!important;
  border: 1px solid #e9ecef!important;
}
.btn--deepskyblue
{
	background-color: DeepSkyBlue;
	border: 1px solid DeepSkyBlue!important;
}
.btn--dodgerblue
{
	background-color: DodgerBlue;
	border: 1px solid DodgerBlue!important;
}
.btn--steelblue
{
	background-color: SteelBlue;
	border: 1px solid SteelBlue!important;
}
.btn--success
{
  background-color: MediumSeaGreen;
  border: 1px solid MediumSeaGreen!important;
}
.btn--warning
{
  background-color: GoldenRod;
  border: 1px solid GoldenRod!important;
}
.btn--danger
{
  background-color: Crimson;
  border: 1px solid Crimson!important;
}
.btn--royalmediumblue
{
  background-color: #003b71!important;
	border: 1px solid #003b71!important;
}
.btn--export--xls,
.btn--export--pdf,
.btn--export--txt
{
  color: #003b71;
  background-color: GhostWhite;
	border: 1px solid LightGray!important;
}


.btn--export--xls:hover
{
  color: White!important;
  background-color: SeaGreen!important;
  border-color: SeaGreen!important;
}
.btn--export--pdf:hover
{
  color: White!important;
  background-color: Crimson!important;
  border-color: Crimson!important;
}
.btn--export--txt:hover
{
  color: White!important;
  background-color: RoyalBlue!important;
  border-color: RoyalBlue!important;
}
.btn--deepskyblue:hover
{
	background-color: DodgerBlue;
	border-color: DodgerBlue!important;
}
.btn--dodgerblue:hover
{
	background-color: RoyalBlue;
	border-color: RoyalBlue!important;
}
.btn--steelblue:hover
{
	background-color: DarkBlue;
	border-color: DarkBlue!important;
}
.btn--success:hover
{
  background-color: SeaGreen;
  border-color: SeaGreen!important;
}
.btn--warning:hover
{
  background-color: DarkGoldenRod;
  border-color: DarkGoldenRod!important;
}
.btn--danger:hover
{
  background-color: FireBrick;
  border-color: FireBrick!important;
}
.btn--gray:hover
{
  background-color: Whitesmoke;
  border-color: Gray!important;
}
.btn--lightgray:hover
{
  background-color: Whitesmoke;
  border-color: Gray!important;
}
.btn--gainsboro:hover
{
  background-color: LightGray;
  border-color: Gray!important;
}
.btn--black:hover
{
  background-color: Black!important;
  border-color: Black!important;
}
.btn--royalmediumblue:hover
{
  background-color: RoyalBlue!important;
	border-color: RoyalBlue!important;
}


/*.btn--dodgerblue:hover,
.btn--steelblue:hover,
.btn--success:hover,
.btn--warning:hover,
.btn--danger:hover,
.btn--disabled:hover,
.btn--default:hover
{
	filter: brightness(90%);
}*/


.photo--thumbnail
{
  max-width: 90px!important;
  max-height: auto;
  border: 2px solid WhiteSmoke;
}
.photo--thumbnail--rounded
{
  width: 44px!important;
  height: 44px!important;
  max-height: auto;
	border-radius: 50%;
  border: 2px solid White;
  background-color: White;
  margin: 0 24px;
}
.photo--thumbnail--rounded--disabled
{
  width: 44px!important;
  height: 44px!important;
  max-height: auto;
	border-radius: 50%;
  border: 2px solid rgb(161, 160, 160);
  background-color: rgb(161, 160, 160);
  margin: 0 24px;
}
.photo--thumbnail--rounded--success
{
  width: 44px!important;
  height: 44px!important;
  max-height: auto;
	border-radius: 50%;
  border: 2px solid #00b140;
  background-color: #00b140;
  margin: 0 24px;
}
.photo--thumbnail--rounded--danger
{
  width: 44px!important;
  height: 44px!important;
  max-height: auto;
	border-radius: 50%;
  border: 2px solid Crimson;
  background-color: Crimson;
  margin: 0 24px;
}
.photo--thumbnail--rounded--highlight
{
  width: 44px!important;
  height: 44px!important;
  max-height: auto;
	border-radius: 50%;
  border: 2px solid White;
  background-color: White;
  margin: 0 24px;
}
.photo--thumbnail--rounded--deepskyblue
{
  width: 44px!important;
  height: 44px!important;
  max-height: auto;
	border-radius: 50%;
  border: 2px solid DeepSkyBlue;
  background-color: DeepSkyBlue;
  margin: 0 24px;
}

.span--indicator--flag
{
  position: relative;
  top: -130px;
  left: 30px;
  text-align: right;
  color: #00b140;
}

.image--icon
{
  width: 76px!important;
  max-height: auto!important;
}
.image--icon--sm
{
  width: 30px!important;
  max-height: auto!important;
}
.image--icon--xs
{
  width: 20px!important;
  max-height: auto!important;
}
.image--icon--xxs
{
  width: 10px!important;
  max-height: auto!important;
}

.image--transparent{ opacity: 0.5; }

.image--zoom
{
	-webkit-transition: all 2s ease;
	-moz-transition: all 2s ease;
	-ms-transition: all 2s ease;
	transition: all 2s ease;
	width: 30%;
	height: 30%;
	cursor: zoom-in;
}
.image--zoom:hover
{
	width: 70%;
	height: 70%;
}


/* Bootstrap 4 custom icon for breadcrumbs */
.breadcrumb-item + .breadcrumb-item::before 
{
  content: ">" !important; 
}


.element--zoom--on--hover 
{
  transition: .10s, transform .10s ease;
  -moz-transition: .10s, transform .10s ease;
  -webkit-transition: .10s, transform .10s ease;
}

.element--zoom--on--hover:hover
{
  -ms-transform: scale(1.03); /* IE 9 */
  -webkit-transform: scale(1.03); /* Safari */
  transform: scale(1.03);
}

.element--zoom--on--hover:active 
{
  -ms-transform: scale(0.97); /* IE 9 */
  -webkit-transform: scale(0.97); /* Safari */
  transform: scale(0.97);
}



div.tooltip--enhanced
{
  position: relative;
  display: inline-block;
  /*  DO NOT include below two lines, as they were added so that the text that
        is hovered over is offset from top of page*/
  /*top: 10em;
  left: 10em;*/
  /* if want hover over icon instead of text based, uncomment below */
  /*    background-image: url("../images/info_tooltip.svg");
            /!* width and height of svg *!/
            width: 16px;
            height: 16px;*/
}

/* hide tooltip */
div.tooltip--enhanced span
{
  display: none;
}

/* show and style tooltip */
div.tooltip--enhanced:hover span
{
  /* show tooltip */
  display: block;
  /* position relative to container div.tooltip */
  position: absolute;
  bottom: 20px;
  left:10px;
  /* prettify */
  padding: 6px;
  color: White;
  background: Black;
  border: 1px solid Black;
  text-align: justify;
  /* round the corners */
  border-radius: 6px;
  /* prevent too wide tooltip */
  width:440px!important;
}

/* Modals X button with full opacity */
.close
{
  opacity: 1!important;
}