.custom-checkbox {
    position: relative;
    z-index: -1;
    opacity: 0;
    display: none;
}

.custom-checkbox-label {
    padding: 8px;
    cursor: pointer !important;
}

.custom-checkbox+label {
    display: inline-flex;
    align-items: center;
    user-select: none;
}
.custom-checkbox-top+label::before {
    top: 0 !important;
}
.custom-checkbox-form+label::before {
    top: 0 !important;
    margin-right: 6px !important;
}

.custom-checkbox+label::before {
    content: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M14.3%201H1.7C1.51435%201%201.3363%201.07375%201.20503%201.20503C1.07375%201.3363%201%201.51435%201%201.7V14.3C1%2014.4857%201.07375%2014.6637%201.20503%2014.795C1.3363%2014.9263%201.51435%2015%201.7%2015H14.3C14.4857%2015%2014.6637%2014.9263%2014.795%2014.795C14.9263%2014.6637%2015%2014.4857%2015%2014.3V1.7C15%201.51435%2014.9263%201.3363%2014.795%201.20503C14.6637%201.07375%2014.4857%201%2014.3%201ZM13.6%2013.6H2.4V2.4H13.6V13.6Z%22%20fill%3D%22%23ADADAD%22%2F%3E%0A%3C%2Fsvg%3E%0A");
    cursor: pointer;
    display: inline-block;
    width: 16px;
    height: 17px;
    position: relative;
    top: 2px;
    margin: 0;
}

.custom-checkbox:checked+label::before {
    content: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M6.747%2010.7379C6.81207%2010.8035%206.8895%2010.8556%206.9748%2010.8912C7.0601%2010.9267%207.15159%2010.945%207.244%2010.945C7.33641%2010.945%207.4279%2010.9267%207.5132%2010.8912C7.59851%2010.8556%207.67593%2010.8035%207.741%2010.7379L11.8799%206.16401C12.0117%206.03219%2012.0858%205.85342%2012.0858%205.66701C12.0858%205.4806%2012.0117%205.30182%2011.8799%205.17001C11.7481%205.03819%2011.5693%204.96414%2011.3829%204.96414C11.1965%204.96414%2011.0177%205.03819%2010.8859%205.17001L7.244%209.25394L5.52469%207.823C5.39288%207.69118%205.2141%207.61713%205.02769%207.61713C4.84128%207.61713%204.66251%207.69118%204.53069%207.823C4.39888%207.95481%204.32483%208.13358%204.32483%208.32C4.32483%208.50641%204.39888%208.68518%204.53069%208.817L6.747%2010.7379ZM14.3%201H1.7C1.51435%201%201.3363%201.07375%201.20503%201.20503C1.07375%201.3363%201%201.51435%201%201.7V14.3C1%2014.4857%201.07375%2014.6637%201.20503%2014.795C1.3363%2014.9263%201.51435%2015%201.7%2015H14.3C14.4857%2015%2014.6637%2014.9263%2014.795%2014.795C14.9263%2014.6637%2015%2014.4857%2015%2014.3V1.7C15%201.51435%2014.9263%201.3363%2014.795%201.20503C14.6637%201.07375%2014.4857%201%2014.3%201ZM13.6%2013.6H2.4V2.4H13.6V13.6Z%22%20fill%3D%22%238CAF00%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}

.custom-checkbox-green:checked+label::before {
    content: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M6.747%2010.7379C6.81207%2010.8035%206.8895%2010.8556%206.9748%2010.8912C7.0601%2010.9267%207.15159%2010.945%207.244%2010.945C7.33641%2010.945%207.4279%2010.9267%207.5132%2010.8912C7.59851%2010.8556%207.67593%2010.8035%207.741%2010.7379L11.8799%206.16401C12.0117%206.03219%2012.0858%205.85342%2012.0858%205.66701C12.0858%205.4806%2012.0117%205.30182%2011.8799%205.17001C11.7481%205.03819%2011.5693%204.96414%2011.3829%204.96414C11.1965%204.96414%2011.0177%205.03819%2010.8859%205.17001L7.244%209.25394L5.52469%207.823C5.39288%207.69118%205.2141%207.61713%205.02769%207.61713C4.84128%207.61713%204.66251%207.69118%204.53069%207.823C4.39888%207.95481%204.32483%208.13358%204.32483%208.32C4.32483%208.50641%204.39888%208.68518%204.53069%208.817L6.747%2010.7379ZM14.3%201H1.7C1.51435%201%201.3363%201.07375%201.20503%201.20503C1.07375%201.3363%201%201.51435%201%201.7V14.3C1%2014.4857%201.07375%2014.6637%201.20503%2014.795C1.3363%2014.9263%201.51435%2015%201.7%2015H14.3C14.4857%2015%2014.6637%2014.9263%2014.795%2014.795C14.9263%2014.6637%2015%2014.4857%2015%2014.3V1.7C15%201.51435%2014.9263%201.3363%2014.795%201.20503C14.6637%201.07375%2014.4857%201%2014.3%201ZM13.6%2013.6H2.4V2.4H13.6V13.6Z%22%20fill%3D%22%238CAF00%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}

.custom-checkbox.mr-1+label::before {
    margin-right: 0.25rem !important;
}

/* стили при наведении курсора на checkbox */
.custom-hover:hover .custom-checkbox:not(:disabled)+label::before,
.custom-checkbox:not(:disabled)+label:hover::before {
    filter: brightness(80%);
}
/* стили для активного состояния чекбокса (при нажатии на него) */
/*.custom-checkbox:not(:disabled):active+label::before {
    opacity: 100%;
}
/* стили для чекбокса, находящегося в фокусе */
/*.custom-checkbox:focus+label::before {
    opacity: 100%;
}
/* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */
/*.custom-checkbox:focus:not(:checked)+label::before {
    opacity: 100%;
}
/* стили для чекбокса, находящегося в состоянии disabled */
.custom-checkbox:disabled+label::before,
.custom-checkbox:disabled+label {
    pointer-events: none;
    opacity: 50%;
}