.alert { padding: .3rem 1rem; font-size: 1rem; font-weight: 600; width: 100%; margin-bottom: 1rem; background-color: #ffffff; }
.alert-danger { border-left: 3px solid red; color: #b10707; }
.alert-success { border-left: 3px solid green; color: #025e06 ; }

.sdmestimationsai .form-group { margin-bottom: 1rem; }
.sdmestimationsai .form button { margin: 1rem auto 2rem; }
.sdmestimationsai .form input, .sdmestimationsai .form select { background-color: transparent; border: none; border-bottom: 4px solid var(--primary); padding: .25rem .5rem; 
    padding: .75rem 2rem; min-height: 3rem; }
.sdmestimationsai .policity { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }
.sdmestimationsai .form label { font-size: 16px; }
.sdmestimationsai .form small { font-style: italic; font-size: 11px; }
.sdmestimationsai-overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0,0,0,.8);z-index: 99;
  justify-content: center;align-items: center; display: none; }
.sdmoverlay-logo { animation: waiting 2s infinite; display: flex; justify-content: center; align-items: center; height:100%; }
#close-sdmestimations-modal { position: absolute; top: 5%; right: 5%; color: var(--primary); font-weight: 1000; font-size: 30px; cursor: pointer; }
#sdmestimationsai-modal-body-content { max-width: 600px; background-color: var(--secondary); padding: 1rem; }
div#sdmestimationsai-modal-body { height: 95%; overflow-y: auto; }
#sdmestimationsai-modal-body-content h1,
#sdmestimationsai-modal-body-content h2,
#sdmestimationsai-modal-body-content h3 { font-size:75%; } 

@keyframes waiting {
  0%   { transform: scale(100%); }
  50%  { transform: scale(125%); }
  100% { transform: scale(100%); }
}