
label,
input,
button,
select,
textarea{
    font-size:14px;
    font-weight:normal;
    line-height:20px;
}

.custom-select{
    font-size:14px;
}

label{
    font-family:-apple-system, BlinkMacSystemFont, "Inter UI", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif, sans-serif;
    letter-spacing:-0.006em;
}

.form-group > select[multiple],
.form-group > select[size]{
    height:auto !important;
}

input:focus,
select:focus,
textarea:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus{
    outline:none;
    -webkit-box-shadow:none;
    box-shadow:none;
}

input:-webkit-autofill, input.error:-webkit-autofill{
    -webkit-box-shadow:0 0 0 1000px var(--color-white-100) inset !important;
}

input:-webkit-autofill:focus, input.error:-webkit-autofill:focus{
    -webkit-box-shadow:0 0 0 1000px var(--color-white-100) inset !important;
}

form legend{
    margin:15px 0 10px 0;
}

.form-control{
    background-color:var(--color-white-100);
    background-image:none;
    border:1px solid var(--color-blue-dark-14);
    border-top-color:var(--color-blue-dark-21);
    font-family:-apple-system, BlinkMacSystemFont, "Inter UI", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif, sans-serif;
    -webkit-appearance:none;
    color:var(--color-blue-dark);
    outline:0;
    padding:6px 8px;
    line-height:16px;
    font-size:14px;
    font-weight:normal;
    vertical-align:middle;
    min-height:32px;
    border-radius:2px;
}

.form-control::-moz-placeholder{
    color:inherit;
    opacity:0.47;
    font-weight:400;
    font-family:-apple-system, BlinkMacSystemFont, "Inter UI", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

.form-control:-ms-input-placeholder{
    color:inherit;
    opacity:0.47;
    font-weight:400;
    font-family:-apple-system, BlinkMacSystemFont, "Inter UI", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

.form-control::-webkit-input-placeholder{
    color:inherit;
    opacity:0.47;
    font-weight:400;
    font-family:-apple-system, BlinkMacSystemFont, "Inter UI", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

.form-control::placeholder{
    color:inherit;
    opacity:0.47;
    font-weight:400;
    font-family:-apple-system, BlinkMacSystemFont, "Inter UI", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

.form-control:focus{
    border-color:unset;
    background-color:var(--color-white-100);
    border:1px solid var(--color-bg-primary);
    box-shadow:none;
    outline:0 !important;
}

.form-control:focus::-moz-placeholder{
    color:inherit;
    opacity:0.57;
    font-weight:400;
    font-family:-apple-system, BlinkMacSystemFont, "Inter UI", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

.form-control:focus:-ms-input-placeholder{
    color:inherit;
    opacity:0.57;
    font-weight:400;
    font-family:-apple-system, BlinkMacSystemFont, "Inter UI", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

.form-control:focus::-webkit-input-placeholder{
    color:inherit;
    opacity:0.57;
    font-weight:400;
    font-family:-apple-system, BlinkMacSystemFont, "Inter UI", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

.form-control:focus::placeholder{
    color:inherit;
    opacity:0.57;
    font-weight:400;
    font-family:-apple-system, BlinkMacSystemFont, "Inter UI", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{
    background-color:#f9f9fa;
    color:rgba(53, 63, 77, 0.33);
    cursor:not-allowed;
}

.form-group:has(input:disabled) label {
    opacity:0.5;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    backface-visibility:hidden;
    font-size:12px;
    letter-spacing:normal;
}

.form-control.transparent{
    background-color:transparent;
    border-color:transparent;
}

.form-control.transparent:focus{
    background-color:transparent;
    border-color:transparent;
}

.input-sm,
.form-horizontal .form-group-sm .form-control{
    font-size:13px;
    min-height:32px;
    padding:7px 9px;
}

.input-lg,
.form-horizontal .form-group-lg .form-control{
    border-radius:3px;
    font-size:18px;
    min-height:45px;
    padding:11px 13px;
}

.input-xlg{
    min-height:51px;
    font-size:18px;
    line-height:22px;
}

.input-group-lg > .form-control{
    padding:6px 1rem;
}

.input-group-sm > .form-control{
    padding:0 0.5rem;
    min-height:32px;
}

.spectrum-group .sp-replacer.sp-krajee{
    background:transparent;
}

.spectrum-group .sp-color, .spectrum-group .sp-hue, .spectrum-group .sp-clear{ border:0; }

.spectrum-group .sp-preview, .spectrum-group .sp-initial{
    border-radius:3px;
    border-color:var(--color-blue-dark-21);
}

.spectrum-group .sp-replacer{
    color:var(--color-blue-dark-21);
}

.spectrum-group .sp-replacer:hover, .spectrum-group .sp-replacer.active{
    color:var(--color-bg-primary);
}

.sp-krajee.sp-container{
    box-shadow:rgba(15, 15, 15, 0.05) 0 0 0 1px, rgba(15, 15, 15, 0.1) 0 3px 6px, rgba(15, 15, 15, 0.2) 0 9px 24px;
    background:var(--color-white-100);
    border-radius:3px;
    border-color:var(--color-blue-dark-21);
}

.sp-krajee .sp-clear{ border:0 !important; }

.input-group-text{
    background-color:var(--color-white-100);
    color:rgba(53, 63, 77, 0.67);
    font-size:14px;
    line-height:14px;
    border:1px solid var(--color-blue-dark-14);
    border-top-color:var(--color-blue-dark-21);
    padding-left:10px;
    padding-right:10px;
    border-radius:2px;
}

.input-group-text.primary{
    background-color:var(--color-bg-primary);
    color:var(--color-white-100);
}

.input-group-text.success{
    background-color:var(--color-success-dark);
    color:var(--color-white-100);
}

.input-group-text.complete{
    background-color:var(--color-success-dark);
    color:var(--color-white-100);
}

.input-group-text.info{
    background-color:var(--color-info-bg);
    color:var(--color-white-100);
}

.input-group-text.warning{
    background-color:var(--color-bg-warning);
    color:var(--color-blue-gray-dark);
}

.input-group-text.danger{
    background-color:var(--color-danger-bg);
    color:var(--color-white-100);
}

.input-group-text.transparent{
    background-color:transparent;
}

.input-group-append .input-group-text{
    border-left:0;
}

.input-group-prepend .input-group-text{
    border-right:0;
}

@media only screen and (min-width:540px){
    form .row{
        margin-left:-7px;
        margin-right:-7px;
    }

    form .row > [class^="col-"], form .row > [class*="col-"]{
        padding-left:7px;
        padding-right:7px;
    }
}

@media only screen and (min-width:720px){
    form .row{
        margin-left:-7px;
        margin-right:-7px;
    }

    form .row > [class^="col-"], form .row > [class*="col-"]{
        padding-left:7px;
        padding-right:7px;
    }
}

@media only screen and (min-width:960px){
    form .row{
        margin-left:-7px;
        margin-right:-7px;
    }

    form .row > [class^="col-"], form .row > [class*="col-"]{
        padding-left:7px;
        padding-right:7px;
    }
}

@media only screen and (min-width:1200px){
    form .row{
        margin-left:-7px;
        margin-right:-7px;
    }

    form .row > [class^="col-"], form .row > [class*="col-"]{
        padding-left:7px;
        padding-right:7px;
    }
}

.form-horizontal .form-group{
    border-bottom:1px solid #dcdee0;
    padding-top:12px;
    padding-bottom:12px;
    margin-bottom:0;
}

.form-horizontal .form-group:last-child{
    border-bottom:none;
}

.form-horizontal .form-group:hover .control-label{
    opacity:1;
    color:var(--color-blue-dark);
}

.form-horizontal .form-group.focused .control-label{
    opacity:1;
    color:var(--color-blue-gray-dark);
}

.form-horizontal .form-group .control-label{
    text-align:left;
    color:var(--color-blue-gray-dark);
    -webkit-transition:opacity ease 0.3s;
    transition:opacity ease 0.3s;
}

.form-horizontal .form-group .control-label.required:after{
    content:"Required";
    position:absolute;
    right:0;
    font-size:12px;
    margin-right:4px;
    color:rgba(101, 108, 119, 0.87);
}

.form-horizontal .radio{
    padding-top:7px;
    margin-top:0;
    margin-bottom:0;
}

.form-horizontal .control-label{
    padding-top:7px;
    margin-bottom:0;
}

.form-group-attached .form-group.form-group-default{
    border-radius:0;
    margin-bottom:0;
}

.form-group-attached > div{
    margin:0;
}

.form-group-attached > div:first-child.row > [class*="col-"]:first-child .form-group-default{
    border-top-left-radius:2px;
}

.form-group-attached > div:first-child.row > [class*="col-"]:last-child .form-group-default{
    border-top-right-radius:2px;
}

.form-group-attached > div:first-child.form-group-default{
    border-top-left-radius:2px;
    border-top-right-radius:2px;
}

.form-group-attached > div:last-child.row > [class*="col-"]:first-child .form-group-default{
    border-bottom-left-radius:2px;
}

.form-group-attached > div:last-child.row > [class*="col-"]:last-child .form-group-default{
    border-bottom-right-radius:2px;
}

.form-group-attached > div:last-child.form-group-default{
    border-bottom-left-radius:2px;
    border-bottom-right-radius:2px;
}

.form-group-attached > div.row > [class*="col-"]{
    padding-right:0 !important;
    padding-left:0 !important;
}

.form-group-attached > div.row > [class*="col-"]:not(:only-child):not(:last-child) > .form-group-default{
    border-right-color:transparent;
}

.form-group-attached > div:not(:last-child) .form-group-default, .form-group-attached > div:not(:last-child).form-group-default{
    border-bottom-color:transparent;
}

@media (max-width:767px){
    .form-group-attached .form-group-default{
        border-right-color:var(--color-blue-dark-14) !important;
    }
}

@media only screen and (min-width:768px){
    .form-group-attached > div.row > [class*="col-"] .form-group{
        height:100%;
        width:100%;
    }
}

.form-group{
    margin-bottom:10px;
}

.form-group label:not(.error){
    color:var(--color-blue-gray-dark);
    transition:all 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

.form-group label .help{
    margin-left:8px;
}

.form-group .help{
    font-size:12px;
    color:var(--color-blue-dark-67);
    letter-spacing:normal;
    line-height:18px;
    display:block;
    margin-top:6px;
    margin-left:3px;
}

@keyframes shake{
    8%,
    41%{
        -webkit-transform:translateX(-4px);
    }
    25%,
    58%{
        -webkit-transform:translateX(4px);
    }
    75%{
        -webkit-transform:translateX(-2px);
    }
    92%{
        -webkit-transform:translateX(2px);
    }
    0%,
    100%{
        -webkit-transform:translateX(0);
    }
}

.form-group-default{
    background-color:var(--color-white-100);
    font-family:-apple-system, BlinkMacSystemFont, "Inter UI", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    position:relative;
    border:1px solid var(--color-blue-dark-14);
    border-top-color:rgba(0, 0, 0, 0.14);
    border-radius:2px;
    padding-top:5px;
    padding-left:9px;
    padding-right:9px;
    padding-bottom:4px;
    overflow:hidden;
    width:100%;
    -webkit-transition:background-color 0.2s ease;
    transition:background-color 0.2s ease;
    cursor:text;
}

.form-group-default.form-check-group{
    cursor:default;
}

.form-group-default.form-check-group label{
    cursor:pointer;
}

.form-group-default.required:after{
    color:var(--color-danger-bg);
    content:"*";
    font-family:-apple-system, BlinkMacSystemFont, "Inter UI", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    font-size:20px;
    position:absolute;
    right:10px;
    top:2px;
}

.form-group-default.disabled{
    background:#f9f9fa;
    color:rgba(53, 63, 77, 0.23);
    cursor:not-allowed;
}

.form-group-default.disabled.focused{
    border:1px solid var(--color-bg-primary);
}

.form-group-default.disabled.focused label{
    opacity:1;
}

.form-group-default.disabled label{
    opacity:0.57;
    cursor:not-allowed;
}

.form-group-default.is-valid{
    border:1px solid var(--color-success-dark) !important;
}

.form-group-default.focused{
    border:1px solid var(--color-bg-primary) !important;
}

.form-group-default.is-invalid{
    border:1px solid var(--color-bg-danger-dark) !important;
}

.form-group-default.focused label{
    opacity:0.67;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    backface-visibility:hidden;
    font-size:12px;
    letter-spacing:normal;
}

.form-group-default.is-invalid label{
    color:var(--color-bg-danger-dark);
    animation-name:shake;
    animation-duration:0.4s;
    animation-iteration-count:1;
}

.form-group-default.is-valid .form-control-feedback, .form-group-default.is-invalid .form-control-feedback{
    display:none !important;
}

.form-group-default.is-valid .form-control,
.form-group-default.is-valid .form-control:focus,
.form-group-default.is-invalid .form-control,
.form-group-default.is-invalid .form-control:focus{
    border:none;
    box-shadow:none;
}

.invalid-feedback{
    letter-spacing:normal;
    animation-name:show-msg;
    animation-duration:450ms;
    animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
    position:relative;
}

.form-group-default + .error:after{
    content:"";
    width:0%;
    position:absolute;
    height:1px;
    background-color:var(--color-danger-bg);
    top:-1px;
    right:0;
    animation-name:show-line;
    animation-delay:300ms;
    animation-duration:350ms;
    animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
    animation-fill-mode:forwards;
}

@keyframes show-msg{
    0%{
        height:0;
        opacity:0;
    }
    100%{
        height:18px;
        opacity:1;
    }
}

@keyframes show-line{
    0%{
        width:0%;
    }
    100%{
        width:100%;
    }
}

.form-group-default.input-group{
    padding:0;
}

.form-group-default.input-group > label{
    margin-top:6px;
    padding-left:12px;
}

.form-group-default.input-group > label.inline{
    margin-top:6px;
    float:left;
}

.form-group-default.input-group > .form-control{
    margin-top:-2px;
    margin-bottom:3px;
    padding-left:12px;
}

.form-group-default.input-group label{
    margin-top:6px;
    padding-left:12px;
}

.form-group-default.input-group .form-input-group{
    position:relative;
    -webkit-box-flex:1;
    -ms-flex:1 1 auto;
    flex:1 1 auto;
    width:1%;
    margin-bottom:0;
}

.form-group-default.input-group .form-control, .form-group-default.input-group .form-control-file{
    margin-top:0px;
    margin-bottom:3px;
    padding-left:12px;
    padding-right:12px;
    width:100%;
}

.form-group-default.input-group .form-control-file{
    margin-top:0px;
}

.form-group-default.input-group .invalid-feedback{
    padding-left:12px;
}

.form-group-default.input-group small.form-text{
    padding-left:12px;
    font-size:80%;
    opacity:0.8;
    font-weight:normal;
}

.form-group-default.input-group .input-group-text{
    border:0;
    border-radius:0;
    min-width:50px;
}

.form-group-default.input-group .input-group-text i{
    width:100%;
}

.form-group-default.input-group .btn{
    border-top:0;
    border-bottom:0;
}

.form-group-default .form-control{
    border:none;
    height:25px;
    min-height:25px;
    padding:0;
    background:none;
    -webkit-box-shadow:none;
    box-shadow:none;
}

.form-group-default .form-control.error{
    color:var(--color-blue-dark);
}

.form-group-default .form-control:focus{
    background:none;
    box-shadow:none;
    border-color:inherit;
}

.form-group-default .form-control:focus::-moz-placeholder{
    color:inherit;
    opacity:0.77;
    font-weight:400;
    font-family:-apple-system, BlinkMacSystemFont, "Inter UI", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

.form-group-default .form-control:focus:-ms-input-placeholder{
    color:inherit;
    opacity:0.77;
    font-weight:400;
    font-family:-apple-system, BlinkMacSystemFont, "Inter UI", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

.form-group-default .form-control:focus::-webkit-input-placeholder{
    color:inherit;
    opacity:0.77;
    font-weight:400;
    font-family:-apple-system, BlinkMacSystemFont, "Inter UI", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

.form-group-default .form-control:focus::placeholder{
    color:inherit;
    opacity:0.77;
    font-weight:400;
    font-family:-apple-system, BlinkMacSystemFont, "Inter UI", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

.form-group-default .form-control:-webkit-autofill, .form-group-default .form-control.error:-webkit-autofill{
    -webkit-box-shadow:0 0 0 1000px var(--color-white-100) inset !important;
}

.form-group-default .form-control:-webkit-autofill:focus, .form-group-default .form-control.error:-webkit-autofill:focus{
    -webkit-box-shadow:0 0 0 1000px var(--color-white-100) inset !important;
}

.form-group-default textarea.form-control{
    padding-top:5px;
}

.form-group-default label{
    margin:0;
    display:block;
    opacity:1;
    cursor:text;
    -webkit-transition:opacity 0.2s ease;
    transition:opacity 0.2s ease;
}

.form-group-default label.label-lg{
    font-size:13px;
    left:13px;
    top:9px;
}

.form-group-default label.label-sm{
    font-size:11px;
    left:11px;
    top:6px;
}

.form-group-default label.highlight{
    opacity:1;
}

.form-group-default label.fade{
    opacity:0.5;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    backface-visibility:hidden;
    font-size:12px;
    letter-spacing:normal;
}

.form-group-default > .input-lg{
    height:29px;
    min-height:29px;
    padding-left:1px;
}

.form-group-default > .input-sm{
    min-height:18px;
    height:18px;
}

.form-group-default .spectrum-group .sp-replacer.sp-krajee{
    background:transparent;
}

.form-group-default .spectrum-group .sp-color, .form-group-default .spectrum-group .sp-hue, .form-group-default .spectrum-group .sp-clear{ border:0; }

.form-group-default .spectrum-group .sp-preview, .form-group-default .spectrum-group .sp-initial{
    border-radius:3px;
    border-color:var(--color-blue-dark-21);
}

.form-group-default .spectrum-group .sp-replacer{
    color:var(--color-blue-dark-21);
}

.form-group-default .spectrum-group .sp-replacer:hover, .form-group-default .spectrum-group .sp-replacer.active{
    color:var(--color-bg-primary);
}

.form-group-default .spectrum-group .sp-thumb-el{ border-radius:3px; overflow:hidden; }

.form-group-default .spectrum-group .input-group-sp{ padding:0 10px 0 0; border:0; }

.form-group-default .spectrum-group .input-group-prepend .input-group-text::after{ background-color:transparent; }

.form-group-default.form-group-default-select{
    overflow:visible;
}

.form-group-default.form-group-default-select .ui-select-container.ui-select-bootstrap.dropdown .ui-select-match{
    padding-top:6px;
    height:23px;
}



.form-group-default .input-group-append .input-group-text:before{
    content:"";
    width:2px;
    height:80%;
    top:0;
    left:-10px;
    position:relative;
    background-color:rgba(0, 0, 0, 0.16);
}

.form-group-default .input-group-prepend .input-group-text:after{
    content:"";
    width:1px;
    height:80%;
    top:0;
    right:-8px;
    position:relative;
    background-color:rgba(0, 0, 0, 0.16);
}

.form-group-default .file-preview{ border:0; }

.is-valid .help-block,
.is-valid .control-label,
.is-valid .radio,
.is-valid .checkbox,
.is-valid .radio-inline,
.is-valid .checkbox-inline{
    color:var(--color-success-dark);
}

.is-valid .form-control{
    border-color:var(--color-success-dark);
    -webkit-box-shadow:none;
    box-shadow:none;
}

.is-valid .form-control:focus{
    border-color:var(--color-success-dark);
    -webkit-box-shadow:none;
    box-shadow:none;
}

.is-valid .form-control:-webkit-autofill{
    -webkit-box-shadow:0 0 0 1000px var(--color-white-100) inset, 0 0 0 1px rgba(0, 0, 0, 0.1), 0 -1px 0 0 rgba(0, 0, 0, 0.05) !important;
}

.is-valid .input-group-addon{
    background:#f3f3f4;
    border:1px solid var(--color-blue-dark-14);
    color:rgba(53, 63, 77, 0.47);
}

.is-valid .form-control-feedback{
    color:var(--color-success-dark);
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline{
    color:var(--color-bg-warning-dark);
}

.has-warning .form-control{
    border-color:var(--color-bg-warning-dark);
    -webkit-box-shadow:none;
    box-shadow:none;
}

.has-warning .form-control:focus{
    border-color:#c7932d;
    -webkit-box-shadow:none;
    box-shadow:none;
}

.has-warning .form-control:-webkit-autofill{
    -webkit-box-shadow:0 0 0 1000px var(--color-white-100) inset, 0 0 0 1px rgba(0, 0, 0, 0.1), 0 -1px 0 0 rgba(0, 0, 0, 0.05) !important;
}

.has-warning .input-group-addon{
    background:#f3f3f4;
    border:1px solid var(--color-blue-dark-14);
    color:rgba(53, 63, 77, 0.47);
}

.has-warning .form-control-feedback{
    color:var(--color-bg-warning-dark);
}

.is-invalid .help-block,
.is-invalid .control-label,
.is-invalid .radio,
.is-invalid .checkbox,
.is-invalid .radio-inline,
.is-invalid .checkbox-inline{
    color:var(--color-danger-bg);
}

.is-invalid .form-control{
    border-color:var(--color-danger-bg);
    -webkit-box-shadow:none;
    box-shadow:none;
}

.is-invalid .form-control:focus{
    border-color:#ce153c;
    -webkit-box-shadow:none;
    box-shadow:none;
}

.is-invalid .form-control:-webkit-autofill{
    -webkit-box-shadow:0 0 0 1000px var(--color-white-100) inset, 0 0 0 1px rgba(0, 0, 0, 0.1), 0 -1px 0 0 rgba(0, 0, 0, 0.05) !important;
}

.is-invalid .input-group-addon{
    background:#f3f3f4;
    border:1px solid var(--color-blue-dark-14);
    color:rgba(53, 63, 77, 0.47);
}

.is-invalid .form-control-feedback{
    color:var(--color-danger-bg);
}

label.error{
    font-size:12px;
    color:var(--color-bg-danger-dark);
    display:block;
}

.validation-popover{
    background:var(--color-black-100);
    box-shadow:rgba(0, 0, 0, 0.3) 0 1px 4px;
}

.validation-popover .popover-body{
    padding:4px 8px;
    font-size:12px;
    line-height:1.4;
    color:var(--color-white-100);
}

.validation-popover > .arrow::after{
    border-top-color:var(--color-black-100);
}

div.cs-select{
    display:inline-block;
    vertical-align:middle;
    position:relative;
    text-align:left;
    background:var(--color-white-100);
    width:100%;
    max-width:500px;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}

div.cs-select:focus{
    outline:none;
}

.cs-select select{
    display:none;
}

.cs-select span{
    display:block;
    position:relative;
    cursor:pointer;
    padding:1em;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.cs-select > span{
    padding-right:3em;
}

.cs-select > span::after,
.cs-select .cs-selected span::after{
    speak:none;
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}

.cs-select > span::after{
    content:"\25BE";
    right:1em;
}

.cs-select .cs-selected span::after{
    content:"\2713";
    margin-left:1em;
}

.cs-select.cs-active > span::after{
    -webkit-transform:translateY(-50%) rotate(180deg);
    transform:translateY(-50%) rotate(180deg);
}

.cs-select .cs-options{
    position:absolute;
    overflow:hidden;
    width:100%;
    background:var(--color-white-100);
    visibility:hidden;
}

.cs-select.cs-active .cs-options{
    visibility:visible;
}

.cs-select ul{
    list-style:none;
    margin:0;
    padding:0;
    width:100%;
}

.cs-select ul span{
    padding:1em;
}

.cs-select ul li.cs-focus span{
    background-color:#ddd;
}

.cs-select li.cs-optgroup ul{
    padding-left:1em;
}

.cs-select li.cs-optgroup > span{
    cursor:default;
}

div.cs-skin-slide{
    color:var(--color-white-100);
    width:300px;
}

@media screen and (max-width:30em){
    div.cs-skin-slide{
        font-size:1em;
        width:250px;
    }
}

div.cs-skin-slide::before{
    content:"";
    background:#282b30;
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    -webkit-transition:-webkit-transform 0.3s;
    transition:transform 0.3s;
}

.cs-skin-slide.cs-active::before{
    -webkit-transform:scale3d(1.1, 3.5, 1);
    transform:scale3d(1.1, 3.5, 1);
}

.cs-skin-slide > span{
    height:80px;
    line-height:32px;
    -webkit-transition:text-indent 0.3s, opacity 0.3s;
    transition:text-indent 0.3s, opacity 0.3s;
}

@media screen and (max-width:30em){
    .cs-skin-slide > span{
        height:60px;
        line-height:28px;
    }
}

.cs-skin-slide.cs-active > span{
    text-indent:-290px;
    opacity:0;
}

.cs-skin-slide.cs-active > span::after{
    -webkit-transform:translate3d(0, -50%, 0);
    transform:translate3d(0, -50%, 0);
}

.cs-skin-slide .cs-options{
    background:transparent;
    width:70%;
    height:400%;
    padding:1.9em 0;
    top:50%;
    left:50%;
    -webkit-transform:translate3d(-50%, -50%, 0);
    transform:translate3d(-50%, -50%, 0);
    -ms-transform:translate(-50%, -50%);
}

@media screen and (max-width:30em){
    .cs-skin-slide .cs-options{
        padding-top:3em;
    }
}

.cs-skin-slide .cs-options li{
    opacity:0;
    -webkit-transform:translate3d(30%, 0, 0);
    transform:translate3d(30%, 0, 0);
    -webkit-transition:-webkit-transform 0.3s, opacity 0.3s;
    transition:transform 0.3s, opacity 0.3s;
}

.cs-skin-slide.cs-active .cs-options li{
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
    opacity:1;
}

.cs-skin-slide.cs-active .cs-options li:first-child{
    -webkit-transition-delay:0.05s;
    transition-delay:0.05s;
}

.cs-skin-slide.cs-active .cs-options li:nth-child(2){
    -webkit-transition-delay:0.1s;
    transition-delay:0.1s;
}

.cs-skin-slide.cs-active .cs-options li:nth-child(3){
    -webkit-transition-delay:0.15s;
    transition-delay:0.15s;
}

.cs-skin-slide.cs-active .cs-options li:nth-child(4){
    -webkit-transition-delay:0.2s;
    transition-delay:0.2s;
}

.cs-skin-slide.cs-active .cs-options li:nth-child(5){
    -webkit-transition-delay:0.25s;
    transition-delay:0.25s;
}

.cs-skin-slide .cs-options li span{
    text-transform:uppercase;
    font-weight:500;
    letter-spacing:2px;
    font-size:65%;
    padding:0.8em 1em 0.8em 2.5em;
}

.cs-skin-slide .cs-options li span:hover,
.cs-skin-slide .cs-options li.cs-focus span,
.cs-skin-slide .cs-options li.cs-selected span{
    color:#eb7e7f;
    background:transparent;
}

.cs-skin-slide .cs-selected span::after{
    content:"";
}

.form-group-default .cs-skin-slide > span{
    padding:0 30px 0 0;
    height:22px;
    line-height:21px;
}

.form-group-default .cs-wrapper{
    width:100%;
    height:100%;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
}

.cs-wrapper{
    display:inline-block;
}

.form-control.cs-select:not(.cs-active){
    width:100% !important;
}

.cs-select{
    background-color:transparent;
}

.cs-select span{
    text-overflow:initial;
}

.cs-select .cs-placeholder{
    width:100%;
}

div.cs-skin-slide{
    width:auto;
    font-family:"Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif, sans-serif;
    color:#5e5e5e;
}

div.cs-skin-slide:before{
    background-color:transparent;
}

div.cs-skin-slide.cs-transparent{
    background:none;
}

div.cs-skin-slide.cs-transparent .cs-backdrop{
    border-color:transparent;
    background:none;
}

div.cs-skin-slide.cs-transparent.cs-active .cs-backdrop{
    background:var(--color-white-100);
}

div.cs-skin-slide > span{
    height:35px;
    padding:6px 33px 6px 17px;
    line-height:23px;
    z-index:1;
}

div.cs-skin-slide.cs-active{
    z-index:790;
}

div.cs-skin-slide.cs-active:before{
    -webkit-transform:scale3d(1, 1, 1);
    transform:scale3d(1, 1, 1);
}

div.cs-skin-slide.cs-active .cs-backdrop{
    border:transparent;
    background:var(--color-white-100);
    box-shadow:-1px 0 1px #ccc, 1px 0 1px #ccc;
}

div.cs-skin-slide > span:after,
div.cs-skin-slide.cs-active > span:after{
    content:"\e98b";
    font-family:"admin-icon";
    color:#5e5e5e;
    font-size:23px;
    position:absolute;
    right:7px;
}

div.cs-skin-slide .cs-options{
    height:auto;
    width:auto;
    padding:10px;
    max-height:350px;
    overflow:hidden;
    z-index:1;
}

div.cs-skin-slide .cs-options ul{
    width:100%;
    display:table;
}

div.cs-skin-slide .cs-options ul li{
    display:table-row;
}

div.cs-skin-slide .cs-options ul li span{
    display:table-cell;
    font-size:14px;
    font-weight:normal;
    letter-spacing:normal;
    padding:5px 0;
    text-transform:none;
    max-height:350px;
    overflow-y:auto;
}

div.cs-skin-slide .cs-options ul li span:hover,
div.cs-skin-slide .cs-options ul li.cs-focus span,
div.cs-skin-slide .cs-options ul li.cs-selected span{
    color:var(--color-blue-dark);
}

.cs-backdrop{
    background:none repeat scroll 0 0 var(--color-white-100);
    border:1px solid var(--color-blue-dark-14);
    bottom:0;
    left:0;
    position:absolute;
    right:0;
    top:0;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease;
}

.cs-skin-slide.cs-active .cs-options li:nth-child(6){
    transition-delay:0.3s;
}

.cs-skin-slide.cs-active .cs-options li:nth-child(7){
    transition-delay:0.35s;
}

.cs-skin-slide.cs-active .cs-options li:nth-child(8){
    transition-delay:0.4s;
}

.cs-skin-slide.cs-active .cs-options li:nth-child(9){
    transition-delay:0.45s;
}

.cs-skin-slide.cs-active .cs-options li:nth-child(10){
    transition-delay:0.5s;
}

.cs-skin-slide.cs-active .cs-options li:nth-child(11){
    transition-delay:0.55s;
}

.cs-input-group-addon{
    background:#f3f3f4;
    border:1px solid var(--color-blue-dark-14);
    padding:6px 10px;
}
