.bodyCenter{ display: flex; flex-direction: column; justify-content: space-between; height: 100vh;}

@supports (gap:30px){
    .bodyCenter{ gap: 30px;}
}

@supports not(gap:30px){
    .bodyCenter{ grid-gap: 30px;}
}

.bgRegister{ display: flex; flex-direction: column; justify-content: center; align-items: center;}
.gridForm{ display: grid; grid-template-columns: 1fr 0.7fr; grid-gap: 15px 70px;}
.bgRight{
    background: var(--clWhite);
    border-radius: 1rem;
    border: .1rem solid var(--clGray);
}

@media (max-width:991px){
    .gridForm{ grid-template-columns: 1fr;}
}

.flexGroup{ display: flex; justify-content: space-between; align-items: flex-start; gap: 15px;}
.flexGroup > span{ flex: 1 0 35%;}
.flexGroup > div{ flex: 1 0 65%;}
.form-group{ margin-bottom: 15px;}
.form-control-back{ border-radius: 50px;}

@media (max-width:768px){
    .flexGroup{ flex-wrap: wrap; gap: 5px 15px;}
    .flexGroup > span{ margin-top: 0 !important; text-align: left !important;}
}

.loginSocial{ margin: 0; padding: 0; list-style: none; display: flex; align-items: center; justify-content: center; gap: 15px;}
.loginSocial a{ display: flex; align-items: center; justify-content: center; text-decoration: none; width: 50px; height: 50px; 
    border: 1px solid var(--clBlackGray); border-radius: 50%; color: var(--clBlackGray); background: var(--clWhite);}
.loginSocial a:hover{ color: var(--clWhite);}

.loginSocial a.facebook:hover{ background: #4267b2; border: 1px solid #4267b2;}
.loginSocial a.google:hover{ background: #d93025; border: 1px solid #d93025;}
.loginSocial a.linkedin:hover{ background: #2977c9; border: 1px solid #2977c9;}

.code{ display: flex; align-items: center; jgap: 15px;}
.code img{ max-width: 100%;}
.code button{ color: var(--clRed); width: 40px; height: 40px; border: none;}

.gridLabel{ display: grid; grid-template-columns: 10px 1fr; align-items: baseline; grid-gap: 15px; cursor: pointer;}
.panelCollapse{ margin-top: 10px; height: 300px; overflow-y: scroll;}
.panelCollapse::-webkit-scrollbar{ width: 5px; background-color: #7D7979;}
.panelCollapse::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;  }
.panelCollapse::-webkit-scrollbar-thumb { background-color:#7D7979;}

.indent{ padding-left: 15px;}
.textIndent{ text-indent: 30px;}

.regisUser{ display: flex; align-items: center; justify-content: center;}
.regisUser button{ background: var(--clRed); padding: 5px 20px; border-radius: 50px; color: var(--clWhite); 
    border: 1px solid var(--clRed);}
.regisUser button:hover{ background: var(--clRedHover); border: 1px solid var(--clRedHover);}
.error{ color:red; }