/***********************************************************
*  plugin EmailValidation: Overrides are needed when there's bootstrap-italia include  
***********************************************************/ 
.attr_modalContainer .modal {
    --bs-modal-margin: 0 !important;
}
.attr_modalContainer .modal-body {
	padding: 15px 0 0 0 !important; /*we need to reset the padding in order to display the border of the fake-modal-footer correctly with no padding */
}
.attr_modalContainer .modal-dialog .modal-content .modal-header {
    padding: 15px !important;
    border-bottom: 1px solid #e5e5e5 !important;
    justify-content: left;
}
.attr_modalContainer .modal.it-dialog-scrollable .modal-dialog .modal-content {
    height: auto;/* Required when using Bootstrap Italia to ensure the modal height adjusts to its content */
}
@media (min-width: 768px) {
    .attr_modalContainer .modal.it-dialog-scrollable .modal-dialog .modal-content {
        height: auto;/* Required when using Bootstrap Italia to ensure the modal height adjusts to its content */
    }
}
#email_validation_body_placeholder .form-group label {
    position: absolute !important;
    font-size: 1rem !important; 
}

#email_validation_body_placeholder .ui-state-active, 
#email_validation_body_placeholder .ui-widget-content .ui-state-active, 
#email_validation_body_placeholder .ui-widget-header .ui-state-active, 
#email_validation_body_placeholder a.ui-button:active, 
#email_validation_body_placeholder .ui-button:active, 
#email_validation_body_placeholder .ui-button.ui-state-active:hover {
    color: var(--var-btn-primary-txt) !important;
    background-color: var(--var-btn-primary-bg)  !important;
    border-color: var(--var-btn-primary-bg)  !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075) !important;
}
/* The following are already in the /elixForms_custom_theme_com_xxx.css */
/*#email_validation_body_placeholder .btn-primary,
#email_validation_footer .btn-primary {
    color: var(--var-btn-primary-txt) !important;
    background-color: var(--var-btn-primary-bg)  !important;
    border-color: var(--var-btn-primary-bg)  !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075) !important;
}
#email_validation_body_placeholder .btn-primary:hover,
#email_validation_body_placeholder .btn-primary:focus,
#email_validation_footer .btn-primary:hover,
#email_validation_footer .btn-primary:focus {
    background-color: var(--var-btn-primary-bg-hover) !important;
    border-color: var(--var-btn-primary-bg-hover) !important;
    color: var(--var-btn-primary-txt) !important;
}*/

#email_validation_body_placeholder .btn-outline-primary,
#email_validation_footer .btn-outline-primary {
    box-shadow: inset 0 0 0 2px var(--kuf-header-nav-bg);
    color: var(--kuf-header-nav-bg);
}

#email_validation_body_placeholder .btn-outline-primary:hover, 
#email_validation_footer .btn-outline-primary:hover {
    box-shadow: inset 0 0 0 2px var(--bs-600);
    color: var(--bs-600);
}
/* The following are not needed for this platform, because they are already set  */
/*#email_validation_body_placeholder .btn-primary:not(:disabled):not(.disabled):active, 
#email_validation_body_placeholder .btn-primary:not(:disabled):not(.disabled).active,
#email_validation_footer .btn-primary:not(:disabled):not(.disabled):active, 
#email_validation_footer .btn-primary:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: #99263a;
    border-color: #8d2335;
}
#email_validation_body_placeholder .btn-primary.disabled, 
#email_validation_body_placeholder .btn-primary:disabled,
#email_validation_footer .btn-primary.disabled, 
#email_validation_footer .btn-primary:disabled {
    background-color: #cc334d;
    border-color: #cc334d;
}
#email_validation_body_placeholder .btn-outline-primary,
#email_validation_footer .btn-outline-primary {
    color: #cc334d;
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    box-shadow: inset 0 0 0 2px #cc334d;
}
#email_validation_body_placeholder .btn-outline-primary:hover,
#email_validation_footer .btn-outline-primary:hover {
    color: #a14554;
    box-shadow: inset 0 0 0 2px #a14554;
}
#email_validation_body_placeholder .btn-outline-primary:not(:disabled):not(.disabled):active, 
#email_validation_body_placeholder .btn-outline-primary:not(:disabled):not(.disabled).active,
#email_validation_footer .btn-outline-primary:not(:disabled):not(.disabled):active, 
#email_validation_footer .btn-outline-primary:not(:disabled):not(.disabled).active {
    color: #cc334d;
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    box-shadow: inset 0 0 0 2px #cc334d;
}
#email_validation_body_placeholder .btn-outline-primary.disabled, 
#email_validation_body_placeholder .btn-outline-primary:disabled,
#email_validation_footer .btn-outline-primary.disabled, 
#email_validation_footer .btn-outline-primary:disabled {
    color: #cc334d;
    background-color: rgba(0, 0, 0, 0);
}*/