.viva-custom-form {
    padding:30px;
}

.viva-custom-form .control-group {
    margin-top:10px;
}

.viva-custom-form input,.viva-custom-form textarea  {
    width:100%;
}

#viva_custom_block .container .viva-custom-form .row {
    margin-left:-15px;
    margin-right:-15px;
}

.viva-custom-form #jform_profile_usage,.viva-custom-form #jform_profile_usage-lbl {
    display:none;
}

.viva-custom-form #jform_profile_tos {
    border:0px;
}

.viva-custom-form .checkbox input {
    width:auto;
    margin:0px;
    padding:0px;
}

.viva-custom-form .profile-image {
    text-align:center;
    margin:15px;
    cursor: pointer;
    position:relative;
}

#del-profile-image {
    position:absolute;
    right:2px;
    top:2px;
    display:none;
}

.viva-custom-form .profile-image img {
    max-width:250px;
}

.viva-user-tab.boodskap {
    min-height:150px;
}

#modal-message {
    margin:30px 0px 30px 0px;
}

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

.viva-custom-form input, .viva-custom-form textarea,.viva-custom-form select {
    margin: 15px 0px 0px 0px!important;
}

.viva-custom-form .info {
    margin-top: 10px!important;
}

.viva-custom-form input,.viva-custom-form textarea,.viva-custom-form button,.viva-custom-form select,.viva-custom-form .keer-terug {
    border:0px;
    border-radius:15px;
    font-size:20px;
    box-sizing: border-box;
  /*  width: calc(100% - 10px);*/
    width:100%;
}

.viva-custom-form input,.viva-custom-form button,.viva-custom-form select,.viva-custom-form .keer-terug {
    height:40px;
}

.viva-custom-form .formControls.btn-group {
/*    width: calc(100% - 10px); */
    width:100%;
}

.viva-custom-form select {
    display: block;
    appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 140 140' width='24' height='24' xmlns='http://www.w3.org/2000/svg'><g><path d='m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z' fill='gray'/></g></svg>")!important;
    background-repeat: no-repeat!important;
    background-position: right 1rem center!important;
    background-size: 1em!important;
}

.viva-user-tab {
    display:none;
}

.viva-user-tab.active {
    display:block;
}

.select-items div,.select-selected {
    color: #ffffff;
    padding: 8px 16px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
  }

input[type="file"] {
    display: none;
}



#profiel-foto-label {
    display:block;
    margin-left:auto;
    margin-right:auto;
    max-width:130px;
    cursor:pointer;
}

.rsfp-image-container {
    text-align:center;
}

.remember-label {
    vertical-align: middle;
}

.viva-custom-form button,.viva-custom-form .keer-terug {
    background: #27a9e1;
    color:#fff; 
    font-weight:bold;
    height:40px;
    margin-top:15px;
    margin-bottom:15px;
}

.viva-custom-form input,.viva-custom-form textarea,.viva-custom-form select {
    background: #f0f2f2;
    color:#707071;
    font-size:16px;
}

.viva-custom-form input::placeholder,.viva-custom-form textarea::placeholder,.viva-custom-form select::placeholder {
    color:#707071!important;
    font-size:16px!important;
    text-transform :none!important;
    letter-spacing:normal!important;
}

.viva-custom-form .pword-reset {
    font-size:14px!important;
    text-align:center;
}

.viva-custom-form .pword-reset a {
    color:#707071!important;
}

.viva-custom-form label,.viva-custom-form .optional {
    font-size:16px;
}

.viva-custom-form .button-delete {
    margin-top:30px;
    background-color:#e63140;
}

.viva-custom-form .formError, .viva-custom-form .formRed,.viva-custom-form .invalid {
    color:#e63140!important;
}

.viva-custom-form .formError,.viva-custom-form .invalid {
    font-size:14px;
    font-weight:bold;
}

.viva-custom-form .invalid {
    display:none;
}

.viva-custom-form .invalid.active {
    display:block;
}

.viva-custom-form label {
    margin-bottom:0px;
}

.viva-user-tab.boodskap button {
    width:unset;
    position:absolute;
    left:10px;
    right:10px;
    bottom:10px;
}


.viva-custom-form #terug {
    background-color: #6c757d;
    border-color:#6c757d;
}

.modal .close {
    padding:10px;
}

.tekenin {
    text-align:center;
    display:inline-block;
    width:100%;
}

#user-modal .tekenin .social {
    display:inline-block;
}

/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
  }
  
  /* Hide default HTML checkbox */
  .switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  /* The slider */
  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  input:checked + .slider {
    background-color: #2196F3;
  }
  
  input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
  }
  
  input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
  }

  .social a {
    width:50px;
    height:50px;
    padding-top:15px;
  }
  
  /* Rounded sliders */
  .slider.round {
    border-radius: 15px;
  }
  
  .slider.round:before {
    border-radius: 50%;
  }

/*end switch */

.form-header-top {
    height:75px;
   /* margin:10px 0px 0px 10px;*/
   padding:25px;
}

.form-header-top .left {
    float:left;
}

.form-header-top .right {
    float:right;
}

.alt-label {
    width: 100%; 
    text-align: center; 
    border-bottom: 1px solid #000; 
    line-height: 0.1em;
    margin: 20px 0 20px;
    font-weight: bold;
}

.alt-label span { 
    background:#fff; 
    padding:0 10px; 
}

.modal-page {
    display:none;
}

.formContainer {
    width:100%;
}

.infotext {
    position: relative;
    display: inline-block;
    color:#27a9e1;
    cursor: pointer;
  }
  
  .infotext .tooltiptext {
    visibility: hidden;
    min-width: 200px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 7px;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
  }
  
  .infotext.clicked:hover .tooltiptext {
    visibility: visible;
  }

/* fix Breezingforms buttons using viva-customer-form styling */
.viva-custom-form.button-fix button {
    display:block;
    margin-left:auto;
    margin-right:auto;
    margin-top:30px;
}

.viva-custom-form.button-fix .row-fluid {
    margin-left:0px;
    margin-right:0px;
}

.viva-custom-form.button-fix input,.viva-custom-form.button-fix textarea {
    margin-left:auto!important;
    margin-right:auto!important;
}