﻿.margin-top-9{
    margin-top: 9px;
}

.margin-top-29{
    margin-top: 29px;
}

.grid-column-1fr-1fr{
  display:grid;
 grid-template-columns: 1fr 1fr;
 grid-template-row:1fr;
}

.margin-left-29{
    margin-left:29px;
}

.grid-column-40-60 {
    display:grid;
    grid-template-columns: 40% 60%;  
    grid-template-row:1fr;
}

.width-40-percent{

    width:40%;
}


/* SWitch */ 



.switch-personal-contact-on [data-switch]:checked:before {
    content: "Sim";
    color: white ;
    padding-left: 12px ;
    padding-top: 4px ;
    padding-bottom: 2px ;
    height: 24px ;
    width: 62px;
    font-size: 16px;
    background-color: var(--color-primary) ;
    border: var(--border-size-s) solid var(--color-primary);
}

.switch-personal-contact-on [data-switch]:checked:after {
    -webkit-transform: translateX(22px) translateZ(0);
    transform: translateX(48px) translateZ(0);
}

/* 
.switch-personal-contact [data-switch]:checked:before {
    content: "Sim" !important;
    color: white !important;
    padding-left: 12px !important;
    padding-top: 4px !important;
    padding-bottom: 2px !important;
    height: 24px !important;
    width: 62px !important;
    font-size: 16px;
    background-color: var(--color-primary) !important;
    border: var(--border-size-s) solid var(--color-primary) !important;
}
*/

.switch-personal-contact [data-switch]:empty:before {
    Content: "Não";
    color: #6A7178;
    padding-left: 30px;
    /* padding-top: 2px; */
    padding-top: 4px;
    padding-bottom: 2px;
    height: 24px;
    font-size: 16px;
    background-color: var(--color-neutral-5);
    border: var(--border-size-s) solid var(--color-neutral-5);
    border-radius: var(--border-radius-rounded);
    /* height: 30px; */
    opacity: 1;
    width: 40px;
    /* width: 48px; */
    -webkit-transition: all 180ms linear;
    transition: all 180ms linear;
}

.switch-personal-contact [data-switch]:checked:after {
    -webkit-transform: translateX(22px) translateZ(0);
    transform: translateX(48px) translateZ(0);
}
