.loader,
.loader:before,
.loader:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}
.loader {
  color: #ffffff;
  font-size: 10px;
  margin: 80px auto;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:before,
.loader:after {
  content: '';
  position: absolute;
  top: 0;
}
.loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 3.5em;
}
@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
	box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
	box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
	box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
	box-shadow: 0 2.5em 0 0;
  }
}

.blinking{
	animation:blinkingText 1.2s infinite;
}


@keyframes blinkingText{
	0%{     color: #000;    }
	49%{    color: #000; }
	60%{    color: transparent; }
	99%{    color:transparent;  }
	100%{   color: #000;    }
}

.blinkingwarning{
	animation:blinkingRedText 1.2s infinite;
}
@keyframes blinkingRedText{
	0%{     color: #FF0000;    }
	49%{    color: #FF0000; }
	60%{    color: transparent; }
	99%{    color:transparent;  }
	100%{   color: #FF0000;    }
}

html {   
	scroll-behavior: smooth; 
}

.rama {
margin-top: 2em;
	margin-bottom: 3em;
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 3em;
	padding-bottom: 4em;
	
   border-radius: 10px; 
}
.card-header {
	font-weight: 400!important;
}

/* for PICKLISTS*/
.picklist_container { 
	max-height: 10em;
	width: 300px;
	left: 1em;
	min-height: 220px;
	background: white;
	z-index: 9999;
	position: relative;
	overflow: auto;
	padding: 1em;
	border: 1px silver solid;
	border-radius: 3px;        
	display:none;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}

.addinplace_container { 
	padding: 1em;
	border: 1px silver solid;
	border-radius: 3px;
	display:none; }


.picklist_table { } 

.picklist_row { 
	cursor: pointer;
	padding: 5px;
	padding-left: 15px; 
	border-radius: 12px;
	border: 1px solid #D0D0D0; 
	margin: 4px; 
} 

.picklist_row:hover { 
	background: #e0e0e0;

}
/* end for PICKLISTS*/

/* for FORM fields*/
.border-acase { border-color: #0d6efd!important;}
.border-company { border-color: #0d6efd!important;}
.border-meeting { border-color: #008000!important;}
.border-attachment { border-color: #580058!important;}
.border-case_time { border-color: #005858!important;}
.form-floating { padding: 5px; }
.card { margin-top:1em!important; }
.row { margin-top:1em!important; }
.border-meeting_participant { border-color: #800000!important; }

.timelinecontainer {
	z-index: 5000;
	background: rgb(255 255 255 / 90%);
	position: absolute;
	top: 10px;
	left: 80%;
	width: 190px;
	height: 95%;
	border: 1px solid silver;
	border-radius: 5px;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;    
	overflow: hidden;
	padding:1em;
	font-size: small;
}
.timelineitem {
	padding: 5px;
	border: 1px silver solid;
	margin-top: 0px;
	margin-bottom: 10px;
	border-radius: 7px; 
}

.faded {
	opacity: 0.5; 
}
/*.Valid { 
	background-color:#C0FFC0 !important;        
}
.Expired { 
	background-color:#FFC0C0 !important;  
}
.Validate { 
	background-color:#B2DCF6 !important;        
}
.Renew { 
	background-color:#FFC0C0  !important; 
}
.Scheduled { 
	background-color:#E0E0E0  !important; 
}
*/    
.dt-button { 
		margin-left: 20px!important;
		margin-right: 20px!important;
}
.btn-group { 
		margin-left: 20px;
		margin-right: 20px;
}
.required, .requirednote {

}

.bg-dark {
	background:#1D2A38!important;
}

.validationgood {
	border: 1px solid #2ca43f;
	/* background: #d448480a; */
	color: #118030;
	-webkit-box-shadow: 0px 4px 13px 1px rgb(255 0 0 / 51%);
	-moz-box-shadow: 0px 4px 13px 1px rgba(255,0,0,0.51);
	box-shadow: 0px 4px 13px 1px #2ca43f73;
	/* border: 1px solid #008000 !important; */
	/* background: #C0FFC0; */
	/* color: #008000; */
}

.lds-ring {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid #fff;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #0D6EFD transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
	transform: rotate(0deg);
  }
  100% {
	transform: rotate(360deg);
  }
}

.validationerror {
	border: 1px solid #dc3545;
	/*background: #d448480a;*/
	color: #801111;
	-webkit-box-shadow: 0px 4px 13px 1px rgb(255 0 0 / 51%);
	-moz-box-shadow: 0px 4px 13px 1px rgba(255,0,0,0.51);
	box-shadow: 0px 4px 13px 1px rgb(255 0 0 / 51%);    /*	border: 1px solid #d44848!important;;*/
	/*background: #d48f8f;*/
	
/*	color: black;*/
}

.formpopup { 
	position: absolute;
	z-index: 100;
	padding: 10px;
	background: #fbfbfbc9;
	border: 1px solid silver;
	border-radius: 5px;
	left: 3em;    
}
/* end for FORM fields*/
/* for BLOCKUI */    
.elevated { 
	background: white;
	z-index: 100000;    
}
.lostfocus{ 
	z-index: 80000;

}
.dimback { 
	z-index: 90000;

}
/* end for BLOCKUI */
/* for GRIDS */
.datalist tr { 
	cursor: pointer; 
}

.sorts {     
	color: #969696; 
	padding: 5px;
	border-radius: 5px; 

}
.sorts :hover {     
	color: #008000; 
}

*[data-bs-toggle="popover"] {
	cursor:help;
}
*[data-bs-toggle="tooltip"] {
	cursor:help;
}
.rowheading {     
	font-weight: bold;
	display:block;
} 
.rowtext {                     
	display:block;
} 

.rowtext-small {                     
	display:block;
	font-size:small;
} 

.itemrow {                     
	padding-top:2px;
	padding-bottom:2px;
} 

/*END of for GRIDS */
/* for EVERYTHING*/
a {
	text-decoration:  none;
}
/* END for EVERYTHING*/



.callout {
	display:none;
	width: 450px;
	max-width: 450px;
	font-size: smaller;
	min-width: 450px;
	position: relative;
	margin: 18px 0;
	padding: 7px 14px;
	background-color: white; 
	/* easy rounded corners for modern browsers */
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.39); 
	box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.39);    
	-moz-box-shadow:  0px 0px 11px -1px rgba(0,0,0,0.39);    
}

.callout .notch {
	position: absolute;
	top: -10px;
	left: 20px;
	margin: 0;
	border-top: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid white;
	padding: 0;
	width: 0;
	height: 0;
	/* ie6 height fix */
	font-size: 0;
	line-height: 0;
	/* ie6 transparent fix */
	_border-right-color: pink;
	_border-left-color: pink;
	_filter: chroma(color=pink);
}

.errormsg{
	margin: 1px;
	width: fit-content;
	padding: 3px;
	border: 1px solid red;
	border-radius:4px;
	font-size: small;
	color:red;
}
.flag-danger { 
	background: #dc3545;
	border-radius: .25rem;
}
.flag-success { 
	background: #198754;
	border-radius: .25rem;
}
.flag-warning { 
	background: #ff9007;
	border-radius: .25rem;
}


/**
 * Setup keyframes for pulsing animation
 */
@-webkit-keyframes loadingPlaceholders {
	0% {
		background-color: lightgray;
	}
	50% {
		background-color: #e5e5e5;
	}
	100% {
		background-color: lightgray;
	}
}
@keyframes loadingPlaceholders {
	0% {
		background-color: lightgray;
	}
	50% {
		background-color: #e5e5e5;
	}
	100% {
		background-color: lightgray;
	}
}

/**
 * Style the placeholder
 */
.placeholder {
  -webkit-animation: loadingPlaceholders 1.5s ease-in infinite;
		  animation: loadingPlaceholders 1.5s ease-in infinite;
  background-color: #e5e5e5;
}
.placeholder-hero {
	height: 6em;
}

.placeholder-heading {
	height: 2em;
	width: 55%;
}

.placeholder-sentence {
	height: 1.5em;
	margin-bottom: 0.5em;
}

.placeholder-sentence-last {
	width: 85%;
}

.placeholder-paragraph {
	height: 8em;
	margin-top: 1.625em;
}

.placeholder-btn {
	height: 3em;
	width: 8em;

}

/*.mobile {
	display:none;
}
.desk {
	display:none;
}
*/
.placeholder-thumbnail {
	border-radius: 50%;
	height: 9em;
	width: 9em;
}

.placeholder-hero,
.placeholder-heading,
.placeholder-paragraph,
.placeholder-btn,
.placeholder-thumbnail {
	margin-bottom: 1.625em;
}