.micromodal {
  display: none;
}

.micromodal.is-open {
  display: block;
}

#modal-3 #update-contact{
    max-width: 700px !important;
    padding: 25px 25px 15px 25px!important;
}

.Update-Contact-Numbers {
    padding: 9px;
}


.Update-Contact-Numbers .form-group label {
    margin-right: 8px;
    font-weight: bold;
    color: var(--primary);
    font-size: 0.9rem;
    font-family: var(--font-family-primary);
}



.Update-Contact-Numbers .form-group input[type=text]{
    width: 135px;
    font-size: 0.9rem;
}


.Update-Contact-Numbers .form-group input:focus{
    outline: 1px solid var(--primary);

}

.Update-Contact-Numbers  .confirmation-button {
     margin-top: 21px !important;
}


.Update-Contact-Numbers .form-group .row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

 .Update-Contact-Numbers .form-group .row .right-align,
 .Update-Contact-Numbers .form-group .row .left-align {
    /*margin: 0 20px;*/
    padding:0 0 0 0.8rem;
}

.Update-Contact-Numbers input[type=text]
{
   border: 1px solid var(--primary-light);
   background-color: var(--input-bg);

}


.micromodal__overlay {
  position: fixed;
  top: -50px;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0,0,0,0.65);
}
.title{
margin-top: -8px;

}

.display-center{
text-align: center;
}


.micromodal__container {
  box-sizing: border-box;
  overflow-y: auto;
  max-width: 500px;
  max-height: 100vh;
  padding: 18px;
  background-color: #fff;
  border-radius: 4px;
  z-index: 100;
}

.micromodal[aria-hidden="false"] .micromodal__overlay {
  animation: microModalFadeIn .2s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.micromodal[aria-hidden="false"] .micromodal__container {
  animation: microModalSlideIn .2s cubic-bezier(0, 0, .2, 1);
}

.micromodal .micromodal__container,
.micromodal .micromodal__overlay {
  will-change: transform;
}

@keyframes microModalFadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}

@keyframes microModalSlideIn {
  from { transform: translateY(15%); }
    to { transform: translateY(0); }
}

.Update-Contact-Numbers .form-group input[type="checkbox"] {
    appearance: none;
    background-color: #fff;
    margin-top: 1px;
    font: inherit;
    color: var(--primary);
    width: 0.9rem;
    height: 0.9rem;
    border: 0.15rem solid var(--primary);
    border-radius: 0.1rem;
    transform: translateY(-0.075rem);
    display: inline-grid;
    gap: 0.5rem;
    padding: 1.75px;
}

.Update-Contact-Numbers .form-group input[type="checkbox"]::before {
    content: "";
    width: 100%;
    height: 100%;
    transform: scale(0);
    transition: 50ms transform ease-in-out;
    box-shadow: inset 1rem 1rem var(--primary);

    transform-origin: bottom left;
    clip-path: polygon(12.09% 48.76%, 0% 67.19%, 50% 100%, 100% 15.5%, 82.07% 4.89%, 43.8% 69.57%);
}

.Update-Contact-Numbers .form-group input[type="checkbox"]:checked::before {
    transform: scale(1);
}

.Update-Contact-Numbers .form-group input[type="checkbox"]:focus {
  outline: none;
  outline-offset: none;
}

.Update-Contact-Numbers .form-group input[type="checkbox"]:disabled {
  color: var(--tertiary);
  cursor: not-allowed;
}