/* Add support for modern displays
-------------------------------------------------- */
@media (min-width: 1600px) { .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl { max-width:1440px } }
@media (min-width: 1920px) { .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl { max-width:1680px } }
@media (min-width: 2560px) { .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl { max-width:1920px } }
@media (min-width: 3440px) { .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl { max-width:2200px } }
@media (min-width: 3840px) { .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl { max-width:2400px } }
@media (min-width: 5120px) { .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl { max-width:2800px } }

/* Wizard
-------------------------------------------------- */

#wizard-sticky {
	position: sticky;
	top: 0;	
}

#wizard button {
	width: 100%;
	margin-bottom: .5em;
}

#wizard button:first-child {
	margin-top: 1rem;
}

#wizard-step-header {
	font-size: 2.5rem
}
	
#wizard h4 {
    background-color: #aaa;
    text-align: center;
    color: white;
	padding: 15px 0;
	margin: 0;
    font-size: 1.2em;
	font-weight: 500;
}

#wizard ul {
	background-color: #f5f5f5;
	padding: 0;
}

#wizard ul li {
    list-style: none;
    padding: 10px 4px;
    border-bottom: 1px solid #d1d1d1;
    color: #000000;
}

#wizard ul li a {
	border-bottom: none;
	display: flex;	
}

#wizard ul li a:hover {
	border-bottom: none;
    text-decoration: none !important;
}

#wizard ul li a:hover p {
    color: #aaa !important;
}

#wizard ul li a i {
	align-self: center;
}

#wizard ul li a i.current {
	color: #aaa !important;
}

#wizard ul li a i.completed {
	color: #2d2f32;
}

#wizard ul li a p {
    align-self: center;
    margin: 8px;
}

/* Validation styles
-------------------------------------------------- */

.incomplete-section {
    background-color: #f9f1f1;
	border: 1px solid red;
    border-radius: 1em;
    padding: 1em;	
}

.incomplete-field {
    background-color: white;
	border: 1px dotted red;
    padding: .5em !important;	
}

/* crmEntityFormView : Increase Checkbox size.
-------------------------------------------------- */
.crmEntityFormView input[type="checkbox"] {
  transform: scale(1.6);              
  transform-origin: top left;         
  margin-right: 0.5rem;
}

.crmEntityFormView .checkbox-cell label {
	font-size: 1.25rem;
}

/* Form Actions
-------------------------------------------------- */
#FormActions {
	margin-bottom: 1em;
}

#FormActions button {
	color: white;
    background-color: #aaa;
}

#FormActions button:hover {
	text-decoration: underline
}

/* Wait styles
-------------------------------------------------- */
div#wait, table[data-name='tab_modal_section_wait'] {
	background-position: center center;
	background-repeat: no-repeat;
	height: 100%;
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9999 !important;
	background-color: #ffffff;
	filter: alpha(opacity=100);
	opacity: 100;
	margin: 0 !important;
}

div#wait:before, table[data-name='tab_modal_section_wait']:before {
	font-family: "Font Awesome 6 Free";
	content: "\f017";
	background-color: white;
	color: #aaa;
	z-index: 999999;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 3em;
	width: 3em;
	padding: 16px;
	border: 10px solid #ccc !important;
	border-radius: 16px;
	font-weight: bold;
	font-size: 5em;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

/* Hidden section
-------------------------------------------------- */
table[data-name="tab_wizard_section_hidden"], table[data-name="tab_modal_section_hidden"] {
	position: absolute; 
	left: -999em; 
	top: 0;
	visibility: hidden;
	height: 0;
	overflow: hidden
}

/* Counter
-------------------------------------------------- */
.counter {
	display: block;
	text-align: right;
}

/* Modal New Record
-------------------------------------------------- */
#new-record {
	margin-right: auto;
}

/* Fix to ensure all td's take full tr height
-------------------------------------------------- */
.entity-grid table, .entity-grid td {
	height: 0%;
}

/* Header
-------------------------------------------------- */
.container-fluid.Intro {
	background-image: linear-gradient(0deg, rgb(72, 122, 123), rgb(72, 122, 123));	
	margin-bottom: 1.5em;
}

/* Power Virtual Agent
-------------------------------------------------- */
.pva-floating-style.pva-container {
	display: none;
}