/*
* =======================================================================
* ADDON NAME:       Custom-Formbuilder
* ADDON AUTOR:      Oleg Muenster
* FILE NAME:        custom_formbuilder.css
* DATE CREATED:  	2020-12-28
* DATE MODIFIED:  	2020-12-28
* =======================================================================
*/

.text-full button {
  width: 100% !important;
}
.red {
  color: red;
  font-size: 16px;
}

/*
.custom_formbuilder button {
  padding: 6px 12px;
  min-height: 40px;
  background: #ddd;
  border: none;
  border-radius: 4px;
  min-width: 150px;
  max-width: 100%;
  display: inline-block;
  cursor: pointer;
}
*/

.custom_formbuilder .button {
  padding: 6px 12px;
  min-height: 40px;
  background: #ddd;
  border: none;
  border-radius: 4px;
  min-width: 150px;
  max-width: 100%;
  display: inline-block;
  cursor: pointer;
}
/*
.custom_formbuilder button:hover {
  background: #ccc;
}
*/

.custom_formbuilder .button:hover {
  background: red;
}

.form-group {
  margin-bottom: 15px;
  position: relative;
}
.form-group label,
.form-group .label {
  display: block;
  margin: 0 0 5px 0;
}
.form-group input[type="radio"],
.form-group input[type="checkbox"] {
  margin-left: 0;
}
.form-group.radio.inline label {
  display: inline-block;
  width: calc(100% / 10);
  text-align: center;
}
.form-group.radio.inline input {
  width: 100%;
}
.form-group input[type="text"],
.form-group input[type="email"],
.form-group input[type="phone"],
.form-group input[type="date"],
.form-group select,
.form-group textarea {
  border: 1px solid #ccc;
  padding: 8px;
  border-radius: 4px;
  min-height: 40px;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
}


.custom_formbuilder .container .row {
  margin-left: -15px;
  margin-right: -15px;
}
.custom_formbuilder .container .row:after {
  content: "";
  display: block;
  clear: both;
}
.custom_formbuilder .container .row [class*="bcol-"] {
  float: left !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  margin-top:10px;
  margin-bottom:10px;
}

@media (min-width: 992px) {

	.custom_formbuilder .container .row .bcol-12 {
	  width: 100% !important;
	}
	.custom_formbuilder .container .row .bcol-10 {
	  width: 83.3333% !important;
	}
	.custom_formbuilder .container .row .bcol-9 {
	  width: 75% !important;
	}
	.custom_formbuilder .container .row .bcol-8 {
	  width: 66.6666% !important;
	}
	.custom_formbuilder .container .row .bcol-7 {
	  width: 58.3333% !important;
	}
	.custom_formbuilder .container .row .bcol-6 {
	  width: 50% !important;
	}
	.custom_formbuilder .container .row .bcol-5 {
	  width: 41.6666% !important;
	}
	.custom_formbuilder .container .row .bcol-4 {
	  width: 33.3333% !important;
	}
	.custom_formbuilder .container .row .bcol-3 {
	  width: 25% !important;
	}
	.custom_formbuilder .container .row .bcol-2 {
	  width: 16.6666% !important;
	}
}

@media (max-width: 991px) {
  .custom_formbuilder .container .row [class*="bcol-"] {
    width: 100% !important;
  }
}

/* 2021-04-16 */

.builder-label {
	font-size:17px;
	font-weight:600;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #bcbcbc;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: red;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: red;
}

