:root {
    --calendar-bg-color: #262829;
    --calendar-font-color: #FFF;
    --weekdays-border-bottom-color: #404040;
    --calendar-date-hover-color: #505050;
    --calendar-current-date-color: #1b1f21;
    --calendar-today-color: linear-gradient(to bottom, #03a9f4, #2196f3);
    --calendar-today-innerborder-color: transparent;
    --calendar-nextprev-bg-color: transparent;
    --next-prev-arrow-color : #FFF;
    --calendar-border-radius: 16px;
    --calendar-prevnext-date-color: #484848
}
.kc-input-group{
    display: block;
    position: relative;
}
.kc-input-group *{
    box-sizing: border-box;
}
.kc-group-admin{
    display: block;
    position: relative;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 15px;
    margin-top: 20px;
}
.kc-admin-body{
    display: block;
    position: relative;
    width: auto;
    margin-top: 20px;
}

.kc-add-input{
    display: block;
    position: relative;
    cursor: pointer;
}
.kc-sub-add-input{
    display: block;
    position: absolute;
    cursor: pointer;
    right: 0;
    bottom: 0;
    width: 20px;
}
.kc-del-input{
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
}
.kc-del-input:after
{
    content: '';
    display: block;
    position: relative;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #fff;
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="Edit / Add_Plus"><path id="Vector" d="M6 12H12M12 12H18M12 12V18M12 12V6" stroke="%23000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g></svg>');
    background-position: center;
    background-size: 50%;
    background-repeat: no-repeat;
    top: -3px;
    left: 50%;
    cursor: pointer;
    border: 1px solid #ccc;
    translate: -50% 0;
    rotate: 45deg;
}
.kc-file-inp.kc-admin-body{
    display: inline-block;
    width: fit-content;
    margin-right: 20px;
    vertical-align: top;
}
.kc-file-inp.kc-admin-body+.kc-add-input{
    display: inline-block;
    position: relative;
    vertical-align: middle;
    height: 154px;
    width: 154px;
    margin-top: 15px;
    margin-bottom: 15px;
    border: 1px solid rgba(204, 204, 204, 0.61);
    border-radius: 12px;
}
.kc-file-inp.kc-admin-body+.kc-add-input:after{
    top: 50%;
    translate: -50% -50%;
}
.bx-core-adm-dialog-content-wrap-inner>div>.kc-add-input:nth-child(1){
    margin-top: 10px;
    padding-bottom: 30px;
}
.kc-adm-child{
    padding-left: 30px;
    padding-bottom: 30px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.kc-adm-child>.kc-admin-body{
    width: 100%;
}
.kc-add-input:after,
.kc-sub-add-input:after
{
    content: '';
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #fff;
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="Edit / Add_Plus"><path id="Vector" d="M6 12H12M12 12H18M12 12V18M12 12V6" stroke="%23000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g></svg>');
    background-position: center;
    background-size: 50%;
    background-repeat: no-repeat;
    top: -10px;
    left: 50%;
    border: 1px solid #ccc;
    translate: -50% 0;
}
.kc-add-input:before{
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 1px;
}
.kc-admin-body>.kc-group-admin:nth-child(2),
.kc-admin-body.kc-multi{
    margin-top: 15px;
    padding-top: 0;
}
.kc-input-group .kc-submit{
    display: block;
    position: relative;
    border-radius: 12px;
    font-size: 16px;
    width: fit-content;
    color: #fff;
    background: linear-gradient(135.00deg, rgb(55, 165, 255), rgb(7, 130, 253));
    outline: none;
    border: none;
    padding: 0 20px;
    line-height: 40px;
    cursor: pointer;
}
.kc-input-group.kc-checkbox>input,
.kc-input-group.kc-radio>input
{
    display: block;
    position: absolute;
    opacity: 0;
}
.kc-input-group.kc-checkbox>span>a,
.kc-input-group.kc-radio>span>a
{
    text-decoration: underline;
}
.kc-input-group.kc-checkbox>i,
.kc-input-group.kc-radio>i
{
    display: inline-block;
    position: relative;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 6px;
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: center;
    transition: 0.3s;
}
.kc-input-group.kc-radio>i{
    border-radius: 50%;
}

.kc-input-group.kc-radio>i:before{
    content: '';
    display: block;
    position: absolute;
    width: 50%;
    height: 50%;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    translate: -50% -50%;
    background-color: #fff;
}
.kc-input-group.kc-checkbox>i{
    background-image: url('data:image/svg+xml,<svg width="8.003906" height="6.003906" viewBox="0 0 8.00391 6.00391" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M0.5 2.5L2.5 5.5" stroke="%23FFFFFF" stroke-opacity="1.000000" stroke-width="1.000000" stroke-linejoin="round" stroke-linecap="round"/><path d="M7.5 0.5L2.5 5.5" stroke="%23FFFFFF" stroke-opacity="1.000000" stroke-width="1.000000" stroke-linejoin="round" stroke-linecap="round"/></svg>');
}
.kc-input-group.kc-checkbox>input:checked+i,
.kc-input-group.kc-radio>input:checked+i
{
    border-color: #0782FD;
    background-color: #0782FD;
}
.kc-input-group.kc-checkbox>span,
.kc-input-group.kc-radio>span
{
    display: inline;
    position: relative;
    top: 0 !important;
    left: 0 !important;
    padding: 0;
    vertical-align: middle;
    pointer-events: auto;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.kc-input-group.kc-checkbox,
.kc-input-group.kc-radio
{
    line-height: 16px;
    color: #000;
    font-size: 13px;
    font-weight: 400;
}
.kc-group-admin *{
    box-sizing: border-box !important;
}
.kc-input-group .kc-input-text
{
    display: block;
    position: relative;
    width: 100%;
    height: 40px !important;
    min-width: auto;
    padding: 10px 15px !important;
    border: 1px solid #ccc !important;
    border-radius: 5px !important;
    outline: none !important;
    line-height: normal;
    font-size: 100% !important;
    font-family: inherit;
    background: #fff !important;
    box-shadow: none !important;
    appearance: none !important;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.kc-input-group.kc-selector input{
    height: 40px !important;
    background: #fff !important;
}
.kc-input-group.kc-err-validate .kc-input-text{
    border: 1px solid #ff0000;
}
.kc-input-group .kc-err-validate-text{
    display: block;
    position: absolute;
    bottom: 0;
    right: 15px;
    font-size: 12px;
    translate: 0 50%;
    color: #fff;
    background-color: #ff0000;
    padding: 0 15px;
    border-radius: 10px;
    pointer-events: none;
}
.kc-input-group>.kc-icon-show
{
    display: block;
    position: absolute;
    top: 50%;
    right: 15px;
    translate: 0 -50%;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}
.kc-input-group>.kc-icon-show{
    background-image: url('data:image/svg+xml,<svg fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="rgb(0,0,0)"><path clip-rule="evenodd" d="m21.7071 3.70711c.3905-.39053.3905-1.02369 0-1.41422-.3905-.39052-1.0237-.39052-1.4142 0l-3.2953 3.29534c-1.3614-.91876-3.0314-1.58823-4.9976-1.58823-4.74317 0-7.73961 3.86183-9.02993 5.95444-.77886 1.26316-.77703 2.83136.00125 4.09316.54961.8911 1.37125 2.0437 2.47009 3.0968l-3.14441 3.1444c-.39053.3905-.39053 1.0237 0 1.4142.39052.3905 1.02369.3905 1.41421 0l6.25683-6.2568c.59546.3519 1.29016.5538 2.03196.5538 2.2091 0 4-1.7909 4-4 0-.7418-.2019-1.4365-.5538-2.03196zm-9.7071 2.29289c1.3404 0 2.522.4079 3.5507 1.03512l-1.5187 1.5187c-.5955-.35189-1.2902-.55382-2.032-.55382-2.20914 0-4 1.79086-4 4 0 .7418.20193 1.4365.55382 2.032l-1.69783 1.6978c-.95043-.9039-1.68124-1.9196-2.18243-2.7322-.38208-.6194-.38234-1.3752-.0011-1.9935 1.24881-2.02525 3.72618-5.0041 7.32754-5.0041zm-1.9323 6.518c-.38108-1.4251.9963-2.83912 2.4503-2.4503zm3.8646-1.036-2.4503 2.4503c1.454.3888 2.8314-1.0252 2.4503-2.4503z" fill-rule="evenodd"/><path d="m19.7766 8.18346c-.348-.42889-.9777-.49451-1.4066-.14656s-.4945.97771-.1466 1.4066c.4461.54985.8143 1.0908 1.1031 1.559.3821.6194.3823 1.375.001 1.9934-1.2488 2.0253-3.7262 5.0041-7.3275 5.0041-.8114 0-1.5594-.1489-2.24832-.4019-.51843-.1904-1.09304.0755-1.28343.594-.19039.5184.07554 1.093.59397 1.2834.8946.3285 1.87558.5245 2.93778.5245 4.7432 0 7.7396-3.8618 9.0299-5.9544.7789-1.2631.7772-2.8312-.0011-4.09301-.3252-.52726-.7424-1.14073-1.2522-1.76913z"/></g></svg>');
}
.kc-input-group>.kc-icon-show.kc-active{
    background-image: url('data:image/svg+xml,<svg fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g clip-rule="evenodd" fill="rgb(0,0,0)" fill-rule="evenodd"><path d="m12 8c-2.20914 0-4 1.79086-4 4 0 2.2091 1.79086 4 4 4 2.2091 0 4-1.7909 4-4 0-2.20914-1.7909-4-4-4zm-2 4c0-1.1046.8954-2 2-2s2 .8954 2 2-.8954 2-2 2-2-.8954-2-2z"/><path d="m12 4c-4.74316 0-7.73961 3.86183-9.02993 5.95444-.77845 1.26246-.77845 2.82866 0 4.09116 1.29032 2.0926 4.28677 5.9544 9.02993 5.9544 4.7432 0 7.7396-3.8618 9.0299-5.9544.7785-1.2625.7785-2.8287 0-4.09116-1.2903-2.09261-4.2867-5.95444-9.0299-5.95444zm-7.32754 7.0041c1.24881-2.02525 3.72618-5.0041 7.32754-5.0041 3.6014 0 6.0787 2.97885 7.3275 5.0041.3817.619.3817 1.3728 0 1.9918-1.2488 2.0253-3.7261 5.0041-7.3275 5.0041-3.60136 0-6.07873-2.9788-7.32754-5.0041-.38164-.619-.38164-1.3728 0-1.9918z"/></g></svg>');
}
.kc-input-group textarea.kc-input-text{
    min-height: 80px;
}
.kc-input-group>span,
.kc-input-group>label>span
{
    display: block;
    position: absolute;
    padding: 0 15px;
    top: 11px;
    left: 0;
    pointer-events: none;
    transition: 0.3s;
    z-index: 1;
}
.kc-input-group .kc-input-text:focus+span,
.kc-input-group .kc-input-text.kc-not-empty+span
{
    top: -7px;
    left: 10px;
    padding: 0 10px;
    color: #fff;
    background-color: #ccc;
    font-size: 12px;
    border: 1px solid #ccc;
    border-radius: 10px;
}
.kc-add{
    display: block;
    position: relative;
    width: 30px;
    height: 30px;
    background-color: #000;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: center;
    border-radius: 50%;
    background-image:url('data:image/svg+xml,<svg id="Layer_1" viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg"><path d="m58.5 105.3h14.7c1.7 0 3-1.3 3-3v-23.3h24.8c1.7 0 3-1.3 3-3v-14.8c0-1.7-1.3-3-3-3h-24.7v-26.1c0-1.7-1.3-3-3-3h-14.8c-1.7 0-3 1.3-3 3v26.1h-24.7c-1.7 0-3 1.3-3 3v14.8c0 1.7 1.3 3 3 3h24.7v23.3c0 1.7 1.4 3 3 3zm-24.7-32.3v-8.7h24.7c1.7 0 3-1.3 3-3v-26.2h8.7v26.1c0 1.7 1.3 3 3 3h24.8v8.8h-24.7c-1.7 0-3 1.3-3 3v23.3h-8.7v-23.3c0-1.7-1.3-3-3-3z" fill="%23fff"/></svg>');
}
.kc-input-group.kc-input-file{
    display: inline-block;
    position: relative;
    width: 150px;
    height: 150px;
    border: 2px dashed #ccc;
    border-radius: 12px;
    margin-bottom: 15px;
    background-image: url('data:image/svg+xml,<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><g id="Ikon"><path d="m27 6h-1v-1a3.0088 3.0088 0 0 0 -3-3h-18a3.0088 3.0088 0 0 0 -3 3v18a3.0088 3.0088 0 0 0 3 3h1v1a3.0088 3.0088 0 0 0 3 3h18a3.0088 3.0088 0 0 0 3-3v-18a3.0088 3.0088 0 0 0 -3-3zm-22 18a1.0029 1.0029 0 0 1 -1-1v-18a1.0029 1.0029 0 0 1 1-1h18a1.0029 1.0029 0 0 1 1 1v18a1.0029 1.0029 0 0 1 -1 1zm23 3a1.0029 1.0029 0 0 1 -1 1h-18a1.0029 1.0029 0 0 1 -1-1v-1h15a3.0088 3.0088 0 0 0 3-3v-15h1a1.0029 1.0029 0 0 1 1 1z" fill="%23ccc"/><path d="m21 14a1 1 0 0 1 -1 1h-5v5a1 1 0 0 1 -2 0v-5h-5a1 1 0 0 1 0-2h5v-5a1 1 0 0 1 2 0v5h5a1 1 0 0 1 1 1z" fill="%23ccc"/></g></svg>');
    background-repeat: no-repeat;
    background-size: 40%;
    background-position: center;
    cursor: pointer;
}
.kc-input-group.kc-input-file input[type="file"]{
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
.kc-input-group.kc-input-file label>span{
    top: -7px;
    left: 10px;
    padding: 0 10px;
    color: #fff;
    background-color: #ccc;
    font-size: 12px;
    border: 1px solid #ccc;
    border-radius: 10px;
}
.kc-input-group.kc-input-file .kc-input-file-list>*{
    display: block;
    position: relative;
    width: 146px;
    height: 146px;
    background-image: url('data:image/svg+xml,<svg fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="%230062bc"><path d="m20.5043 5c.4407 0 .6614-.53283.3498-.84445l-4.0096-4.009674c-.3117-.311623-.8445-.0909177-.8445.349784v2.515c0 .98934.5 1.98934 1.9893 1.98934z" fill="%230062bc" style="fill: rgb(204, 204, 204);"></path><path d="m6 1c-1.65685 0-3 1.34315-3 3v17c0 1.6569 1.34315 3 3 3h12c1.6569 0 3-1.3431 3-3v-13.78993c0-.27614-.2239-.5-.5-.5h-4.5c-1.1046 0-2-.89543-2-2v-3.21007c0-.27614-.2239-.5-.5-.5z" fill="%230062bc" style="fill: rgb(204, 204, 204);"></path></g></svg>');
    background-position: center;
    background-size: 60%;
    background-repeat: no-repeat;
    background-color: #fff;
    overflow: hidden;
    border-radius: 12px;
    cursor: default;
}
.kc-input-group.kc-input-file>textarea{
    display: none;
}
.kc-input-group.kc-input-file .kc-input-file-list>*>span{
    display: block;
    position: absolute;
    width: 85%;
    left: 50%;
    bottom: 30px;
    translate: -50% 0;
    border-radius: 12px;
    background-color: #000;
    color: #fff;
    font-size: 12px;
    line-height: 14px;
    padding: 4px 6px;
    text-align: center;
}
.kc-input-group.kc-input-file .kc-input-file-list>*>span>i{
    display: block;
    position: absolute;
    top: -11px;
    right: -3px;
    width: 16px;
    height: 16px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    background-image: url('data:image/svg+xml,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 511.999 511.999" style="enable-background:new 0 0 511.999 511.999;" xml:space="preserve"><circle style="fill:%23E21B1B;" cx="255.999" cy="255.999" r="255.999"/><g><rect x="244.002" y="120.008" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -106.0397 256.0022)" style="fill:%23FFFFFF;" width="24" height="271.988"/><rect x="120.008" y="244.007" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -106.0428 256.0035)" style="fill:%23FFFFFF;" width="271.988" height="24"/></g></svg>');
}