.zc-custom-control {
    cursor: pointer;
    font-weight: 400;
    line-height: 14px;
    margin-bottom: 0;
    min-height: 14px;
    min-width: 14px;
    position: relative;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle
}

.zc-custom-control+.zc-custom-control {
    margin-left: 15px
}

.zc-custom-checkbox.disabled {
    cursor: not-allowed;
}

.zc-custom-control-input {
    opacity: 0;
    position: absolute;
    z-index: -1
}

.zc-custom-control-input:active~.zc-custom-control-indicator,.zc-custom-control-input:checked~.zc-custom-control-indicator {
    border: none
}

.zc-custom-control-indicator {
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    border-color: #a0a0a0;
    border-style: solid;
    border-width: 1px;
    display: block;
    height: 14px;
    left: 0;
    position: absolute;
    top: 0;
    width: 14px
}

.zc-custom-control-label {
    display: block;
    line-height: 14px;
    margin-left: 21px;
    -webkit-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.zc-custom-checkbox .zc-custom-control-indicator {
    -webkit-background-size: 75% 75%;
    background-size: 75% 75%;
    border-radius: 2px
}

.zc-custom-checkbox .zc-custom-control-input:checked~.zc-custom-control-indicator {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='%23fff'%3E%3Cpath d='M26.109 8.844q0 .625-.438 1.062L12.233 23.344q-.438.438-1.062.438t-1.062-.438l-7.781-7.781q-.438-.438-.438-1.062t.438-1.062l2.125-2.125q.438-.438 1.062-.438t1.062.438l4.594 4.609 10.25-10.266q.438-.438 1.062-.438t1.062.438l2.125 2.125q.438.437.438 1.062z'/%3E%3C/svg%3E")
}

.zc-custom-radio .zc-custom-control-indicator {
    -webkit-background-size: 30%;
    background-size: 30%;
    border-radius: 50%
}

.zc-custom-radio .zc-custom-control-input:checked~.zc-custom-control-indicator {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='28' viewBox='0 0 24 28' fill='%23fff'%3E%3Cpath d='M24 14q0 3.266-1.609 6.023t-4.367 4.367-6.023 1.609-6.023-1.609-4.367-4.367T.002 14t1.609-6.023T5.978 3.61t6.023-1.609 6.023 1.609 4.367 4.367T24 14z'/%3E%3C/svg%3E")
}

.zc-custom-control-default .zc-custom-control-input:checked~.zc-custom-control-indicator {
    background-color: #757575
}

.zc-custom-control-default .zc-custom-control-input:active~.zc-custom-control-indicator {
    background-color: #b5b5b5
}

.zc-custom-control-primary .zc-custom-control-input:checked~.zc-custom-control-indicator {
    background-color: #0288d1
}

.zc-custom-control-primary .zc-custom-control-input:active~.zc-custom-control-indicator {
    background-color: #55c2fd
}

.zc-custom-control-success .zc-custom-control-input:checked~.zc-custom-control-indicator {
    background-color: #43a047
}

.zc-custom-control-success .zc-custom-control-input:active~.zc-custom-control-indicator {
    background-color: #91d194
}

.zc-custom-control-info .zc-custom-control-input:checked~.zc-custom-control-indicator {
    background-color: #2196f3
}

.zc-custom-control-info .zc-custom-control-input:active~.zc-custom-control-indicator {
    background-color: #9acffa
}

.zc-custom-control-warning .zc-custom-control-input:checked~.zc-custom-control-indicator {
    background-color: #ef6c00
}

.zc-custom-control-warning .zc-custom-control-input:active~.zc-custom-control-indicator {
    background-color: #ffb070
}

.zc-custom-control-danger .zc-custom-control-input:checked~.zc-custom-control-indicator {
    background-color: #d50000
}

.zc-custom-control-danger .zc-custom-control-input:active~.zc-custom-control-indicator {
    background-color: #ff5656
}

.has-error .zc-custom-control-indicator {
    border-color: #d50000
}

.zc-custom-control .zc-custom-control-input:disabled~.zc-custom-control-indicator, .zc-custom-control.disabled .zc-custom-control-indicator {
    cursor: not-allowed;
	background-color: #e0e0e0;
}

.zc-custom-control .zc-custom-control-input:disabled:checked~.zc-custom-control-indicator, .zc-custom-control.disabled .zc-custom-control-input:checked~.zc-custom-control-indicator {
	background-color: #64b8e6;
}

.zc-custom-controls-stacked .zc-custom-control {
    display: block
}

.zc-custom-controls-stacked .zc-custom-control+.zc-custom-control {
    margin-left: 0;
    margin-top: 15px
}
.zc-custom-control .zc-custom-control-input:disabled,.zc-custom-control.disabled .zc-custom-control-input {
    pointer-events: none
}
