.formidable { 
margin: 10px 0;
    background: rgba(255, 255, 255, 0.5);
    padding: 0 10px;
    border: 1px #bbb solid;
}
.whitetxt .formidable { 
 background: rgba(0,0,0, 0.25);
	border: 1px #222 solid;
}

.formidable .form-group {

display: block; margin: 5px auto; }



.formidable .form-group label {

font-size: 0.8rem; line-height: 1; width: -webkit-fill-available; padding: 0;

font-weight: bold;

}

.formidable .form-group input,

.formidable .form-group select,

.formidable .form-group textarea,

.formidable .form-group input[type="date"]{

font-size: 1rem; line-height: 1;  width: -webkit-fill-available; padding: 15px;

border: 1px #000 solid; background: rgba(255,255,255,0.5);

-moz-border-radius: 3px; border-radius: 3px; color: #000; /*min-height: 52px;*/

}

.formidable .form-group input::placeholder,

.formidable .form-group textarea::placeholder { color: #555; }



.formidable .form-group input[type="radio"],

.formidable .form-group input[type="checkbox"]{ min-height: 0; }



.formidable .alert.alert-success {

	color: #fff !important;
    background: #73bb93 !important;
    padding: 15px;
    border-radius: 2px;
    text-align: center;

}

.formidable .alert.alert-success a.button { color: #fff!important; }



.formidable .form-group .custom-radio,

.formidable .form-group .custom-checkbox {

	border: 1px dotted #0166ff; background: #efefef;  color: #000!important;

}



.whitetxt .formidable .form-group input,

.whitetxt .formidable .form-group textarea {

background: rgba(255,255,255, 0.85);

color: #000 !important;

}

.whitetxt .formidable .form-group input::placeholder,

.whitetxt .formidable .form-group textarea::placeholder {

	color: #bbb; 

}



.formidable .form-group textarea { min-height: 125px; }



.formidable .form-group .form-check input {

	width: auto;

    margin: 10px;

    padding: 10px;

    vertical-align: middle;

}

.whitetxt .formidable .form-group textarea,

.whitetxt .formidable .form-group input { background: rgba(255,255,255,0.85); }



.formidable .form-group input::placeholder,

.formidable .form-group textarea::placeholder { color: #555; }

.formidable .invalid-feedback {

font-size: 0.8rem; line-height: 1; padding: 5px 8px; color: #fff; background: #ad1f29; }



.formidable.processing {}



.formidable button.button { padding: 10px 20px 12px 20px!important;  }



.formidable form > div.row {

	/*background: #fff;*/

    padding: 5px;
	
    /*border-radius: 25px;

    box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);

    margin: 15px auto;*/

}

.formidable form > div.row > div { 
	box-sizing: border-box;}

.formidable form > div.row.mt-2 {

	background: none;

	padding: 0 25px;

	box-shadow: none;

	margin: 5px auto;

}



.formidable form > div.row > div.col-12 { margin: 8px auto; }



.formidable .row .col-12 {

	display: inline-block; vertical-align: top;

	width: 99.5%; padding: 1%;

}

@media screen and (min-width: 1000px) {

	.formidable .row .col-12.col-sm-3 { 

		width: 24.55%

	}

	.formidable .row .col-12.col-sm-4 { 

		width: 33%

	}

	.formidable .row .col-12.col-sm-6 { 

		width: 49.5%

	}

	.formidable .row .col-12.col-sm-8 { 

		width: 66%

	}

	.formidable .row .col-12.col-sm-9 { 

		width: 74.5%

	}

	.formidable .row .col-12.col-sm-12 { 

		width: 99.5%

	}

}



/*.formidable .form-check.custom-radio {

	display: inline-block; vertical-align: top;

	min-width: 20%; max-width: 33%;	

}*/

.formidable .form-check input {

	width: auto;

    margin: 2px 5px;

    vertical-align: middle;

}

.formidable .form-check label {

	font-weight: normal;

}







.formidable .hide {



    display: none;



}







.formidable [type="submit"] i {



    display: none;



}







.formidable.processing [type="submit"] i {



    display: inline-block;



}







.formidable .valid-feedback,



.formidable .invalid-feedback {



    display: block;



}







.formidable div[data-formidable-message] p {



    margin-bottom: 0;



}







.formidable div[data-formidable-message] p + p {



    margin-top: 10px;



}







.formidable div[data-formidable-countable] {



    position: relative;



}







.formidable div[data-formidable-countable] div[data-range] {



    position: absolute;



    font-size: 13px;



    color: #ccc;



    top: 9px;



    right: 9px;



}







.formidable div[data-formidable-countable] select[multiple="true"]+div[data-range] {



    right: 25px;



}







.formidable div[data-formidable-countable] select.is-invalid,



.formidable div[data-formidable-countable] select.is-valid {



    background-position: right calc(0.375em + 2.1875rem) top calc(9px);



}







.formidable div[data-formidable-countable] select[multiple="true"].is-invalid,



.formidable div[data-formidable-countable] select[multiple="true"].is-valid {



    background-position: right calc(0.375em + 2.7875rem) top calc(9px);



}















.formidable div[data-formidable-countable] select:not([multiple="true"])+div[data-range],



.formidable div[data-formidable-type="file"] div[data-formidable-countable] div[data-range] {



    display: none;



}







.formidable div[data-formidable-countable] .is-invalid,



.formidable div[data-formidable-countable] .is-valid {



    background-position: right calc(.375em + 2.5875rem) center;



    padding-right: calc(1.5em + 2.75rem);



}







.formidable div[data-formidable-type="address"] .col.address1,



.formidable div[data-formidable-type="address"] .col.address2 {







}







.formidable div[data-formidable-type="address"] .col.number,



.formidable div[data-formidable-type="address"] .col.number_suffix {



    flex: 0 0 auto;



    width: 20%;



}







.formidable div[data-formidable-type="address"] .break {



    margin-bottom: 15px;



}







.formidable div[data-formidable-type="date"] [type="date"].is-invalid,



.formidable div[data-formidable-type="date"] [type="date"].is-valid {



    background-position: right calc(.375em + 2.1875rem) center;



}



.formidable div[data-formidable-type="date"] [type="date"]:before {



    background-color: white !important;



}











.formidable div[data-formidable-type="file"] div[data-formidable-countable] .is-invalid,



.formidable div[data-formidable-type="file"] div[data-formidable-countable] .is-valid {



    background-position: right calc(0.375em + .1875rem) center;



}







.formidable div[data-formidable-type="file"] .add-file {



    float: right



}







.formidable div[data-formidable-type="range"] div.range {



    display:flex;



    flex-direction: row;



}



.formidable div[data-formidable-type="range"] div.range span[data-range-value] {



    padding: 6px 10px;



    height: 1.5rem;



    position: relative;



    margin-left: 10px;



}



.formidable div[data-formidable-type="range"] div.range span[data-range-value]:after {



    position: absolute;



    top: 5px;



    left: -7px;



    width: 0;



    height: 0;



    border-top: 7px solid transparent;



    border-right: 7px solid #373a3b;



    border-bottom: 7px solid transparent;



    content: '';



}











.formidable .option-other {



    display: none;



}



.formidable .option-other.enabled {



    display: block;



}







.formidable .formidable-dropzone .dropzone-box,



.formidable .formidable-dropzone .dropzone-box * {



    box-sizing: border-box



}







.formidable .formidable-dropzone .dropzone-box {



    border: 2px dashed #ccc;



    border-radius: 5px;



    padding: 20px 20px;



}







.formidable .formidable-dropzone .dropzone-box.dz-clickable {



    cursor: pointer



}







.formidable .formidable-dropzone .dropzone-box.dz-clickable * {



    cursor: default



}







.formidable .formidable-dropzone .dropzone-box.dz-clickable .dz-message,



.formidable .formidable-dropzone .dropzone-box.dz-clickable .dz-message * {



    cursor: pointer



}







.formidable .formidable-dropzone .dropzone-box.dz-started .dz-message {



    display: none



}







.formidable .formidable-dropzone .dropzone-box.dz-drag-hover {



    border-style: solid



}







.formidable .formidable-dropzone .dropzone-box.dz-drag-hover .dz-message {



    opacity: .5



}







.formidable .formidable-dropzone .dropzone-box .dz-message {



    text-align: center;



    margin: 2em 0



}







.formidable .formidable-dropzone .dropzone-box .dz-message .dz-button {



    background: none;



    color: inherit;



    border: none;



    padding: 0;



    font: inherit;



    cursor: pointer;



    outline: inherit



}



.formidable .formidable-dropzone .dz-image-preview img {



    max-width: 50px;



}



.formidable .formidable-dropzone .dz-image-preview .dz-title span {



    font-size: 13px;



    margin-bottom: 5px;



}



.formidable .formidable-dropzone .dz-image-preview .dz-title span b,



.formidable .formidable-dropzone .dz-image-preview .dz-title span strong {



    font-weight: normal;



}



.formidable .formidable-dropzone .dz-progress .progress-bar {



    height: 10px;



}



.formidable .formidable-dropzone [data-dz-remove]:hover,



.formidable .formidable-dropzone [data-dz-remove]:hover i {



    cursor: pointer;



}







@keyframes passing-through {



    0% {



        opacity: 0;



        transform: translateY(40px)



    }



    30%,



    70% {



        opacity: 1;



        transform: translateY(0px)



    }



    100% {



        opacity: 0;



        transform: translateY(-40px)



    }



}



@keyframes slide-in {



    0% {



        opacity: 0;



        transform: translateY(40px)



    }



    30% {



        opacity: 1;



        transform: translateY(0px)



    }



}



@keyframes pulse {



    0% {



        transform: scale(1)



    }



    10% {



        transform: scale(1.1)



    }



    20% {



        transform: scale(1)



    }



}