/* Bootstrap5 Validation */
.invalid-feedback.field-validation-error {
   display: block;
}

label.required::after {
   content: attr(data-content);
   color: #dc3545;
   font-size: 80%;
}

label.required-word::after {
   background-color: #ff0000;
   color: #ffffff;
   padding: 0 5px;
   font-size: 70%;
   position: relative;
   top: -2px;
}

label.ignore::after {
   content: attr(data-content);
   color: #6c747c;
   font-size: 80%;
   font-weight: normal;
}

/* Loading */
.modal-body:has(.loading) {
   overflow: hidden;
}

.loading::after {
   position: absolute;
   display: block;
   opacity: 1;
   content: '';
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   background: rgba(255,255,255,.7);
   background-image: url(/img/loading.gif);
   background-repeat: no-repeat;
   background-position: center;
   background-size: 50px;
   -webkit-transition: all .2s ease;
   transition: all .2s ease;
   z-index: 4;
}

.loading::before {
   content: '';
   display: inline-block;
   position: absolute;
   top: 50%;
   left: 50%;
   z-index: 10;
   border-radius: 50%;
   border: 2px solid #f3f3f3;
   border-top: 2px solid #3498db;
   border-right: 2px solid #3498db;
   border-bottom: 2px solid #f58345;
   border-left: 2px solid #f58345;
   width: 80px;
   height: 80px;
   margin-top: -40px;
   margin-left: -40px;
   -webkit-animation: spin 1s linear infinite;
   /* Safari */
   animation: spin 1s linear infinite;
}

/* Checkbox */
input[type="checkbox"].checkbox-md {
   transform: scale(1.3);
   margin-right: 1em !important;
}

input[type="checkbox"].checkbox-lg {
   transform: scale(1.5);
   margin-right: 1em !important;
}

input[type="checkbox"].checkbox-xl {
   transform: scale(2);
   margin-left: 1em !important;
   margin-right: 1em !important;
}

/* Radio */
input[type="radio"].radio-md {
   transform: scale(1.3);
   margin-right: 1em !important;
}

input[type="radio"].radio-lg {
   transform: scale(1.5);
   margin-right: 1em !important;
}

input[type="radio"].radio-xl {
   transform: scale(2);
   margin-left: 1em !important;
   margin-right: 1em !important;
}