/* FormIO*/
.rendered-formio .form-group {padding:0 15px;}
.rendered-formio .form-control {border:0;border-bottom:1px solid #707070;display: block;width:100%;margin-bottom:3px;height:25px;outline:0;padding:0;position: relative;z-index: 2;background-color: transparent;outline:0;border-radius:0;box-shadow: none;font-size:10px;}
.rendered-formio label  {position: absolute;top:-22px;left:15px;transition: all 0.5s;z-index:1;text-transform: capitalize;color: #838383 !important;}

/* change form design popup on add*/
.component-edit-container .formio-form {border-right:1px solid #dee2e6;}
.formio-dialog.formio-dialog-theme-default .formio-dialog-content {background-color:#FFF !important;border-radius:3px !important;padding: 0 !important;}
.formio-dialog-content .lead {font-size:14px;padding:11px;}
.formio-dialog-content .card-header  {background-color:#FFF;padding:0;}
.formio-dialog-content .card-header-tabs {border-bottom: 1px solid #dee2e6;margin:0;}

.component-edit-container > .row:first-child {border-bottom: 1px solid #dee2e6;}

.formio-dialog-content .preview-panel {margin-left: -30px !important;border-bottom:0;background-color:#e5e0f0;}
.formio-dialog-content .preview-panel .formio-form {border: 0;}
.formio-dialog-content .preview-panel h4 {font-size:14px;padding: 10px;background-color:#e5e0f0;}

.formio-dialog-content .form-check.checkbox span {margin-top: 4px;display: inline-block;}

.formio-dialog.formio-dialog-theme-default .formio-dialog-close {background-color:#FFF !important;}
.formio-dialog.formio-dialog-theme-default .formio-dialog-close:before {line-height:21px !important;width: 20px;float: right}