.magicform.magicform-atlassian .mf-form-control {
    transition: background-color 0.2s ease-in-out 0s, border-color 0.2s ease-in-out 0s;
}

.magicform.magicform-atlassian .mf-btn {
    transition: background-color 0.1s ease-out 0s, box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38) 0s;
}

.magicform.magicform-material .mf-form-control::-webkit-input-placeholder, .magicform.magicform-material-outlined .mf-form-control::-webkit-input-placeholder {
    color: transparent !important;
}

.magicform.magicform-material .mf-form-control::-ms-input-placeholder, .magicform.magicform-material-outlined .mf-form-control::-ms-input-placeholder {
    color: transparent !important;
}

.magicform.magicform-material .mf-form-control::placeholder,  .magicform.magicform-material-outlined .mf-form-control::placeholder {
    color: transparent !important;
}

.mf-material-container {
    position: relative;
}

.mf-material-container .mf-input-group {
    position: initial;
}

.mf-material-label {
    position: absolute;
    top: calc(50% - 11px);
    line-height: 1;
    font-size: 14px;
    left: 8px;
    padding: 4px 6px;
    transform-origin: 0 0;
    transition: 150ms cubic-bezier(0.4, 0, 0.2, 1), opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
    color: #5f6368;
    pointer-events: none;
    background: #FFF;
    z-index: 99;
    border-radius:3px;
}

.mf-material-container select~textarea, .mf-material-label {
    top: 10px;
}

.mf-material-container.mf-with-icon .mf-material-label {
    left: 48px;
}

.mf-material-container .mf-form-control:not([disabled]):focus~.mf-material-label, .mf-material-container.mf-active .mf-material-label {
    transform: scale(.8) translateY(-22px);
    display: inline-block;
}

.mf-material-container .mf-form-control.mf-form-control-sm:not([disabled]):focus~.mf-material-label, .mf-material-container.mf-active .mf-form-control-sm~.mf-material-label {
    transform: scale(.8) translateY(-16px);
}

.mf-material-container .mf-form-control.mf-form-control-lg:not([disabled]):focus~.mf-material-label, .mf-material-container.mf-active .mf-form-control-lg~.mf-material-label {
    transform: scale(.8) translateY(-26px);
}

.mf-material-container .mf-form-control:not([disabled]):focus~.mf-material-label {
}

.react-datepicker-popper {
    z-index: 100 !important;
}

.magicform.magicform-material .mf-custom-control-label::before, 
.magicform.magicform-material-outlined .mf-custom-control-label::before {
    top: 2px;
    border-width: 2px;
    width: 20px;
    height: 20px;
}

.magicform.magicform-material .mf-custom-radio .mf-custom-control-input:checked~.mf-custom-control-label::before,
.magicform.magicform-material-outlined .mf-custom-radio .mf-custom-control-input:checked~.mf-custom-control-label::before {
    background: none !important;
}

.magicform.magicform-material .mf-custom-radio .mf-custom-control-input:checked~.mf-custom-control-label::after,
.magicform.magicform-material-outlined .mf-custom-radio .mf-custom-control-input:checked~.mf-custom-control-label::after
{
    background-image: none;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    left: -23px;
    top: 7px;
}

.magicform.magicform-material .mf-custom-checkbox .mf-custom-control-input:checked~.mf-custom-control-label::after, .magicform.magicform-material-outlined .mf-custom-checkbox .mf-custom-control-input:checked~.mf-custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0'?%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' width='512px' height='512px' viewBox='0 0 448.8 448.8' style='enable-background:new 0 0 448.8 448.8;' xml:space='preserve' class=''%3E%3Cg%3E%3Cg%3E%3Cg id='check'%3E%3Cpolygon points='142.8,323.85 35.7,216.75 0,252.45 142.8,395.25 448.8,89.25 413.1,53.55 ' data-original='%23000000' class='active-path' data-old_color='%23000000' fill='%23FFFFFF'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    width:28px;
    height:28px;
    top:-2px;
    left:-32px;
}

.magicform.magicform-material-outlined .mf-has-error .mf-material-label {
    color: #f5222d;
}

.magicform.magicform-material-outlined .mf-has-error .mf-material-container .mf-form-control:not([disabled]):focus~.mf-material-label {
    color: #f5222d;
}

.magicform.magicform-material  .mf-has-error .mf-form-control:focus {
    box-shadow:none !important;
}

.magicform.magicform-material .mf-form-control, .magicform.magicform-material .mf-input-group-text, .magicform.magicform-material .mf-custom-file-label {
    border-left:none !important;
    border-top:none !important;
    border-right:none !important;
}

.magicform.magicform-material .mf-material-label {
    background:none;
}

.magicform.magicform-material .mf-has-error .mf-form-control:focus {
    box-shadow:none !important;
}

.magicform.magicform-material .mf-has-error .mf-material-label {
    color: #f5222d;
}

.magicform.magicform-material .mf-has-error .mf-material-container .mf-form-control:not([disabled]):focus~.mf-material-label {
    color: #f5222d;
}

.magicform.magicform-material .mf-with-icon .mf-form-control {
    padding-left:4px;
}

.magicform.magicform-material .mf-material-container.mf-with-icon .mf-material-label {
    left: 36px;
}

.magicform.magicform-hubspot .mf-form-control {
    transition: all .15s ease-out
}

.magicform.magicform-hubspot .mf-custom-control-label::before {
    border-width: 2px;
}
.magicform.magicform-hubspot .mf-has-error .mf-form-control:focus {
    box-shadow:0 0 4px 1px rgba(245,34,45,.3), 0 0 0 1px rgb(245, 34, 45) !important;
}

.magicform.magicform-gitbook .mf-label {
    letter-spacing: 1.2px;
    text-transform: uppercase;
}
.magicform.magicform-gitbook .mf-has-error .mf-form-control:focus {
    box-shadow:none !important;
}