/* Version 1.0.0 */

/* Form basic */
.lvd-cm-form-basic                                  {position:relative;}
.lvd-cm-form-basic .lvd-container                   {position:relative; z-index:2; border-radius:var(--lvd-rounded); }
.lvd-cm-form-basic .lvd-title                       {font-weight: 700; margin-bottom:10px; color:var(--lvd-color-black);}
.lvd-cm-form-basic .lvd-content                     {border-radius:var(--lvd-rounded); padding:30px; background:var(--lvd-color-gray-200); height: calc(100% - 40px); margin:20px;}
.lvd-cm-form-basic .lvd-text                        {font-size:var(--lvd-text-h5);}
.lvd-cm-form-basic ul                               {margin-bottom:16px; padding-left:20px;}
.lvd-cm-form-basic li                               {list-style:none; position:relative; margin-bottom:8px; padding-left:8px;}
.lvd-cm-form-basic li::before                       {position:absolute; top:-9px; left:-8px; content: "\2022"; font-size:26px; color:var(--lvd-color-primary); font-weight: bold;}

.lvd-cm-form-basic .lvd-person                      {margin-top:60px; border-radius:var(--lvd-rounded); background:rgba(0,0,0,0.05); padding:0 10px;}
.lvd-cm-form-basic .lvd-person .lvd-img             {width:80px;}
.lvd-cm-form-basic .lvd-person .lvd-img img         {border-radius:4px;}
.lvd-cm-form-basic .lvd-person .lvd-person-details  {width:calc(100% - 110px);} 
.lvd-cm-form-basic .lvd-person .lvd-name            {font-weight: 700; color:var(--lvd-color-black);}

.lvd-cm-form-basic .lvd-form-details                {padding:40px;}

/* White */
.lvd-cm-form-basic .lvd-style-white                 {border: 1px solid var(--lvd-color-gray-200);}

/* Light */                
.lvd-cm-form-basic .lvd-style-light .lvd-content    {background:var(--lvd-color-white);}
.lvd-cm-form-basic .lvd-style-light                 {background:var(--lvd-color-gray-200);}

/* Accent */                
.lvd-cm-form-basic .lvd-style-accent .lvd-content   {background:var(--lvd-color-primary);}

/* Dark */                
.lvd-cm-form-basic .lvd-style-dark .lvd-content     {background:var(--lvd-color-black); color:var(--lvd-color-white);}
.lvd-cm-form-basic .lvd-style-dark .lvd-title       {color:var(--lvd-color-white);}
.lvd-cm-form-basic .lvd-style-dark .lvd-person      { background:rgba(255,255,255,0.2);}
.lvd-cm-form-basic .lvd-style-dark  .lvd-name       { color:var(--lvd-color-white);}

/* Formular - NF overwrite*/ 
.lvd-cm-form-basic .nf-field-container              {margin-bottom:8px;}
.lvd-cm-form-basic .nf-field-label label            {font-weight:400; font-size:var(--lvd-text-s1);}
.lvd-cm-form-basic .nf-field-element input 	        {-webkit-border-radius:0; border-radius:0;}
.lvd-cm-form-basic .nf-field-element input[type=text], .lvd-cm-form-basic .nf-field-element input[type=button], .lvd-cm-form-basic .nf-field-element input[type=email], .lvd-cm-form-basic .nf-field-element input[type=tel] {-webkit-appearance: none;}
.lvd-cm-form-basic .nf-field-element input[type=checkbox]{-webkit-appearance:checkbox !important;}
.lvd-cm-form-basic .nf-field-element input[type=text], .lvd-cm-form-basic .nf-field-element input[type=tel],  .lvd-cm-form-basic .nf-field-element input[type=email], .lvd-cm-form-basic .nf-field-element input[type=password]  {height:48px; line-height:48px; border-radius:4px; color:var(--lvd-color-black); border:1px solid var(--lvd-color-black); display:inline-block; background:var(--lvd-color-white);}
.lvd-cm-form-basic .nf-field-element textarea      {height:100px !important; line-height:48px; border-radius:4px; color:var(--lvd-color-black); border:1px solid var(--lvd-color-black); display:inline-block; font-family: var(--lvd-primary-font); background:var(--lvd-color-white);}
.lvd-cm-form-basic .nf-field-element input[type=button] {background:var(--lvd-color-secondary); color:var(--lvd-color-white); border:1px solid var(--lvd-color-secondary); display:inline-block; height:48px; line-height:46px; font-weight:700; font-size:var(--lvd-text-body); padding:0 24px; border-radius:25px;}

/* MOBILE (bm) */
@media (min-width:1px) and (max-width:767px)
{
.lvd-cm-form-basic, .lvd-cm-form-basic.lvd-px, .lvd-cm-form-basic.lvd-pxy {padding-left:20px !important; padding-right:20px !important;}
.lvd-cm-form-basic .lvd-content                     {border-radius:var(--lvd-rounded-top); padding:20px;  height: 100%; margin:0;}
.lvd-cm-form-basic .lvd-person                      {margin-top:10px;}
.lvd-cm-form-basic .lvd-form-details                {padding:20px;}

}